comand-component-library 4.0.18 → 4.0.20

package/dist/style.css

@@ -1 +1 @@
-.iconify{font-size:var(--default-icon-size);vertical-align:text-bottom}.iconify+span,span+.iconify{margin-left:calc(var(--default-margin) / 2)}.edit-component-wrapper{border:.1rem dashed transparent;transition:var(--default-transition);display:block}.edit-component-wrapper:hover,.edit-component-wrapper:active,.edit-component-wrapper:focus{border-color:var(--primary-color);background:hsla(0deg,0%,100%,.1);transition:var(--default-transition)}.edit-component-wrapper:focus,.edit-component-wrapper.active{border-style:solid;border-color:var(--primary-color)}.edit-component-wrapper:focus .action-buttons,.edit-component-wrapper.active .action-buttons{opacity:1;transition:var(--default-transition)}.edit-component-wrapper label.text-center input{text-align:center}.edit-component-wrapper label.edit-mode input,.edit-component-wrapper label select,.edit-component-wrapper label .cmd-fake-select{padding:0;height:auto;min-height:calc(var(--input-height) / 2)}.edit-component-wrapper [data-component=CmdSlideshow]{top:1.8rem;right:5.3rem}.edit-component-wrapper.highlight{border-color:var(--hyperlink-color-highlighted);border-style:dotted}.edit-component-wrapper .component-name{display:none;position:absolute;left:auto;right:8rem;font-size:1.1rem;font-style:italic;z-index:1;padding:.2rem 2rem .2rem .5rem;background:var(--primary-color);margin:0}.edit-component-wrapper .action-buttons{--action-buttons-size: 3.6rem;transition:var(--default-transition);gap:0;position:absolute;top:-1.8rem;right:.8rem;z-index:1;margin:0}.edit-component-wrapper .action-buttons li:nth-child(odd){top:0}.edit-component-wrapper .action-buttons li:nth-child(2n){top:-1.6rem}.edit-component-wrapper .action-buttons li:nth-child(5){right:0}.edit-component-wrapper .action-buttons li:nth-child(4){right:calc(var(--action-buttons-size) * -.25)}.edit-component-wrapper .action-buttons li:nth-child(3){right:calc(var(--action-buttons-size) * -.5)}.edit-component-wrapper .action-buttons li:nth-child(2){right:calc(var(--action-buttons-size) * -.75)}.edit-component-wrapper .action-buttons li:nth-child(1){right:calc(var(--action-buttons-size) * -1)}.edit-component-wrapper .edit-items .action-buttons{gap:var(--default-gap-third);top:-2.3rem;left:0;right:auto;flex-wrap:nowrap;border:var(--default-border);border-color:var(--pure-white);border-bottom:0;background:var(--pure-white);border-radius:var(--default-border-radius)}.edit-component-wrapper .edit-items .action-buttons li{top:0;right:0;left:auto}.edit-component-wrapper .edit-items .action-buttons li:nth-child(5){right:0}.edit-component-wrapper .edit-items .action-buttons li:nth-child(4){right:var(--icon-font-size)}.edit-component-wrapper .edit-items .action-buttons li:nth-child(3){right:calc(var(--icon-font-size) * 2)}.edit-component-wrapper .edit-items .action-buttons li:nth-child(2){right:calc(var(--icon-font-size) * 3)}.edit-component-wrapper .edit-items .action-buttons li:nth-child(1){right:calc(var(--icon-font-size) * 4)}.edit-component-wrapper .edit-items .action-buttons li a.button{border-radius:var(--full-circle);font-size:1rem;display:block;padding:.5rem;background:var(--button-background)}.edit-component-wrapper .edit-items .action-buttons li a.button:before{content:"";font-size:1rem}.edit-component-wrapper .edit-items .action-buttons li a.button span[class*=icon-]{font-size:var(--icon-size-small);position:relative;top:0;left:0;transform:none}.edit-component-wrapper .edit-items .action-buttons li a.button span[class*=icon-]:before{color:var(--hyperlink-color)}.edit-component-wrapper .edit-items .action-buttons li a.button.primary{background:var(--primary-color)}.edit-component-wrapper .edit-items .action-buttons li a.button:hover span[class*=icon-]:before,.edit-component-wrapper .edit-items .action-buttons li a.button:active span[class*=icon-]:before,.edit-component-wrapper .edit-items .action-buttons li a.button:focus span[class*=icon-]:before{color:var(--hyperlink-color-highlighted)}.edit-component-wrapper .edit-items.active{background:hsla(0deg,0%,100%,.2)}.edit-component-wrapper.active{background:var(--pure-white);border-color:var(--pure-white);min-height:2.5rem}.edit-component-wrapper.active .component-name{display:block}.edit-component-wrapper.active label.cmd-form-element :is(input[type=checkbox],input[type=radio]):checked~.label-text span{color:var(--pure-white)}.edit-component-wrapper .cmd-headline{margin:0}.edit-component-wrapper .cmd-thumbnail-scroller .inner-thumbnail-wrapper>ul>li{align-self:flex-start}.edit-component-wrapper .cmd-thumbnail-scroller .cmd-image .drop-area span[class*=icon]{font-size:5rem}.edit-component-wrapper .cmd-image input{width:5rem}.edit-component-wrapper:not(.edit-items)>ul>li a.button{background:none!important}ul.edit-component-wrapper{border:0}ul.edit-component-wrapper>li{list-style-type:none;margin:0}ul.edit-component-wrapper>li.action-buttons-wrapper{display:flex;justify-content:flex-end;padding-top:.1rem}ul.edit-component-wrapper>li.action-buttons-wrapper .action-buttons{position:relative;top:auto}ul.edit-component-wrapper>li.item-wrapper{border:.1rem dashed transparent;transition:var(--default-transition)}ul.edit-component-wrapper>li.item-wrapper:hover,ul.edit-component-wrapper>li.item-wrapper:active,ul.edit-component-wrapper>li.item-wrapper:focus{border-color:var(--primary-color);background:hsla(0deg,0%,100%,.1);transition:var(--default-transition)}ul.edit-component-wrapper>li.item-wrapper:focus,ul.edit-component-wrapper>li.item-wrapper.active{border-style:solid;border-color:var(--primary-color)}ul.edit-component-wrapper>li.item-wrapper:focus .action-buttons,ul.edit-component-wrapper>li.item-wrapper.active .action-buttons{opacity:1;transition:var(--default-transition)}.cmd-headline{margin-bottom:var(--default-margin);gap:calc(var(--default-gap) / 2);p {margin-bottom: 0;} h1,h2,h3,h4,h5,h6 {margin: 0; &:only-child {flex: none; width: 100%;}}}.cmd-headline.text-center>*{text-align:center}.cmd-headline.text-right>*{text-align:right}.cmd-headline.has-pre-headline-text{text-align:inherit}.cmd-headline.has-pre-headline-text>*:first-child{display:flex;align-items:flex-start;span[class*="icon"] {bottom: .2rem;}}.cmd-headline.has-pre-headline-text.text-center>*:first-child{justify-content:center}.cmd-headline.has-pre-headline-text.text-right>*:first-child{justify-content:flex-end}.cmd-headline.has-pre-headline-text.text-right>*{text-align:right}.cmd-headline.has-pre-headline-text:has(h1) span[class*=icon]{font-size:calc(var(--headline-font-size-h1) * 1.6)}.cmd-headline.has-pre-headline-text:has(h2) span[class*=icon]{font-size:calc(var(--headline-font-size-h2) * 1.8)}.cmd-headline.has-pre-headline-text:has(h3) span[class*=icon]{font-size:calc(var(--headline-font-size-h3) * 1.9)}.cmd-headline.has-pre-headline-text:has(h4) span[class*=icon]{font-size:calc(var(--headline-font-size-h4) * 2)}.cmd-headline.has-pre-headline-text:has(h5) span[class*=icon]{font-size:calc(var(--headline-font-size-h5) * 2.1)}.cmd-headline.has-pre-headline-text:has(h6) span[class*=icon]{font-size:calc(var(--headline-font-size-h6) * 2.2)}.cmd-headline.has-pre-headline-text .pre-headline-text-wrapper{display:flex;flex-direction:column}.cmd-headline.has-pre-headline-text .pre-headline-text{font-size:var(--default-font-size);font-weight:var(--font-weight-normal);line-height:1}.cmd-headline.has-pre-headline-text:has(h4,h5,h6) .pre-headline-text{font-size:var(--font-size-small)}.cmd-headline.has-pre-headline-text.has-icon.text-center{justify-content:center}.cmd-headline.has-pre-headline-text.has-icon.text-center *{text-align:left}.cmd-headline.has-pre-headline-text.has-icon.text-right{justify-content:flex-end}.cmd-headline.has-pre-headline-text.has-icon.text-right *{text-align:left}.edit-mode label.headline{input {padding: 0; height: auto; font-weight: var(--headline-font-weight);} &.h1 input {font-size: var(--headline-font-size-h1); text-transform: var(--headline-text-transform);} &.h2 input {font-size: var(--headline-font-size-h2);} &.h3 input {font-size: var(--headline-font-size-h3);} &.h4 input {font-size: var(--headline-font-size-h4);} &.h5 input {font-size: var(--headline-font-size-h5);} &.h6 input {font-size: var(--headline-font-size-h6);}}.cmd-tooltip{padding:.6rem .7rem .4rem;line-height:100%;font-size:var(--font-size-small);position:fixed;background:var(--color-scheme-background);z-index:100;border:var(--default-border);border-color:#3e3f41;border-right-color:#cececf;border-bottom-color:#cececf;display:flex;flex-direction:column}.cmd-tooltip.error,.cmd-tooltip.warning,.cmd-tooltip.success,.cmd-tooltip.info{border-color:var(--status-color)}.cmd-tooltip.error{--status-color: var(--error-color)}.cmd-tooltip.warning{--status-color: var(--warning-color)}.cmd-tooltip.success{--status-color: var(--success-color)}.cmd-tooltip.info{--status-color: var(--info-color)}.cmd-tooltip .headline-wrapper{display:flex;a {margin-left: auto; [class*="icon-"] {padding-left: 1rem; font-size: var(--font-size-small); color: var(--hyperlink-color); &:hover,&:active,&:focus {color: var(--hyperlink-color-highlighted);}}}}@-moz-document url-prefix(){.cmd-tooltip{font-size:1.3rem;border-color:#757575}}.cmd-list-of-requirements{dl {span[class*="icon-"] {color: var(--status-color);} .error,.error span { --status-color: var(--error-color); } .warning,.warning span { --status-color: var(--warning-color); } .success,.success span { --status-color: var(--success-color); } .info,.info span { --status-color: var(--info-color); } dt {color: var(--status-color);} & ~ a {display: flex; align-items: center; justify-content: center; text-align: center; text-decoration: none;}}}.cmd-tooltip-for-form-elements .headline-wrapper{a[class*="icon-"],a:has([class*="icon-"]) {margin-left: auto; &:hover,&:active,&:focus {background: none;}}}.cmd-form-element{input + .place-inside {left: auto; right: .5rem; color: var(--hyperlink-color); span {color: inherit;}} &.has-state,& + .cmd-tooltip {&.error {* { --status-color: var(--error-color); }} ::placeholder {color: var(--status-color);} span {color: var(--status-color); &.place-inside {color: inherit;}} &.success * { --status-color: var(--success-color); }} :is(input[type="checkbox"],input[type="radio"]):checked {~ .label-text span {color: var(--hyperlink-color);} &:hover,&:active,&:focus {~ .label-text span {color: var(--hyperlink-color-highlighted);}}} &.inline {& > span {& > a:not(.button) {margin-left: calc(var(--default-margin) / 2);}}} .search-field-wrapper {margin: 0; input[type="search"] {border-radius: var(--default-border-radius);} a {position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); z-index: 100; &.button {span {color: var(--color-scheme-background);} &:hover,&:active,&:focus {span {color: var(--color-scheme-text-color);}}}} a.button {right: 0; & + a {right: 5rem;}}} .place-inside {+ .search-field-wrapper {input {padding-left: calc(var(--default-padding) * 3);}}} .characters-left-wrapper {margin-top: calc(var(--default-margin) / 2); display: block; span:not(:only-child):first-child {margin-right: calc(var(--default-margin) / 2); color: var(--color-scheme-text-color);} .characters-left {color: var(--color-scheme-text-color); &.error {color: var(--error-color);}}}}.cmd-address-data{dl {grid-row-gap: calc(var(--default-gap) / 2); dt {display: flex; top: .2rem; &.address {align-self: flex-start; [class*="icon"]:only-child {line-height: var(--default-line-height);}}} .order-city-zip,.order-zip-city {display: inline-flex; gap: .5rem;} .order-city-zip {flex-direction: row-reverse;}} ul {gap: calc(var(--default-gap) / 2); margin-left: 0; li {margin-left: 0; list-style: none;}} .edit-component-wrapper {dl {margin-bottom: 0;}}}.edit-component-wrapper .cmd-address-data address{display:flex;flex-direction:column;gap:calc(var(--default-gap) / 2);dt {min-width: 2.5rem;}}.cmd-bank-account-data{dd {display: flex; gap: calc(var(--default-gap) / 2); > span {&:first-child {white-space: nowrap;}}}}.cmd-image{img {display: block;} figcaption {border-bottom-left-radius: var(--default-border-radius); border-bottom-right-radius: var(--default-border-radius);} &.text-center {figcaption {text-align: center;}} &.text-right {figcaption {text-align: right;}} .drop-area {border: 0; align-items: center; justify-content: center; padding: 0; > [class*="icon"] {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-size: 10rem; color: var(--pure-white); text-shadow: var(--default-text-shadow); z-index: 10;} img {opacity: .7; transition: var(--default-transition); &:hover,:active,:focus {opacity: 1; transition: var(--default-transition);} &:not([src]) {display: block; width: 100%; min-height: 30rem;}}}}.edit-mode .edit-component-wrapper .cmd-image{label.edit-mode input {padding: calc(var(--default-padding) / 2);}}.cmd-slide-button.button{font-size:2rem;z-index:10;height:100%;position:absolute;display:flex;justify-content:center;text-decoration:none;border:0;outline:0}.cmd-slide-button.button span{align-self:center}.cmd-slide-button.button.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{display:inline-flex;flex-direction:column;gap:var(--default-gap);width:100%}.cmd-thumbnail-scroller.full-width:not(.vertical){display:flex}.cmd-thumbnail-scroller.full-width:not(.vertical)>div{width:100%}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper{border-radius:var(--default-border-radius);padding:calc(var(--default-padding) * 2);padding-top:0;margin:0 auto;border:var(--default-border);background:var(--color-scheme-background);overflow:hidden}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul{overflow:hidden;margin:0;display:flex;gap:var(--grid-gap);justify-content:space-between;width:100%}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li{align-self:center;list-style-type:none;margin:0;margin-top:2rem;flex:none;img {min-width: 15rem; max-height: 10rem;} a {display: block; text-align: center; &.active {color: var(--hyperlink-color-highlighted); background: none; span,span[class*="icon"] {color: inherit} &:has(figcaption) {img {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}} figcaption {background: var(--primary-color); opacity: 1; color: var(--pure-white);}} &:has(img) {padding: 0;} &:hover,&:active,&:focus {&.active {figcaption {color: var(--hyperlink-color); background: none;}}}} .image-wrapper {min-width: 11.1rem;}}.cmd-thumbnail-scroller.vertical{width:auto}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper{display:inline-flex;left:50%;height:75rem;transform:translate(-50%)}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper>ul{width:auto;display:flex;flex-direction:column}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper>ul [class*=switch-button-]{width:100%;height:auto}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper>ul [class*=switch-button-]:before{transform:rotate(90deg);display:inline-block;margin:0 auto}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper .slide-button-next{top:auto;bottom:0}.cmd-thumbnail-scroller.gallery-scroller{max-width:var(--max-width);left:0;right:0;position:fixed;bottom:var(--default-margin);margin:auto;display:table;li {a {color: var(--color-scheme-text-color); text-decoration: none; &.active {img {border-color: var(--primary-color);} figcaption {color: var(--primary-color);}} &:not(.active) {img {border: var(--default-border); opacity: var(--reduced-opacity);} figcaption {text-decoration: none;}} &:hover,&:active,&:focus {figcaption {color: var(--primary-color);} img {border-color: var(--primary-color); opacity: 1;}}}}}.cmd-thumbnail-scroller.large-icons{ul li a {display: flex; flex-direction: column; gap: calc(var(--default-gap) / 4); text-decoration: none; align-items: center; justify-content: center; span {margin: 0;} [class*="icon-"] {font-size: 5rem;}}}@media only screen and (max-width: 1023px){.cmd-thumbnail-scroller>ul>li{flex:none}.cmd-thumbnail-scroller>ul>li img{max-height:7rem}.cmd-thumbnail-scroller img{width:auto}.cmd-thumbnail-scroller.gallery-scroller{max-width:calc(100% - var(--default-margin) * 3);display:flex}}@container (width <= 600px){.cmd-thumbnail-scroller{display:block}}.cmd-fancybox{position:fixed;z-index:500;flex-direction:column;padding:var(--default-padding);min-width:30vw;min-height:30vh;background:var(--pure-white);border-radius:var(--default-border-radius);overflow:hidden;gap:calc(var(--default-gap) / 2);max-width:var(--max-width)}.cmd-fancybox.image-gallery{margin-top:calc(var(--default-margin) * 2)}.cmd-fancybox[open]{display:flex}.cmd-fancybox.show-overlay::backdrop{--reduced-opacity: .75;background:rgba(0,0,0,var(--reduced-opacity))}.cmd-fancybox>header{display:flex}.cmd-fancybox .cmd-cookie-disclaimer{padding:0}.cmd-fancybox>.grayscale{filter:grayscale(1)}.cmd-fancybox.image{img {display: block; margin: 0 auto;} figcaption {text-align: center;}}.cmd-fancybox.image .outer-content-wrapper{max-height:none}.cmd-fancybox .inner-thumbnail-wrapper li{figure {opacity: .8;} &.active {figure {opacity: 1;} img {border-color: var(--hyperlink-color-highlighted);} a {color: var(--hyperlink-color-highlighted);}}}.cmd-fancybox>header{justify-content:space-between}.cmd-fancybox>header>.cmd-headline{max-width:80%;flex-shrink:1;margin-bottom:0}.cmd-fancybox>header>.button-wrapper{flex-shrink:0;flex-direction:row;align-items:flex-start;gap:calc(var(--default-gap) / 2);margin-left:auto}.cmd-fancybox>header>.button-wrapper>.button{display:block;border:var(--default-border);padding:.2rem;min-width:0;min-height:0}.cmd-fancybox>header>.button-wrapper>.button[class*=print]>[class*=icon-]{color:var(--default-text-color)}.cmd-fancybox>header>.button-wrapper>.button.print-grayscale{background:linear-gradient(135deg,var(--medium-gray) 0%,var(--medium-gray) 50%,var(--pure-white) 50%,var(--pure-white) 100%)}.cmd-fancybox>header>.button-wrapper>.button.print-color{background:linear-gradient(135deg,#009fe3 0%,#009fe3 25%,#e6007e 25%,#e6007e 50%,#ffed00 50%,#ffed00 50%,#ffed00 75%,var(--medium-gray) 75%,var(--medium-gray) 100%)}.cmd-fancybox>header>.button-wrapper>.button:hover,.cmd-fancybox>header>.button-wrapper>.button:active,.cmd-fancybox>header>.button-wrapper>.button:focus{border:var(--primary-border);background:var(--pure-white)}.cmd-fancybox>header>.button-wrapper>.button:hover [class*=icon-],.cmd-fancybox>header>.button-wrapper>.button:active [class*=icon-],.cmd-fancybox>header>.button-wrapper>.button:focus [class*=icon-]{color:var(--primary-color)}.cmd-fancybox>footer{margin-top:auto;justify-content:flex-end}.cmd-fancybox .outer-content-wrapper{max-height:85vh;overflow-x:hidden;flex:none}.cmd-fancybox .outer-content-wrapper .content{figcaption {font-size: 2rem; padding: calc(var(--default-padding) / 2) 0;}}.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}@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>ul{flex-direction:column;gap:calc(var(--default-gap) / 2);margin:0;li {list-style: none; margin-left: 0;} &.align-center {justify-content: center;} &.align-right li {text-align: right;} ul {display: flex; flex-direction: column; margin-left: calc(var(--default-padding) * 2);}}.cmd-list-of-links.show-list-style-items{li {list-style-type: disc; margin-left: 1.7rem;}}.cmd-list-of-links.horizontal>ul{gap:var(--default-gap);flex-direction:row}.cmd-list-of-links.horizontal>ul>li{flex:none;display:flex;flex-direction:column}.cmd-list-of-links.horizontal>ul.align-right{justify-content:flex-end}.cmd-list-of-links.horizontal>ul.stretch{justify-content:space-around}.cmd-list-of-links.large-icons{li {list-style-type: none; a {display: flex; flex-direction: column; gap: calc(var(--default-gap) / 4); text-decoration: none; align-items: center; justify-content: center; span {margin: 0;} [class*="icon-"] {font-size: 5rem;}}}}@media only screen and (max-width: 1023px){.cmd-list-of-links>ul ul{gap:calc(var(--default-gap) / 2)}.cmd-list-of-links>ul ul>li:first-child{margin-top:calc(var(--default-gap) / 2)}}.cmd-box{display:inline-flex;flex-direction:column;padding:0;align-self:start}.cmd-box.stretch-horizontally{display:flex;width:100%}.cmd-box.stretch-vertically{height:100%}.cmd-box .box-header .cmd-headline{margin-bottom:0}.cmd-box.collapsible{a.box-header {justify-content: space-between; background: var(--box-header-background); border-radius: var(--box-border-radius); &:hover,&:active,&:focus {background: var(--pure-white); * {color: var(--hyperlink-color);}}}}.cmd-box .box-body .allow-scroll{overflow-y:auto}.cmd-box .box-body .allow-scroll *{flex-shrink:0}.cmd-box.content>* *:last-child{margin-bottom:0}.cmd-box.content.open{fieldset {border: 0; padding: var(--default-padding);}}.cmd-box.content.open>.box-header{border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-box.content>.box-header{text-decoration:none}.cmd-box.content>.box-header>.cmd-custom-headline{margin-bottom:0}.cmd-box.content>.box-header *{color:var(--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{display:flex;flex-grow:1;border-top:var(--box-border);p.cutoff-text {padding: var(--default-padding); margin: 0; overflow: hidden; height: calc(var(--line-of-text-height) * var(--51f1d922)); &.fade-last-line::after {content: ""; width: 100%; position: absolute; left: 0; bottom: 0; height: calc(var(--line-of-text-height) * 3); background: linear-gradient(to bottom,transparent 0%,var(--default-background) 100%);} &.show-text {height: auto;} & + a {border-top: var(--box-border); display: block; padding: var(--default-padding); margin: 0;}} img {display: block; border-radius: 0;} .navigation {margin: 0; height: 100%; li {list-style-type: none; margin: 0; a {display: block; padding: var(--default-padding); text-decoration: none; border-bottom: var(--box-border); &:hover,&:active,&:focus {background: var(--primary-color); color: var(--pure-white);}} &:last-child {a {border: 0;}}}}}.cmd-box.content .box-body>div:only-child{flex-grow:1}.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;span {position: absolute; display: block; transform: rotate(-45deg); width: 100%; top: 15%; left: -25%; background: var(--error-color); font-weight: bold; color: var(--pure-white); text-transform: uppercase; text-align: center;}}.cmd-box.product .ribbon-discount{left:auto;right:0;span {transform: rotate(45deg); right: -20%; left: auto; background: green;}}.cmd-box.product>.box-header{padding:0;img {border: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} figcaption {font-size: 2rem; font-weight: bold; padding: var(--default-padding);}}.cmd-box.product>.box-header>img,.cmd-box.product>.box-header>div{display:table;margin:0 auto}.cmd-box.product .box-body{flex-grow:1;padding:var(--default-padding);padding-bottom:0}.cmd-box.product .box-body>*{text-align:center}.cmd-box.product .box-body .price{font-size:1.8rem;font-weight:700;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{--default-icon-size: 6rem;--box-header-text-color: var(--primary-color);background:none;img,> 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(--box-header-background); color: var(--pure-white); & + p,& + figcaption {margin: 0 auto; text-align: center; font-weight: bold; font-size: 2rem;}} img {padding: 0; width: calc(var(--default-icon-size) * 2); aspect-ratio: 1/1;} > div:first-child > [class*="icon-"] {margin: 0; font-size: var(--default-icon-size);}}.cmd-box.user>.box-header>div:first-child>[class*=icon-]{aspect-ratio:1/1}.cmd-box.user .box-body{flex-grow:1;padding:var(--default-padding);padding-top:0;p {text-align: center; font-weight: bold; &:last-child {margin-bottom: 0;} &.description {font-weight: normal;}}}.cmd-box.user .box-footer{margin-top:auto;padding:0;border-top:var(--box-border)}.cmd-box.user .box-footer .cmd-list-of-links{ul {width: 100%; margin-bottom: 0; li {flex: 1; border-radius: var(--box-border-radius); a {flex: 1; padding: var(--default-padding); text-align: center; background: var(--color-scheme-background); border-left: var(--box-border); border-radius: var(--box-border-radius);} &:hover,&:active,&:focus {a {background: var(--primary-color); color: var(--pure-white); span,[class*="icon-"] {color: var(--pure-white);}}} &:first-child {a {border: 0;}}}}}.cmd-box.user.row-view [class*=icon]{--default-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;background:none}.cmd-box.user.row-view .box-footer .cmd-list-of-links{background:none;ul,ul * {border: 0; background: inherit;}}.cmd-box-wrapper{display:flex;flex-direction:column;gap:calc(var(--default-gap) / 2)}.cmd-box-wrapper:not(:first-child){margin-top:calc(var(--default-margin) * 2)}.cmd-box-wrapper>.headline-wrapper{align-items:center;justify-content:space-between}.cmd-box-wrapper .options-wrapper{flex:none}.cmd-box-wrapper>.flex-container>.cmd-headline{margin:0}.cmd-box-wrapper>.flex-container.stretch-boxes-vertically .stretch-vertically{align-self:stretch;height:auto}.cmd-box-wrapper .inner-box-wrapper>*{flex:none;flex-grow:1;flex-basis:min-content}.cmd-box-wrapper .row-view{flex-direction:column;p.cutoff-text {height: auto; &.fade-last-line::after {background: none;}} .cmd-box.user {flex-direction: row; padding: var(--default-padding); align-items: center; .box-footer {margin-top: 0;}}}.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--4018ee97),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(--762870ce),minmax(0,1fr))}}@media only screen and (max-width: 600px){.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--4080c863),minmax(0,1fr))}}.cmd-breadcrumbs{display:flex;margin:0;li {display: inherit; align-items: center; list-style-type: none; margin: 0; > span {padding: 0 calc(var(--default-padding) / 2);} &.breadcrumb-label {margin-right: calc(var(--default-margin) / 2);} a {display: table; text-decoration: none; &:hover,&:active,&:focus {text-decoration: underline;}}}}.cmd-company-logo{img {display: block; max-height: 10rem;} > a {display: block; img {border: 0;}}}@media only screen and (max-width: 1023px){.cmd-company-logo img{max-width:100%;max-height:7.5rem}}.cmd-container{min-height:5rem}.cmd-cookie-disclaimer{width:100%;padding:var(--default-padding);padding-right:calc(var(--default-padding) * 2);z-index:100;bottom:0;top:auto;h1 {text-align: center;} .button {margin: 0 auto;} > p {text-align: center;} #form-cookies {margin-bottom: var(--default-margin);} p {a {text-decoration: underline; &:hover,&:active,&:focus {text-decoration: none;}}}}.cmd-cookie-disclaimer .cmd-box .box-header{padding:0;padding-right:var(--default-padding);justify-content:unset;label {padding: calc(var(--default-padding) / 2) var(--default-padding); &.disabled {.label-text span {color: var(--pure-white) !important;}} & + .toggle-icon {padding: calc(var(--default-padding) / 2) var(--default-padding); width: 100%; justify-content: flex-end; text-align: right;}} &:hover,&:active,&:focus {background: var(--hyperlink-color); label.disabled .label-text span {color: var(--disabled-color) !important;}}}.cmd-cookie-disclaimer .cmd-box .box-body{padding:var(--default-padding)}.cmd-copyright-information{background:var(--dark-gray);border-top:var(--default-border-width) var(--default-border-style) var(--pure-white);text-align:center;padding:var(--default-padding);margin-top:auto;flex:none;a {text-decoration: none; color: var(--pure-white); &:hover,&:active,&:focus {text-decoration: underline; color: var(--pure-white);}}}.cmd-fake-select{align-self:flex-end;border-radius:var(--default-border-radius);li {margin-left: 0; list-style: none; a,a:visited {display: flex; align-items: center; width: 100%; padding: .7rem; padding-top: .8rem; outline: none; border-bottom: var(--default-border); text-decoration: none; &:hover,&:active,&:focus {background: var(--primary-color); span,[class*="icon"] {color: var(--pure-white);}} span {&:first-child,&:nth-child(2) {border: 0;}} img {&.flag {margin: 0 calc(var(--default-margin) / 2) 0 0;}} &.active {background: var(--light-gray); span {color: var(--hyperlink-color);} &:hover,&:active,&:focus {background: var(--primary-color); span,[class*="icon"] {color: var(--pure-white);}}}} label {display: flex;} span {white-space: nowrap;} ul {position: absolute; list-style: none; z-index: 10; min-width: 100%; margin: 0; border-bottom-right-radius: var(--default-border-radius); border-bottom-left-radius: var(--default-border-radius); background: var(--color-scheme-background); border: var(--primary-border); li {&:last-child {a {border-bottom: 0;}}} &.custom-fake-select-content {padding: var(--default-padding); img {display: block;}} &.checkbox-options {li {padding: calc(var(--default-padding) / 2); &.select-all-options {border-top: var(--primary-border); padding: 0;}}}}} &.has-state.label {&.error * { --status-color: var(--error-color); } &.success * { --status-color: var(--success-color); } .label-text {> span,[class*="icon-"] {color: var(--status-color);}} > ul {> li:first-child {> a {border-color: var(--status-color); > span,[class*="icon-"] {color: var(--status-color);} &:hover,&:active,&:focus {background: var(--color-scheme-background); span {color: var(--status-color);}}}}}} &.error,&.disabled {a {&:hover,&:focus,&:active {img {&.flag {border-color: var(--border-color);}}}}} &.color {li {a {gap: calc(var(--default-gap) / 2); > span:first-child {width: 1.5rem; aspect-ratio: 1/1; border: var(--default-border); &[style=""] {display: none;}}}}}}.cmd-fake-select>span:first-child{a {align-self: flex-end;}}.cmd-fake-select>ul{height:var(--input-height);margin:0;display:block;min-width:0;box-shadow:none;border-radius:var(--default-border-radius)}.cmd-fake-select>ul>li{height:100%;border-radius:var(--default-border-radius)}.cmd-fake-select>ul>li:first-child>a{height:inherit;border:var(--default-border);background:var(--color-scheme-background);color:var(--color-scheme-text-color);border-radius:var(--default-border-radius);img {flex-shrink: 0;} span,[class*="icon"] {color: var(--color-scheme-text-color);} .option-name {text-overflow: ellipsis; overflow: hidden;} > [class*="icon-"]:last-child {margin-left: auto; font-size: var(--icon-size-small);} &:hover,&:active,&:focus {background: var(--pure-white); border-color: var(--primary-color); span,[class*="icon"] {color: var(--hyperlink-color);}}}.cmd-fake-select>ul.open{border-bottom:0;ul {border-bottom-left-radius: var(--default-border-radius); border-bottom-right-radius: var(--default-border-radius); > li {&:first-child {> a {border-color: var(--primary-color); border-bottom-left-radius: 0; border-bottom-right-radius: 0;}}} > li:last-child {border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; > a {border-bottom-left-radius: inherit; border-bottom-right-radius: inherit;}}}}.cmd-fake-select.disabled>ul>li>a{color:var(--disabled-color);border-color:var(--disabled-color);background:var(--disabled-background)}.cmd-fake-select.disabled>ul>li>a span{color:var(--disabled-color)}.cmd-fake-select.disabled>ul>li>a:hover,.cmd-fake-select.disabled>ul>li>a:active,.cmd-fake-select.disabled>ul>li>a:focus{cursor:not-allowed;color:var(--disabled-color);border-color:var(--disabled-color);background:var(--disabled-background)}.cmd-fake-select.disabled>ul>li>a:hover span,.cmd-fake-select.disabled>ul>li>a:active span,.cmd-fake-select.disabled>ul>li>a:focus span{color:var(--disabled-color)}.cmd-form{fieldset + .button-wrapper {margin-top: var(--default-margin);}}.cmd-form:not([data-use-validation=true]){label.error :where(::placeholder,select option:first-child),:where(input,select,textarea):invalid:focus {color: var(--error-color);} :where(input,select,textarea):valid:focus[required],select:invalid:focus[required] option:not(:first-child) {color: var(--success-color);}}.cmd-form.error{fieldset,*:invalid {border-color: var(--error-color);}}.cmd-form .button,.cmd-form .button:last-child{margin-left:auto}.cmd-form-filters{display:flex;margin:0;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); &:hover,&:active,&:focus {border-color: var(--primary-color);} a {padding: calc(var(--default-padding) / 2); display: flex; align-items: center; text-decoration: none;} &:last-of-type {margin-right: 0;} [class*="icon-"] {font-size: var(--icon-size-small);}}}.cmd-google-maps{border:var(--default-border);border-radius:var(--default-border-radius);iframe {border-radius: inherit;}}.cmd-image-gallery>.cmd-headline,.cmd-image-gallery>input.edit-mode,.cmd-image-gallery>.edit-component-wrapper{grid-column:span var(--grid-columns);margin-bottom:0}.cmd-image-gallery .image-wrapper{align-self:center;justify-self:center;grid-column:span var(--grid-small-span);width:100%;min-width:11.1rem;// assure to be as wide as action-buttons in edit-mode img {border: var(--default-border); border-radius: var(--default-border-radius); max-height: 30rem;} figcaption {padding: calc(var(--default-padding) / 2);} &:hover,&:active,&:focus {text-decoration: none; img {border: var(--primary-border);}} & + .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;margin-bottom:calc(var(--default-margin) / 2)}.cmd-input-group>.label-text>span+a:has([class*=icon-]){margin-left:calc(var(--default-margin) / 2)}.cmd-input-group>.label-text:hover>span,.cmd-input-group>.label-text:active>span,.cmd-input-group>.label-text:focus>span{color:var(--hyperlink-color-highlighted)}.cmd-input-group>.label-text:hover+.flex-container,.cmd-input-group>.label-text:active+.flex-container,.cmd-input-group>.label-text:focus+.flex-container{input {border-color: var(--default-border-color);}}.cmd-input-group.has-state{label,span,[class*="icon-"] {color: var(--status-color);} &.multiple-switch {&.error { --status-color: var(--error-color); label { border-color: var(--error-color); > * { color: var(--error-color); } &:is(:hover, :active, :focus) { span, [class*="icon-"] { color: var(--hyperlink-color-highlighted); } } } }}}.cmd-input-group.has-state.error{--status-color: var(--error-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>.button{margin-left:auto}.cmd-main-navigation{nav {.stretch-items {> li {flex: 1}} > ul {> li {.close-nav {display: none;} &.open {> ul {display: block; > li {&.open {> ul {display: block;}}}}}}} + div {display: none;}} .fade-enter-active,.fade-leave-active {left: 0;} .fade-enter,.fade-leave-to {left: -100%;} header nav > ul,header nav > ul > li {border: 0;}}.cmd-main-navigation.hide-sub-navigation{ul {ul {display: none;}}}.off-canvas-right #toggle-offcanvas{margin-right:0;margin-left:auto}#toggle-offcanvas{margin-left:0;display:none}@media only screen and (max-width: 1023px){.cmd-main-navigation.main-navigation-wrapper{--nav-transition: all .5s linear;display:flex;background:none;border:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding:0 var(--default-padding);transition:var(--nav-transition)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) #toggle-offcanvas{display:flex;margin-bottom:0;width:auto}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas nav{height:100%;background:var(--default-background);left:0;opacity:1;padding:0!important;transition:var(--nav-transition);border-right:var(--default-border);display:block}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas.show-content-overlay nav:before{content:"";position:fixed;width:100%;top:0;left:0;height:100dvh;display:block;background:var(--pure-black-reduced-opacity)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas.show-content-overlay nav ul{z-index:1000;height:100%}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav{position:fixed;top:0;left:-100%;width:auto;height:100dvh;opacity:0;z-index:1000;transition:var(--nav-transition)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul{flex-direction:column;position:relative;left:0;border:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li{border-bottom:var(--default-border);border-right:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav{display:block;border-bottom:var(--default-border)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav a{display:flex;align-items:center}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav a span{font-weight:var(--font-weight-bold)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav a span[class*=icon-]{font-size:var(--font-size-small)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav>a{text-align:left}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li: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)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).off-canvas-right.open-off-canvas nav{right:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).off-canvas-right nav{right:-100%;left:auto}}.cmd-multistep-form-progress-bar{display:flex;justify-content:space-around;border:var(--default-border);margin:0;border-radius:var(--default-border-radius);li {display: flex; flex: 1; list-style-type: none; margin: 0; &:first-child,&:first-child > a {border-top-left-radius: inherit; border-bottom-left-radius: inherit;} &:last-child,&:last-child > a {border-top-right-radius: inherit; border-bottom-right-radius: inherit;} a {display: flex; text-decoration: none; padding: var(--default-padding); align-items: center; justify-content: center; width: 100%; background: var(--primary-color-reduced-opacity); :is(span,[class*="icon-"]) {color: var(--pure-white); & + [class*="icon-"] {&:last-child {border: var(--default-border); border-radius: var(--full-circle); background: var(--pure-white); color: var(--default-text-color); margin: 0; position: absolute; right: 0; transform: translateX(50%); padding: calc(var(--default-padding) / 2); display: flex; justify-content: center; z-index: 1; &::before {font-size: var(--font-size-small);}}}} &:hover,&:active,&:focus {background: var(--primary-color); :is(span,[class*="icon-"]) {color: var(--pure-white);} .number {color: var(--primary-color);}} .number {margin-right: calc(var(--default-margin) / 2); line-height: 100%; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; border-radius: var(--full-circle); border: var(--default-border); border-color: var(--pure-white); background: var(--pure-white); color: var(--primary-color-reduced-opacity);}} &:last-child {a {[class*="icon-"] {&:last-of-type {display: none;}}}} &.active {a {background: var(--primary-color); span,[class*="icon-"] {color: var(--pure-white);} &:hover,&:active,&:focus {span,[class*="icon-"] {color: var(--pure-white); & + [class*="icon-"] {&:last-child {color: var(--default-text-color);}}}}} .number {background: var(--pure-white); border-color: var(--pure-white); color: var(--primary-color) !important;} & ~ li {background: var(--default-background); border-left-color: var(--border-color); a {background: none; color: var(--color-scheme-text-color); span,span[class*="color"] {color: inherit; & + [class*="icon-"] {&:last-child {border-color: var(--border-color); color: var(--pure-white); background: var(--secondary-color);}}} &:hover,&:active,&:focus {span,[class*="icon-"] {&:not(:last-child) {color: var(--primary-color);}} .number {border-color: var(--primary-color);}}} .number {background: none; border-color: var(--border-color);}} & + li {border-left-color: var(--border-color);}}}}.cmd-multistep-form-progress-bar.use-gap{border:0;gap:var(--default-gap);li {border: var(--default-border); border-color: var(--primary-color-reduced-opacity); border-radius: var(--default-border-radius); a,a.active {border: 0; border-radius: inherit; :is(span,[class*="icon-"]) + [class*="icon-"]:last-child {border: 0; right: -1rem; background: none;}} a {:is(span,[class*="icon-"]) + [class*="icon-"]:last-child {color: var(--default-text-color) !important;}} &.active {border-color: var(--primary-color); & ~li {border-color: var(--border-color);}}}}@media only screen and (width < 600px){.cmd-multistep-form-progress-bar{flex-direction:column}.cmd-multistep-form-progress-bar li:not(:last-child){border-bottom:var(--default-border)}.cmd-multistep-form-progress-bar li a :is(span,[class*=icon-])+[class*=icon-]:last-child{left:auto;right:auto;bottom:0;transform:translateY(50%)}.cmd-multistep-form-progress-bar li a :is(span,[class*=icon-])+[class*=icon-]:last-child:before{transform:rotate(90deg)}.cmd-multistep-form-progress-bar li.active~li{border-left:0;border-bottom-color:var(--border-color)}}.edit-mode-opening-hours-item{dt {min-width: 3ch;} .am-wrapper,.pm-wrapper {align-items: center; gap: calc(var(--default-gap) / 2);} label {max-width: 11rem;} .input-wrapper {width: 11rem;}}.cmd-opening-hours{span.pm {margin-left: var(--default-margin);} p:last-child {margin: 0;} .edit-component-wrapper {dl {margin-bottom: 0;}}}.cmd-opening-hours>a,.cmd-opening-hours>span{padding:calc(var(--default-padding) / 2);font-weight:700;display:table;margin-bottom:var(--default-margin);color:var(--pure-white);background:var(--success-color)}.cmd-opening-hours>a.closed,.cmd-opening-hours>span.closed{background:var(--error-color)}.cmd-opening-hours>a:hover,.cmd-opening-hours>a:active,.cmd-opening-hours>a:focus{text-decoration:underline;color:var(--pure-white)}.edit-component-wrapper .cmd-opening-hours{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--default-gap) / 2);dt {min-width: 2.5rem;}}.cmd-pagination{display:flex;justify-content:space-between;button,.button {float: none; margin: 0; span {align-self: center;}} a {display: flex; align-items: center; text-decoration: none; &:hover,&:active,&:focus {cursor: pointer;} &:last-of-type {> [class*="icon-"] {margin-right: 0;}} > [class*="icon-"] {font-size: var(--icon-size-small);}} .page-index {a:not(.button) {padding: 0 calc(var(--default-padding) / 2);}}}@media only screen and (max-width: 1023px){.cmd-pagination>a.button span{margin:0}.cmd-pagination>a.button span:not([class*=icon]){display:none}}@media only screen and (max-width: 1023px) and (max-width: 600px){.cmd-pagination .button{width:auto}.cmd-pagination .page-index .flex-container{flex-direction:row}}[id^=social-network]{background:var(--social-network-color);border-color:var(--social-network-color)}[id^=social-network]>span{color:var(--pure-white)}[id^=social-network]:hover,[id^=social-network]:active,[id^=social-network]:focus{color:var(--pure-white)}[id^=social-network]:hover>span,[id^=social-network]:active>span,[id^=social-network]:focus>span{color:var(--social-network-color)}#social-network-facebook{--social-network-color: #3c5a99}#social-network-twitter{--social-network-color: #6bacde}#social-network-xing{--social-network-color: #007575}#social-network-linkedin{--social-network-color: #0077b5}.cmd-social-networks{display:flex;flex-direction:column;gap:var(--default-gap);container-type:inline-size}.cmd-social-networks .cmd-headline{margin:0}.cmd-social-networks .button-wrapper{flex-direction:row;flex:none;margin:0;gap:calc(var(--default-gap) / 2)}.cmd-social-networks .button-wrapper .button{padding:calc(var(--default-padding) / 2) var(--default-padding);gap:calc(var(--default-gap) / 2);outline:0}.cmd-social-networks .button-wrapper .button span{margin:0}.cmd-social-networks .button-wrapper .button:first-of-type{margin:0}.cmd-social-networks .button-wrapper .button.text-align-right{flex-direction:row}.cmd-social-networks .button-wrapper .button.text-align-left{flex-direction:row-reverse}.cmd-social-networks .button-wrapper.no-gap li .button{border-radius:0}.cmd-social-networks .button-wrapper.no-gap li:first-of-type .button{border-top-left-radius:var(--default-border-radius);border-bottom-left-radius:var(--default-border-radius)}.cmd-social-networks .button-wrapper.no-gap li:last-of-type .button{border-top-right-radius:var(--default-border-radius);border-bottom-right-radius:var(--default-border-radius)}.cmd-social-networks li{list-style-type:none;margin:0}.cmd-social-networks.align-center .button-wrapper{justify-content:center}.cmd-social-networks.align-center .toggle-switch{margin:auto}.cmd-social-networks.align-right .cmd-headline>*{text-align:right}.cmd-social-networks.align-right .toggle-switch{margin-left:auto}.cmd-social-networks.align-right .button-wrapper{justify-content:flex-end}.cmd-social-networks.stretch .button-wrapper li{flex:1}.cmd-social-networks.stretch .button-wrapper li .button{display:flex}.cmd-social-networks a:last-of-type{margin-right:0}.cmd-social-networks [id^=social-network]{background:var(--social-network-color);border-color:var(--social-network-color)}.cmd-social-networks [id^=social-network]>span{color:var(--pure-white)}.cmd-social-networks [id^=social-network]:hover,.cmd-social-networks [id^=social-network]:active,.cmd-social-networks [id^=social-network]:focus{background:var(--pure-white);color:var(--pure-white)}.cmd-social-networks [id^=social-network]:hover>span,.cmd-social-networks [id^=social-network]:active>span,.cmd-social-networks [id^=social-network]:focus>span{color:var(--social-network-color)}.cmd-social-networks #social-network-facebook{--social-network-color: #3c5a99}.cmd-social-networks #social-network-x{--social-network-color: #14171a}.cmd-social-networks #social-network-xing{--social-network-color: #007575}.cmd-social-networks #social-network-linkedin{--social-network-color: #0077b5}@media only screen and (max-width: 600px){.cmd-social-networks .button-wrapper .button{flex:none;width:auto!important}.cmd-social-networks .button-wrapper .button [class*=icon-]+span{display:none}}@container (max-width: 600px){.cmd-social-networks .button-wrapper .button{flex:none;width:auto!important}.cmd-social-networks .button-wrapper .button [class*=icon-]+span{display:none}}.cmd-page-footer{align-items:flex-end}.cmd-page-footer.small-buttons{button,.button {padding: var(--button-padding-small); min-height: var(--button-min-height-small); span {font-size: var(--font-size-small);}}}.cmd-page-footer .cmd-social-networks{container-type:normal!important}.cmd-page-footer>.button-wrapper{flex-direction:row;justify-content:flex-end;margin-left:auto;gap:calc(var(--default-gap) / 2);flex:none}@media only screen and (max-width: 600px){.cmd-page-footer{align-items:flex-start}.cmd-page-footer>.button-wrapper{margin-left:0}}.cmd-page-header{justify-content:space-between}.cmd-page-header .headline-wrapper{gap:calc(var(--default-gap) / 4)}.cmd-page-header .headline-wrapper+*{flex:none}.cmd-progressbar .progressbar{display:table}.cmd-progressbar .progressbar>span{position:absolute;left:50%;transform:translate(-50%);z-index:1}.cmd-sidebar{display:flex;height:100%}.cmd-sidebar.box{padding:0;border-left:0}.cmd-sidebar .cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(1,minmax(0,1fr))}.cmd-sidebar .cmd-box{border-left:0;border-right:0}.cmd-sidebar .inner-sidebar-wrapper{flex:1;display:flex;flex-direction:column}.cmd-sidebar .inner-sidebar-wrapper .cmd-headline.sidebar-main-headline{padding:var(--default-padding);margin:0}.cmd-sidebar .open-slot-wrapper{flex:1}.cmd-sidebar>a{display:flex;flex:none;text-decoration:none;padding:calc(var(--default-padding) / 2);align-items:center;border-left:var(--default-border)}.cmd-sidebar.collapse-to-right{flex-direction:row-reverse;border-right:0}.cmd-sidebar.collapse-to-right>a{border-right:var(--default-border)}.cmd-site-footer{padding:var(--grid-gap) 0;margin-top:auto;flex:none;footer {max-width: var(--max-width); width: 100%; margin: 0 auto; padding: 0 var(--default-padding);} &.sticky {top: auto; bottom: 0;} .cmd-switch-language {width: 100%; flex: none;} + .cmd-copyright-information {margin-top: 0;}}@media only screen and (max-width: 1023px){.cmd-site-footer footer li{margin-bottom:calc(var(--default-margin) * 2)}}@media only screen and (max-width: 1023px) and (max-width: 600px){.cmd-site-footer a{text-decoration:underline}.cmd-site-footer a:active{text-decoration:none}.cmd-site-footer h4,.cmd-site-footer h5,.cmd-site-footer h6{margin-top:var(--default-margin)}}.cmd-site-header{--logo-width-on-scroll: 50%;grid-area:site-header;display:flex;flex-direction:column;flex:none;header,.cmd-main-navigation nav,.cmd-list-of-links {max-width: var(--max-width); width: 100%; padding: 0 var(--default-padding);} .cmd-main-navigation nav {width: auto; margin: 0 0 0 auto;} .top-header {.cmd-list-of-links {padding-top: calc(var(--default-padding) / 2); padding-bottom: calc(var(--default-padding) / 2);}} .main-navigation-wrapper {grid-column: span var(--grid-columns); border-bottom: 0;} & + .main-navigation-wrapper {nav {border-left: 0; border-right: 0;}} > .cmd-main-navigation.main-navigation-wrapper:last-child {border-bottom: 0;} header {padding-top: calc(var(--default-padding) * 2); padding-bottom: calc(var(--default-padding) * 2); row-gap: 0; &.has-navigation {grid-template-rows: 1fr min-content; grid-template-areas: "company-logo" "main-navigation"; padding-bottom: 0;} &.flex-container {width: 100%; .cmd-company-logo {grid-area: company-logo; flex: none;}} .cmd-main-navigation nav {padding: 0;} .cmd-main-navigation,nav ul li {border-bottom: 0;}} &.navigation-inline {header {&.has-navigation {grid-template-rows: 1fr; grid-template-areas: "company-logo main-navigation"; padding-bottom: calc(var(--default-padding) * 2);} .cmd-company-logo {grid-area: company-logo; grid-column: span var(--grid-small-span);} .main-navigation-wrapper {grid-area: main-navigation; display: flex; align-items: center; justify-content: flex-end; grid-column: span var(--grid-large-span); &:not(.persist-on-mobile) {padding-left: 0 !important;}}} &.off-canvas-right {header {&.has-navigation {grid-template-areas: "company-logo main-navigation";}}}}}.cmd-site-header.sticky{position:sticky;z-index:300;header { --header-scroll-animation: var(--default-transition); transition: var(--header-scroll-animation); .cmd-company-logo { figure { img { transform-origin: top left; transition: var(--header-scroll-animation); margin: 0; width: 100%; } } } &.resize-on-scroll { padding-top: var(--default-padding); padding-bottom: var(--default-padding); transition: var(--header-scroll-animation); .cmd-company-logo { figure { img { transition: var(--header-scroll-animation); width: var(--logo-width-on-scroll); } } } } }}@media only screen and (max-width: 1023px){.cmd-site-header header{grid-auto-rows:auto}.cmd-site-header header .cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding:0}.cmd-site-header header+.cmd-main-navigation.main-navigation-wrapper{padding-bottom:var(--default-padding)}.cmd-site-header.navigation-inline .cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding-left:var(--default-padding)}.cmd-site-header.navigation-inline.off-canvas-right .cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding:0}}@media only screen and (max-width: 600px){.cmd-site-header{gap:calc(var(--default-gap) / 2)}.cmd-site-header .top-header .cmd-list-of-links{padding:0}.cmd-site-header .cmd-company-logo{margin:0 auto}.cmd-site-header.navigation-inline header .cmd-company-logo,.cmd-site-header.navigation-inline header .main-navigation-wrapper{grid-column:span calc(var(--grid-small-span) / 2)}}.cmd-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,img {display: block; text-decoration: none; margin: 0 auto;} 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);} &:has(figcaption) {img {border-bottom-left-radius: 0; border-bottom-right-radius: 0;} figcaption {border-bottom-left-radius: var(--default-border-radius); border-bottom-right-radius: var(--default-border-radius);}} .inner-slideshow-wrapper {display: flex; justify-content: center; > a:not(.button) {text-decoration: none; figcaption {border: var(--primary-border); &:hover,&:active,&:focus {background: var(--pure-white); color: var(--hyperlink-color);}}} figure {width: 100%; margin: 0;} .slot-wrapper {padding: calc(var(--default-padding) * 5); width: 100%; min-height: 50rem; background-repeat: no-repeat; background-position: top center; display: flex; justify-content: center; align-content: center; .box {align-self: flex-start;}} .image-wrapper {width: 100%; min-width: 11.1rem; min-height: 50rem;} > ol {display: flex; margin: 0 auto; position: absolute; left: 5.5rem; top: .5rem; gap: calc(var(--default-gap) / 2); li {padding: .2rem; list-style-type: none; margin: 0; border: var(--default-border-reduced-opacity); border-radius: var(--full-circle); background: var(--light-gray); a {display: block; width: 1rem; height: 1rem; border-radius: var(--full-circle);} &:hover,&:active,&:focus,&.active {border-color: var(--hyperlink-color); a {background: var(--pure-white); transition: var(--default-transition);}}} &.bottom {position: relative; justify-content: center; left: unset; top: unset; li {border-color: var(--primary-color); &:hover,&:active,&:focus,&.active {border-color: var(--primary-color); background: var(--pure-white); a {background: var(--primary-color);}}}} &.vertical {flex-direction: column;}} > .item-counter {position: absolute; top: .5rem; right: 5.5rem; padding: 0 .2rem; border-radius: var(--default-border-radius); background: var(--pure-white-reduced-opacity);}}}.edit-mode .cmd-slideshow .image-wrapper.edit-items{padding:0;margin-top:2rem;label.edit-mode input {font-size: 3rem;}}@media only screen and (max-width: 1023px){.cmd-slideshow figcaption{font-size:2rem}}.cmd-switch-language{ul {display: flex; gap: calc(var(--default-gap) / 2); margin: 0; li {list-style-type: none; margin: 0; a:not([class*="active"]) {filter: contrast(.5); &:hover,&:focus-visible,&:active,&.active,&.router-link-active {filter: none; padding: 0; background: none;}}}}}.cmd-system-message{display:inline-flex;margin:var(--default-margin) 0;align-items:center;ul {display: flex; flex-direction: column; li {margin-left: 0;}} > a:not(.button) {display: flex; position: absolute; width: auto; top: .5rem; right: .5rem; text-decoration: none; z-index: 100; line-height: 1; background: var(--pure-white); border-radius: var(--full-circle); [class*="icon-"] {color: var(--default-text-color);} &:hover,&:active,&:focus {background: none; [class*="icon-"] {color: var(--pure-white);}}} &.warning {> a:not(.button) {border-color: var(--default-text-color); [class*="icon-"] {color: var(--default-text-color);} &:hover,&:active,&:focus {border-color: var(--hyperlink-color); [class*="icon-"] {color: var(--pure-white);}}}}}.cmd-system-message>:last-child{margin-bottom:0}.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;table {th {white-space: normal;}}}.cmd-table-wrapper>.button-wrapper{right:0;z-index:100;gap:calc(var(--default-gap) / 2)}.cmd-table-wrapper>.button-wrapper .button{padding:0;min-width:2rem;min-height:2rem}.cmd-table-wrapper>.button-wrapper .button [class*=icon-]{font-size:var(--icon-size-small)}.cmd-table-wrapper .cmd-slide-button{display:none}.cmd-table-wrapper .inner-wrapper{display:flex;overflow-x:auto;width:100%;table {table-layout: fixed; margin: 0; th {a[class*="icon-"] {&,&:hover,&:active,&:focus {font-size: var(--icon-size-small); color: var(--pure-white);}}}}}.cmd-table-wrapper .inner-wrapper .cmd-slide-button{left:0}.cmd-table-wrapper .inner-wrapper .cmd-slide-button:last-child{right:0;left:auto}.cmd-table-wrapper.has-caption{flex-direction:row;table {margin-top: calc(var(--default-margin) / 2);}}.cmd-table-wrapper.has-caption .button-wrapper{position:absolute}.cmd-table-wrapper.has-overflow .cmd-slide-button{display:flex}.cmd-tabs>ul{margin:0;display:flex}.cmd-tabs>ul>li{z-index:10;margin-left:0;border-top-left-radius:var(--default-border-radius);border-top-right-radius:var(--default-border-radius);list-style-type:none;background:var(--color-scheme-background);a {display: flex; align-items: center; justify-content: center; padding: var(--default-padding); border: var(--default-border); border-bottom: 0; border-top-left-radius: var(--default-border-radius); border-top-right-radius: var(--default-border-radius); text-decoration: none; &:hover,&:active,&:focus {cursor: pointer; color: var(--hyperlink-color-highlighted); border-color: var(--hyperlink-color); span,[class*="icon-"] {color: inherit;}}} &.active {span,[class*="icon-"] {color: var(--pure-white);} &:hover,&:active {a,a:focus {color: var(--hyperlink-color); background: var(--pure-white); span,[class*="icon-"] {color: var(--hyperlink-color-highlighted);}}} a:focus {color: var(--pure-white); span,span[class*="icon-"],.iconify {color: inherit !important;}}}}.cmd-tabs>ul.stretch-tabs>li{flex:1;text-align:center}.cmd-tabs>ul.stretch-tabs>div{border-top-right-radius:0}.cmd-tabs .headline{margin-top:0}.cmd-tabs>div{padding:var(--default-padding);border:var(--primary-border);border-radius:var(--default-border-radius);background:var(--color-scheme-background);border-top-left-radius:0}.cmd-tabs>div>div *:last-child{margin-bottom:0}.cmd-text-image-block>.flex-container{gap:calc(var(--default-gap) / 2)}.edit-mode .cmd-text-image-block textarea{width:100%}.cmd-toggle-dark-mode.styled-layout{input { --dark-blue: hsl(195, 96%, 45%); --medium-blue: hsl(194, 97%, 39%); --light-blue: hsl(195, 97%, 76%); background: linear-gradient(to bottom, var(--dark-blue) 0%, var(--light-blue) 67%); border-color: var(--medium-blue); &::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)); } } &.dark-mode {input {background: var(--color-scheme-background); border-color: var(--color-scheme-text-color); &::before { --size: 1.2rem; content: ""; width: var(--size); aspect-ratio: 1/1; background: var(--color-scheme-background); border-radius: var(--full-circle); position: absolute; top: 0; right: calc(var(--size) / 2); transform: translateY(15%); z-index: 100; transition: var(--default-transition); } &::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);}} .label-text {span {color: var(--color-scheme-text-color);}}}}.cmd-upload-form{p {&.text-drag-and-drop {&.disabled {background: none !important;}}} .button.upload {align-self: center; & ~ p {& > * {display: block;}}} .error {color: var(--error-color);} & + .cmd-form-element {display: none;} .drop-area,&.drop-area {border: var(--default-border); border-style: dashed; background: var(--color-scheme-background); padding: var(--default-padding); text-align: center; &.allow-drop {border-style: solid;} > [class*="icon-"] {font-size: 5rem;}}}.cmd-upload-form .cmd-custom-headline{margin:0;justify-content:center}.cmd-upload-form.box{display:inline-flex;flex-direction:column;background:var(--default-background);text-decoration:none;text-align:center;padding:var(--default-padding);span {margin: 0; &[class*="icon-"] {font-size: 5rem;}}}.cmd-upload-form .box{box-shadow:none;background:var(--color-scheme-background);border:var(--default-border);dl {justify-content: center; text-align: left; .list-of-file-extensions {display: table; > li:only-child {list-style-type: none; margin: 0;}}}}.cmd-upload-form .total-files>*{white-space:nowrap}.cmd-upload-form .total-files>*:not(a){font-weight:700}.cmd-upload-form [class*=list-of-file]{max-height:10rem;overflow-x:hidden;overflow-y:auto;border:var(--default-border);padding:var(--default-padding);margin:0}.cmd-upload-form [class*=list-of-file]>li{flex-wrap:nowrap}.cmd-upload-form [class*=list-of-file]>li .progressbar{display:table;align-self:center;progress {&[value] {background: var(--color-scheme-background); &::-moz-progress-bar {border-top-left-radius: var(--default-border-radius); border-bottom-left-radius: var(--default-border-radius); background: var(--primary-color);}}} & > span {position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; display: table; top: .2rem; padding: .1rem .2rem; line-height: 100%; background: var(--color-scheme-background);}}.cmd-upload-form .list-files-wrapper{justify-content:center;align-items:center;hr {width: 100%;}}.cmd-upload-form .list-files-wrapper .list-of-files{display:inline-flex;flex-direction:column;gap:calc(var(--default-gap) / 2);li {list-style-type: none; margin-left: 0; gap: calc(var(--default-gap) / 2); > a:hover,a:active,a:focus {~ * {color: var(--hyperlink-color-highlighted);}}} & + a {display: table; margin: 0 auto;}}.cmd-upload-form .upload-conditions .cmd-headline>*{text-align:center}.cmd-width-limitation-wrapper>*{max-width:var(--max-width);margin:0 auto;padding:var(--default-padding)}.cmd-width-limitation-wrapper.sticky{position:sticky;left:0;right:0;top:0}.cmd-pages-basic-form{fieldset {margin: 0; .order-city-zip {flex-direction: row-reverse;} .input-zip {max-width: 30%;}}}
+.iconify{font-size:var(--default-icon-size);vertical-align:text-bottom}.iconify+span,span+.iconify{margin-left:calc(var(--default-margin) / 2)}.edit-component-wrapper{border:.1rem dashed transparent;transition:var(--default-transition);display:block}.edit-component-wrapper:hover,.edit-component-wrapper:active,.edit-component-wrapper:focus{border-color:var(--primary-color);background:hsla(0deg,0%,100%,.1);transition:var(--default-transition)}.edit-component-wrapper:focus,.edit-component-wrapper.active{border-style:solid;border-color:var(--primary-color)}.edit-component-wrapper:focus .action-buttons,.edit-component-wrapper.active .action-buttons{opacity:1;transition:var(--default-transition)}.edit-component-wrapper label.text-center input{text-align:center}.edit-component-wrapper label.edit-mode input,.edit-component-wrapper label select,.edit-component-wrapper label .cmd-fake-select{padding:0;height:auto;min-height:calc(var(--input-height) / 2)}.edit-component-wrapper [data-component=CmdSlideshow]{top:1.8rem;right:5.3rem}.edit-component-wrapper.highlight{border-color:var(--hyperlink-color-highlighted);border-style:dotted}.edit-component-wrapper .component-name{display:none;position:absolute;left:auto;right:8rem;font-size:1.1rem;font-style:italic;z-index:1;padding:.2rem 2rem .2rem .5rem;background:var(--primary-color);margin:0}.edit-component-wrapper .action-buttons{--action-buttons-size: 3.6rem;transition:var(--default-transition);gap:0;position:absolute;top:-1.8rem;right:.8rem;z-index:1;margin:0}.edit-component-wrapper .action-buttons li:nth-child(odd){top:0}.edit-component-wrapper .action-buttons li:nth-child(2n){top:-1.6rem}.edit-component-wrapper .action-buttons li:nth-child(5){right:0}.edit-component-wrapper .action-buttons li:nth-child(4){right:calc(var(--action-buttons-size) * -.25)}.edit-component-wrapper .action-buttons li:nth-child(3){right:calc(var(--action-buttons-size) * -.5)}.edit-component-wrapper .action-buttons li:nth-child(2){right:calc(var(--action-buttons-size) * -.75)}.edit-component-wrapper .action-buttons li:nth-child(1){right:calc(var(--action-buttons-size) * -1)}.edit-component-wrapper .edit-items .action-buttons{gap:var(--default-gap-third);top:-2.3rem;left:0;right:auto;flex-wrap:nowrap;border:var(--default-border);border-color:var(--pure-white);border-bottom:0;background:var(--pure-white);border-radius:var(--default-border-radius)}.edit-component-wrapper .edit-items .action-buttons li{top:0;right:0;left:auto}.edit-component-wrapper .edit-items .action-buttons li:nth-child(5){right:0}.edit-component-wrapper .edit-items .action-buttons li:nth-child(4){right:var(--icon-font-size)}.edit-component-wrapper .edit-items .action-buttons li:nth-child(3){right:calc(var(--icon-font-size) * 2)}.edit-component-wrapper .edit-items .action-buttons li:nth-child(2){right:calc(var(--icon-font-size) * 3)}.edit-component-wrapper .edit-items .action-buttons li:nth-child(1){right:calc(var(--icon-font-size) * 4)}.edit-component-wrapper .edit-items .action-buttons li a.button{border-radius:var(--full-circle);font-size:1rem;display:block;padding:.5rem;background:var(--button-background)}.edit-component-wrapper .edit-items .action-buttons li a.button:before{content:"";font-size:1rem}.edit-component-wrapper .edit-items .action-buttons li a.button span[class*=icon-]{font-size:var(--icon-size-small);position:relative;top:0;left:0;transform:none}.edit-component-wrapper .edit-items .action-buttons li a.button span[class*=icon-]:before{color:var(--hyperlink-color)}.edit-component-wrapper .edit-items .action-buttons li a.button.primary{background:var(--primary-color)}.edit-component-wrapper .edit-items .action-buttons li a.button:hover span[class*=icon-]:before,.edit-component-wrapper .edit-items .action-buttons li a.button:active span[class*=icon-]:before,.edit-component-wrapper .edit-items .action-buttons li a.button:focus span[class*=icon-]:before{color:var(--hyperlink-color-highlighted)}.edit-component-wrapper .edit-items.active{background:hsla(0deg,0%,100%,.2)}.edit-component-wrapper.active{background:var(--pure-white);border-color:var(--pure-white);min-height:2.5rem}.edit-component-wrapper.active .component-name{display:block}.edit-component-wrapper.active label.cmd-form-element :is(input[type=checkbox],input[type=radio]):checked~.label-text span{color:var(--pure-white)}.edit-component-wrapper .cmd-headline{margin:0}.edit-component-wrapper .cmd-thumbnail-scroller .inner-thumbnail-wrapper>ul>li{align-self:flex-start}.edit-component-wrapper .cmd-thumbnail-scroller .cmd-image .drop-area span[class*=icon]{font-size:5rem}.edit-component-wrapper .cmd-image input{width:5rem}.edit-component-wrapper:not(.edit-items)>ul>li a.button{background:none!important}ul.edit-component-wrapper{border:0}ul.edit-component-wrapper>li{list-style-type:none;margin:0}ul.edit-component-wrapper>li.action-buttons-wrapper{display:flex;justify-content:flex-end;padding-top:.1rem}ul.edit-component-wrapper>li.action-buttons-wrapper .action-buttons{position:relative;top:auto}ul.edit-component-wrapper>li.item-wrapper{border:.1rem dashed transparent;transition:var(--default-transition)}ul.edit-component-wrapper>li.item-wrapper:hover,ul.edit-component-wrapper>li.item-wrapper:active,ul.edit-component-wrapper>li.item-wrapper:focus{border-color:var(--primary-color);background:hsla(0deg,0%,100%,.1);transition:var(--default-transition)}ul.edit-component-wrapper>li.item-wrapper:focus,ul.edit-component-wrapper>li.item-wrapper.active{border-style:solid;border-color:var(--primary-color)}ul.edit-component-wrapper>li.item-wrapper:focus .action-buttons,ul.edit-component-wrapper>li.item-wrapper.active .action-buttons{opacity:1;transition:var(--default-transition)}.cmd-headline{margin-bottom:var(--default-margin);gap:calc(var(--default-gap) / 2);p {margin-bottom: 0;} h1,h2,h3,h4,h5,h6 {margin: 0; &:only-child {flex: none; width: 100%;}}}.cmd-headline.text-center>*{text-align:center}.cmd-headline.text-right>*{text-align:right}.cmd-headline.has-pre-headline-text{text-align:inherit}.cmd-headline.has-pre-headline-text>*:first-child{display:flex;align-items:flex-start;span[class*="icon"] {bottom: .2rem;}}.cmd-headline.has-pre-headline-text.text-center>*:first-child{justify-content:center}.cmd-headline.has-pre-headline-text.text-right>*:first-child{justify-content:flex-end}.cmd-headline.has-pre-headline-text.text-right>*{text-align:right}.cmd-headline.has-pre-headline-text:has(h1) span[class*=icon]{font-size:calc(var(--headline-font-size-h1) * 1.6)}.cmd-headline.has-pre-headline-text:has(h2) span[class*=icon]{font-size:calc(var(--headline-font-size-h2) * 1.8)}.cmd-headline.has-pre-headline-text:has(h3) span[class*=icon]{font-size:calc(var(--headline-font-size-h3) * 1.9)}.cmd-headline.has-pre-headline-text:has(h4) span[class*=icon]{font-size:calc(var(--headline-font-size-h4) * 2)}.cmd-headline.has-pre-headline-text:has(h5) span[class*=icon]{font-size:calc(var(--headline-font-size-h5) * 2.1)}.cmd-headline.has-pre-headline-text:has(h6) span[class*=icon]{font-size:calc(var(--headline-font-size-h6) * 2.2)}.cmd-headline.has-pre-headline-text .pre-headline-text-wrapper{display:flex;flex-direction:column}.cmd-headline.has-pre-headline-text .pre-headline-text{font-size:var(--default-font-size);font-weight:var(--font-weight-normal);line-height:1}.cmd-headline.has-pre-headline-text:has(h4,h5,h6) .pre-headline-text{font-size:var(--font-size-small)}.cmd-headline.has-pre-headline-text.has-icon.text-center{justify-content:center}.cmd-headline.has-pre-headline-text.has-icon.text-center *{text-align:left}.cmd-headline.has-pre-headline-text.has-icon.text-right{justify-content:flex-end}.cmd-headline.has-pre-headline-text.has-icon.text-right *{text-align:left}.edit-mode label.headline{input {padding: 0; height: auto; font-weight: var(--headline-font-weight);} &.h1 input {font-size: var(--headline-font-size-h1); text-transform: var(--headline-text-transform);} &.h2 input {font-size: var(--headline-font-size-h2);} &.h3 input {font-size: var(--headline-font-size-h3);} &.h4 input {font-size: var(--headline-font-size-h4);} &.h5 input {font-size: var(--headline-font-size-h5);} &.h6 input {font-size: var(--headline-font-size-h6);}}.cmd-tooltip{padding:.6rem .7rem .4rem;line-height:100%;font-size:var(--font-size-small);position:fixed;background:var(--color-scheme-background);z-index:100;border:var(--default-border);border-color:#3e3f41;border-right-color:#cececf;border-bottom-color:#cececf;display:flex;flex-direction:column}.cmd-tooltip.error,.cmd-tooltip.warning,.cmd-tooltip.success,.cmd-tooltip.info{border-color:var(--status-color)}.cmd-tooltip.error{--status-color: var(--error-color)}.cmd-tooltip.warning{--status-color: var(--warning-color)}.cmd-tooltip.success{--status-color: var(--success-color)}.cmd-tooltip.info{--status-color: var(--info-color)}.cmd-tooltip .headline-wrapper{display:flex;a {margin-left: auto; [class*="icon-"] {padding-left: 1rem; font-size: var(--font-size-small); color: var(--hyperlink-color); &:hover,&:active,&:focus {color: var(--hyperlink-color-highlighted);}}}}@-moz-document url-prefix(){.cmd-tooltip{font-size:1.3rem;border-color:#757575}}.cmd-list-of-requirements{dl {span[class*="icon-"] {color: var(--status-color);} .error,.error span { --status-color: var(--error-color); } .warning,.warning span { --status-color: var(--warning-color); } .success,.success span { --status-color: var(--success-color); } .info,.info span { --status-color: var(--info-color); } dt {color: var(--status-color);} & ~ a {display: flex; align-items: center; justify-content: center; text-align: center; text-decoration: none;}}}.cmd-tooltip-for-form-elements .headline-wrapper{a[class*="icon-"],a:has([class*="icon-"]) {margin-left: auto; &:hover,&:active,&:focus {background: none;}}}.cmd-form-element{input + .place-inside {left: auto; right: .5rem; color: var(--hyperlink-color); span {color: inherit;}} &.has-state,& + .cmd-tooltip {&.error {* { --status-color: var(--error-color); }} ::placeholder {color: var(--status-color);} span {color: var(--status-color); &.place-inside {color: inherit;}} &.success * { --status-color: var(--success-color); }} :is(input[type="checkbox"],input[type="radio"]):checked {~ .label-text span {color: var(--hyperlink-color);} &:hover,&:active,&:focus {~ .label-text span {color: var(--hyperlink-color-highlighted);}}} &.inline {& > span {& > a:not(.button) {margin-left: calc(var(--default-margin) / 2);}}} .search-field-wrapper {margin: 0; input[type="search"] {border-radius: var(--default-border-radius);} a {position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); z-index: 100; &.button {span {color: var(--color-scheme-background);} &:hover,&:active,&:focus {span {color: var(--color-scheme-text-color);}}}} a.button {right: 0; & + a {right: 5rem;}}} .place-inside {+ .search-field-wrapper {input {padding-left: calc(var(--default-padding) * 3);}}} .characters-left-wrapper {margin-top: calc(var(--default-margin) / 2); display: block; span:not(:only-child):first-child {margin-right: calc(var(--default-margin) / 2); color: var(--color-scheme-text-color);} .characters-left {color: var(--color-scheme-text-color); &.error {color: var(--error-color);}}}}.cmd-address-data{dl {grid-row-gap: calc(var(--default-gap) / 2); dt {display: flex; top: .2rem; &.address {align-self: flex-start; [class*="icon"]:only-child {line-height: var(--default-line-height);}}} .order-city-zip,.order-zip-city {display: inline-flex; gap: .5rem;} .order-city-zip {flex-direction: row-reverse;}} ul {gap: calc(var(--default-gap) / 2); margin-left: 0; li {margin-left: 0; list-style: none;}} .edit-component-wrapper {dl {margin-bottom: 0;}}}.edit-component-wrapper .cmd-address-data address{display:flex;flex-direction:column;gap:calc(var(--default-gap) / 2);dt {min-width: 2.5rem;}}.cmd-bank-account-data{dd {display: flex; gap: calc(var(--default-gap) / 2); > span {&:first-child {white-space: nowrap;}}}}.cmd-form{fieldset + .button-wrapper {margin-top: var(--default-margin);}}.cmd-form:not([data-use-validation=true]){label.error :where(::placeholder,select option:first-child),:where(input,select,textarea):invalid:focus {color: var(--error-color);} :where(input,select,textarea):valid:focus[required],select:invalid:focus[required] option:not(:first-child) {color: var(--success-color);}}.cmd-form.error{fieldset,*:invalid {border-color: var(--error-color);}}.cmd-form .button,.cmd-form .button:last-child{margin-left:auto}.cmd-pages-basic-form{fieldset {margin: 0; .order-city-zip {flex-direction: row-reverse;} .input-zip {max-width: 30%;}}}.cmd-image{img {display: block;} figcaption {border-bottom-left-radius: var(--default-border-radius); border-bottom-right-radius: var(--default-border-radius);} &.text-center {figcaption {text-align: center;}} &.text-right {figcaption {text-align: right;}} .drop-area {border: 0; align-items: center; justify-content: center; padding: 0; > [class*="icon"] {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-size: 10rem; color: var(--pure-white); text-shadow: var(--default-text-shadow); z-index: 10;} img {opacity: .7; transition: var(--default-transition); &:hover,:active,:focus {opacity: 1; transition: var(--default-transition);} &:not([src]) {display: block; width: 100%; min-height: 30rem;}}}}.edit-mode .edit-component-wrapper .cmd-image{label.edit-mode input {padding: calc(var(--default-padding) / 2);}}.cmd-slide-button.button{font-size:2rem;z-index:10;height:100%;position:absolute;display:flex;justify-content:center;text-decoration:none;border:0;outline:0}.cmd-slide-button.button span{align-self:center}.cmd-slide-button.button.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{display:inline-flex;flex-direction:column;gap:var(--default-gap);width:100%}.cmd-thumbnail-scroller.full-width:not(.vertical){display:flex}.cmd-thumbnail-scroller.full-width:not(.vertical)>div{width:100%}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper{border-radius:var(--default-border-radius);padding:calc(var(--default-padding) * 2);padding-top:0;margin:0 auto;border:var(--default-border);background:var(--color-scheme-background);overflow:hidden}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul{overflow:hidden;margin:0;display:flex;gap:var(--grid-gap);justify-content:space-between;width:100%}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li{align-self:center;list-style-type:none;margin:0;margin-top:2rem;flex:none;img {min-width: 15rem; max-height: 10rem;} a {display: block; text-align: center; &.active {color: var(--hyperlink-color-highlighted); background: none; span,span[class*="icon"] {color: inherit} &:has(figcaption) {img {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}} figcaption {background: var(--primary-color); opacity: 1; color: var(--pure-white);}} &:has(img) {padding: 0;} &:hover,&:active,&:focus {&.active {figcaption {color: var(--hyperlink-color); background: none;}}}} .image-wrapper {min-width: 11.1rem;}}.cmd-thumbnail-scroller.vertical{width:auto}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper{display:inline-flex;left:50%;height:75rem;transform:translate(-50%)}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper>ul{width:auto;display:flex;flex-direction:column}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper>ul [class*=switch-button-]{width:100%;height:auto}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper>ul [class*=switch-button-]:before{transform:rotate(90deg);display:inline-block;margin:0 auto}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper .slide-button-next{top:auto;bottom:0}.cmd-thumbnail-scroller.gallery-scroller{max-width:var(--max-width);left:0;right:0;position:fixed;bottom:var(--default-margin);margin:auto;display:table;li {a {color: var(--color-scheme-text-color); text-decoration: none; &.active {img {border-color: var(--primary-color);} figcaption {color: var(--primary-color);}} &:not(.active) {img {border: var(--default-border); opacity: var(--reduced-opacity);} figcaption {text-decoration: none;}} &:hover,&:active,&:focus {figcaption {color: var(--primary-color);} img {border-color: var(--primary-color); opacity: 1;}}}}}.cmd-thumbnail-scroller.large-icons{ul li a {display: flex; flex-direction: column; gap: calc(var(--default-gap) / 4); text-decoration: none; align-items: center; justify-content: center; span {margin: 0;} [class*="icon-"] {font-size: 5rem;}}}@media only screen and (max-width: 1023px){.cmd-thumbnail-scroller>ul>li{flex:none}.cmd-thumbnail-scroller>ul>li img{max-height:7rem}.cmd-thumbnail-scroller img{width:auto}.cmd-thumbnail-scroller.gallery-scroller{max-width:calc(100% - var(--default-margin) * 3);display:flex}}@container (width <= 600px){.cmd-thumbnail-scroller{display:block}}.cmd-fancybox{position:fixed;z-index:500;flex-direction:column;padding:var(--default-padding);min-width:30vw;min-height:30vh;background:var(--pure-white);border-radius:var(--default-border-radius);overflow:hidden;gap:calc(var(--default-gap) / 2);max-width:var(--max-width)}.cmd-fancybox.image-gallery{margin-top:calc(var(--default-margin) * 2)}.cmd-fancybox[open]{display:flex}.cmd-fancybox.show-overlay::backdrop{--reduced-opacity: .75;background:rgba(0,0,0,var(--reduced-opacity))}.cmd-fancybox>header{display:flex}.cmd-fancybox .cmd-cookie-disclaimer{padding:0}.cmd-fancybox>.grayscale{filter:grayscale(1)}.cmd-fancybox.image{img {display: block; margin: 0 auto;} figcaption {text-align: center;}}.cmd-fancybox.image .outer-content-wrapper{max-height:none}.cmd-fancybox .inner-thumbnail-wrapper li{figure {opacity: .8;} &.active {figure {opacity: 1;} img {border-color: var(--hyperlink-color-highlighted);} a {color: var(--hyperlink-color-highlighted);}}}.cmd-fancybox>header{justify-content:space-between}.cmd-fancybox>header>.cmd-headline{max-width:80%;flex-shrink:1;margin-bottom:0}.cmd-fancybox>header>.button-wrapper{flex-shrink:0;flex-direction:row;align-items:flex-start;gap:calc(var(--default-gap) / 2);margin-left:auto}.cmd-fancybox>header>.button-wrapper>.button{display:block;border:var(--default-border);padding:.2rem;min-width:0;min-height:0}.cmd-fancybox>header>.button-wrapper>.button[class*=print]>[class*=icon-]{color:var(--default-text-color)}.cmd-fancybox>header>.button-wrapper>.button.print-grayscale{background:linear-gradient(135deg,var(--medium-gray) 0%,var(--medium-gray) 50%,var(--pure-white) 50%,var(--pure-white) 100%)}.cmd-fancybox>header>.button-wrapper>.button.print-color{background:linear-gradient(135deg,#009fe3 0%,#009fe3 25%,#e6007e 25%,#e6007e 50%,#ffed00 50%,#ffed00 50%,#ffed00 75%,var(--medium-gray) 75%,var(--medium-gray) 100%)}.cmd-fancybox>header>.button-wrapper>.button:hover,.cmd-fancybox>header>.button-wrapper>.button:active,.cmd-fancybox>header>.button-wrapper>.button:focus{border:var(--primary-border);background:var(--pure-white)}.cmd-fancybox>header>.button-wrapper>.button:hover [class*=icon-],.cmd-fancybox>header>.button-wrapper>.button:active [class*=icon-],.cmd-fancybox>header>.button-wrapper>.button:focus [class*=icon-]{color:var(--primary-color)}.cmd-fancybox>footer{margin-top:auto;justify-content:flex-end}.cmd-fancybox .outer-content-wrapper{max-height:85vh;overflow-x:hidden;flex:none}.cmd-fancybox .outer-content-wrapper .content{figcaption {font-size: 2rem; padding: calc(var(--default-padding) / 2) 0;}}.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}@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>ul{flex-direction:column;gap:calc(var(--default-gap) / 2);margin:0;li {list-style: none; margin-left: 0;} &.align-center {justify-content: center;} &.align-right li {text-align: right;} ul {display: flex; flex-direction: column; margin-left: calc(var(--default-padding) * 2);}}.cmd-list-of-links.show-list-style-items{li {list-style-type: disc; margin-left: 1.7rem;}}.cmd-list-of-links.horizontal>ul{gap:var(--default-gap);flex-direction:row}.cmd-list-of-links.horizontal>ul>li{flex:none;display:flex;flex-direction:column}.cmd-list-of-links.horizontal>ul.align-right{justify-content:flex-end}.cmd-list-of-links.horizontal>ul.stretch{justify-content:space-around}.cmd-list-of-links.large-icons{li {list-style-type: none; a {display: flex; flex-direction: column; gap: calc(var(--default-gap) / 4); text-decoration: none; align-items: center; justify-content: center; span {margin: 0;} [class*="icon-"] {font-size: 5rem;}}}}@media only screen and (max-width: 1023px){.cmd-list-of-links>ul ul{gap:calc(var(--default-gap) / 2)}.cmd-list-of-links>ul ul>li:first-child{margin-top:calc(var(--default-gap) / 2)}}.cmd-box{display:inline-flex;flex-direction:column;padding:0;align-self:start}.cmd-box.stretch-horizontally{display:flex;width:100%}.cmd-box.stretch-vertically{height:100%}.cmd-box .box-header .cmd-headline{margin-bottom:0}.cmd-box.collapsible{a.box-header {justify-content: space-between; background: var(--box-header-background); border-radius: var(--box-border-radius); &:hover,&:active,&:focus {background: var(--pure-white); * {color: var(--hyperlink-color);}}}}.cmd-box .box-body .allow-scroll{overflow-y:auto}.cmd-box .box-body .allow-scroll *{flex-shrink:0}.cmd-box.content>* *:last-child{margin-bottom:0}.cmd-box.content.open{fieldset {border: 0; padding: var(--default-padding);}}.cmd-box.content.open>.box-header{border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-box.content>.box-header{text-decoration:none}.cmd-box.content>.box-header>.cmd-custom-headline{margin-bottom:0}.cmd-box.content>.box-header *{color:var(--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{display:flex;flex-grow:1;border-top:var(--box-border);p.cutoff-text {padding: var(--default-padding); margin: 0; overflow: hidden; height: calc(var(--line-of-text-height) * var(--36ef7f3b)); &.fade-last-line::after {content: ""; width: 100%; position: absolute; left: 0; bottom: 0; height: calc(var(--line-of-text-height) * 3); background: linear-gradient(to bottom,transparent 0%,var(--default-background) 100%);} &.show-text {height: auto;} & + a {border-top: var(--box-border); display: block; padding: var(--default-padding); margin: 0;}} img {display: block; border-radius: 0;} .navigation {margin: 0; height: 100%; li {list-style-type: none; margin: 0; a {display: block; padding: var(--default-padding); text-decoration: none; border-bottom: var(--box-border); &:hover,&:active,&:focus {background: var(--primary-color); color: var(--pure-white);}} &:last-child {a {border: 0;}}}}}.cmd-box.content .box-body>div:only-child{flex-grow:1}.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;span {position: absolute; display: block; transform: rotate(-45deg); width: 100%; top: 15%; left: -25%; background: var(--error-color); font-weight: bold; color: var(--pure-white); text-transform: uppercase; text-align: center;}}.cmd-box.product .ribbon-discount{left:auto;right:0;span {transform: rotate(45deg); right: -20%; left: auto; background: green;}}.cmd-box.product>.box-header{padding:0;img {border: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} figcaption {font-size: 2rem; font-weight: bold; padding: var(--default-padding);}}.cmd-box.product>.box-header>img,.cmd-box.product>.box-header>div{display:table;margin:0 auto}.cmd-box.product .box-body{flex-grow:1;padding:var(--default-padding);padding-bottom:0}.cmd-box.product .box-body>*{text-align:center}.cmd-box.product .box-body .price{font-size:1.8rem;font-weight:700;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{--default-icon-size: 6rem;--box-header-text-color: var(--primary-color);background:none;img,> 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(--box-header-background); color: var(--pure-white); & + p,& + figcaption {margin: 0 auto; text-align: center; font-weight: bold; font-size: 2rem;}} img {padding: 0; width: calc(var(--default-icon-size) * 2); aspect-ratio: 1/1;} > div:first-child > [class*="icon-"] {margin: 0; font-size: var(--default-icon-size);}}.cmd-box.user>.box-header>div:first-child>[class*=icon-]{aspect-ratio:1/1}.cmd-box.user .box-body{flex-grow:1;padding:var(--default-padding);padding-top:0;p {text-align: center; font-weight: bold; &:last-child {margin-bottom: 0;} &.description {font-weight: normal;}}}.cmd-box.user .box-footer{margin-top:auto;padding:0;border-top:var(--box-border)}.cmd-box.user .box-footer .cmd-list-of-links{ul {width: 100%; margin-bottom: 0; li {flex: 1; border-radius: var(--box-border-radius); a {flex: 1; padding: var(--default-padding); text-align: center; background: var(--color-scheme-background); border-left: var(--box-border); border-radius: var(--box-border-radius);} &:hover,&:active,&:focus {a {background: var(--primary-color); color: var(--pure-white); span,[class*="icon-"] {color: var(--pure-white);}}} &:first-child {a {border: 0;}}}}}.cmd-box.user.row-view [class*=icon]{--default-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;background:none}.cmd-box.user.row-view .box-footer .cmd-list-of-links{background:none;ul,ul * {border: 0; background: inherit;}}.cmd-box-wrapper{display:flex;flex-direction:column;gap:calc(var(--default-gap) / 2)}.cmd-box-wrapper:not(:first-child){margin-top:calc(var(--default-margin) * 2)}.cmd-box-wrapper>.headline-wrapper{align-items:center;justify-content:space-between}.cmd-box-wrapper .options-wrapper{flex:none}.cmd-box-wrapper>.flex-container>.cmd-headline{margin:0}.cmd-box-wrapper>.flex-container.stretch-boxes-vertically .stretch-vertically{align-self:stretch;height:auto}.cmd-box-wrapper .inner-box-wrapper>*{flex:none;flex-grow:1;flex-basis:min-content}.cmd-box-wrapper .row-view{flex-direction:column;p.cutoff-text {height: auto; &.fade-last-line::after {background: none;}} .cmd-box.user {flex-direction: row; padding: var(--default-padding); align-items: center; .box-footer {margin-top: 0;}}}.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--55a1c0a6),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(--5ac88d7a),minmax(0,1fr))}}@media only screen and (max-width: 600px){.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--54d20d0e),minmax(0,1fr))}}.cmd-breadcrumbs{display:flex;margin:0;li {display: inherit; align-items: center; list-style-type: none; margin: 0; > span {padding: 0 calc(var(--default-padding) / 2);} &.breadcrumb-label {margin-right: calc(var(--default-margin) / 2);} a {display: table; text-decoration: none; &:hover,&:active,&:focus {text-decoration: underline;}}}}.cmd-company-logo{img {display: block; max-height: 10rem;} > a {display: block; img {border: 0;}}}@media only screen and (max-width: 1023px){.cmd-company-logo img{max-width:100%;max-height:7.5rem}}.cmd-container{min-height:5rem}.cmd-cookie-disclaimer{width:100%;padding:var(--default-padding);padding-right:calc(var(--default-padding) * 2);z-index:100;bottom:0;top:auto;h1 {text-align: center;} .button {margin: 0 auto;} > p {text-align: center;} #form-cookies {margin-bottom: var(--default-margin);} p {a {text-decoration: underline; &:hover,&:active,&:focus {text-decoration: none;}}}}.cmd-cookie-disclaimer .cmd-box .box-header{padding:0;padding-right:var(--default-padding);justify-content:unset;label {padding: calc(var(--default-padding) / 2) var(--default-padding); &.disabled {.label-text span {color: var(--pure-white) !important;}} & + .toggle-icon {padding: calc(var(--default-padding) / 2) var(--default-padding); width: 100%; justify-content: flex-end; text-align: right;}} &:hover,&:active,&:focus {background: var(--hyperlink-color); label.disabled .label-text span {color: var(--disabled-color) !important;}}}.cmd-cookie-disclaimer .cmd-box .box-body{padding:var(--default-padding)}.cmd-copyright-information{background:var(--dark-gray);border-top:var(--default-border-width) var(--default-border-style) var(--pure-white);text-align:center;padding:var(--default-padding);margin-top:auto;flex:none;a {text-decoration: none; color: var(--pure-white); &:hover,&:active,&:focus {text-decoration: underline; color: var(--pure-white);}}}.cmd-fake-select{align-self:flex-end;border-radius:var(--default-border-radius);li {margin-left: 0; list-style: none; a,a:visited {display: flex; align-items: center; width: 100%; padding: .7rem; padding-top: .8rem; outline: none; border-bottom: var(--default-border); text-decoration: none; &:hover,&:active,&:focus {background: var(--primary-color); span,[class*="icon"] {color: var(--pure-white);}} span {&:first-child,&:nth-child(2) {border: 0;}} img {&.flag {margin: 0 calc(var(--default-margin) / 2) 0 0;}} &.active {background: var(--light-gray); span {color: var(--hyperlink-color);} &:hover,&:active,&:focus {background: var(--primary-color); span,[class*="icon"] {color: var(--pure-white);}}}} label {display: flex;} span {white-space: nowrap;} ul {position: absolute; list-style: none; z-index: 10; min-width: 100%; margin: 0; border-bottom-right-radius: var(--default-border-radius); border-bottom-left-radius: var(--default-border-radius); background: var(--color-scheme-background); border: var(--primary-border); li {&:last-child {a {border-bottom: 0;}}} &.custom-fake-select-content {padding: var(--default-padding); img {display: block;}} &.checkbox-options {li {padding: calc(var(--default-padding) / 2); &.select-all-options {border-top: var(--primary-border); padding: 0;}}}}} &.has-state.label {&.error * { --status-color: var(--error-color); } &.success * { --status-color: var(--success-color); } .label-text {> span,[class*="icon-"] {color: var(--status-color);}} > ul {> li:first-child {> a {border-color: var(--status-color); > span,[class*="icon-"] {color: var(--status-color);} &:hover,&:active,&:focus {background: var(--color-scheme-background); span {color: var(--status-color);}}}}}} &.error,&.disabled {a {&:hover,&:focus,&:active {img {&.flag {border-color: var(--border-color);}}}}} &.color {li {a {gap: calc(var(--default-gap) / 2); > span:first-child {width: 1.5rem; aspect-ratio: 1/1; border: var(--default-border); &[style=""] {display: none;}}}}}}.cmd-fake-select>span:first-child{a {align-self: flex-end;}}.cmd-fake-select>ul{height:var(--input-height);margin:0;display:block;min-width:0;box-shadow:none;border-radius:var(--default-border-radius)}.cmd-fake-select>ul>li{height:100%;border-radius:var(--default-border-radius)}.cmd-fake-select>ul>li:first-child>a{height:inherit;border:var(--default-border);background:var(--color-scheme-background);color:var(--color-scheme-text-color);border-radius:var(--default-border-radius);img {flex-shrink: 0;} span,[class*="icon"] {color: var(--color-scheme-text-color);} .option-name {text-overflow: ellipsis; overflow: hidden;} > [class*="icon-"]:last-child {margin-left: auto; font-size: var(--icon-size-small);} &:hover,&:active,&:focus {background: var(--pure-white); border-color: var(--primary-color); span,[class*="icon"] {color: var(--hyperlink-color);}}}.cmd-fake-select>ul.open{border-bottom:0;ul {border-bottom-left-radius: var(--default-border-radius); border-bottom-right-radius: var(--default-border-radius); > li {&:first-child {> a {border-color: var(--primary-color); border-bottom-left-radius: 0; border-bottom-right-radius: 0;}}} > li:last-child {border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; > a {border-bottom-left-radius: inherit; border-bottom-right-radius: inherit;}}}}.cmd-fake-select.disabled>ul>li>a{color:var(--disabled-color);border-color:var(--disabled-color);background:var(--disabled-background)}.cmd-fake-select.disabled>ul>li>a span{color:var(--disabled-color)}.cmd-fake-select.disabled>ul>li>a:hover,.cmd-fake-select.disabled>ul>li>a:active,.cmd-fake-select.disabled>ul>li>a:focus{cursor:not-allowed;color:var(--disabled-color);border-color:var(--disabled-color);background:var(--disabled-background)}.cmd-fake-select.disabled>ul>li>a:hover span,.cmd-fake-select.disabled>ul>li>a:active span,.cmd-fake-select.disabled>ul>li>a:focus span{color:var(--disabled-color)}.cmd-form-filters{display:flex;margin:0;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); &:hover,&:active,&:focus {border-color: var(--primary-color);} a {padding: calc(var(--default-padding) / 2); display: flex; align-items: center; text-decoration: none;} &:last-of-type {margin-right: 0;} [class*="icon-"] {font-size: var(--icon-size-small);}}}.cmd-google-maps{border:var(--default-border);border-radius:var(--default-border-radius);iframe {border-radius: inherit;}}.cmd-image-gallery>.cmd-headline,.cmd-image-gallery>input.edit-mode,.cmd-image-gallery>.edit-component-wrapper{grid-column:span var(--grid-columns);margin-bottom:0}.cmd-image-gallery .image-wrapper{align-self:center;justify-self:center;grid-column:span var(--grid-small-span);width:100%;min-width:11.1rem;// assure to be as wide as action-buttons in edit-mode img {border: var(--default-border); border-radius: var(--default-border-radius); max-height: 30rem;} figcaption {padding: calc(var(--default-padding) / 2);} &:hover,&:active,&:focus {text-decoration: none; img {border: var(--primary-border);}} & + .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;margin-bottom:calc(var(--default-margin) / 2)}.cmd-input-group>.label-text>span+a:has([class*=icon-]){margin-left:calc(var(--default-margin) / 2)}.cmd-input-group>.label-text:hover>span,.cmd-input-group>.label-text:active>span,.cmd-input-group>.label-text:focus>span{color:var(--hyperlink-color-highlighted)}.cmd-input-group>.label-text:hover+.flex-container,.cmd-input-group>.label-text:active+.flex-container,.cmd-input-group>.label-text:focus+.flex-container{input {border-color: var(--default-border-color);}}.cmd-input-group.has-state{label,span,[class*="icon-"] {color: var(--status-color);} &.multiple-switch {&.error { --status-color: var(--error-color); label { border-color: var(--error-color); > * { color: var(--error-color); } &:is(:hover, :active, :focus) { span, [class*="icon-"] { color: var(--hyperlink-color-highlighted); } } } }}}.cmd-input-group.has-state.error{--status-color: var(--error-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>.button{margin-left:auto}.cmd-main-navigation{nav {.stretch-items {> li {flex: 1}} > ul {> li {.close-nav {display: none;} &.open {> ul {display: block; > li {&.open {> ul {display: block;}}}}}}} + div {display: none;}} .fade-enter-active,.fade-leave-active {left: 0;} .fade-enter,.fade-leave-to {left: -100%;} header nav > ul,header nav > ul > li {border: 0;}}.cmd-main-navigation.hide-sub-navigation{ul {ul {display: none;}}}.off-canvas-right #toggle-offcanvas{margin-right:0;margin-left:auto}#toggle-offcanvas{margin-left:0;display:none}@media only screen and (max-width: 1023px){.cmd-main-navigation.main-navigation-wrapper{--nav-transition: all .5s linear;display:flex;background:none;border:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding:0 var(--default-padding);transition:var(--nav-transition)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) #toggle-offcanvas{display:flex;margin-bottom:0;width:auto}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas nav{height:100%;background:var(--default-background);left:0;opacity:1;padding:0!important;transition:var(--nav-transition);border-right:var(--default-border);display:block}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas.show-content-overlay nav:before{content:"";position:fixed;width:100%;top:0;left:0;height:100dvh;display:block;background:var(--pure-black-reduced-opacity)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas.show-content-overlay nav ul{z-index:1000;height:100%}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav{position:fixed;top:0;left:-100%;width:auto;height:100dvh;opacity:0;z-index:1000;transition:var(--nav-transition)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul{flex-direction:column;position:relative;left:0;border:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li{border-bottom:var(--default-border);border-right:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav{display:block;border-bottom:var(--default-border)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav a{display:flex;align-items:center}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav a span{font-weight:var(--font-weight-bold)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav a span[class*=icon-]{font-size:var(--font-size-small)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav>a{text-align:left}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li: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)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).off-canvas-right.open-off-canvas nav{right:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).off-canvas-right nav{right:-100%;left:auto}}.cmd-multistep-form-progress-bar{display:flex;justify-content:space-around;border:var(--default-border);margin:0;border-radius:var(--default-border-radius);li {display: flex; flex: 1; list-style-type: none; margin: 0; &:first-child,&:first-child > a {border-top-left-radius: inherit; border-bottom-left-radius: inherit;} &:last-child,&:last-child > a {border-top-right-radius: inherit; border-bottom-right-radius: inherit;} a {display: flex; text-decoration: none; padding: var(--default-padding); align-items: center; justify-content: center; width: 100%; background: var(--primary-color-reduced-opacity); :is(span,[class*="icon-"]) {color: var(--pure-white); & + [class*="icon-"] {&:last-child {border: var(--default-border); border-radius: var(--full-circle); background: var(--pure-white); color: var(--default-text-color); margin: 0; position: absolute; right: 0; transform: translateX(50%); padding: calc(var(--default-padding) / 2); display: flex; justify-content: center; z-index: 1; &::before {font-size: var(--font-size-small);}}}} &:hover,&:active,&:focus {background: var(--primary-color); :is(span,[class*="icon-"]) {color: var(--pure-white);} .number {color: var(--primary-color);}} .number {margin-right: calc(var(--default-margin) / 2); line-height: 100%; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; border-radius: var(--full-circle); border: var(--default-border); border-color: var(--pure-white); background: var(--pure-white); color: var(--primary-color-reduced-opacity);}} &:last-child {a {[class*="icon-"] {&:last-of-type {display: none;}}}} &.active {a {background: var(--primary-color); span,[class*="icon-"] {color: var(--pure-white);} &:hover,&:active,&:focus {span,[class*="icon-"] {color: var(--pure-white); & + [class*="icon-"] {&:last-child {color: var(--default-text-color);}}}}} .number {background: var(--pure-white); border-color: var(--pure-white); color: var(--primary-color) !important;} & ~ li {background: var(--default-background); border-left-color: var(--border-color); a {background: none; color: var(--color-scheme-text-color); span,span[class*="color"] {color: inherit; & + [class*="icon-"] {&:last-child {border-color: var(--border-color); color: var(--pure-white); background: var(--secondary-color);}}} &:hover,&:active,&:focus {span,[class*="icon-"] {&:not(:last-child) {color: var(--primary-color);}} .number {border-color: var(--primary-color);}}} .number {background: none; border-color: var(--border-color);}} & + li {border-left-color: var(--border-color);}}}}.cmd-multistep-form-progress-bar.use-gap{border:0;gap:var(--default-gap);li {border: var(--default-border); border-color: var(--primary-color-reduced-opacity); border-radius: var(--default-border-radius); a,a.active {border: 0; border-radius: inherit; :is(span,[class*="icon-"]) + [class*="icon-"]:last-child {border: 0; right: -1rem; background: none;}} a {:is(span,[class*="icon-"]) + [class*="icon-"]:last-child {color: var(--default-text-color) !important;}} &.active {border-color: var(--primary-color); & ~li {border-color: var(--border-color);}}}}@media only screen and (width < 600px){.cmd-multistep-form-progress-bar{flex-direction:column}.cmd-multistep-form-progress-bar li:not(:last-child){border-bottom:var(--default-border)}.cmd-multistep-form-progress-bar li a :is(span,[class*=icon-])+[class*=icon-]:last-child{left:auto;right:auto;bottom:0;transform:translateY(50%)}.cmd-multistep-form-progress-bar li a :is(span,[class*=icon-])+[class*=icon-]:last-child:before{transform:rotate(90deg)}.cmd-multistep-form-progress-bar li.active~li{border-left:0;border-bottom-color:var(--border-color)}}.edit-mode-opening-hours-item{dt {min-width: 3ch;} .am-wrapper,.pm-wrapper {align-items: center; gap: calc(var(--default-gap) / 2);} label {max-width: 11rem;} .input-wrapper {width: 11rem;}}.cmd-opening-hours{span.pm {margin-left: var(--default-margin);} p:last-child {margin: 0;} .edit-component-wrapper {dl {margin-bottom: 0;}}}.cmd-opening-hours>a,.cmd-opening-hours>span{padding:calc(var(--default-padding) / 2);font-weight:700;display:table;margin-bottom:var(--default-margin);color:var(--pure-white);background:var(--success-color)}.cmd-opening-hours>a.closed,.cmd-opening-hours>span.closed{background:var(--error-color)}.cmd-opening-hours>a:hover,.cmd-opening-hours>a:active,.cmd-opening-hours>a:focus{text-decoration:underline;color:var(--pure-white)}.edit-component-wrapper .cmd-opening-hours{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--default-gap) / 2);dt {min-width: 2.5rem;}}.cmd-pagination{display:flex;justify-content:space-between;button,.button {float: none; margin: 0; span {align-self: center;}} a {display: flex; align-items: center; text-decoration: none; &:hover,&:active,&:focus {cursor: pointer;} &:last-of-type {> [class*="icon-"] {margin-right: 0;}} > [class*="icon-"] {font-size: var(--icon-size-small);}} .page-index {a:not(.button) {padding: 0 calc(var(--default-padding) / 2);}}}@media only screen and (max-width: 1023px){.cmd-pagination>a.button span{margin:0}.cmd-pagination>a.button span:not([class*=icon]){display:none}}@media only screen and (max-width: 1023px) and (max-width: 600px){.cmd-pagination .button{width:auto}.cmd-pagination .page-index .flex-container{flex-direction:row}}[id^=social-network]{background:var(--social-network-color);border-color:var(--social-network-color)}[id^=social-network]>span{color:var(--pure-white)}[id^=social-network]:hover,[id^=social-network]:active,[id^=social-network]:focus{color:var(--pure-white)}[id^=social-network]:hover>span,[id^=social-network]:active>span,[id^=social-network]:focus>span{color:var(--social-network-color)}#social-network-facebook{--social-network-color: #3c5a99}#social-network-twitter{--social-network-color: #6bacde}#social-network-xing{--social-network-color: #007575}#social-network-linkedin{--social-network-color: #0077b5}.cmd-social-networks{display:flex;flex-direction:column;gap:var(--default-gap);container-type:inline-size}.cmd-social-networks .cmd-headline{margin:0}.cmd-social-networks .button-wrapper{flex-direction:row;flex:none;margin:0;gap:calc(var(--default-gap) / 2)}.cmd-social-networks .button-wrapper .button{padding:calc(var(--default-padding) / 2) var(--default-padding);gap:calc(var(--default-gap) / 2);outline:0}.cmd-social-networks .button-wrapper .button span{margin:0}.cmd-social-networks .button-wrapper .button:first-of-type{margin:0}.cmd-social-networks .button-wrapper .button.text-align-right{flex-direction:row}.cmd-social-networks .button-wrapper .button.text-align-left{flex-direction:row-reverse}.cmd-social-networks .button-wrapper.no-gap li .button{border-radius:0}.cmd-social-networks .button-wrapper.no-gap li:first-of-type .button{border-top-left-radius:var(--default-border-radius);border-bottom-left-radius:var(--default-border-radius)}.cmd-social-networks .button-wrapper.no-gap li:last-of-type .button{border-top-right-radius:var(--default-border-radius);border-bottom-right-radius:var(--default-border-radius)}.cmd-social-networks li{list-style-type:none;margin:0}.cmd-social-networks.align-center .button-wrapper{justify-content:center}.cmd-social-networks.align-center .toggle-switch{margin:auto}.cmd-social-networks.align-right .cmd-headline>*{text-align:right}.cmd-social-networks.align-right .toggle-switch{margin-left:auto}.cmd-social-networks.align-right .button-wrapper{justify-content:flex-end}.cmd-social-networks.stretch .button-wrapper li{flex:1}.cmd-social-networks.stretch .button-wrapper li .button{display:flex}.cmd-social-networks a:last-of-type{margin-right:0}.cmd-social-networks [id^=social-network]{background:var(--social-network-color);border-color:var(--social-network-color)}.cmd-social-networks [id^=social-network]>span{color:var(--pure-white)}.cmd-social-networks [id^=social-network]:hover,.cmd-social-networks [id^=social-network]:active,.cmd-social-networks [id^=social-network]:focus{background:var(--pure-white);color:var(--pure-white)}.cmd-social-networks [id^=social-network]:hover>span,.cmd-social-networks [id^=social-network]:active>span,.cmd-social-networks [id^=social-network]:focus>span{color:var(--social-network-color)}.cmd-social-networks #social-network-facebook{--social-network-color: #3c5a99}.cmd-social-networks #social-network-x{--social-network-color: #14171a}.cmd-social-networks #social-network-xing{--social-network-color: #007575}.cmd-social-networks #social-network-linkedin{--social-network-color: #0077b5}@media only screen and (max-width: 600px){.cmd-social-networks .button-wrapper .button{flex:none;width:auto!important}.cmd-social-networks .button-wrapper .button [class*=icon-]+span{display:none}}@container (max-width: 600px){.cmd-social-networks .button-wrapper .button{flex:none;width:auto!important}.cmd-social-networks .button-wrapper .button [class*=icon-]+span{display:none}}.cmd-page-footer{align-items:flex-end}.cmd-page-footer.small-buttons{button,.button {padding: var(--button-padding-small); min-height: var(--button-min-height-small); span {font-size: var(--font-size-small);}}}.cmd-page-footer .cmd-social-networks{container-type:normal!important}.cmd-page-footer>.button-wrapper{flex-direction:row;justify-content:flex-end;margin-left:auto;gap:calc(var(--default-gap) / 2);flex:none}@media only screen and (max-width: 600px){.cmd-page-footer{align-items:flex-start}.cmd-page-footer>.button-wrapper{margin-left:0}}.cmd-page-header{justify-content:space-between}.cmd-page-header .headline-wrapper{gap:calc(var(--default-gap) / 4)}.cmd-page-header .headline-wrapper+*{flex:none}.cmd-progressbar .progressbar{display:table}.cmd-progressbar .progressbar>span{position:absolute;left:50%;transform:translate(-50%);z-index:1}.cmd-sidebar{display:flex;height:100%}.cmd-sidebar.box{padding:0;border-left:0}.cmd-sidebar .cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(1,minmax(0,1fr))}.cmd-sidebar .cmd-box{border-left:0;border-right:0}.cmd-sidebar .inner-sidebar-wrapper{flex:1;display:flex;flex-direction:column}.cmd-sidebar .inner-sidebar-wrapper .cmd-headline.sidebar-main-headline{padding:var(--default-padding);margin:0}.cmd-sidebar .open-slot-wrapper{flex:1}.cmd-sidebar>a{display:flex;flex:none;text-decoration:none;padding:calc(var(--default-padding) / 2);align-items:center;border-left:var(--default-border)}.cmd-sidebar.collapse-to-right{flex-direction:row-reverse;border-right:0}.cmd-sidebar.collapse-to-right>a{border-right:var(--default-border)}.cmd-site-footer{padding:var(--grid-gap) 0;margin-top:auto;flex:none;footer {max-width: var(--max-width); width: 100%; margin: 0 auto; padding: 0 var(--default-padding);} &.sticky {top: auto; bottom: 0;} .cmd-switch-language {width: 100%; flex: none;} + .cmd-copyright-information {margin-top: 0;}}@media only screen and (max-width: 1023px){.cmd-site-footer footer li{margin-bottom:calc(var(--default-margin) * 2)}}@media only screen and (max-width: 1023px) and (max-width: 600px){.cmd-site-footer a{text-decoration:underline}.cmd-site-footer a:active{text-decoration:none}.cmd-site-footer h4,.cmd-site-footer h5,.cmd-site-footer h6{margin-top:var(--default-margin)}}.cmd-site-header{--logo-width-on-scroll: 50%;grid-area:site-header;display:flex;flex-direction:column;flex:none;header,.cmd-main-navigation nav,.cmd-list-of-links {max-width: var(--max-width); width: 100%; padding: 0 var(--default-padding);} .cmd-main-navigation nav {width: auto; margin: 0 0 0 auto;} .top-header {.cmd-list-of-links {padding-top: calc(var(--default-padding) / 2); padding-bottom: calc(var(--default-padding) / 2);}} .main-navigation-wrapper {grid-column: span var(--grid-columns); border-bottom: 0;} & + .main-navigation-wrapper {nav {border-left: 0; border-right: 0;}} > .cmd-main-navigation.main-navigation-wrapper:last-child {border-bottom: 0;} header {padding-top: var(--default-padding); padding-bottom: var(--default-padding); row-gap: 0; &.has-navigation {grid-template-rows: 1fr min-content; grid-template-areas: "company-logo" "main-navigation"; padding-bottom: 0;} &.flex-container {width: 100%; .cmd-company-logo {grid-area: company-logo; flex: none;}} .cmd-main-navigation nav {padding: 0;} .cmd-main-navigation,nav ul li {border-bottom: 0;}} &.navigation-inline {header {&.has-navigation {grid-template-rows: 1fr; grid-template-areas: "company-logo main-navigation"; padding-bottom: calc(var(--default-padding) * 2);} .cmd-company-logo {grid-area: company-logo; grid-column: span var(--grid-small-span);} .main-navigation-wrapper {grid-area: main-navigation; display: flex; align-items: center; justify-content: flex-end; grid-column: span var(--grid-large-span); &:not(.persist-on-mobile) {padding-left: 0 !important;}}} &.off-canvas-right {header {&.has-navigation {grid-template-areas: "company-logo main-navigation";}}}}}.cmd-site-header.sticky{position:sticky;z-index:300;header { --header-scroll-animation: var(--default-transition); transition: var(--header-scroll-animation); .cmd-company-logo { figure { img { transform-origin: top left; transition: var(--header-scroll-animation); margin: 0; width: 100%; } } } &.resize-on-scroll { padding-top: var(--default-padding); padding-bottom: var(--default-padding); transition: var(--header-scroll-animation); .cmd-company-logo { figure { img { transition: var(--header-scroll-animation); width: var(--logo-width-on-scroll); } } } } }}@media only screen and (max-width: 1023px){.cmd-site-header header{grid-auto-rows:auto}.cmd-site-header header .cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding:0}.cmd-site-header header+.cmd-main-navigation.main-navigation-wrapper{padding-bottom:var(--default-padding)}.cmd-site-header.navigation-inline .cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding-left:var(--default-padding)}.cmd-site-header.navigation-inline.off-canvas-right .cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding:0}}@media only screen and (max-width: 600px){.cmd-site-header{gap:calc(var(--default-gap) / 2)}.cmd-site-header .top-header .cmd-list-of-links{padding:0}.cmd-site-header .cmd-company-logo{margin:0 auto}.cmd-site-header.navigation-inline header .cmd-company-logo,.cmd-site-header.navigation-inline header .main-navigation-wrapper{grid-column:span calc(var(--grid-small-span) / 2)}}.cmd-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,img {display: block; text-decoration: none; margin: 0 auto;} 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);} &:has(figcaption) {img {border-bottom-left-radius: 0; border-bottom-right-radius: 0;} figcaption {border-bottom-left-radius: var(--default-border-radius); border-bottom-right-radius: var(--default-border-radius);}} .inner-slideshow-wrapper {display: flex; justify-content: center; > a:not(.button) {display: block; text-decoration: none; figcaption {border: var(--primary-border); &:hover,&:active,&:focus {background: var(--pure-white); color: var(--hyperlink-color);}}} figure {width: 100%; margin: 0;} .slot-wrapper {padding: calc(var(--default-padding) * 5); width: 100%; min-height: 50rem; background-repeat: no-repeat; background-position: top center; display: flex; justify-content: center; align-content: center; .box {align-self: flex-start;}} .image-wrapper {width: 100%; min-width: 11.1rem; min-height: 50rem;} > ol {display: flex; margin: 0 auto; position: absolute; left: 5.5rem; top: .5rem; gap: calc(var(--default-gap) / 2); li {padding: .2rem; list-style-type: none; margin: 0; border-radius: var(--full-circle); background: var(--light-gray); border: var(--default-border-reduced-opacity); a {display: block; width: 1rem; height: 1rem; border-radius: var(--full-circle);} &:hover,&:active,&:focus,&.active {border-color: var(--hyperlink-color); a {background: var(--pure-white); transition: var(--default-transition);}}} &.bottom {position: relative; justify-content: center; left: unset; top: unset; li {border-color: var(--primary-color); &:hover,&:active,&:focus,&.active {border-color: var(--primary-color); background: var(--pure-white); a {background: var(--primary-color);}}}} &.vertical {flex-direction: column;}} > .item-counter {position: absolute; top: .5rem; right: 5.5rem; padding: 0 .2rem; border-radius: var(--default-border-radius); background: var(--pure-white-reduced-opacity);}} .fade-enter-from,.fade-leave-to {position: absolute;}}.edit-mode .cmd-slideshow .image-wrapper.edit-items{padding:0;margin-top:2rem;label.edit-mode input {font-size: 3rem;}}@media only screen and (max-width: 1023px){.cmd-slideshow figcaption{font-size:2rem}}.cmd-switch-language{ul {display: flex; gap: calc(var(--default-gap) / 2); margin: 0; li {list-style-type: none; margin: 0; a:not([class*="active"]) {filter: contrast(.5); &:hover,&:focus-visible,&:active,&.active,&.router-link-active {filter: none; padding: 0; background: none;}}}}}.cmd-system-message{display:inline-flex;margin:var(--default-margin) 0;align-items:center;ul {display: flex; flex-direction: column; li {margin-left: 0;}} > a:not(.button) {display: flex; position: absolute; width: auto; top: .5rem; right: .5rem; text-decoration: none; z-index: 100; line-height: 1; background: var(--pure-white); border-radius: var(--full-circle); [class*="icon-"] {color: var(--default-text-color);} &:hover,&:active,&:focus {background: none; [class*="icon-"] {color: var(--pure-white);}}} &.warning {> a:not(.button) {border-color: var(--default-text-color); [class*="icon-"] {color: var(--default-text-color);} &:hover,&:active,&:focus {border-color: var(--hyperlink-color); [class*="icon-"] {color: var(--pure-white);}}}}}.cmd-system-message>:last-child{margin-bottom:0}.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;table {th {white-space: normal;}}}.cmd-table-wrapper>.button-wrapper{right:0;z-index:100;gap:calc(var(--default-gap) / 2)}.cmd-table-wrapper>.button-wrapper .button{padding:0;min-width:2rem;min-height:2rem}.cmd-table-wrapper>.button-wrapper .button [class*=icon-]{font-size:var(--icon-size-small)}.cmd-table-wrapper .cmd-slide-button{display:none}.cmd-table-wrapper .inner-wrapper{display:flex;overflow-x:auto;width:100%;table {table-layout: fixed; margin: 0; th {a[class*="icon-"] {&,&:hover,&:active,&:focus {font-size: var(--icon-size-small); color: var(--pure-white);}}}}}.cmd-table-wrapper .inner-wrapper .cmd-slide-button{left:0}.cmd-table-wrapper .inner-wrapper .cmd-slide-button:last-child{right:0;left:auto}.cmd-table-wrapper.has-caption{flex-direction:row;table {margin-top: calc(var(--default-margin) / 2);}}.cmd-table-wrapper.has-caption .button-wrapper{position:absolute}.cmd-table-wrapper.has-overflow .cmd-slide-button{display:flex}.cmd-tabs>ul{margin:0;display:flex}.cmd-tabs>ul>li{z-index:10;margin-left:0;border-top-left-radius:var(--default-border-radius);border-top-right-radius:var(--default-border-radius);list-style-type:none;background:var(--color-scheme-background);a {display: flex; align-items: center; justify-content: center; padding: var(--default-padding); border: var(--default-border); border-bottom: 0; border-top-left-radius: var(--default-border-radius); border-top-right-radius: var(--default-border-radius); text-decoration: none; &:hover,&:active,&:focus {cursor: pointer; color: var(--hyperlink-color-highlighted); border-color: var(--hyperlink-color); span,[class*="icon-"] {color: inherit;}}} &.active {span,[class*="icon-"] {color: var(--pure-white);} &:hover,&:active {a,a:focus {color: var(--hyperlink-color); background: var(--pure-white); span,[class*="icon-"] {color: var(--hyperlink-color-highlighted);}}} a:focus {color: var(--pure-white); span,span[class*="icon-"],.iconify {color: inherit !important;}}}}.cmd-tabs>ul.stretch-tabs>li{flex:1;text-align:center}.cmd-tabs>ul.stretch-tabs>div{border-top-right-radius:0}.cmd-tabs .headline{margin-top:0}.cmd-tabs>div{padding:var(--default-padding);border:var(--primary-border);border-radius:var(--default-border-radius);background:var(--color-scheme-background);border-top-left-radius:0}.cmd-tabs>div>div *:last-child{margin-bottom:0}.cmd-text-image-block>.flex-container{gap:calc(var(--default-gap) / 2)}.edit-mode .cmd-text-image-block textarea{width:100%}.cmd-toggle-dark-mode.styled-layout{input { --dark-blue: hsl(195, 96%, 45%); --medium-blue: hsl(194, 97%, 39%); --light-blue: hsl(195, 97%, 76%); background: linear-gradient(to bottom, var(--dark-blue) 0%, var(--light-blue) 67%); border-color: var(--medium-blue); &::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)); } } &.dark-mode {input {background: var(--color-scheme-background); border-color: var(--color-scheme-text-color); &::before { --size: 1.2rem; content: ""; width: var(--size); aspect-ratio: 1/1; background: var(--color-scheme-background); border-radius: var(--full-circle); position: absolute; top: 0; right: calc(var(--size) / 2); transform: translateY(15%); z-index: 100; transition: var(--default-transition); } &::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);}} .label-text {span {color: var(--color-scheme-text-color);}}}}.cmd-upload-form{p {&.text-drag-and-drop {&.disabled {background: none !important;}}} .button.upload {align-self: center; & ~ p {& > * {display: block;}}} .error {color: var(--error-color);} & + .cmd-form-element {display: none;} .drop-area,&.drop-area {border: var(--default-border); border-style: dashed; background: var(--color-scheme-background); padding: var(--default-padding); text-align: center; &.allow-drop {border-style: solid;} > [class*="icon-"] {font-size: 5rem;}}}.cmd-upload-form .cmd-custom-headline{margin:0;justify-content:center}.cmd-upload-form.box{display:inline-flex;flex-direction:column;background:var(--default-background);text-decoration:none;text-align:center;padding:var(--default-padding);span {margin: 0; &[class*="icon-"] {font-size: 5rem;}}}.cmd-upload-form .box{box-shadow:none;background:var(--color-scheme-background);border:var(--default-border);dl {justify-content: center; text-align: left; .list-of-file-extensions {display: table; > li:only-child {list-style-type: none; margin: 0;}}}}.cmd-upload-form .total-files>*{white-space:nowrap}.cmd-upload-form .total-files>*:not(a){font-weight:700}.cmd-upload-form [class*=list-of-file]{max-height:10rem;overflow-x:hidden;overflow-y:auto;border:var(--default-border);padding:var(--default-padding);margin:0}.cmd-upload-form [class*=list-of-file]>li{flex-wrap:nowrap}.cmd-upload-form [class*=list-of-file]>li .progressbar{display:table;align-self:center;progress {&[value] {background: var(--color-scheme-background); &::-moz-progress-bar {border-top-left-radius: var(--default-border-radius); border-bottom-left-radius: var(--default-border-radius); background: var(--primary-color);}}} & > span {position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; display: table; top: .2rem; padding: .1rem .2rem; line-height: 100%; background: var(--color-scheme-background);}}.cmd-upload-form .list-files-wrapper{justify-content:center;align-items:center;hr {width: 100%;}}.cmd-upload-form .list-files-wrapper .list-of-files{display:inline-flex;flex-direction:column;gap:calc(var(--default-gap) / 2);li {list-style-type: none; margin-left: 0; gap: calc(var(--default-gap) / 2); > a:hover,a:active,a:focus {~ * {color: var(--hyperlink-color-highlighted);}}} & + a {display: table; margin: 0 auto;}}.cmd-upload-form .upload-conditions .cmd-headline>*{text-align:center}.cmd-width-limitation-wrapper>*{max-width:var(--max-width);margin:0 auto;padding:var(--default-padding)}.cmd-width-limitation-wrapper.sticky{position:sticky;left:0;right:0;top:0}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "4.0.18",
+  "version": "4.0.20",
   "private": false,
   "type": "module",
   "scripts": {
@@ -19,7 +19,7 @@
   ],
   "dependencies": {
     "clickout-event": "^1.1.2",
-    "comand-frontend-framework": "^4.0.44",
+    "comand-frontend-framework": "^4.0.54",
     "core-js": "^3.20.1",
     "prismjs": "^1.27.0",
     "vue": "^3.2.31",

package/src/ComponentLibrary.vue

@@ -49,6 +49,7 @@
                                 :cmdHeadline="{headlineText: 'Components', headlineLevel: 4, headlineIcon: {iconClass: 'icon-settings-component'}}"
                                 :openCollapsedBox="slotProps.boxIsOpen(1)"
                                 @toggleCollapse="slotProps.boxToggled(1, $event)"
+                                id="list-of-components"
                             >
                                 <template v-slot:body>
                                     <ul>
@@ -957,7 +958,12 @@
                     </h2>
                     <CmdBasicForm
                         ref="CmdBasicForm"
+                        @submit="sendBasicForm"
                     />
+                    <dl>
+                       <dt>originalEvent</dt><dd>{{basicFormData.originalEvent}}</dd>
+                       <dt>formdata</dt><dd>{{basicFormData.formData}}</dd>
+                    </dl>
                 </CmdWidthLimitationWrapper>
                 <!-- end basic form ------------------------------------------------------------------------------------------------------------------------------------------------------->
 
@@ -1968,6 +1974,7 @@ export default {
         return {
             listOfComponents,
             activeEntry: "CmdAddressData",
+            basicFormData: {},
             componentControls: {},
             componentView: true,
             showLeftSidebar: true,
@@ -2130,6 +2137,13 @@ export default {
         }
     },
     methods: {
+        sendBasicForm(event) {
+            // prevent original event
+            event.originalEvent.preventDefault()
+
+            // assign custom event to data-property
+            this.basicFormData = event
+        },
         sectionName(componentName) {
             let componentNameWithHyphens = componentName.replace(/([A-Z])/g, '-$1');
             return "#section" + componentNameWithHyphens.toLowerCase();
@@ -2371,6 +2385,14 @@ export default {
                 padding: 0.1rem 0.3rem;
                 text-decoration: none;
             }
+
+            &#list-of-components {
+                overflow: auto;
+
+                .box-body {
+                    max-height: 70rem;
+                }
+            }
         }
 
         .open-slot-wrapper {
@@ -2382,6 +2404,11 @@ export default {
             .comand-versions {
                 padding: var(--default-padding);
                 margin: 0;
+                background: var(--pure-white);
+
+                dd {
+                    white-space: nowrap;
+                }
             }
         }
 

package/src/assets/fonts/iconfonts/logos-iconfont/fonts/icomoon.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xb100;" glyph-name="amazon" d="M925.6 74.784c-112.192-82.784-274.592-126.784-414.592-126.784-196.192 0-372.8 72.384-506.4 193.216-10.4 9.408-1.216 22.4 11.392 15.008 144.192-84 322.592-134.4 506.816-134.4 124.192 0 260.8 25.792 386.592 79.2 18.784 8 34.784-12.608 16.192-26.208zM972.192 128c-14.4 18.4-94.784 8.8-131.008 4.384-11.008-1.216-12.608 8.192-2.784 15.2 64.192 44.992 169.408 32 181.6 16.992 12.384-15.2-3.2-120.608-63.392-171.008-9.216-7.808-18.016-3.616-14.016 6.592 13.792 33.792 44 109.408 29.6 127.808zM707.392 202.4l0.192-0.192c24.8 21.792 69.408 60.8 94.592 81.792 10.016 8 8.192 21.408 0.384 32.608-22.592 31.2-46.592 56.608-46.592 114.208v192c0 81.408 5.6 156-54.208 212-47.2 45.216-125.6 61.216-185.6 61.216-117.184 0-248-43.808-275.392-188.608-3.008-15.392 8.416-23.616 18.4-25.792l119.392-12.992c11.2 0.608 19.2 11.616 21.408 22.816 10.208 49.792 52 74.016 99.008 74.016 25.408 0 54.208-9.184 69.216-32 17.216-25.408 15.008-60 15.008-89.408v-16c-71.392-8-164.8-13.184-231.616-42.592-77.184-33.408-131.392-101.408-131.392-201.408 0-128 80.608-192 184.416-192 87.616 0 135.392 20.608 203.008 89.792 22.4-32.384 29.6-48.192 70.592-82.208 9.408-4.992 20.992-4.608 29.216 2.784zM583.2 502.816c0-48 1.216-88-23.008-130.592-19.616-34.784-50.592-56-85.184-56-47.2 0-74.816 36-74.816 89.216 0 104.992 94.208 124 183.2 124v-26.592z" />
+<glyph unicode="&#xb101;" glyph-name="android" d="M896 576c-35.2 0-64-28.8-64-64v-256c0-35.2 28.8-64 64-64s64 28.8 64 64v256c0 35.2-28.8 64-64 64zM128 576c-35.2 0-64-28.8-64-64v-256c0-35.2 28.8-64 64-64s64 28.8 64 64v256c0 35.2-28.8 64-64 64zM224 224c0-53.024 42.976-96 96-96v0-128c0-35.2 28.8-64 64-64s64 28.8 64 64v128h128v-128c0-35.2 28.8-64 64-64s64 28.8 64 64v128c53.024 0 96 42.976 96 96v352h-576v-352zM798.208 640c-9.728 87.872-59.008 163.808-129.632 209.632l32.032 64.032c7.904 15.808 1.504 35.040-14.304 42.944s-35.040 1.504-42.944-14.304l-32.128-64.288-8.352 3.328c-28.576 9.504-59.136 14.656-90.88 14.656s-62.304-5.152-90.88-14.656l-8.352-3.328-32.128 64.288c-7.904 15.808-27.136 22.208-42.944 14.304s-22.208-27.136-14.304-42.944l32.032-64.032c-70.624-45.856-119.904-121.76-129.632-209.632v-32h574.208v32h-1.792zM416 704c-17.664 0-32 14.336-32 32s14.304 31.968 31.936 32c0.032 0 0.064 0 0.096 0s0.032 0 0.064 0c17.632-0.032 31.936-14.336 31.936-32s-14.336-32-32-32zM608 704c-17.664 0-32 14.336-32 32s14.272 31.968 31.936 32c0 0 0.032 0 0.064 0s0.064 0 0.096 0c17.632-0.032 31.936-14.336 31.936-32s-14.336-32-32-32z" />
+<glyph unicode="&#xb102;" glyph-name="apple" d="M791.488 415.904c-1.28 129.696 105.76 191.872 110.528 194.976-60.16 88.032-153.856 100.064-187.232 101.472-79.744 8.064-155.584-46.944-196.064-46.944-40.352 0-102.816 45.76-168.96 44.544-86.912-1.28-167.072-50.528-211.808-128.384-90.304-156.704-23.136-388.832 64.896-515.936 43.008-62.208 94.304-132.064 161.632-129.568 64.832 2.592 89.376 41.952 167.744 41.952s100.416-41.952 169.056-40.672c69.76 1.312 113.984 63.392 156.704 125.792 49.376 72.16 69.728 142.048 70.912 145.632-1.536 0.704-136.064 52.224-137.408 207.136zM662.56 796.48c35.744 43.36 59.872 103.52 53.28 163.52-51.488-2.112-113.888-34.304-150.816-77.536-33.152-38.368-62.144-99.616-54.368-158.432 57.472-4.48 116.128 29.216 151.904 72.448z" />
+<glyph unicode="&#xb103;" glyph-name="chrome" d="M258.272 513.472l-146.528 253.792c93.824 117.472 238.24 192.736 400.256 192.736 187.424 0 351.296-100.736 440.544-251.008h-417.76c-7.52 0.64-15.104 0.992-22.752 0.992-121.888 0-224.576-83.648-253.728-196.544zM695.296 635.008h293.472c22.752-57.92 35.232-120.992 35.232-187.008 0-280.832-226.112-508.8-506.176-511.936l209.408 362.688c29.472 42.368 46.784 93.824 46.784 149.248 0 73.184-30.176 139.424-78.688 187.008zM326.016 448c0 102.56 83.424 186.016 186.016 186.016s186.016-83.424 186.016-186.016c0-102.56-83.456-186.016-186.016-186.016s-186.016 83.456-186.016 186.016zM582.176 195.552l-146.592-253.888c-246.528 36.896-435.616 249.504-435.616 506.304 0 91.232 23.872 176.832 65.696 251.040l209.024-362.048c41.856-89.12 132.48-150.976 237.28-150.976 24.288 0 47.84 3.328 70.176 9.568z" />
+<glyph unicode="&#xb104;" glyph-name="css3" d="M152.8 912.64l-34.464-172.384h701.568l-21.92-111.328h-702.016l-33.984-172.352h701.504l-39.104-196.544-282.752-93.696-245.056 93.696 16.768 85.248h-172.352l-40.992-206.88 405.28-155.104 467.2 155.104 154.176 774.272-873.856-0.032z" />
+<glyph unicode="&#xb106;" glyph-name="facebook" d="M608 768h160v192h-160c-123.52 0-224-100.512-224-224v-96h-128v-192h128v-512h192v512h160l32 192h-192v96c0 17.344 14.624 32 32 32z" />
+<glyph unicode="&#xb107;" glyph-name="facebook-square" d="M853.344 960h-682.656c-93.856 0-170.688-76.8-170.688-170.688v-682.624c0-93.952 76.8-170.688 170.688-170.688h682.656c93.888 0 170.656 76.736 170.656 170.688v682.624c0 93.888-76.768 170.688-170.656 170.688zM870.592 448h-166.592v-448h-192v448h-92.512v146.56h92.512v95.2c0 129.344 55.808 206.24 207.872 206.24h175.232v-158.56h-143.136c-42.496 0.064-47.744-22.144-47.744-63.52l-0.224-79.36h192l-25.408-146.56z" />
+<glyph unicode="&#xb108;" glyph-name="firefox" d="M1022.528 625.856l-11.872-76.064c0 0-16.96 140.864-37.728 193.504-31.84 80.672-46.016 80.032-46.112 79.936 21.344-54.208 17.472-83.328 17.472-83.328s-37.792 103.008-137.696 135.776c-110.688 36.288-170.56 26.368-177.504 24.48-1.056 0-2.048 0-3.040 0 0.832-0.064 1.6-0.16 2.432-0.224-0.032-0.032-0.096-0.032-0.096-0.064 0.448-0.544 122.304-21.312 143.904-51.008 0 0-51.744 0-103.264-14.848-2.336-0.672 189.536-23.968 228.736-215.68 0 0-21.024 43.872-47.040 51.328 17.12-52.032 12.704-150.784-3.584-199.84-2.112-6.304-4.256 27.296-36.32 41.76 10.272-73.632-0.608-190.464-51.712-222.624-3.968-2.496 32.032 115.296 7.232 69.76-142.72-218.816-311.392-100.96-387.232-49.12 38.88-8.448 112.64 1.312 145.312 25.6 0.032 0.032 0.064 0.064 0.128 0.096 35.456 24.256 56.48 41.952 75.328 37.76s31.424 14.72 16.768 31.52c-14.688 16.832-50.304 39.968-98.528 27.36-34.016-8.896-76.128-46.528-140.448-8.448-49.376 29.248-54.016 53.536-54.464 70.368 1.216 5.952 2.752 11.552 4.576 16.64 5.696 15.872 22.912 20.672 32.48 24.448 16.256-2.784 30.272-7.872 44.96-15.392 0.192 4.896 0.256 11.392-0.032 18.752 1.408 2.816 0.544 11.264-1.728 21.568-1.312 10.304-3.424 20.96-6.752 30.688 0 0 0.032 0 0.032 0 0.064 0.032 0.096 0.032 0.16 0.064s0.16 0.128 0.224 0.192c0 0.032 0.032 0.032 0.032 0.064 0.096 0.128 0.16 0.256 0.192 0.48 1.024 4.608 12.032 13.536 25.728 23.104 12.256 8.576 26.688 17.696 38.080 24.768 10.048 6.24 17.728 10.88 19.36 12.096 0.608 0.48 1.344 1.024 2.176 1.632 0.16 0.128 0.288 0.224 0.448 0.352 0.096 0.064 0.192 0.16 0.288 0.224 5.408 4.32 13.472 12.448 15.168 29.568 0 0.032 0 0.064 0 0.128 0.064 0.512 0.096 1.024 0.128 1.536 0.032 0.352 0.064 0.736 0.064 1.088 0 0.288 0.032 0.576 0.032 0.864 0.032 0.672 0.064 1.376 0.064 2.080 0 0.032 0 0.064 0 0.128 0.032 1.664 0 3.392-0.096 5.216-0.064 1.024-0.128 1.92-0.288 2.752 0 0.032-0.032 0.096-0.032 0.128-0.032 0.096-0.032 0.16-0.064 0.256-0.032 0.16-0.064 0.288-0.128 0.416 0 0.032 0 0.032-0.032 0.032-0.064 0.16-0.128 0.32-0.16 0.448 0 0 0 0 0 0.032-1.76 4.096-8.32 5.664-35.456 6.112-0.032 0-0.064 0-0.064 0v0c-11.072 0.192-25.536 0.192-44.512 0.128-33.248-0.128-51.616 32.512-57.504 45.12 8.032 44.448 31.264 76.128 69.44 97.632 0.736 0.416 0.576 0.736-0.288 0.992 7.456 4.512-90.24 0.128-135.2-57.024-39.904 9.92-74.656 9.248-104.608 2.208-5.76 0.16-12.928 0.864-21.44 2.656-19.936 18.048-48.448 51.392-49.984 91.2 0 0-0.096-0.064-0.256-0.192-0.032 0.384-0.064 0.768-0.064 1.152 0 0-60.704-46.656-51.616-173.888-0.032-2.048-0.064-4-0.128-5.888-16.448-22.272-24.576-41.024-25.184-45.152-14.56-29.632-29.344-74.24-41.344-141.984 0 0 8.416 26.656 25.28 56.864-12.416-38.016-22.176-97.152-16.448-185.856 0 0 1.504 19.68 6.88 48 4.192-55.008 22.528-122.912 68.864-202.784 88.96-153.312 225.664-230.752 376.8-242.624 26.848-2.208 54.048-2.272 81.408-0.192 2.528 0.192 5.024 0.352 7.552 0.576 30.976 2.176 62.144 6.848 93.248 14.368 425.184 102.784 378.944 616.192 378.944 616.192z" />
+<glyph unicode="&#xb109;" glyph-name="flickr" d="M800 544c-70.592 0-128-57.408-128-128s57.408-128 128-128c70.592 0 128 57.408 128 128s-57.408 128-128 128zM800 640v0c123.712 0 224-100.288 224-224s-100.288-224-224-224-224 100.288-224 224c0 123.712 100.288 224 224 224zM0 416c0 123.712 100.288 224 224 224s224-100.288 224-224c0-123.712-100.288-224-224-224s-224 100.288-224 224z" />
+<glyph unicode="&#xb10a;" glyph-name="git" d="M1004.704 493.6l-447.104 447.072c-25.728 25.76-67.488 25.76-93.28 0l-103.872-103.872 78.176-78.176c12.544 5.984 26.56 9.376 41.376 9.376 53.024 0 96-42.976 96-96 0-14.816-3.36-28.864-9.376-41.376l127.968-127.968c12.544 5.984 26.56 9.376 41.376 9.376 53.024 0 96-42.976 96-96s-42.976-96-96-96-96 42.976-96 96c0 14.816 3.36 28.864 9.376 41.376l-127.968 127.968c-3.040-1.472-6.176-2.752-9.376-3.872v-266.976c37.28-13.184 64-48.704 64-90.528 0-53.024-42.976-96-96-96s-96 42.976-96 96c0 41.792 26.72 77.344 64 90.528v266.976c-37.28 13.184-64 48.704-64 90.528 0 14.816 3.36 28.864 9.376 41.376l-78.176 78.176-295.904-295.872c-25.76-25.792-25.76-67.52 0-93.28l447.136-447.072c25.728-25.76 67.488-25.76 93.28 0l444.992 444.992c25.76 25.76 25.76 67.552 0 93.28z" />
+<glyph unicode="&#xb10b;" glyph-name="google-analytics" d="M115.84 375.936c-6.944 14.336-10.848 30.464-10.848 47.456 0 60.224 48.832 109.088 109.088 109.088s109.088-48.832 109.088-109.088c0-8.128-0.928-16.032-2.592-23.648l115.36-65.472c19.552 18.464 45.856 29.792 74.88 29.792 11.040 0 21.664-1.664 31.712-4.704l191.232 284c-17.504 19.36-28.16 44.992-28.16 73.12 0 60.224 48.832 109.088 109.088 109.088s109.088-48.832 109.088-109.088c0-10.72-1.568-21.088-4.448-30.88l104.736-64.512v232.224c0 58.912-47.744 106.656-106.656 106.656h-810.656c-58.912 0-106.656-47.744-106.656-106.656v-584.832l115.84 107.424zM883.904 632.224c-18.848-15.488-42.976-24.8-69.248-24.8-8.928 0-17.568 1.088-25.888 3.104l-193.216-286.912c15.2-18.752 24.288-42.592 24.288-68.608 0-60.256-48.832-109.088-109.088-109.088s-109.088 48.832-109.088 109.088c0 8.128 0.928 16.032 2.592 23.616l-115.36 65.472c-19.552-18.464-45.888-29.792-74.88-29.792-19.936 0-38.592 5.376-54.688 14.72l-159.392-147.808v-138.56c0-58.912 47.744-106.656 106.656-106.656h810.656c58.912 0 106.656 47.744 106.656 106.656v503.296l-140.096 86.272z" />
+<glyph unicode="&#xb10c;" glyph-name="html5" d="M61.056 960l82.048-920.544 368.352-102.24 369.312 102.4 82.208 920.416h-901.92zM810.368 98.176l-296.864-82.272v-0.512l-0.768 0.256-0.768-0.256v0.512l-296.864 82.272-70.144 786.56h735.616l-70.176-786.56h-0.032zM650.56 430.432l-13.056-146.4-126.048-34.048-125.696 33.856-8.064 90.144h-113.376l15.84-177.312 231.808-64.096 231.072 64.096 31.008 346.592h-411.488l-10.304 115.616h432.064l10.080 112.896h-565.536l30.464-341.376h391.296z" />
+<glyph unicode="&#xb10d;" glyph-name="instagram" d="M512 867.808c136.8 0 152.992-0.608 206.784-3.008 50.016-2.208 76.992-10.592 95.008-17.6 23.808-9.216 40.992-20.416 58.784-38.208 18.016-18.016 28.992-35.008 38.4-58.816 7.008-18.016 15.392-45.184 17.6-95.008 2.4-54.016 3.008-70.208 3.008-206.816s-0.608-152.992-3.008-206.816c-2.208-50.016-10.592-76.992-17.6-95.008-9.216-23.808-20.384-40.992-38.208-58.784-18.016-18.016-35.008-28.992-58.784-38.4-18.016-7.008-45.216-15.392-95.008-17.6-54.016-2.4-70.208-3.008-206.816-3.008s-152.992 0.608-206.816 3.008c-50.016 2.208-76.992 10.592-95.008 17.6-23.808 9.216-40.992 20.384-58.816 38.208-18.016 18.016-28.992 35.008-38.4 58.784-7.008 18.016-15.392 45.216-17.6 95.008-2.4 54.016-3.008 70.208-3.008 206.816s0.608 152.992 3.008 206.816c2.208 50.016 10.592 76.992 17.6 95.008 9.216 23.808 20.416 40.992 38.208 58.816 18.016 18.016 35.008 28.992 58.816 38.4 18.016 7.008 45.184 15.392 95.008 17.6 53.792 2.4 70.016 3.008 206.816 3.008zM512 960c-139.008 0-156.384-0.608-211.008-3.008-54.4-2.4-91.808-11.2-124.192-23.808-33.792-13.184-62.4-30.592-90.784-59.2-28.608-28.416-46.016-56.992-59.2-90.592-12.608-32.608-21.408-69.792-23.808-124.192-2.4-54.816-3.008-72.192-3.008-211.2s0.608-156.384 3.008-211.008c2.4-54.4 11.2-91.808 23.808-124.192 13.216-33.792 30.592-62.4 59.2-90.784 28.384-28.384 56.992-46.016 90.592-59.008 32.608-12.608 69.792-21.408 124.192-23.808 54.592-2.4 72-3.008 211.008-3.008s156.416 0.608 211.008 3.008c54.4 2.4 91.808 11.2 124.192 23.808 33.6 12.992 62.208 30.592 90.592 59.008s46.016 56.992 59.008 90.592c12.608 32.608 21.408 69.792 23.808 124.192 2.4 54.592 3.008 72 3.008 211.008s-0.608 156.384-3.008 211.008c-2.4 54.4-11.2 91.808-23.808 124.192-12.608 34.016-30.016 62.592-58.592 91.008-28.384 28.384-56.992 46.016-90.592 59.008-32.608 12.608-69.792 21.408-124.192 23.808-54.784 2.592-72.192 3.2-211.2 3.2v0zM512 711.008c-145.184 0-263.008-117.792-263.008-263.008s117.792-263.008 263.008-263.008 263.008 117.792 263.008 263.008c0 145.184-117.792 263.008-263.008 263.008zM512 277.408c-94.208 0-170.592 76.384-170.592 170.592s76.384 170.592 170.592 170.592c94.208 0 170.592-76.384 170.592-170.592s-76.384-170.592-170.592-170.592zM846.784 721.408c0-33.92-27.488-61.408-61.408-61.408s-61.408 27.488-61.408 61.408c0 33.92 27.488 61.408 61.408 61.408s61.408-27.488 61.408-61.408z" />
+<glyph unicode="&#xb10e;" glyph-name="linkedin" d="M384 576h177.12v-90.784h2.528c24.64 44.192 84.96 90.784 174.848 90.784 186.944 0 221.504-116.384 221.504-267.744v-308.256h-184.608v273.28c0 65.184-1.344 149.024-96.032 149.024-96.16 0-110.816-70.976-110.816-144.288v-278.016h-184.544v576zM64 576h192v-576h-192v576zM256 736c0-53.024-42.976-96-96-96s-96 42.976-96 96c0 53.024 42.976 96 96 96s96-42.976 96-96z" />
+<glyph unicode="&#xb10f;" glyph-name="linkedin-square" d="M852 960h-680c-94.592 0-172-77.408-172-172v-680c0-94.592 77.408-172 172-172h680c94.592 0 172 77.408 172 172v680c0 94.592-77.408 172-172 172zM384 128h-128v448h128v-448zM320 640c-35.36 0-64 28.64-64 64s28.64 64 64 64 64-28.64 64-64-28.64-64-64-64zM832 128h-128v256c0 35.36-28.64 64-64 64s-64-28.64-64-64v-256h-128v448h128v-79.456c26.4 36.256 66.752 79.456 112 79.456 79.52 0 144-71.648 144-160v-288z" />
+<glyph unicode="&#xb110;" glyph-name="linux" d="M567.648 223.072c-81.952-38.112-158.144-37.728-209.344-34.016-61.056 4.416-110.144 21.12-131.744 35.744-13.312 8.992-31.392 5.536-40.384-7.776s-5.536-31.392 7.776-40.384c34.688-23.488 96.064-40.96 160.16-45.568 10.88-0.768 22.784-1.28 35.648-1.28 55.776 0 126.624 5.312 202.432 40.576 14.56 6.784 20.864 24.064 14.112 38.624s-24.064 20.864-38.656 14.112zM890.944 266.176c2.784 252.672 28.768 730.208-454.976 691.616-477.6-38.432-350.976-542.976-358.080-711.936-6.304-89.376-35.968-198.656-77.888-309.856h129.088c13.28 47.136 23.040 93.728 27.232 138.144 7.776-5.44 16.096-10.688 24.992-15.712 14.464-8.512 26.88-19.84 40.032-31.84 30.752-28.032 65.6-59.776 133.728-63.744 4.576-0.256 9.184-0.384 13.664-0.384 68.896 0 116 30.144 153.888 54.368 18.144 11.616 33.824 21.632 48.576 26.464 41.92 13.12 78.528 34.304 105.888 61.248 4.288 4.192 8.256 8.544 11.968 12.96 15.232-55.872 36.128-118.752 59.296-181.504h275.648c-66.176 102.24-134.432 202.368-133.056 330.176zM124.096 403.648c0 0 0 0.032 0 0.032-4.736 82.464 34.72 151.84 88.128 154.944s100.544-61.216 105.312-143.68c0 0 0-0.032 0-0.032 0.256-4.448 0.352-8.832 0.384-13.216-16.928-4.256-32.192-10.432-45.888-17.632-0.064 0.608-0.096 1.216-0.16 1.824 0 0 0 0.032 0 0.032-4.576 46.816-29.568 82.144-55.84 78.944s-43.872-43.744-39.296-90.56c0 0 0-0.032 0-0.032 1.984-20.416 7.872-38.624 16.032-52.448-2.048-1.6-7.776-5.824-14.4-10.656-4.96-3.648-11.008-8.064-18.304-13.44-19.872 26.080-33.504 63.584-35.936 105.888zM665.248 199.808c-1.888-43.584-58.912-84.576-111.584-101.056l-0.288-0.096c-21.888-7.104-41.44-19.616-62.112-32.832-34.72-22.24-70.656-45.216-122.528-45.216-3.392 0-6.88 0.096-10.336 0.288-47.52 2.784-69.728 23.040-97.888 48.672-14.848 13.536-30.176 27.52-49.984 39.136l-0.416 0.256c-42.72 24.096-69.216 54.080-70.912 80.192-0.832 12.992 4.928 24.224 17.184 33.408 26.624 19.968 44.48 33.024 56.288 41.664 13.12 9.6 17.056 12.48 20 15.264 2.112 1.984 4.352 4.192 6.816 6.56 24.448 23.776 65.376 63.552 128.16 63.552 38.4 0 80.896-14.784 126.176-43.904 21.312-13.888 39.872-20.288 63.392-28.384 16.16-5.568 34.464-11.904 58.976-22.4l0.384-0.16c22.88-9.408 49.888-26.56 48.672-54.944zM652.64 302.208c-4.384 2.208-8.96 4.32-13.76 6.272-22.112 9.472-39.84 15.872-54.528 20.992 8.128 15.904 13.152 35.712 13.632 57.248 0 0 0 0.032 0 0.032 1.12 52.384-25.28 94.912-59.008 94.976s-61.952-42.304-63.072-94.688c0 0 0-0.032 0-0.032-0.032-1.728-0.032-3.424-0.032-5.12-20.768 9.568-41.184 16.48-61.152 20.768-0.096 1.952-0.192 3.936-0.256 5.92 0 0 0 0.032 0 0.064-1.952 95.424 56.608 174.4 130.752 176.416s135.84-73.696 137.76-169.12c0-0.032 0-0.032 0-0.064 0.864-43.136-10.656-82.88-30.368-113.664z" />
+<glyph unicode="&#xb111;" glyph-name="meta" d="M527.698 644.583c4.981 6.453 9.568 12.889 14.652 18.901 12.519 14.791 24.789 29.828 38.059 43.915 10.631 11.282 22.293 21.664 34.044 31.808 13.383 11.538 28.235 21.038 44.075 28.96 18.34 9.18 37.554 15.588 58.009 17.593 9.266 0.91 18.652 1.611 27.922 1.156 18.869-0.932 37.312-4.58 55.143-10.997 16.142-5.817 31.403-13.387 45.817-22.734 13.916-9.024 26.802-19.275 38.951-30.571 12.921-12.011 24.455-25.202 35.396-39.004 14.773-18.652 27.424-38.667 38.642-59.566 14.528-27.061 26.521-55.253 35.588-84.601 5.063-16.395 10.005-32.885 13.739-49.614 4.142-18.542 7.385-37.326 10.002-56.149 2.389-17.116 3.804-34.404 4.928-51.662 0.971-14.898 1.561-29.881 1.163-44.807-0.405-15.396-1.909-30.795-3.484-46.133-2.201-21.447-6.987-42.379-13.948-62.802-7.275-21.33-17.17-41.294-30.951-59.214-11.879-15.438-25.963-28.398-42.78-38.364-20.86-12.363-43.428-19.25-67.527-20.882-10.741-0.722-21.593-1.244-32.309-0.537-27.175 1.764-52.981 8.519-76.636 22.628-13.675 8.156-26.076 17.838-37.71 28.644-16.359 15.2-30.567 32.245-44.128 49.906-17.369 22.603-33.198 46.279-48.252 70.453-13.426 21.572-26.446 43.406-39.534 65.184-11.52 19.182-22.823 38.496-34.34 57.689-11.62 19.356-23.378 38.642-35.086 57.948-0.892 1.468-1.852 2.891-3.083 4.807-2.315-4-4.491-7.676-6.592-11.399-10.88-19.196-21.756-38.414-32.619-57.632-7.915-14.002-15.63-28.117-23.748-42.002-15.534-26.567-31.136-53.102-47.004-79.47-14.443-24-30.396-46.99-47.477-69.173-12.853-16.69-26.677-32.58-42.073-47.015-14.948-14.012-31.179-26.283-49.724-35.193-15.986-7.687-32.807-12.836-50.514-14.194-12.956-0.992-26.041-1.806-38.987-1.131-21.547 1.116-42.393 6.002-62.19 14.94-19.42 8.764-36.288 21.092-50.809 36.583-9.668 10.315-17.813 21.781-24.821 34.094-7.132 12.533-13.259 25.54-17.451 39.292-3.968 13.035-7.573 26.229-10.279 39.577-2.322 11.467-3.822 23.204-4.48 34.891-1.010 17.867-1.436 35.801-1.234 53.692 0.149 13.067 1.611 26.123 2.688 39.164 0.715 8.654 1.593 17.301 2.748 25.902 1.191 8.846 2.606 17.668 4.295 26.428 2.233 11.577 4.324 23.218 7.378 34.592 4.85 18.048 9.852 36.107 15.886 53.788 5.842 17.088 12.484 33.97 19.833 50.468 9.557 21.451 20.85 42.052 33.813 61.7 10.688 16.203 22.201 31.733 35.168 46.215 14.635 16.338 30.496 31.307 48.238 44.228 22.464 16.363 46.969 28.676 73.849 35.812 9.447 2.51 19.246 4.021 28.981 5.038 10.066 1.052 20.274 1.646 30.372 1.209 19.239-0.832 38.148-4.011 56.58-9.973 22.457-7.26 43.246-17.82 62.297-31.556 11.993-8.644 23.481-18.073 34.535-27.893 10.421-9.255 20.398-19.093 29.806-29.376 11.492-12.558 22.187-25.852 33.227-38.83 1.287-1.54 2.564-3.076 3.95-4.729zM925.66 341.543c0 6.599 0.1 13.195-0.028 19.79-0.107 5.796-0.231 11.598-0.757 17.365-1.458 16.021-2.873 32.057-4.807 48.025-1.422 11.74-3.257 23.467-5.618 35.054-2.542 12.48-5.721 24.846-8.953 37.173-7.89 30.13-18.745 59.132-33.045 86.844-10.069 19.52-21.703 37.984-35.844 54.841-15.893 18.951-34.101 34.997-56.441 46.066-15.861 7.854-32.594 12.089-50.247 12.398-20.124 0.352-38.631-5.625-55.602-16.018-18.279-11.196-33.71-25.849-47.556-42.087-8.537-10.020-16.693-20.405-24.512-31.001-7.932-10.763-15.2-22.020-22.848-32.992-1.131-1.621-0.985-2.788 0.025-4.348 12.363-19.147 24.885-38.187 36.928-57.532 12.732-20.448 25.010-41.177 37.461-61.799 8.843-14.642 17.593-29.355 26.507-43.964 7.691-12.619 15.481-25.18 23.346-37.692 10.3-16.366 20.569-32.754 31.147-48.953 8.583-13.148 17.255-26.279 26.532-38.948 8.373-11.442 17.344-22.478 26.564-33.252 6.948-8.11 14.987-15.236 24.213-20.796 13.778-8.316 28.839-11.086 44.722-9.732 18.802 1.6 34.308 9.365 45.913 24.576 11.314 14.823 16.548 32.004 19.801 49.952 2.816 15.538 3.648 31.268 3.1 47.029zM114.119 342.585c0.427-14.674 1.358-29.216 3.929-43.676 2.549-14.315 6.56-28.075 13.412-40.956 6.887-12.942 16.224-23.548 29.273-30.471 14.13-7.492 29.259-8.981 44.942-6.969 20.587 2.638 36.917 13.365 51.239 27.424 8.306 8.164 16.16 16.896 23.36 26.044 11.282 14.336 22.155 29.017 32.612 43.964 11.499 16.434 22.485 33.23 33.415 50.044 10.596 16.309 20.786 32.885 31.257 49.273 9.34 14.617 18.855 29.12 28.238 43.701 12.164 18.908 24.249 37.87 36.434 56.768 5.71 8.853 11.545 17.632 17.39 26.407 1.369 2.052 1.724 3.616-0.021 5.902-4.551 5.938-8.548 12.309-13.077 18.276-15.911 20.96-32.128 41.65-51.065 60.060-14.268 13.867-29.561 26.222-47.492 35.143-14.734 7.328-30.293 11.186-46.638 12.071-20.74 1.124-39.637-4.715-57.109-15.563-12.050-7.484-23.079-16.295-32.327-27.086-7.847-9.148-15.705-18.354-22.716-28.139-12.53-17.476-22.763-36.363-31.193-56.146-5.223-12.256-10.215-24.64-14.67-37.198-8.384-23.627-14.98-47.78-19.086-72.533-2.709-16.331-5.412-32.7-7.143-49.159-1.646-15.648-2.023-31.442-2.962-47.182z" />
+<glyph unicode="&#xb112;" glyph-name="opera" d="M1024 448v0 0c0-151.616-66.016-288-170.784-381.6-131.392-64-253.792-19.2-294.208 8.8 128.992 28.192 226.4 184.192 226.4 372.8s-97.408 344.608-226.4 372.992c40.608 28 163.008 72.8 294.208 8.8 104.8-93.792 170.784-230.208 170.784-381.792v0 0zM343.392 736.608c-56.608-66.784-93.184-165.6-95.584-276.608 0-0.192 0-23.808 0-24.192 2.4-110.784 39.2-209.6 95.808-276.384 73.408-95.392 182.592-155.808 304.608-155.808 75.008 0 145.216 22.784 205.216 62.592-90.784-80.992-210.4-130.208-341.408-130.208-8.192 0-16.384 0.192-24.384 0.608-271.392 12.8-487.616 236.8-487.616 511.392 0 282.816 229.184 512 512 512 0.608 0 1.216 0 2.016 0 130.4-0.416 249.184-49.6 339.392-130.4-60 39.808-130.208 62.784-205.216 62.784-122.016 0-231.2-60.384-304.8-155.808z" />
+<glyph unicode="&#xb113;" glyph-name="paypal" d="M930.016 651.392c-47.808-212.192-195.392-324.192-428-324.192h-77.408l-53.792-341.6h-64.8l-3.392-22.016c-2.208-14.592 8.992-27.616 23.616-27.616h165.6c19.616 0 36.192 14.208 39.392 33.6l1.6 8.384 31.2 197.792 2.016 10.784c3.008 19.392 19.808 33.6 39.392 33.6h24.608c160.384 0 286.016 65.216 322.816 253.6 13.792 71.616 8.608 132.384-22.784 177.6zM831.008 882.784c-47.392 54.016-133.216 77.216-242.784 77.216h-318.208c-22.4 0-41.6-16.192-44.992-38.4l-132.608-840.384c-2.592-16.608 10.208-31.616 27.008-31.616h196.608l49.408 312.992-1.6-9.792c3.392 22.208 22.4 38.4 44.8 38.4h93.408c183.392 0 327.008 74.4 368.992 290.016 1.216 6.4 2.4 12.608 3.2 18.592 12.384 79.584 0 134.016-43.2 183.008z" />
+<glyph unicode="&#xb114;" glyph-name="safari" d="M512 960c-282.816 0-512-229.184-512-512s229.184-512 512-512 512 229.216 512 512-229.216 512-512 512zM958.4 487.2l-0.992 10.592c0.192-3.616 0.608-7.008 0.992-10.592zM888.384 691.2l-7.2 10.816c2.4-3.616 4.8-7.2 7.2-10.816zM860.608 729.408l-4.384 5.408c1.6-1.792 3.008-3.584 4.384-5.408zM798.592 792.416l-5.408 4.416c2.016-1.6 3.616-3.008 5.408-4.416zM766.016 817.184l-10.784 7.2c3.616-2.4 7.2-4.8 10.784-7.2zM561.792 893.216l-10.784 0.992c3.616-0.192 7.2-0.608 10.784-0.992zM472.8 894.4l-10.816-0.992c3.616 0.192 7.2 0.608 10.816 0.992zM268.8 824.416l-10.816-7.2c3.616 2.4 7.2 4.8 10.816 7.2zM230.592 796.608l-5.184-4.192c1.792 1.408 3.392 2.816 5.184 4.192zM167.584 734.592l-4.416-5.408c1.6 1.792 3.008 3.584 4.416 5.408zM142.816 701.984l-7.2-10.816c2.4 3.616 4.8 7.2 7.2 10.816zM66.784 497.792l-0.992-10.816c0.192 3.616 0.608 7.2 0.992 10.816zM65.6 408.8l0.992-10.784c-0.192 3.616-0.608 7.2-0.992 10.784zM135.584 204.992l7.2-10.784c-2.4 3.392-4.8 7.008-7.2 10.784zM144 192.384l79.808 53.408-8.8 13.408-79.808-53.408c-36.192 56.192-60 120.8-68 190.4l47.808 4.8-1.6 16-47.808-4.8c-0.8 9.216-1.216 18.592-1.408 28h96v16h-96c0.192 9.408 0.608 18.592 1.408 28l47.808-4.608 1.6 16-47.808 4.608c8 69.6 32 134.208 68.192 190.4l79.808-53.408 8.8 13.408-80 52.992c5.408 7.584 10.816 15.2 16.608 22.4l36.992-30.4 10.208 12.416-36.992 30.4c6.016 7.2 12.416 14.016 18.816 20.8l67.808-67.808 11.392 11.392-67.808 67.808c6.816 6.4 13.6 12.8 20.608 18.816l30.4-37.184 12.384 10.208-30.4 36.992c7.392 5.792 14.816 11.392 22.4 16.8l53.408-79.808 13.408 8.8-53.408 79.808c56.192 36.192 120.8 60 190.4 68l4.8-47.808 16 1.6-4.8 47.808c9.184 0.8 18.592 1.216 28 1.408v-96h16v96c9.408-0.192 18.592-0.608 28-1.408l-4.608-47.808 16-1.6 4.608 47.808c69.6-8 134.208-32 190.4-68.192l-53.408-79.808 13.408-8.8 53.408 79.808c7.616-5.408 15.2-10.816 22.4-16.608l-30.4-36.992 12.384-10.208 30.4 36.992c7.2-6.016 14.016-12.416 20.8-18.816l-25.6-24.992-350.016-233.408-233.408-349.984-24.992-24.992c-6.4 6.784-12.8 13.6-18.816 20.608l36.992 30.4-10.208 12.384-36.992-30.4c-5.792 7.2-11.2 14.784-16.608 22.4zM167.584 161.408c-1.408 1.792-2.816 3.392-4.192 5.216l4.192-5.216zM225.408 103.616l5.184-4.192c-1.792 1.408-3.392 2.784-5.184 4.192zM258.016 79.008l10.816-7.2c-3.616 2.208-7.2 4.608-10.816 7.2zM462.208 2.784l10.816-0.992c-3.616 0.192-7.2 0.608-10.816 0.992zM551.2 1.6l10.592 0.992c-3.616-0.192-7.008-0.608-10.592-0.992zM755.2 71.616l10.784 7.2c-3.616-2.4-7.2-4.8-10.784-7.2zM793.408 99.392l5.408 4.384c-1.792-1.6-3.616-3.008-5.408-4.384zM828.384 130.784l0.8 0.8c-0.192-0.192-0.608-0.608-0.8-0.8zM856.384 161.408l4.384 5.408c-1.6-1.792-3.008-3.616-4.384-5.408zM863.392 169.984l-36.992 30.4-10.208-12.384 36.992-30.4c-6.016-7.2-12.384-14.016-18.784-20.8l-67.808 67.808-11.392-11.392 67.808-67.808c-6.784-6.4-13.6-12.8-20.608-18.784l-30.4 37.216-12.384-10.208 30.4-36.992c-7.392-5.792-14.784-11.392-22.4-16.8l-53.408 79.808-13.408-8.8 53.408-79.808c-56.192-36.192-120.8-60-190.4-68l-4.8 47.808-16-1.6 4.8-47.808c-9.216-0.8-18.592-1.216-28-1.408v96h-16v-96c-9.408 0.192-18.592 0.608-28 1.408l4.608 47.808-16 1.6-4.608-47.808c-69.6 8-134.208 32-190.4 68.192l53.408 79.808-13.408 8.8-52.992-79.808c-7.584 5.408-15.2 10.784-22.4 16.608l30.4 36.992-12.416 10.208-30.4-36.992c-7.2 6.016-14.016 12.384-20.8 18.784l25.184 24.992 349.984 233.408 233.408 350.016 24.992 24.992c6.4-6.816 12.8-13.6 18.784-20.608l-36.992-30.4 10.208-12.384 36.992 30.4c5.792-7.392 11.392-14.816 16.8-22.4l-79.808-53.408 8.8-13.408 79.808 53.408c36.192-56.192 60-120.8 68-190.4l-47.808-4.8 1.6-16 47.808 4.8c0.8-9.184 1.216-18.592 1.408-28h-96v-16h96c-0.192-9.408-0.608-18.592-1.408-28l-47.808 4.608-1.6-16 47.808-4.608c-8-69.6-32-134.208-68.192-190.4l-79.808 53.408-8.8-13.408 79.808-53.408c-5.216-7.2-10.784-14.592-16.608-22.016zM958.4 408.992c-0.384-3.616-0.608-7.2-0.992-10.784l0.992 10.784zM888.384 204.8c-2.4-3.616-4.8-7.2-7.2-10.784l7.2 10.784zM432.544 888.928l18.72-94.144-15.68-3.136-18.72 94.144 15.68 3.136zM591.648 7.040l-18.72 94.144 15.68 3.136 18.72-94.144-15.68-3.136zM389.632 879.104l13.952-45.92-15.296-4.64-13.952 45.92 15.296 4.64zM634.432 17.12l-13.952 45.92 15.296 4.64 13.952-45.92-15.296-4.64zM348 864.896l36.736-88.704-14.784-6.112-36.736 88.704 14.784 6.112zM676.128 31.040l-36.736 88.704 14.784 6.112 36.736-88.704-14.784-6.112zM293.632 839.328l14.112 7.552 22.624-42.336-14.112-7.552-22.624 42.336zM730.112 56.704l-14.112-7.552-22.624 42.336 14.112 7.552 22.624-42.336zM120.608 666.176l42.336-22.624-7.552-14.112-42.336 22.624 7.552 14.112zM903.232 229.792l-42.336 22.624 7.552 14.112 42.336-22.624-7.552-14.112zM183.808 575.392l-88.704 36.736 6.112 14.784 88.704-36.736-6.112-14.784zM840.32 320.704l88.704-36.736-6.112-14.784-88.704 36.736 6.112 14.784zM85.536 585.6l45.952-13.92-4.64-15.328-45.952 13.92 4.64 15.328zM938.304 310.336l-45.952 13.92 4.64 15.328 45.952-13.92-4.64-15.328zM74.080 543.232l94.144-18.72-3.136-15.68-94.144 18.72 3.136 15.68zM949.728 352.768l-94.144 18.72 3.136 15.68 94.144-18.72-3.136-15.68zM70.976 368.448l94.144 18.72 3.136-15.68-94.144-18.72-3.136 15.68zM952.832 527.584l-94.144-18.72-3.136 15.68 94.144 18.72 3.136-15.68zM80.96 325.472l45.92 13.952 4.64-15.296-45.92-13.952-4.64 15.296zM942.976 570.304l-45.92-13.952-4.64 15.296 45.92 13.952 4.64-15.296zM101.152 269.088l-6.112 14.784 88.704 36.736 6.112-14.784-88.704-36.736zM922.784 626.784l6.112-14.784-88.704-36.736-6.112 14.784 88.704 36.736zM120.832 229.728l-7.552 14.112 42.336 22.624 7.552-14.112-42.336-22.624zM903.456 666.208l7.552-14.112-42.336-22.624-7.552 14.112 42.336 22.624zM307.872 49.152l-14.112 7.552 22.624 42.336 14.112-7.552-22.624-42.336zM716.064 846.912l14.112-7.552-22.624-42.336-14.112 7.552 22.624 42.336zM333.28 37.216l36.736 88.704 14.784-6.112-36.736-88.704-14.784 6.112zM690.88 858.88l-36.736-88.704-14.784 6.112 36.736 88.704 14.784-6.112zM389.632 16.96l-15.296 4.64 13.92 45.92 15.296-4.64-13.92-45.92zM634.336 879.104l15.328-4.64-13.92-45.952-15.328 4.64 13.92 45.952zM432.48 7.168l-15.68 3.136 18.72 94.144 15.68-3.136-18.72-94.144zM591.52 889.024l15.68-3.136-18.72-94.144-15.68 3.136 18.72 94.144z" />
+<glyph unicode="&#xb115;" glyph-name="skype" d="M425.6 922.592c-1.6 0.992-3.392 1.792-4.992 2.592-1.792-0.384-3.392-0.608-5.184-0.992l10.208-1.6zM36.8 539.008c-0.384-1.792-0.608-3.616-0.8-5.184 0.992-1.6 1.6-3.2 2.592-4.8l-1.792 10.016zM986.784 357.408c0.384 1.792 0.608 3.616 0.992 5.408-0.992 1.6-1.6 3.2-2.592 4.8l1.6-10.208zM592-23.008c1.6-0.992 3.392-1.792 4.992-2.592 1.792 0.384 3.616 0.608 5.408 0.8l-10.4 1.792zM987.808 362.784c-0.384-1.792-0.608-3.616-0.992-5.408l-1.792 10.4c0.992-1.792 1.792-3.392 2.784-4.992 5.216 28.8 8 58.208 8 87.616 0 65.184-12.8 128.608-38.016 188.192-24.384 57.6-59.2 109.408-103.616 153.792s-96.192 79.2-153.6 103.584c-59.616 25.216-123.008 38.016-188.192 38.016-30.816 0-61.6-2.816-91.616-8.608 0 0-0.192 0-0.192 0 1.6-0.8 3.392-1.6 4.992-2.592l-10.208 1.6c1.792 0.384 3.392 0.608 5.184 0.992-41.184 21.792-87.392 33.6-134.208 33.6-76.416 0-148.416-29.792-202.4-83.808s-83.808-125.984-83.808-202.4c0-48.608 12.608-96.608 36-138.816 0.384 1.792 0.608 3.616 0.8 5.184l1.792-10.208c-0.992 1.6-1.792 3.2-2.592 4.8-4.8-27.392-7.2-55.392-7.2-83.392 0-65.216 12.8-128.608 38.016-188.192 24.416-57.6 59.2-109.216 103.584-153.6s96.192-79.2 153.792-103.616c59.616-25.216 123.008-38.016 188.192-38.016 28.384 0 56.8 2.592 84.608 7.616-1.6 0.992-3.2 1.792-4.992 2.592l10.4-1.792c-1.792-0.384-3.616-0.608-5.408-0.8 42.784-24.192 91.392-37.216 140.8-37.216 76.384 0 148.384 29.792 202.4 83.808s83.808 126.016 83.808 202.4c-0.192 48.608-12.8 96.608-36.384 139.2zM514.208 154.208c-171.808 0-248.608 84.384-248.608 147.808 0 32.384 24 55.2 56.992 55.2 73.6 0 54.4-105.6 191.616-105.6 70.208 0 108.992 38.208 108.992 77.216 0 23.392-11.616 49.408-57.792 60.8l-152.8 38.208c-123.008 30.816-145.408 97.408-145.408 160 0 129.792 122.208 178.592 236.992 178.592 105.792 0 230.4-58.4 230.4-136.416 0-33.408-28.992-52.8-62.016-52.8-62.784 0-51.2 86.816-177.6 86.816-62.816 0-97.408-28.384-97.408-68.992s49.6-53.6 92.608-63.392l113.216-25.184c123.808-27.616 155.2-100 155.2-168 0-105.408-80.992-184.192-244.384-184.192z" />
+<glyph unicode="&#xb116;" glyph-name="tumblr" d="M576.032 512v-234.176c0-59.424-0.768-93.664 5.536-110.496 6.24-16.768 21.92-34.144 38.976-44.192 22.688-13.6 48.544-20.384 77.696-20.384 51.84 0 82.464 6.848 133.728 40.544v-153.952c-43.712-20.544-81.856-32.608-117.312-40.928-35.488-8.256-73.856-12.416-115.072-12.416-46.816 0-74.464 5.888-110.4 17.664-35.968 11.872-66.656 28.8-92.032 50.528-25.44 21.92-43.008 45.216-52.864 69.824s-14.72 60.416-14.72 107.232v359.104h-137.44v144.992c40.192 13.056 85.152 31.776 113.792 56.16 28.768 24.448 51.776 53.696 69.12 87.936 17.376 34.144 29.344 77.728 35.872 130.528h165.088v-256h255.968v-192h-255.968z" />
+<glyph unicode="&#xb117;" glyph-name="tumblr-square" d="M928 960h-832c-52.8 0-96-43.2-96-96v-832c0-52.8 43.2-96 96-96h832c52.8 0 96 43.2 96 96v832c0 52.8-43.2 96-96 96zM731.808 135.392c-30.208-14.208-57.6-24.192-82.016-30.016-24.384-5.6-51.008-8.608-79.392-8.608-32.384 0-51.392 4-76.192 12.192s-46.016 19.808-63.616 34.784c-17.6 15.2-29.6 31.2-36.384 48.192s-10.208 41.6-10.208 74.016v247.808h-96v100c27.808 8.992 60 22.016 79.616 38.816 19.808 16.8 35.808 36.992 47.616 60.608 12 23.584 20.192 53.6 24.8 90.016h100.416v-163.2h163.616v-126.208h-163.392v-181.184c0-40.992-0.608-64.608 3.808-76.192s15.2-23.616 27.008-30.4c15.616-9.408 33.6-14.016 53.6-14.016 35.808 0 71.392 11.616 106.784 34.784v-111.392z" />
+<glyph unicode="&#xb118;" glyph-name="twitch" d="M96 960l-96-160v-736h256v-128h128l128 128h160l288 288v608h-864zM832 416l-160-160h-160l-128-128v128h-192v576h640v-416zM608 704h96v-256h-96v256zM416 704h96v-256h-96v256z" />
+<glyph unicode="&#xb11b;" glyph-name="whatsapp" d="M872.992 811.2c-95.808 96-223.2 148.8-359.008 148.8-279.616 0-507.2-227.584-507.2-507.392 0-89.408 23.392-176.8 67.808-253.6l-72-263.008 268.992 70.592c74.208-40.384 157.6-61.792 242.4-61.792h0.192c0 0 0 0 0 0 279.616 0 507.392 227.616 507.392 507.392 0 135.616-52.8 263.008-148.608 359.008zM514.208 30.4v0c-75.808 0-150.016 20.384-214.816 58.784l-15.392 9.216-159.584-41.792 42.592 155.616-10.016 16c-42.4 67.008-64.608 144.608-64.608 224.384 0 232.608 189.184 421.792 422.016 421.792 112.608 0 218.592-44 298.208-123.584 79.616-79.808 123.392-185.6 123.392-298.4-0.192-232.8-189.408-422.016-421.792-422.016zM745.408 346.4c-12.608 6.4-75.008 36.992-86.592 41.216s-20 6.4-28.608-6.4c-8.384-12.608-32.8-41.216-40.192-49.792-7.392-8.384-14.784-9.6-27.392-3.2s-53.6 19.808-102.016 63.008c-37.6 33.6-63.2 75.2-70.592 87.808s-0.8 19.616 5.6 25.792c5.792 5.6 12.608 14.816 19.008 22.208s8.384 12.608 12.608 21.184c4.192 8.384 2.208 15.808-0.992 22.208s-28.608 68.8-39.008 94.208c-10.208 24.8-20.8 21.408-28.608 21.792-7.392 0.384-15.808 0.384-24.192 0.384s-22.208-3.2-33.792-15.808c-11.616-12.608-44.384-43.392-44.384-105.792s45.408-122.592 51.808-131.2c6.4-8.384 89.408-136.608 216.608-191.392 30.208-12.992 53.792-20.8 72.192-26.784 30.4-9.6 58.016-8.192 79.808-4.992 24.384 3.616 75.008 30.592 85.6 60.192s10.592 55.008 7.392 60.192c-3.008 5.6-11.392 8.8-24.192 15.2z" />
+<glyph unicode="&#xb11c;" glyph-name="windows8" d="M0.352 448l-0.352 312.064 384 52.16v-364.224zM448 821.504l511.872 74.496v-448h-511.872zM960 384l-0.128-448-511.872 72v376zM384 16.16l-383.68 52.608-0.032 315.232h383.712z" />
+<glyph unicode="&#xb11d;" glyph-name="xing" d="M155.872 757.92c-8.8 0-16.384-3.2-20.16-9.184-3.808-6.4-3.2-14.4 0.8-22.592l99.744-172.64c0.192-0.384 0.192-0.608 0-0.8l-156.672-276.96c-4-8.192-3.808-16.384 0-22.592 3.808-5.984 10.368-9.984 19.2-9.984h147.488c21.984 0 32.768 14.976 40.16 28.608 0 0 153.28 271.168 159.264 281.76-0.608 0.992-101.504 176.832-101.504 176.832-7.392 12.992-18.4 27.584-41.152 27.584l-147.104-0.032zM775.776 959.936c-21.984 0-31.584-13.792-39.584-28.16 0 0-317.952-563.712-328.32-582.304 0.608-0.992 209.6-384.672 209.6-384.672 7.36-12.96 18.592-28.16 41.184-28.16h147.488c8.768 0 15.776 3.392 19.584 9.408 4 6.368 3.808 14.592-0.384 22.752l-207.84 380.288c-0.192 0.416-0.192 0.608 0 0.992l326.72 577.728c4 8.192 4.192 16.352 0.416 22.784-3.808 6.016-10.784 9.408-19.616 9.408l-149.28-0.064z" />
+<glyph unicode="&#xb11e;" glyph-name="xing-square" d="M853.344 960h-682.656c-93.888 0-170.688-76.8-170.688-170.688v-682.624c0-93.952 76.8-170.688 170.688-170.688h682.656c93.888 0 170.656 76.736 170.656 170.688v682.624c0 93.888-76.768 170.688-170.656 170.688zM311.776 293.216h-111.264c-6.688 0-11.712 3.008-14.528 7.584-2.944 4.768-3.072 10.912 0 17.056l118.208 208.64c0.128 0.224 0.128 0.384 0 0.64l-75.232 130.24c-3.104 6.208-3.552 12.32-0.64 17.056 2.848 4.608 8.48 6.944 15.168 6.944h111.264c17.056 0 25.44-11.008 30.976-20.864 0 0 76.032-132.672 76.512-133.376-4.512-7.936-120.128-212.416-120.128-212.416-5.696-10.272-13.696-21.504-30.336-21.504zM837.92 809.472l-246.336-435.584c-0.16-0.224-0.16-0.512 0-0.736l156.864-286.592c3.104-6.176 3.2-12.448 0.224-17.184-2.816-4.576-8.064-7.104-14.752-7.104h-111.136c-17.056 0-25.568 11.328-31.072 21.184 0 0-157.696 289.28-158.112 290.048 7.872 13.952 247.584 439.040 247.584 439.040 5.952 10.72 13.184 21.184 29.792 21.184h112.416c6.688 0 11.968-2.528 14.784-7.104 2.944-4.768 2.848-11.008-0.224-17.184z" />
+<glyph unicode="&#xb11f;" glyph-name="youtube" d="M1013.792 652.8c0 0-10.016 70.592-40.8 101.6-39.008 40.8-82.592 40.992-102.592 43.392-143.2 10.4-358.208 10.4-358.208 10.4h-0.384c0 0-215.008 0-358.208-10.4-20-2.4-63.584-2.592-102.592-43.392-30.816-31.008-40.608-101.6-40.608-101.6s-10.208-82.816-10.208-165.792v-77.6c0-82.784 10.208-165.792 10.208-165.792s10.016-70.592 40.608-101.6c39.008-40.8 90.208-39.392 112.992-43.808 82.016-7.808 348.192-10.208 348.192-10.208s215.2 0.384 358.4 10.592c20 2.4 63.616 2.592 102.592 43.392 30.784 31.008 40.8 101.6 40.8 101.6s10.208 82.784 10.208 165.792v77.6c-0.192 82.816-10.4 165.792-10.4 165.792zM406.208 315.2v287.808l276.608-144.416-276.608-143.392z" />
+<glyph unicode="&#xb120;" glyph-name="github" d="M512.008 947.358c-282.738 0-512.008-229.218-512.008-511.998 0-226.214 146.704-418.132 350.136-485.836 25.586-4.738 34.992 11.11 34.992 24.632 0 12.204-0.48 52.542-0.696 95.324-142.448-30.976-172.504 60.41-172.504 60.41-23.282 59.176-56.848 74.916-56.848 74.916-46.452 31.778 3.51 31.124 3.51 31.124 51.4-3.61 78.476-52.766 78.476-52.766 45.672-78.27 119.776-55.64 149.004-42.558 4.588 33.086 17.852 55.68 32.506 68.464-113.73 12.942-233.276 56.85-233.276 253.032 0 55.898 20.004 101.574 52.76 137.428-5.316 12.9-22.854 64.972 4.952 135.5 0 0 43.006 13.752 140.84-52.49 40.836 11.348 84.636 17.036 128.154 17.234 43.502-0.198 87.336-5.886 128.256-17.234 97.734 66.244 140.656 52.49 140.656 52.49 27.872-70.528 10.35-122.6 5.036-135.5 32.82-35.856 52.694-81.532 52.694-137.428 0-196.654-119.778-239.95-233.79-252.624 18.364-15.89 34.724-47.046 34.724-94.812 0-68.508-0.596-123.644-0.596-140.508 0-13.628 9.222-29.594 35.172-24.566 203.322 67.776 349.842 259.626 349.842 485.768 0 282.78-229.234 511.998-511.992 511.998z" />
+<glyph unicode="&#xb121;" glyph-name="x" horiz-adv-x="1094" d="M2.738 959.924l422.869-565.295-425.625-459.624h95.747l372.514 402.469 301.025-402.469h325.835l-446.576 597.088 396.037 427.831h-95.747l-343.11-370.492-277.134 370.492h-325.835zM143.511 889.538h149.777l661.042-883.963h-149.777l-661.042 883.963z" />
+<glyph unicode="&#xb122;" horiz-adv-x="1022" d="M1022.301 448.531c0-282.301-228.85-511.15-511.15-511.15s-511.15 228.85-511.15 511.15c0 282.301 228.85 511.15 511.15 511.15s511.15-228.85 511.15-511.15z" />
+<glyph unicode="&#xb123;" horiz-adv-x="1022" d="M196.251 744.685l244.371-326.677-245.964-265.611h55.331l215.272 232.582 173.959-232.582h188.296l-258.071 345.050 228.865 247.238h-55.331l-198.279-214.21-160.153 214.21h-188.296zM277.602 703.903h86.555l382.009-510.832h-86.555l-382.009 510.832z" />
+<glyph unicode="&#xb124;" glyph-name="freelancermap" d="M512 960c-282.585 0-512-229.415-512-512s229.415-512 512-512v60.062c250.092 0 451.938 202.831 451.938 452.923h60.062c0 281.6-229.415 511.015-512 511.015zM512 55.138c-216.615 0-392.862 176.246-392.862 392.862s176.246 392.862 392.862 392.862 392.862-176.246 392.862-392.862-176.246-392.862-392.862-392.862v0 0zM610.462 767.015c-131.938 43.323-257.969-7.877-329.846-76.8 1.969-88.615 15.754-157.538 38.4-216.615 31.508 148.677 151.631 270.769 291.446 293.415zM200.862 573.046c-80.738-212.677 56.123-389.908 199.877-440.123-46.277 56.123-78.769 134.892-87.631 213.662-61.046 61.046-103.385 138.831-112.246 226.462zM359.385 313.108c11.815-69.908 30.523-138.831 72.862-189.046 145.723-37.415 275.692 33.477 338.708 112.246-134.892-62.031-284.554-26.585-411.569 76.8zM781.785 251.077c152.615 215.631 7.877 436.185-122.092 496.246-153.6-24.615-292.431-167.385-308.185-337.723 120.123-205.785 362.338-180.185 430.277-158.523z" />
+<glyph unicode="&#xb125;" glyph-name="wellfound" d="M146.882 210.969l-146.882 473.365h136.441l87.016-340.405 93.977 340.405h137.137l93.977-340.405 87.016 340.405h136.441l-148.971-473.365h-145.49l-91.889 341.797-92.585-341.797h-146.186zM1024 285.455c0-43.828-35.53-79.358-79.358-79.358s-79.358 35.53-79.358 79.358c0 43.828 35.53 79.358 79.358 79.358s79.358-35.53 79.358-79.358zM1024 610.545c0-43.828-35.53-79.358-79.358-79.358s-79.358 35.53-79.358 79.358c0 43.828 35.53 79.358 79.358 79.358s79.358-35.53 79.358-79.358z" />
+<glyph unicode="&#xe903;" glyph-name="freelance" horiz-adv-x="1031" d="M1024.915 485.977c0-27.453 0-54.906 0-82.359-1.373-6.406-2.745-13.269-3.66-19.675-26.996-188.969-125.827-326.234-299.239-405.848-50.788-23.335-111.185-41.18-214.134-41.18-62.685 0-132.232 18.302-177.987 29.741-19.217 4.576-25.623 15.099-25.623 35.689 1.373 88.307 0.458 176.615 0.458 265.38 0 8.236-0.915 16.014-1.373 25.165-86.477 0-170.209 0.458-253.941-0.458-18.76-0.458-26.080 5.948-30.656 23.793-67.718 266.752 86.477 538.080 352.315 617.694 259.889 77.784 539.911-68.633 626.388-328.064 12.811-38.892 18.302-80.071 27.453-119.878zM682.209 552.779c-51.246 0-100.204 0.915-148.704 0-63.142-1.373-105.694-60.854-86.020-122.624 77.326 0 155.567 0 233.809 0 0-46.67 0-91.053 0-137.723-80.071 0-158.313 0-238.842 0 0-53.991 0-105.694 0-157.398 0-62.685 0-62.685 64.057-64.057 189.884-3.66 355.517 140.468 376.565 327.149 21.962 195.832-104.322 369.702-297.866 410.424-183.021 38.434-372.447-75.038-427.353-256.686-11.439-38.434-18.76-77.784-15.557-119.421 54.906 0 107.525 0 162.431 0 0 12.354 0 22.878 0 33.401 0.915 100.204 66.803 189.884 163.346 215.049 36.604 9.609 76.869 8.236 115.303 10.066 32.486 1.373 64.972 0.458 98.374 0.458 0.458-47.128 0.458-91.053 0.458-138.638z" />
+</font></defs></svg>