.accountFormWrapper {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;overflow: hidden;background-color: rgba(30, 35, 36, 0.98);z-index: 200;display: flex;justify-content: center;align-items: center;align-content: stretch;}.accountForm {display: flex;flex-flow: row wrap;justify-content: space-between;align-items: center;align-content: stretch;width: 450px;max-width: 90vw;background-color: rgb(21, 24, 26); padding: 10px 20px;color: #ddd;min-height: 150px;--overlayBG: rgb(21, 24, 26);}.accountForm .emptyLine {flex: 1 1 100%;font-size: 0;line-height: 0;max-height: 0;}.accountForm .inlineFeedBack {flex: 1 1 100%;margin: -0.25em 0 1em 0;}.accountForm .loadingWrapper {flex: 1 1 100%;display: flex;justify-content: center;align-items: center;}.accountForm .title {flex: 0 1 auto;margin-bottom: 1em;font-weight: 200;color: var(--eopus-green);letter-spacing: 1px;}.accountForm .close {flex: 0 1 auto;align-self: flex-start;display: flex;justify-content: flex-end;align-items: flex-start;align-content: flex-start;}.accountForm .close .material-icons {cursor: pointer;position: relative;left: 4px;}.accountForm .passLabel,.accountForm .passField {margin-bottom: 1em;}.accountForm .loginLabel,.accountForm .passLabel {flex: 0 1 48%;}.accountForm .rememberAccountNameLabel,.accountForm .stayLoggedInLabel {flex: 0 1 72%;}.accountForm .loginLabel,.accountForm .loginField,.accountForm .passLabel,.accountForm .passField {margin-top: 0.3em;}.accountForm .loginField,.accountForm .passField {display: flex;flex: 0 1 48%;position: relative;}.accountForm .rememberAccountName,.accountForm .stayLoggedIn {display: flex;flex: 0 1 auto;position: relative;}.accountForm .loginField input,.accountForm .passField input {flex: 1 1 100%;}.accountForm .local-feedback {position: absolute;top: 0;bottom: 0;right: 0;pointer-events: none;}.accountForm .rememberAccountNameLabel,.accountForm .rememberAccountName {margin-bottom: 0.3em;}.accountForm .loginSubmit .loading {transition: opacity 0.1s ease-in-out;opacity: 0;}.accountForm .loginSubmit .loading.active {opacity: 1;}.accountForm .loginSubmit {margin-top: 1em;flex: 1 1 100%;display: flex;align-items: center;align-content: flex-end;justify-content: flex-end;}.accountForm .loginSubmitButton {margin-left: 1em;}.accountForm .noAccount {}body .alternatingElementsBox .logo-haefele {flex: 0 0 50px;margin: -5px 0;align-self: stretch;background-image: url('//media.eopus.de/img/yes/logo_haefele.png');background-size: contain;background-position: 50% 50%;background-repeat: no-repeat;}body .alternatingElementsBox {display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: stretch;align-content: flex-start;margin-bottom: 0;}body .alternatingElementsBox > * {flex: 0 1 50%;}body .alternatingElementsBox-imageLeft .element-images {order: -1;}body .alternatingElementsBox-imageRight .element-images {order: 1;}body .alternatingElementsBox .element-text {background-color: #fff;padding: 30px 40px;text-align: center;display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;align-content: center;}body .alternatingElementsBox .element-images {position: relative;}body .alternatingElementsBox .element-images:not(.has-multiple-images) > .image-arrow {display: none;}body .alternatingElementsBox .element-images > .imageDots {position: absolute;left: 0;right: 0;bottom: 5px;display: flex;flex-flow: row wrap;justify-content: center;align-items: flex-end;align-content: flex-end;}body .alternatingElementsBox .element-images > .imageDots > .imageDot {flex: 0 1 auto;transition: background-color 0.3s ease-out;margin: 4px 4px 0 0;background-color: rgba(148, 193, 30, 0.75);box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);width: 20px;height: 20px;z-index: 10;cursor: pointer;}body .alternatingElementsBox .element-images > .imageDots > .imageDot:hover {background-color: rgba(255, 255, 255, 0.65);}body .alternatingElementsBox .element-images > .imageDots > .imageDot:active,body .alternatingElementsBox .element-images > .imageDots > .imageDot.active {background-color: rgba(255, 255, 255, 0.95);}body .alternatingElementsBox .element-images > .image-arrow {position: absolute;top: 0;bottom: 0;pointer-events: none;display: flex;justify-content: center;align-items: center;align-content: center;z-index: 5;}body .alternatingElementsBox .element-images > .image-arrow-left {left: 20px;}body .alternatingElementsBox .element-images > .image-arrow-right {right: 20px;}body .alternatingElementsBox .element-images > .image-arrow > i {flex: 0 1 auto;transition: background-color 0.3s ease-out, color 0.3s ease-out;font-size: 4em;color: rgb(148, 193, 30);text-shadow: 0 0 2px rgba(0, 0, 0, 1);pointer-events: auto;padding: 10px;cursor: pointer;background-color: rgba(255, 255, 255, 0);}body .alternatingElementsBox .element-images > .image-arrow > i:hover {background-color: rgba(255, 255, 255, 0.15);}body .alternatingElementsBox .element-images > .image-arrow > i:active {background-color: rgba(255, 255, 255, 0.3);color: #fff;}body .alternatingElementsBox .element-image {position: absolute;top: 0;bottom: 0;left: 0;right: 0;transition: opacity 0.7s ease-in-out;background-size: cover;background-position: center center;background-repeat: no-repeat;will-change: transform; }body .alternatingElementsBox .element-image.hidden {opacity: 0;pointer-events: none;}body .alternatingElementsBox .buttonWrapper {display: flex;flex-flow: row wrap;justify-content: center;align-items: flex-start;align-content: flex-start;}body .alternatingElementsBox .buttonWrapper > * {margin: 2px 4px;}body .alternatingElementsBox .button-viewFullGallery.use-image-gallery {display: inline-block;cursor: pointer;}body .alternatingElementsBox .element-image.use-image-gallery {margin-bottom: 0;}@media all and (max-width: 1700px) {body .alternatingElementsBox.columnModeBelow-1700px { display: block; }body .alternatingElementsBox.columnModeBelow-1700px:not(:last-child) { margin-bottom: 80px; }body .alternatingElementsBox.columnModeBelow-1700px .element-text:after { display: none; }}@media all and (max-width: 1650px) {body .alternatingElementsBox.columnModeBelow-1650px { display: block; }body .alternatingElementsBox.columnModeBelow-1650px:not(:last-child) { margin-bottom: 80px; }body .alternatingElementsBox.columnModeBelow-1650px .element-text:after { display: none; }}@media all and (max-width: 1600px) {body .alternatingElementsBox.columnModeBelow-1600px { display: block; }body .alternatingElementsBox.columnModeBelow-1600px:not(:last-child) { margin-bottom: 80px; }body .alternatingElementsBox.columnModeBelow-1600px .element-text:after { display: none; }}@media all and (max-width: 1550px) {body .alternatingElementsBox.columnModeBelow-1550px { display: block; }body .alternatingElementsBox.columnModeBelow-1550px:not(:last-child) { margin-bottom: 80px; }body .alternatingElementsBox.columnModeBelow-1550px .element-text:after { display: none; }}@media all and (max-width: 1500px) {body .alternatingElementsBox.columnModeBelow-1500px { display: block; }body .alternatingElementsBox.columnModeBelow-1500px:not(:last-child) { margin-bottom: 80px; }body .alternatingElementsBox.columnModeBelow-1500px .element-text:after { display: none; }}@media all and (max-width: 1450px) {body .alternatingElementsBox.columnModeBelow-1450px { display: block; }body .alternatingElementsBox.columnModeBelow-1450px:not(:last-child) { margin-bottom: 80px; }body .alternatingElementsBox.columnModeBelow-1450px .element-text:after { display: none; }}@media all and (max-width: 1400px) {body .alternatingElementsBox.columnModeBelow-1400px { display: block; }body .alternatingElementsBox.columnModeBelow-1400px:not(:last-child) { margin-bottom: 80px; }body .alternatingElementsBox.columnModeBelow-1400px .element-text:after { display: none; }}@media all and (max-width: 1350px) {body .alternatingElementsBox.columnModeBelow-1350px { display: block; }body .alternatingElementsBox.columnModeBelow-1350px:not(:last-child) { margin-bottom: 80px; }body .alternatingElementsBox.columnModeBelow-1350px .element-text:after { display: none; }}@media all and (max-width: 1300px) {body .alternatingElementsBox.columnModeBelow-1300px { display: block; }body .alternatingElementsBox.columnModeBelow-1300px:not(:last-child) { margin-bottom: 80px; }body .alternatingElementsBox.columnModeBelow-1300px .element-text:after { display: none; }}@media all and (max-width: 1250px) {body .alternatingElementsBox.columnModeBelow-1250px { display: block; }body .alternatingElementsBox.columnModeBelow-1250px:not(:last-child) { margin-bottom: 80px; }body .alternatingElementsBox.columnModeBelow-1250px .element-text:after { display: none; }}@media all and (max-width: 1200px) {body .alternatingElementsBox.columnModeBelow-1200px { display: block; }body .alternatingElementsBox.columnModeBelow-1200px:not(:last-child) { margin-bottom: 80px; }body .alternatingElementsBox.columnModeBelow-1200px .element-text:after { display: none; }}@media all and (max-width: 1150px) {body .alternatingElementsBox.columnModeBelow-1150px { display: block; }body .alternatingElementsBox.columnModeBelow-1150px:not(:last-child) { margin-bottom: 80px; }body .alternatingElementsBox.columnModeBelow-1150px .element-text:after { display: none; }}@media all and (max-width: 1100px) {body .alternatingElementsBox.columnModeBelow-1100px { display: block; }body .alternatingElementsBox.columnModeBelow-1100px:not(:last-child) { margin-bottom: 80px; }body .alternatingElementsBox.columnModeBelow-1100px .element-text:after { display: none; }}@media all and (max-width: 1050px) {body .alternatingElementsBox.columnModeBelow-1050px { display: block; }body .alternatingElementsBox.columnModeBelow-1050px:not(:last-child) { margin-bottom: 80px; }body .alternatingElementsBox.columnModeBelow-1050px .element-text:after { display: none; }}@media all and (max-width: 1000px) {body .alternatingElementsBox.columnModeBelow-1000px { display: block; }body .alternatingElementsBox.columnModeBelow-1000px:not(:last-child) { margin-bottom: 80px; }body .alternatingElementsBox.columnModeBelow-1000px .element-text:after { display: none; }}.arrowButton-design1 {border: none;background-color: transparent;cursor: pointer;font-size: 2.25rem;color: var(--maincolor-1);padding: 1rem;transition: color 0.15s ease-out;}.arrowButton-design1 > .material-icons,.arrowButton-design1 * {font-size: inherit;}.arrowButton-design1:focus-visible:not(:active),.arrowButton-design1:hover:not(:active) {color: var(--maincolor-3);}.arrowButton-design1:active {transition-duration: 0s;}.productName {will-change: transform;backface-visibility: hidden;}.blog-container .blog-post {display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: center;align-content: flex-start;}.blog-container .blog-post .image {order: 1;flex: 1 1 100%;height: 400px;}.blog-container .blog-post div.image {background-size: cover;background-position: center center;background-repeat: no-repeat;}.blog-container .blog-post img.image {object-fit: cover;object-position: center center;max-width: 100%;}.blog-container .blog-post .titleRow {flex: 1 1 100%;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-end;align-content: flex-start;order: 2;}.blog-container .blog-post .title {order: 2;flex: 0 1 auto;margin: 40px 0 20px;}.blog-container .blog-post.blog-post-active .title {}.blog-container .blog-post .title:hover {}.blog-container .blog-post .date {order: 3;flex: 0 0 auto;margin: 40px 0 20px auto;padding-left: 20px;text-align: right;}.blog-container .blog-post .close,.blog-container .blog-post .button-readMore {order: 5;flex: 0 1 auto;margin-left: auto;}.blog-container .blog-post .comments {}.blog-container .blog-post .text {order: 4;padding-bottom: 20px;border-bottom: 1px solid var(--white-6);margin-bottom: 20px;}.blog-container .blog-post.blog-post-active .button-readMore,.blog-container .blog-post:not(.blog-post-active) .icon-close,.blog-container .blog-post:not(.blog-post-active) .close {display: none;}.blog-container .blog-post .full {transition: opacity 0.7s ease-out;opacity: 0;}.blog-container .blog-post:not(.blog-post-active) .full {max-height: 0;font-size: 0;line-height: 0;pointer-events: none;z-index: -500;}.blog-container .blog-post:not(.blog-post-preactive) .full {display: none;}.blog-container .blog-post.blog-post-active .full {opacity: 1;}.blog-container .blog-post .full {}.blog-container .blog-post .close {}.blog-container .blog-post .icon-close {display: none;}@media all and (min-width: 1025px) {}@media all and (max-width: 1024px) {}.desktop-arrow-top,.desktop-arrow-bottom,.desktop-arrow-left,.desktop-arrow-right,.laptop-arrow-top,.laptop-arrow-bottom,.laptop-arrow-left,.laptop-arrow-right,.tablet-arrow-top,.tablet-arrow-bottom,.tablet-arrow-left,.tablet-arrow-right,.mobile-arrow-top,.mobile-arrow-bottom,.mobile-arrow-left,.mobile-arrow-right {position: relative;z-index: 1;}@media all and (min-width: 1281px) {.desktop-arrow-top:after,.desktop-arrow-bottom:after,.desktop-arrow-left:after,.desktop-arrow-right:after {position: absolute;content: "";background-color: inherit;transform: rotateZ(45deg);height: 40px;width: 40px;pointer-events: none;}.desktop-arrow-top:after,.desktop-arrow-bottom:after {left: calc(50% - 20px);}.desktop-arrow-top:after {top: -20px;box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.06);}.desktop-arrow-bottom:after {bottom: -20px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.06);}.desktop-arrow-left:after,.desktop-arrow-right:after {top: calc(50% - 20px);}.desktop-arrow-left:after {left: -20px;box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.06);}.desktop-arrow-right:after {right: -20px;box-shadow: 3px -3px 3px rgba(0, 0, 0, 0.06);}}@media all and (min-width: 1025px) and (max-width: 1280px) {.laptop-arrow-top:after,.laptop-arrow-bottom:after,.laptop-arrow-left:after,.laptop-arrow-right:after {position: absolute;content: "";background-color: inherit;transform: rotateZ(45deg);height: 40px;width: 40px;pointer-events: none;}.laptop-arrow-top:after,.laptop-arrow-bottom:after {left: calc(50% - 20px);}.laptop-arrow-top:after {top: -20px;box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.06);}.laptop-arrow-bottom:after {bottom: -20px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.06);}.laptop-arrow-left:after,.laptop-arrow-right:after {top: calc(50% - 20px);}.laptop-arrow-left:after {left: -20px;box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.06);}.laptop-arrow-right:after {right: -20px;box-shadow: 3px -3px 3px rgba(0, 0, 0, 0.06);}}@media all and (min-width: 769px) and (max-width: 1024px) {.tablet-arrow-top:after,.tablet-arrow-bottom:after,.tablet-arrow-left:after,.tablet-arrow-right:after {position: absolute;content: "";background-color: inherit;transform: rotateZ(45deg);height: 40px;width: 40px;pointer-events: none;}.tablet-arrow-top:after,.tablet-arrow-bottom:after {left: calc(50% - 20px);}.tablet-arrow-top:after {top: -20px;box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.06);}.tablet-arrow-bottom:after {bottom: -20px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.06);}.tablet-arrow-left:after,.tablet-arrow-right:after {top: calc(50% - 20px);}.tablet-arrow-left:after {left: -20px;box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.06);}.tablet-arrow-right:after {right: -20px;box-shadow: 3px -3px 3px rgba(0, 0, 0, 0.06);}}@media all and (max-width: 768px) {.mobile-arrow-top:after,.mobile-arrow-bottom:after,.mobile-arrow-left:after,.mobile-arrow-right:after {position: absolute;content: "";background-color: inherit;transform: rotateZ(45deg);height: 40px;width: 40px;pointer-events: none;}.mobile-arrow-top:after,.mobile-arrow-bottom:after {left: calc(50% - 20px);}.mobile-arrow-top:after {top: -20px;box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.06);}.mobile-arrow-bottom:after {bottom: -20px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.06);}.mobile-arrow-left:after,.mobile-arrow-right:after {top: calc(50% - 20px);}.mobile-arrow-left:after {left: -20px;box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.06);}.mobile-arrow-right:after {right: -20px;box-shadow: 3px -3px 3px rgba(0, 0, 0, 0.06);}}.chart-inner-center .inner {display: flex;justify-content: center;align-items: center;align-content: stretch;}.chart {cursor: default;position: relative;border-radius: 100% 100%;}.chart > i.inner,.chart > i.track,.chart > i.bar {position: absolute;}.chart > i.track {top: 0;bottom: 0;left: 0;right: 0;border-radius: 100%;}.chart > i.bar {top: 0;bottom: 0;right: 0;width: 50%;border-top-right-radius: 200% 100%;border-bottom-right-radius: 200% 100%;transform-origin: 0% 50%;z-index: 1;}.chart > i.inner {border-radius: 100%;top: 0;bottom: 0;left: 0;right: 0;font-style: normal;z-index: 2;overflow: hidden;}.chart:not(.lt-50) .lt-50,.chart:not(.gt-50) .gt-50 {display: none;}.chart.lt-50 .lt-50 {}.chart.gt-50 .gt-50 {}.chart {transition: transform 0.5s ease-out;}.chart > .inner > * {transition: transform 0.5s ease-in-out;}.chart,.chart > .track,.chart > .bar,.chart > .inner,.chart .percent {outline: 1px solid transparent;box-sizing: border-box;}.chart, .chart div {transform: scale(1.03, 1.03);}.chart:hover {transform: scale(1.1, 1.1);}.chart:hover .percent {transform: scale(1.1, 1.1);}.chart .percent {font-size: 2.65em;}.chart .percent:not(:empty):after {content: "%";color: var(--eopus-green);padding-left: 0.1em;}@media all and (min-width: 1025px) {}@media all and (max-width: 1024px) {}.columns-flex,.columns-1, .columns-2, .columns-3, .columns-4,.columns-5, .columns-6, .columns-7, .columns-8,.columns-9, .columns-10, .columns-11, .columns-12,.columns-13, .columns-14, .columns-15, .columns-16 {display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: stretch;align-content: flex-start;margin-bottom: 100px;}.columns-flex > * { flex: 1 1 auto; }.columns-1 > * { flex: 0 1 100%; }.columns-2 > * { flex: 0 1 49.99999%; }.columns-3 > * { flex: 0 1 33.33333%; }.columns-4 > * { flex: 0 1 24.99999%; }.columns-5 > * { flex: 0 1 19.99999%; }.columns-6 > * { flex: 0 1 16.66666%; }.columns-7 > * { flex: 0 1 14.28571%; }.columns-8 > * { flex: 0 1 12.49999%; }.columns-9 > * { flex: 0 1 11.11111%; }.columns-10 > * { flex: 0 1 9.99999%; }.columns-11 > * { flex: 0 1 9.09090%; }.columns-12 > * { flex: 0 1 8.33333%; }.columns-13 > * { flex: 0 1 7.69230%; }.columns-14 > * { flex: 0 1 7.14285%; }.columns-15 > * { flex: 0 1 6.66666%; }.columns-16 > * { flex: 0 1 6.24999%; }.msie .columns-2 > * { flex: 1 1 33.4%; }.msie .columns-3 > * { flex: 1 1 25.1%; }.msie .columns-4 > * { flex: 1 1 20.1%; }.msie .columns-5 > * { flex: 1 1 16.7%; }.msie .columns-6 > * { flex: 1 1 14.4%; }.msie .columns-7 > * { flex: 1 1 12.6%; }.msie .columns-8 > * { flex: 1 1 11.2%; }.msie .columns-9 > * { flex: 1 1 10.1%; }.msie .columns-10 > * { flex: 1 1 9.2%; }.msie .columns-11 > * { flex: 1 1 8.4%; }.msie .columns-12 > * { flex: 1 1 7.8%; }.msie .columns-13 > * { flex: 1 1 7.3%; }.msie .columns-14 > * { flex: 1 1 6.7%; }.msie .columns-15 > * { flex: 1 1 6.3%; }.msie .columns-16 > * { flex: 1 1 6.0%; }.msie .columns-flex *,.msie .columns-1 *, .msie .columns-2 *, .msie .columns-3 *, .msie .columns-4 *,.msie .columns-5 *, .msie .columns-6 *, .msie .columns-7 *, .msie .columns-8 *,.msie .columns-9 *, .msie .columns-10 *, .msie .columns-11 *, .msie .columns-12 *,.msie .columns-13 *, .msie .columns-14 *, .msie .columns-15 *, .msie .columns-16 * {max-width: 100%;}@media all and (min-width: 1025px) and (max-width: 1280px) {.laptop-columns-flex,.laptop-columns-1, .laptop-columns-2, .laptop-columns-3, .laptop-columns-4,.laptop-columns-5, .laptop-columns-6, .laptop-columns-7, .laptop-columns-8,.laptop-columns-9, .laptop-columns-10, .laptop-columns-11, .laptop-columns-12,.laptop-columns-13, .laptop-columns-14, .laptop-columns-15, .laptop-columns-16 {display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: stretch;align-content: flex-start;margin-bottom: 100px;}.laptop-columns-flex > * { flex: 1 1 auto; }.laptop-columns-1 > * { flex: 0 1 100%; }.laptop-columns-2 > * { flex: 0 1 49.99999%; }.laptop-columns-3 > * { flex: 0 1 33.33333%; }.laptop-columns-4 > * { flex: 0 1 24.99999%; }.laptop-columns-5 > * { flex: 0 1 19.99999%; }.laptop-columns-6 > * { flex: 0 1 16.66666%; }.laptop-columns-7 > * { flex: 0 1 14.28571%; }.laptop-columns-8 > * { flex: 0 1 12.49999%; }.laptop-columns-9 > * { flex: 0 1 11.11111%; }.laptop-columns-10 > * { flex: 0 1 9.99999%; }.laptop-columns-11 > * { flex: 0 1 9.09090%; }.laptop-columns-12 > * { flex: 0 1 8.33333%; }.laptop-columns-13 > * { flex: 0 1 7.69230%; }.laptop-columns-14 > * { flex: 0 1 7.14285%; }.laptop-columns-15 > * { flex: 0 1 6.66666%; }.laptop-columns-16 > * { flex: 0 1 6.24999%; }.msie .laptop-columns-2 > * { flex: 1 1 33.4%; }.msie .laptop-columns-3 > * { flex: 1 1 25.1%; }.msie .laptop-columns-4 > * { flex: 1 1 20.1%; }.msie .laptop-columns-5 > * { flex: 1 1 16.7%; }.msie .laptop-columns-6 > * { flex: 1 1 14.4%; }.msie .laptop-columns-7 > * { flex: 1 1 12.6%; }.msie .laptop-columns-8 > * { flex: 1 1 11.2%; }.msie .laptop-columns-9 > * { flex: 1 1 10.1%; }.msie .laptop-columns-10 > * { flex: 1 1 9.2%; }.msie .laptop-columns-11 > * { flex: 1 1 8.4%; }.msie .laptop-columns-12 > * { flex: 1 1 7.8%; }.msie .laptop-columns-13 > * { flex: 1 1 7.3%; }.msie .laptop-columns-14 > * { flex: 1 1 6.7%; }.msie .laptop-columns-15 > * { flex: 1 1 6.3%; }.msie .laptop-columns-16 > * { flex: 1 1 6.0%; }.msie .laptop-columns-flex *,.msie .laptop-columns-1 *, .msie .laptop-columns-2 *, .msie .laptop-columns-3 *, .msie .laptop-columns-4 *,.msie .laptop-columns-5 *, .msie .laptop-columns-6 *, .msie .laptop-columns-7 *, .msie .laptop-columns-8 *,.msie .laptop-columns-9 *, .msie .laptop-columns-10 *, .msie .laptop-columns-11 *, .msie .laptop-columns-12 *,.msie .laptop-columns-13 *, .msie .laptop-columns-14 *, .msie .laptop-columns-15 *, .msie .laptop-columns-16 * {max-width: 100%;}}@media all and (min-width: 769px) and (max-width: 1024px) {.tablet-columns-flex,.tablet-columns-1, .tablet-columns-2, .tablet-columns-3, .tablet-columns-4,.tablet-columns-5, .tablet-columns-6, .tablet-columns-7, .tablet-columns-8,.tablet-columns-9, .tablet-columns-10, .tablet-columns-11, .tablet-columns-12,.tablet-columns-13, .tablet-columns-14, .tablet-columns-15, .tablet-columns-16 {display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: stretch;align-content: flex-start;margin-bottom: 100px;}.tablet-columns-flex > * { flex: 1 1 auto; }.tablet-columns-1 > * { flex: 0 1 100%; }.tablet-columns-2 > * { flex: 0 1 49.99999%; }.tablet-columns-3 > * { flex: 0 1 33.33333%; }.tablet-columns-4 > * { flex: 0 1 24.99999%; }.tablet-columns-5 > * { flex: 0 1 19.99999%; }.tablet-columns-6 > * { flex: 0 1 16.66666%; }.tablet-columns-7 > * { flex: 0 1 14.28571%; }.tablet-columns-8 > * { flex: 0 1 12.49999%; }.tablet-columns-9 > * { flex: 0 1 11.11111%; }.tablet-columns-10 > * { flex: 0 1 9.99999%; }.tablet-columns-11 > * { flex: 0 1 9.09090%; }.tablet-columns-12 > * { flex: 0 1 8.33333%; }.tablet-columns-13 > * { flex: 0 1 7.69230%; }.tablet-columns-14 > * { flex: 0 1 7.14285%; }.tablet-columns-15 > * { flex: 0 1 6.66666%; }.tablet-columns-16 > * { flex: 0 1 6.24999%; }.msie .tablet-columns-2 > * { flex: 1 1 33.4%; }.msie .tablet-columns-3 > * { flex: 1 1 25.1%; }.msie .tablet-columns-4 > * { flex: 1 1 20.1%; }.msie .tablet-columns-5 > * { flex: 1 1 16.7%; }.msie .tablet-columns-6 > * { flex: 1 1 14.4%; }.msie .tablet-columns-7 > * { flex: 1 1 12.6%; }.msie .tablet-columns-8 > * { flex: 1 1 11.2%; }.msie .tablet-columns-9 > * { flex: 1 1 10.1%; }.msie .tablet-columns-10 > * { flex: 1 1 9.2%; }.msie .tablet-columns-11 > * { flex: 1 1 8.4%; }.msie .tablet-columns-12 > * { flex: 1 1 7.8%; }.msie .tablet-columns-13 > * { flex: 1 1 7.3%; }.msie .tablet-columns-14 > * { flex: 1 1 6.7%; }.msie .tablet-columns-15 > * { flex: 1 1 6.3%; }.msie .tablet-columns-16 > * { flex: 1 1 6.0%; }}@media all and (max-width: 768px) {.mobile-columns-flex,.mobile-columns-1, .mobile-columns-2, .mobile-columns-3, .mobile-columns-4,.mobile-columns-5, .mobile-columns-6, .mobile-columns-7, .mobile-columns-8,.mobile-columns-9, .mobile-columns-10, .mobile-columns-11, .mobile-columns-12,.mobile-columns-13, .mobile-columns-14, .mobile-columns-15, .mobile-columns-16 {display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: stretch;align-content: flex-start;margin-bottom: 100px;}.mobile-columns-flex > * { flex: 1 1 auto; }.mobile-columns-1 > * { flex: 0 1 100%; }.mobile-columns-2 > * { flex: 0 1 49.99999%; }.mobile-columns-3 > * { flex: 0 1 33.33333%; }.mobile-columns-4 > * { flex: 0 1 24.99999%; }.mobile-columns-5 > * { flex: 0 1 19.99999%; }.mobile-columns-6 > * { flex: 0 1 16.66666%; }.mobile-columns-7 > * { flex: 0 1 14.28571%; }.mobile-columns-8 > * { flex: 0 1 12.49999%; }.mobile-columns-9 > * { flex: 0 1 11.11111%; }.mobile-columns-10 > * { flex: 0 1 9.99999%; }.mobile-columns-11 > * { flex: 0 1 9.09090%; }.mobile-columns-12 > * { flex: 0 1 8.33333%; }.mobile-columns-13 > * { flex: 0 1 7.69230%; }.mobile-columns-14 > * { flex: 0 1 7.14285%; }.mobile-columns-15 > * { flex: 0 1 6.66666%; }.mobile-columns-16 > * { flex: 0 1 6.24999%; }.msie .mobile-columns-2 > * { flex: 1 1 33.4%; }.msie .mobile-columns-3 > * { flex: 1 1 25.1%; }.msie .mobile-columns-4 > * { flex: 1 1 20.1%; }.msie .mobile-columns-5 > * { flex: 1 1 16.7%; }.msie .mobile-columns-6 > * { flex: 1 1 14.4%; }.msie .mobile-columns-7 > * { flex: 1 1 12.6%; }.msie .mobile-columns-8 > * { flex: 1 1 11.2%; }.msie .mobile-columns-9 > * { flex: 1 1 10.1%; }.msie .mobile-columns-10 > * { flex: 1 1 9.2%; }.msie .mobile-columns-11 > * { flex: 1 1 8.4%; }.msie .mobile-columns-12 > * { flex: 1 1 7.8%; }.msie .mobile-columns-13 > * { flex: 1 1 7.3%; }.msie .mobile-columns-14 > * { flex: 1 1 6.7%; }.msie .mobile-columns-15 > * { flex: 1 1 6.3%; }.msie .mobile-columns-16 > * { flex: 1 1 6.0%; }}.msie .contentBox .content {}.msie .contentBox footer {background-color: rgb(30, 31, 36);}.msie footer a:active,.msie .flexFooter .link:before,.msie footer .account {color: rgb(148, 193, 30);}.msie footer .account:hover,.msie footer .account:active,.msie footer a {color: rgb(203, 234, 121);}.msie footer a:hover {color: rgb(241, 250, 220);}.msie .mainWrapper > .contentBox {flex: 1 1 auto;max-width: 100%;overflow-x: hidden;overflow-y: scroll;}.msie .mainWrapper {flex-wrap: nowrap;justify-content: space-between;}.msie .mainWrapper > .navBoxWrapper {border-right: 4px solid rgb(148, 193, 30);}.msie .subMenuWrapper .subMenu {background-color: rgb(30, 31, 36);}.msie .navBoxWrapper {background-color: rgb(41, 49, 51);}.msie .logoBoxWrapper > .logoBox,.msie .navBox .iconBoxWrapper {margin-left: 50px;}.msie nav.menuEntries > a.menuEntry {}.msie .mainWrapper .navBox .alignTop > * {flex: 1 1 auto;}.msie .menuEntries .menuEntry .label {white-space: nowrap;}.msie .navBox .iconBox {flex: 1 1 auto;max-width: 75%;}@media all and (max-width: 1024px) {.msie .logoBoxWrapper > .logoBox,.msie .navBox .iconBoxWrapper {margin-left: 56px;}.msie nav.menuEntries > a.menuEntry {padding-left: 56px;}.msie .mainWrapper .subMenuWrapper .subMenu .subMenuEntry {padding: 0 10px 0 56px;}}.msie .mainWrapper .logoBoxWrapper-unrotate {justify-content: center;}.msie .cookieBox {color: #fff;background-color: #000;}.msie .page-studio-part5 .requirementsTabBox .tab-list > .tab-button-selected,.msie .d-button-important {background-color: rgb(148, 193, 30);}.msie .mainWrapper .logoBoxWrapper .menuBarArrow,.msie .contentBox a {color: rgb(148, 193, 30);}.msie .contentBox a.d-button-important {color: #fff;}.msie main.content .fixedContent {overflow: hidden;}.msie main.content .fixedContent video {margin-top: -250px;}.msie .page-home-part1 img.titleIcon {flex: 0 1 48px;}.msie .contentBox > .content > .scrollingContent:nth-child(2n),.msie .contentBox > .fixed > div:nth-child(2n) {background-color: #fff;}.msie .contentBox > .content > .scrollingContent:nth-child(2n-1),.msie .contentBox > .fixed > div:nth-child(2n-1) {background-color: #f7f7f7;}.msie .customer-feedBack .infoColumn {flex: 1 1 30%;}.msie .page-studio-part5 .requirementsTabBox .tab-list {justify-content: flex-start;max-width: none;}.msie .customer-feedBack .feedBackArrowPrev,.msie .customer-feedBack .feedBackArrowNext {flex: 0 1 auto;}.msie .page-studio-part5 .requirementsTabBox .tab-list > .tab-button {flex: 1 1 auto;padding-left: 5px;padding-right: 5px;}.msie .page-news-entry .newsColumnsWrapper .blog-container {flex: 1 1 50%;max-width: none;}.videoWrapper {position: relative;}.videoWrapper .beforePlaying {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-size: cover;background-position: center center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;align-content: center;}.videoWrapper .beforePlaying > .playButton {font-size: 3em;width: 70px;height: 70px;display: flex;justify-content: center;align-items: center;align-content: center;background-color: rgba(0, 0, 0, 0.8); color: #fff;cursor: pointer;}.viewLinkBox {position: relative;}.viewLinkBox .previewImage {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-size: contain;background-position: center center;background-repeat: no-repeat;}.viewLinkBox:not(.without-padding) .previewImage {left: 10px;right: 10px;}.viewLinkBox.preview-fully-visible .previewImage {background-size: 100% 100%;}.viewLinkBox.preview-covers .previewImage {background-size: cover;}.viewLinkBox.preview-contained .previewImage {background-size: contain;}.viewLinkBox .beforePlaying {position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;justify-content: center;align-items: center;align-content: center;}.viewLinkBox .beforePlaying > .playButton {transition: background-color 0.3s ease-out;font-size: 3em;width: 70px;height: 70px;display: flex;justify-content: center;align-items: center;align-content: center;cursor: pointer;}.viewLinkBox .beforePlaying > .playButton-text {width: auto;height: auto;font-size: 1.1em;padding: 20px 30px;font-weight: normal;}.viewLinkBox-playing {background-image: none;}.viewLinkBox-playing .previewImage,.viewLinkBox-playing .beforePlaying {display: none;}.viewLinkBox-playing iframe {transition: left 0.3s ease-in-out, width 0.3s ease-in-out;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.viewLinkBox-playing:not(.without-padding) iframe {left: 10px;width: 95%;width: calc(100% - 20px);}.viewLinkBox-playing .button-viewFullScreen {transition: left 0.3s ease-in-out, color 0.3s ease-out;position: absolute;bottom: 5px;left: 15px;text-shadow: 0 0 3px rgba(0, 0, 0, 0.95);color: #eee;cursor: pointer;}.viewLinkBox-playing .button-viewFullScreen:hover {color: rgb(148, 193, 30);}.viewLinkBox-playing .button-viewFullScreen:active {transition: left 0.3s ease-in-out, color 0.05s ease-out;color: #fff;}.viewLinkBox.is-full-screen .button-viewFullScreen {left: 5px;}.viewLinkBox.is-full-screen iframe {left: 0;width: 100%;}main.content {position: relative;}body.no-javascript .contentBox main.content .page-title-video video {position: absolute;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none;}.contentBox {font-family: 'Roboto', sans-serif;}.contentBox .page-title-image,.contentBox .page-title-video {min-height: 500px;max-height: 500px;position: relative;}@media all and (max-width: 1024px) {.contentBox .page-title-image,.contentBox .page-title-video {min-height: 300px;max-height: 300px;}}.contentBox .page-title-image div.title-image {}.contentBox .page-title-video video {object-position: 100% 50%;object-fit: cover;overflow: hidden;}.contentBox .contentDynamicTitle {transition: font-size 0.5s ease, line-height 0.5s ease;position: absolute;left: 0;bottom: 0;font-size: 6vmax;line-height: 0.72em;font-family: 'Montserrat', sans-serif;font-weight: 900;color: rgba(0, 0, 0, 0.15);pointer-events: none;z-index: 2;}.contentBox .title {font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 20px; margin-bottom: 0.75em; }@media all and (min-width: 1921px) {.contentBox .title {font-size: 1.0417vw;}}.contentBox .title .unbold {font-weight: 400;}.contentBox p:not(.ignore-default) {font-weight: 300;font-size: 1.1em;margin-bottom: 0.8em; }.contentBox video {position: relative;}.contentBox video .no-video {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-size: cover;background-position: center center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;align-content: stretch;}.contentBox a {color: var(--maincolor-3);font-weight: 400;text-decoration: none;display: inline-block;position: relative;}.contentBox a:hover {}.contentBox a:active {}.contentBox a:visited {}.contentBox a:not(.ignore-default):after {content: "";transition: border 0.3s ease-in-out, left 0.5s ease-in-out, right 0.5s ease-in-out;position: absolute;top: 100%;top: calc(100% - 0.1em);left: 50%;right: 50%;border-bottom: 1px solid transparent;}.contentBox a:not(.ignore-default):hover:after {left: 0%;right: 0%;border-bottom: 1px solid var(--maincolor-3);}.contentBox .featuresList > * {margin-bottom: 0.6em;}.contentBoxEnd {visibility: hidden;opacity: 0;height: 0;max-height: 0;font-size: 0;line-height: 0;padding: 0;margin: 0;pointer-events: none;}.cookieBox {transition: opacity 1s ease-in-out, top 1s ease-in-out;position: absolute;top: -100px;left: 0;right: 0;min-height: 120px;text-align: center;padding-top: 40px;background-color: var(--maincolor-1);color: var(--white-1);font-weight: 400;opacity: 0;display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;align-content: flex-start;z-index: 150;}.cookieBox.openCookieBox {opacity: 1;top: 0;}.cookieBox .cookieMessage {flex: 1 1 400px;align-self: center;text-align: left;padding: 0 40px 40px;}.cookieBox .cookieButtons {flex: 1 1 auto;margin: 0 40px 20px;display: flex;flex-flow: row wrap;justify-content: flex-end;align-items: stretch;align-content: center;}.cookieBox .noCookieButton,.cookieBox .cookieButton {flex: 0 1 auto;align-self: flex-end;margin-left: 20px;}.cookieBox .cookieButtons > * {margin-top: 4px;}@media all and (max-width: 768px) {.cookieBox {padding-top: 20px;}.cookieBox .cookieMessage {padding: 0 5% 20px;}.cookieBox .cookieButtons {margin: 0 5% 20px;}}.customer-feedBack {display: flex;flex-flow: row wrap;justify-content: center;align-items: center;align-content: center;}.customer-feedBack .feedBackPool {display: none;}.customer-feedBack .feedBackActive {overflow: hidden;position: relative;min-height: 200px;}.customer-feedBack .feedBackActive {flex: 0 1 500px;}@media all and (max-width: 768px) {.customer-feedBack .feedBackActive {flex: 1 1 calc(100% - 120px);}}.customer-feedBack .feedBackEntry {width: 100%;}.customer-feedBack .feedBackEntry {transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out;transform: translate(0%, 0%);opacity: 1;display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;align-content: flex-start;font-size: 1.25em;}.customer-feedBack .feedBackEntry.newEntry,.customer-feedBack .feedBackEntry.oldEntry {position: absolute;opacity: 0;pointer-events: none;}.customer-feedBack .feedBackEntry.scroll-right,.customer-feedBack .feedBackEntry.scroll-left,.customer-feedBack .feedBackEntry.scroll-up,.customer-feedBack .feedBackEntry.scroll-down {opacity: 0;}.customer-feedBack .feedBackEntry.scroll-right {transform: translate(100%, 0%);}.customer-feedBack .feedBackEntry.scroll-left {transform: translate(-100%, 0%);}.customer-feedBack .feedBackEntry.scroll-up {transform: translate(0%, -100%);}.customer-feedBack .feedBackEntry.scroll-down {transform: translate(0%, 100%);}.customer-feedBack .companyName {flex: 1 1 100%;color: var(--maincolor-3);font-weight: 500;margin-bottom: 0.45em;font-size: 1.2em;}.customer-feedBack .ceoImage {flex: 0 1 100px;height: 100px;background-position: center top;background-size: cover;background-repeat: no-repeat;}.customer-feedBack .infoColumn {flex: 1 1 auto;flex: 1 1 calc(100% - 100px);padding-left: 1em;display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: center;align-content: flex-start;}.customer-feedBack .ceoName {font-weight: 500;}.customer-feedBack .ceoName:after {font-weight: 500;content: "-";margin: 0 0.5em;}.customer-feedBack .cityName {font-weight: 500;}.customer-feedBack .feedBackText {font-style: italic;font-weight: 300;font-size: 0.85em;margin-top: 0.4em;}.customer-feedBack .feedBackText:before {content: "\"";}.customer-feedBack .feedBackText:after {content: "\"";}.customer-feedBack .feedBackArrowPrev,.customer-feedBack .feedBackArrowNext {align-self: flex-start;margin-top: 55px;}.customer-feedBack .feedBackArrowPrev .material-icons,.customer-feedBack .feedBackArrowNext .material-icons {transition: color 0.15s ease-out;color: var(--maincolor-1);cursor: pointer;}.customer-feedBack .feedBackDot {transition: background-color 0.15s ease-out;background-color: var(--maincolor-1);cursor: pointer;}.customer-feedBack .feedBackArrowPrev:hover .material-icons,.customer-feedBack .feedBackArrowNext:hover .material-icons {color: var(--maincolor-3);}.customer-feedBack .feedBackDot:hover,.customer-feedBack .feedBackDot.active {background-color: var(--maincolor-3);}.customer-feedBack .feedBackArrowPrev .material-icons,.customer-feedBack .feedBackArrowNext .material-icons {padding: 10px;font-size: 2.5em;}.customer-feedBack .feedBackDots {display: flex;flex-flow: row wrap;justify-content: center;align-items: flex-start;}.customer-feedBack .feedBackDot {flex: 0 0 10px;height: 10px;background-color: var(--maincolor-2);font-size: 0;line-height: 0;margin: 5px;}.customer-feedBack .feedBackArrowPrev {flex: 0 1 30px;order: 1;}.customer-feedBack .feedBackActive {order: 2;}.customer-feedBack .feedBackArrowNext {flex: 0 1 30px;order: 3;}.customer-feedBack .feedBackDots {flex: 1 1 100%;order: 4;}body .d-button-important {transition: background-color 0.2s ease-out, color 0.2s ease-out, transform 0.3s ease-out, box-shadow 0.3s ease-out;cursor: pointer;background-color: rgb(148, 193, 30);background-color: var(--maincolor-3);color: #fff;color: var(--white-1);font-family: "Roboto", sans-serif;font-weight: 400;font-size: 1.15em;padding: 9px 30px;text-decoration: none;box-shadow: 0 0 10px transparent;outline: none;overflow: hidden;border: 1px solid transparent;}body .d-button-important > * {pointer-events: none; }body .d-button-important:hover,body .d-button-important.active,body .d-button-important:active {text-decoration: none;}body .d-button-important.active {box-shadow: 0 0 0 1px var(--maincolor-2-alpha70);}body .--hover-effect--default {position: relative;transition: border 0.85s ease-out;}body .--hover-effect--default .buttonText {position: relative;z-index: 1;}body .--hover-effect--default .hover-1,body .--hover-effect--default .hover-2,body .--hover-effect--default .hover-3 {position: absolute;top: -50px;bottom: -50px;}body .--hover-effect--default .hover-4 {transition: opacity 0.85s ease-out, background-color 0.85s ease-out;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(255, 255, 255, 0);opacity: 0;}body .--hover-effect--default .hover-1 {transition: transform 1.55s cubic-bezier(.06,.25,.15,2.43), width 1.55s ease-in-out;left: -30%;width: 30%;transform: translateX(0%);}body .--hover-effect--default .hover-2 {transition: transform 1.55s cubic-bezier(.06,.25,.26,2.43);left: 100%;width: 10%;transform: translateX(0%);}body .--hover-effect--default .hover-3 {transition: transform 1.55s ease, width 1.55s ease-in-out;left: -25%;width: 15%;transform: translateX(0%);display: none;}body .--hover-effect--default .hover-1 > i,body .--hover-effect--default .hover-2 > i,body .--hover-effect--default .hover-3 > i {position: absolute;top: 0;bottom: 0;left: 0;right: 0;transform-origin: 50% 50%;transform: rotateZ(7deg);}body .--hover-effect--default .hover-1 {}body .--hover-effect--default .hover-1 > i {transition: opacity 0.3s ease-out;transition: opacity 3s ease-out;opacity: 0;background-color: rgba(255, 255, 255, 0.08);}body .--hover-effect--default .hover-2 {}body .--hover-effect--default .hover-2 > i {background-color: rgba(255, 255, 255, 0.12);}body .--hover-effect--default .hover-3 {}body .--hover-effect--default .hover-3 > i {}body .--hover-effect--default.active {border: 1px solid rgba(0, 0, 0, 0.1);}body .--hover-effect--default.is-hovering {border: 1px solid rgba(0, 0, 0, 0.2);}body .d-button-important.d-button-dark {background-color: rgba(0, 0, 0, 0.9);}body .d-button-important.d-button-dark.is-hovering {background-color: rgba(0, 0, 0, 0.7);}body .--hover-effect--default.is-hovering .hover-1 {transition: transform 0.85s cubic-bezier(.06,.25,.15,2.43), width 0.85s ease-in-out;transform: translateX(130%);width: 40%;}body .--hover-effect--default.is-hovering .hover-1 > i {transition: opacity 0.5s ease-in;transition: opacity 5s ease-in;opacity: 1;}body .--hover-effect--default.is-hovering .hover-2 {transition: transform 0.85s cubic-bezier(.06,.25,.26,2.43);transform: translateX(-340%);}body .--hover-effect--default.is-hovering .hover-2 > i {}body .--hover-effect--default.is-hovering .hover-3 {transition: transform 0.85s ease, width 0.85s ease-in-out;transform: translateX(900%);}body .--hover-effect--default.is-hovering .hover-3 > i {}body .--hover-effect--default.active .hover-4,body .--hover-effect--default.is-hovering .hover-4 {opacity: 1;background-color: rgba(0, 0, 0, 0.1);}body .d-button-ondark:after {display: none;}body .d-button-ondark {transition: background-color 0.2s ease-out, color 0.2s ease-out, transform 0.3s ease-out, box-shadow 0.3s ease-out;cursor: pointer;background-color: rgb(148, 193, 30);background-color: var(--maincolor-3);color: #222;color: var(--maincolor-2);font-family: "Roboto", sans-serif;font-weight: 600;font-size: 1.15em;padding: 9px 30px;text-decoration: none;backface-visibility: hidden;box-shadow: 0 0 10px transparent;border: none;outline: none;}body .d-button-ondark:hover,body .d-button-ondark.active,body .d-button-ondark:active {color: var(--maincolor-2);color: #222;background-color: rgb(148, 193, 30);background-color: var(--maincolor-3);text-decoration: none;}body .d-button-important:after {display: none;}body .d-button-1 {transition: background-color 0.2s ease-out, color 0.2s ease-out;cursor: pointer;background-color: rgb(209, 211, 211);color: #222;color: var(--maincolor-2);font-family: "Roboto", sans-serif;font-weight: 400;font-size: 1.15em;padding: 6px 20px;text-decoration: none;border: 1px solid transparent;outline: none;}body .d-button-1:hover,body .d-button-1.active,body .d-button-1:active {background-color: rgb(148, 193, 30);background-color: var(--maincolor-3);color: #fff;}body .d-button-1.active {border-color: rgba(0, 0, 0, 0.1);box-shadow: 0 0 0 1px var(--maincolor-2-alpha70);}body .d-button-1:after {display: none;}.d-layout-1 {margin: -30px -40px;}.d-layout-1 > * {padding: 30px 40px;}.d-layout-2 {margin: -30px -20px;}.d-layout-2 > * {padding: 30px 20px;display: flex;flex-flow: column nowrap;justify-content: space-between;align-items: stretch;align-content: stretch;}.d-layout-2 > * > .textBox {flex: 1 0 auto;}.d-layout-2 > * > .imageBox {flex: }.d-layout-3 {margin: 0 -20px;}.d-layout-3 > * {padding: 0 20px;}.d-layout-4 {margin: -10px -20px;}.d-layout-4 > * {padding: 10px 20px;}.d-grid-1 {margin: -20px -20px;}.d-grid-1 > * {padding: 20px 20px;display: flex;justify-content: center;align-items: stretch;align-content: stretch;}.d-grid-1 > * > * {flex: 1 1 100%;}.d-grid-1 .grid-image {background-size: cover;background-position: center center;background-repeat: no-repeat;background-color: var(--maincolor-1);}.contentBox .d-grid-1 .title-big {font-size: 2.4em;font-weight: 700;line-height: 1.15em;margin-bottom: 0;}.d-grid-1 .center-text {display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;align-content: center;}.d-grid-1 .center-text > .default {}.d-ratio {}.d-flex {display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: stretch;align-content: flex-start;margin: -20px;}.d-flex > * {flex: 1 1 auto;margin: 20px;background-color: rgba(0, 0, 0, 0.1);position: relative;}.d-flex > * > .logoImage {position: absolute;background-size: contain;background-position: center center;background-repeat: no-repeat;}@media all and (max-width: 1024px) {.d-flex > * {flex-basis: 200px;min-height: 200px;}}.d-hover-1 {}.d-hover-1 .on-hover,.d-hover-1:hover .no-hover {transition: opacity 0.5s ease-in;}.d-hover-1:hover .on-hover,.d-hover-1 .no-hover {transition: opacity 0.5s ease-out;}.d-hover-1:hover .no-hover,.d-hover-1:not(:hover) .on-hover {opacity: 0;pointer-events: none;}.d-hover-1:hover .on-hover,.d-hover-1:not(:hover) .no-hover {opacity: 1;}.svgicon-mark {background-image: url('../icons/check.svg');background-size: contain;background-position: center center;background-repeat: no-repeat;}.svgicon-caret {background-image: url('../icons/caret.svg');background-size: contain;background-position: center center;background-repeat: no-repeat;}.dotBox-design1 {display: flex;flex-flow: row wrap;justify-content: center;align-items: center;align-content: flex-start;}.dotBox-design1 > * {flex: 0 0 auto;padding: 0.5rem;cursor: pointer;border: none;background-color: transparent;}.dotBox-design1 > * > * {width: 0.625rem;aspect-ratio: 1 / 1;transition: background-color 0.15s ease-out;background-color: var(--maincolor-2);}.dotBox-design1 > :hover > *,.dotBox-design1 > .active > * {background-color: var(--maincolor-3);}.eoGallerySlider {max-width: 100%;overflow: hidden;position: relative;}.eoGallerySlider > .eoGallerySlider-scene {display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: stretch;align-content: flex-start;gap: 1.5rem;max-width: 100%;overflow: hidden;overflow-x: auto;overscroll-behavior: contain;position: relative;}:where(.eoGallerySlider-scene) > * {flex: 0 0 25rem;}.eoGallerySlider > .eoGallerySlider-arrowLeft,.eoGallerySlider > .eoGallerySlider-arrowRight {position: absolute;top: calc(50% - 2rem);height: 4rem;width: 2.25rem;display: flex;justify-content: center;align-items: center;font-size: 3rem;transform: scale(1, 1);background-color: var(--maincolor-2);color: rgb(148, 193, 30);cursor: pointer;}.eoGallerySlider > .eoGallerySlider-arrowLeft {left: 0;transform-origin: 0% 50%;}.eoGallerySlider > .eoGallerySlider-arrowRight {right: 0;transform-origin: 100% 50%;}.eoButton {transition: border-color 0.15s ease-out, background-color 0.15s ease-out, color 0.15s ease-out;padding: 5px 16px;border: 1px solid rgba(0, 0, 0, 0.2);color: #333;background-color: #fff;cursor: pointer;font-weight: normal;}.eoButton:hover {border-color: var(--eopus-green);}.eoButton:active {color: var(--eopus-green);border-color: var(--eopus-green);}.eoButton.active {background-color: var(--eopus-green-tp1);}.eoButton.inactive {pointer-events: none;color: #333;opacity: 0.45;}.eoButton.chevron-right,.eoButton-dark.chevron-right {padding-right: 36px;position: relative;}.eoButton.chevron-right:after,.eoButton-dark.chevron-right:after {transition: transform 0.3s ease-out, right 0.3s ease-out;position: absolute;top: 3px;bottom: 5px;right: 10px;display: flex;align-items: center;align-content: stretch;content: "\276d\276d";font-size: 1.1em;color: var(--eopus-green);}.eoButton.chevron-right:hover:after,.eoButton-dark.chevron-right:hover:after {right: 7px;color: var(--eopus-green-highlight);}.eoButton-dark {transition: border-color 0.15s ease-out, background-color 0.15s ease-out, color 0.15s ease-out;padding: 5px 16px;border: 1px solid var(--eopus-green);color: #fff;background-color: rgb(18, 19, 22);cursor: pointer;font-weight: 200;}.eoButton-dark:hover {background-color: var(--eopus-green-darker-6);border-color: var(--eopus-green-darker-6);}.eoButton-dark:active {background-color: var(--eopus-green-darker-6);border-color: var(--eopus-green-highlight);}.eoButton-dark.active {background-color: var(--eopus-green-darker-6);}.eoButton-dark.inactive {pointer-events: none;color: rgba(255, 255, 255, 0.5);opacity: 0.45;}body:not(.no-javascript) .openup-desktop-left,body:not(.no-javascript) .openup-desktop-right,body:not(.no-javascript) .openup-desktop-top,body:not(.no-javascript) .openup-desktop-bottom {transition: transform 1.1s ease-in-out, opacity 0.9s ease-in-out;opacity: 0;}body:not(.no-javascript) .openup-desktop-left.openup-delayed-200,body:not(.no-javascript) .openup-desktop-right.openup-delayed-200,body:not(.no-javascript) .openup-desktop-top.openup-delayed-200,body:not(.no-javascript) .openup-desktop-bottom.openup-delayed-200 {transition: transform 1.1s ease-in-out 0.2s, opacity 0.9s ease-in-out 0.2s;}body:not(.no-javascript) .openup-desktop-left.openup-delayed-400,body:not(.no-javascript) .openup-desktop-right.openup-delayed-400,body:not(.no-javascript) .openup-desktop-top.openup-delayed-400,body:not(.no-javascript) .openup-desktop-bottom.openup-delayed-400 {transition: transform 1.1s ease-in-out 0.4s, opacity 0.9s ease-in-out 0.4s;}body:not(.no-javascript) .openup-desktop-left.openup-delayed-600,body:not(.no-javascript) .openup-desktop-right.openup-delayed-600,body:not(.no-javascript) .openup-desktop-top.openup-delayed-600,body:not(.no-javascript) .openup-desktop-bottom.openup-delayed-600 {transition: transform 1.1s ease-in-out 0.6s, opacity 0.9s ease-in-out 0.6s;}body:not(.no-javascript) .openup-desktop-left {transform-origin: 0% 50%;transform: translate(-1vmax, 0) scale(0.9, 0.9);}body:not(.no-javascript) .openup-desktop-right {transform-origin: 100% 50%;transform: translate(1vmax, 0) scale(0.9, 0.9);}body:not(.no-javascript) .openup-desktop-top {transform-origin: 50% 0%;transform: translate(0, -1vmax) scale(0.9, 0.9);}body:not(.no-javascript) .openup-desktop-bottom {transform-origin: 50% 100%;transform: translate(0, 1vmax) scale(0.9, 0.9);}body:not(.no-javascript) .openup-desktop-left._fade-active, body:not(.no-javascript) ._fade-active .openup-desktop-left,body:not(.no-javascript) .openup-desktop-right._fade-active, body:not(.no-javascript) ._fade-active .openup-desktop-right,body:not(.no-javascript) .openup-desktop-top._fade-active, body:not(.no-javascript) ._fade-active .openup-desktop-top,body:not(.no-javascript) .openup-desktop-bottom._fade-active, body:not(.no-javascript) ._fade-active .openup-desktop-bottom {opacity: 1;transform: translate(0, 0) scale(1, 1);}@media all and (max-width: 1280px) {body:not(.no-javascript) .openup-laptop-left._fade-active, body:not(.no-javascript) ._fade-active .openup-laptop-left,body:not(.no-javascript) .openup-laptop-right._fade-active, body:not(.no-javascript) ._fade-active .openup-laptop-right,body:not(.no-javascript) .openup-laptop-top._fade-active, body:not(.no-javascript) ._fade-active .openup-laptop-top,body:not(.no-javascript) .openup-laptop-bottom._fade-active, body:not(.no-javascript) ._fade-active .openup-laptop-bottom {opacity: 1;transform: translate(0, 0) scale(1, 1);}body:not(.no-javascript) .openup-laptop-left {transform: translate(-1vmax, 0) scale(0.9, 0.9);}body:not(.no-javascript) .openup-laptop-right {transform: translate(1vmax, 0) scale(0.9, 0.9);}body:not(.no-javascript) .openup-laptop-top {transform: translate(0, -1vmax) scale(0.9, 0.9);}body:not(.no-javascript) .openup-laptop-bottom {transform: translate(0, 1vmax) scale(0.9, 0.9);}}@media all and (max-width: 1024px) {body:not(.no-javascript) .openup-tablet-left._fade-active, body:not(.no-javascript) ._fade-active .openup-tablet-left,body:not(.no-javascript) .openup-tablet-right._fade-active, body:not(.no-javascript) ._fade-active .openup-tablet-right,body:not(.no-javascript) .openup-tablet-top._fade-active, body:not(.no-javascript) ._fade-active .openup-tablet-top,body:not(.no-javascript) .openup-tablet-bottom._fade-active, body:not(.no-javascript) ._fade-active .openup-tablet-bottom {opacity: 1;transform: translate(0, 0) scale(1, 1);}body:not(.no-javascript) .openup-tablet-left {transform: translate(-1vmax, 0) scale(0.9, 0.9);}body:not(.no-javascript) .openup-tablet-right {transform: translate(1vmax, 0) scale(0.9, 0.9);}body:not(.no-javascript) .openup-tablet-top {transform: translate(0, -1vmax) scale(0.9, 0.9);}body:not(.no-javascript) .openup-tablet-bottom {transform: translate(0, 1vmax) scale(0.9, 0.9);}}@media all and (max-width: 768px) {body:not(.no-javascript) .openup-mobile-left._fade-active, body:not(.no-javascript) ._fade-active .openup-mobile-left,body:not(.no-javascript) .openup-mobile-right._fade-active, body:not(.no-javascript) ._fade-active .openup-mobile-right,body:not(.no-javascript) .openup-mobile-top._fade-active, body:not(.no-javascript) ._fade-active .openup-mobile-top,body:not(.no-javascript) .openup-mobile-bottom._fade-active, body:not(.no-javascript) ._fade-active .openup-mobile-bottom {opacity: 1;transform: translate(0, 0) scale(1, 1);}body:not(.no-javascript) .openup-mobile-left {transform: translate(-1vmax, 0) scale(0.9, 0.9);}body:not(.no-javascript) .openup-mobile-right {transform: translate(1vmax, 0) scale(0.9, 0.9);}body:not(.no-javascript) .openup-mobile-top {transform: translate(0, -1vmax) scale(0.9, 0.9);}body:not(.no-javascript) .openup-mobile-bottom {transform: translate(0, 1vmax) scale(0.9, 0.9);}}body:not(.no-javascript) .fade-desktop-left,body:not(.no-javascript) .fade-desktop-right,body:not(.no-javascript) .fade-desktop-top,body:not(.no-javascript) .fade-desktop-bottom {transition: transform 1s ease-in-out, opacity 1.6s ease-in-out;opacity: 0;}body:not(.no-javascript) .fade-desktop-left.fade-delayed-200,body:not(.no-javascript) .fade-desktop-right.fade-delayed-200,body:not(.no-javascript) .fade-desktop-top.fade-delayed-200,body:not(.no-javascript) .fade-desktop-bottom.fade-delayed-200 {transition: transform 1s ease-in-out 0.2s, opacity 1s ease-in-out 0.2s;}body:not(.no-javascript) .fade-desktop-left.fade-delayed-400,body:not(.no-javascript) .fade-desktop-right.fade-delayed-400,body:not(.no-javascript) .fade-desktop-top.fade-delayed-400,body:not(.no-javascript) .fade-desktop-bottom.fade-delayed-400 {transition: transform 1s ease-in-out 0.4s, opacity 1s ease-in-out 0.4s;}body:not(.no-javascript) .fade-desktop-left.fade-delayed-600,body:not(.no-javascript) .fade-desktop-right.fade-delayed-600,body:not(.no-javascript) .fade-desktop-top.fade-delayed-600,body:not(.no-javascript) .fade-desktop-bottom.fade-delayed-600 {transition: transform 1s ease-in-out 0.6s, opacity 1s ease-in-out 0.6s;}body:not(.no-javascript) .fade-desktop-left._fade-active, body:not(.no-javascript) ._fade-active .fade-desktop-left,body:not(.no-javascript) .fade-desktop-right._fade-active, body:not(.no-javascript) ._fade-active .fade-desktop-right,body:not(.no-javascript) .fade-desktop-top._fade-active, body:not(.no-javascript) ._fade-active .fade-desktop-top,body:not(.no-javascript) .fade-desktop-bottom._fade-active, body:not(.no-javascript) ._fade-active .fade-desktop-bottom {opacity: 1;transform: translate(0, 0);}body:not(.no-javascript) .fade-desktop-left {transform: translate(-30vw, 0);}body:not(.no-javascript) .fade-desktop-right {transform: translate(30vw, 0);}body:not(.no-javascript) .fade-desktop-top {transform: translate(0, -30vh);}body:not(.no-javascript) .fade-desktop-bottom {transform: translate(0, 30vh);}@media all and (max-width: 1280px) {body:not(.no-javascript) .fade-laptop-left,body:not(.no-javascript) .fade-laptop-right,body:not(.no-javascript) .fade-laptop-top,body:not(.no-javascript) .fade-laptop-bottom {transition: transform 1s ease-in-out, opacity 1s ease-in-out;opacity: 0;}body:not(.no-javascript) .fade-laptop-left._fade-active, body:not(.no-javascript) ._fade-active .fade-laptop-left,body:not(.no-javascript) .fade-laptop-right._fade-active, body:not(.no-javascript) ._fade-active .fade-laptop-right,body:not(.no-javascript) .fade-laptop-top._fade-active, body:not(.no-javascript) ._fade-active .fade-laptop-top,body:not(.no-javascript) .fade-laptop-bottom._fade-active, body:not(.no-javascript) ._fade-active .fade-laptop-bottom {transition: transform 1s ease-in-out, opacity 1.6s ease-in-out;opacity: 1;transform: translate(0, 0);}body:not(.no-javascript) .fade-laptop-left {transform: translate(-30vw, 0);}body:not(.no-javascript) .fade-laptop-right {transform: translate(30vw, 0);}body:not(.no-javascript) .fade-laptop-top {transform: translate(0, -30vh);}body:not(.no-javascript) .fade-laptop-bottom {transform: translate(0, 30vh);}}@media all and (max-width: 1024px) {body:not(.no-javascript) .fade-tablet-left,body:not(.no-javascript) .fade-tablet-right,body:not(.no-javascript) .fade-tablet-top,body:not(.no-javascript) .fade-tablet-bottom {transition: transform 1s ease-in-out, opacity 1s ease-in-out;opacity: 0;}body:not(.no-javascript) .fade-tablet-left._fade-active, body:not(.no-javascript) ._fade-active .fade-tablet-left,body:not(.no-javascript) .fade-tablet-right._fade-active, body:not(.no-javascript) ._fade-active .fade-tablet-right,body:not(.no-javascript) .fade-tablet-top._fade-active, body:not(.no-javascript) ._fade-active .fade-tablet-top,body:not(.no-javascript) .fade-tablet-bottom._fade-active, body:not(.no-javascript) ._fade-active .fade-tablet-bottom {transition: transform 1s ease-in-out, opacity 1.6s ease-in-out;opacity: 1;transform: translate(0, 0);}body:not(.no-javascript) .fade-tablet-left {transform: translate(-30vw, 0);}body:not(.no-javascript) .fade-tablet-right {transform: translate(30vw, 0);}body:not(.no-javascript) .fade-tablet-top {transform: translate(0, -30vh);}body:not(.no-javascript) .fade-tablet-bottom {transform: translate(0, 30vh);}}@media all and (max-width: 768px) {body:not(.no-javascript) .fade-mobile-left,body:not(.no-javascript) .fade-mobile-right,body:not(.no-javascript) .fade-mobile-top,body:not(.no-javascript) .fade-mobile-bottom {transition: transform 1s ease-in-out, opacity 1s ease-in-out;opacity: 0;}body:not(.no-javascript) .fade-mobile-left._fade-active, body:not(.no-javascript) ._fade-active .fade-mobile-left,body:not(.no-javascript) .fade-mobile-right._fade-active, body:not(.no-javascript) ._fade-active .fade-mobile-right,body:not(.no-javascript) .fade-mobile-top._fade-active, body:not(.no-javascript) ._fade-active .fade-mobile-top,body:not(.no-javascript) .fade-mobile-bottom._fade-active, body:not(.no-javascript) ._fade-active .fade-mobile-bottom {transition: transform 1s ease-in-out, opacity 1.6s ease-in-out;opacity: 1;transform: translate(0, 0);}body:not(.no-javascript) .fade-mobile-left {transform: translate(-30vw, 0);}body:not(.no-javascript) .fade-mobile-right {transform: translate(30vw, 0);}body:not(.no-javascript) .fade-mobile-top {transform: translate(0, -30vh);}body:not(.no-javascript) .fade-mobile-bottom {transform: translate(0, 30vh);}}.feedbackWrapper {}.feedbackWrapper:empty {display: none;}.feedbackWrapper > * {display: flex;justify-content: flex-start;align-items: center;align-content: flex-start;font-weight: 500;}.feedbackWrapper > .feedBack-success {}.feedbackWrapper > .feedBack-error {}.feedbackWrapper > .feedBack-notice {}.feedbackWrapper > *:before {margin-right: 0.6em;display: flex;justify-content: center;align-items: center;font-size: 1.3em;line-height: 0;min-width: 1.1em;min-height: 1.1em;padding-top: 1px;font-weight: bold;}.feedbackWrapper > .feedBack-success:before {color: var(--maincolor-3);content: "\2713";}.feedbackWrapper > .feedBack-error:before {color: #f00;content: "!";}.feedbackWrapper > .feedBack-notice:before {color: var(--maincolor-3);content: "i";}.feedbackWrapper > *:last-child {margin-bottom: 80px;}.inlineFeedBack {color: #f00;position: relative;font-weight: normal;cursor: pointer;overflow: hidden;}.inlineFeedBack:empty {display: none;}.inlineFeedBack > div {display: flex;justify-content: flex-start;align-items: center;align-content: flex-start;}.inlineFeedBack > div:not(:only-child) {padding: 0.1em 0;}.inlineFeedBack > div:before {margin-right: 0.6em;content: "!"; border: 2px solid #f00;border-radius: 100%;display: flex;justify-content: center;align-items: center;font-size: 1.3em;line-height: 0;min-width: 1.1em;min-height: 1.1em;padding-top: 1px;font-weight: bold;}.contentBox .flex-col.flex-center,.contentBox .flex-col.flex-center-y,.contentBox .flex-row.flex-center,.contentBox .flex-row.flex-center-x {display: flex;justify-content: center;}.contentBox .flex-col.flex-center,.contentBox .flex-col.flex-center-x,.contentBox .flex-row.flex-center,.contentBox .flex-row.flex-center-y {display: flex;align-items: center;align-content: center;}.contentBox .flex-row {display: flex;flex-direction: row;}.contentBox .flex-col {display: flex;flex-direction: column;}.contentBox .flex-wrap {display: flex;flex-wrap: wrap;}.contentBox .flex-nowrap {display: flex;flex-wrap: nowrap;}.contentBox .flex-col.flex-fill {align-items: stretch;align-content: stretch;}.contentBox .flex-row.flex-fill > * {flex-grow: 1;}.contentBox .flex-col.flex-nofill {align-items: center;align-content: center;}.contentBox .flex-nofill-self,.contentBox .flex-row > .flex-nofill-self,.contentBox .flex-row.flex-nofill > * {flex-grow: 0;}.contentBox .flex-col > .flex-fill-self {align-self: stretch;}.contentBox .flex-row > .flex-fill-self {flex-grow: 1;}.contentBox .flex-col > .flex-nofill-self {align-self: center;}@media all and (min-width: 1025px) {}@media all and (max-width: 1024px) {}.flyerBoxContainer {container-name: flyerbox;container-type: inline-size;}.flyerBox[data-flyer="2024-001"] {display: grid;grid-template-columns: 35fr 65fr;grid-template-rows: 5fr 4fr auto auto;grid-template-areas:"title water"". water""slogan slogan""columns columns";}.flyerBox[data-flyer="2024-001"] .flyerTitle {grid-area: title;z-index: 1;}.flyerBox[data-flyer="2024-001"] .laptopImage {grid-column: 1 / -1;grid-row: 1 / span 2;}.flyerBox[data-flyer="2024-001"] .waterImage {grid-area: water;z-index: 1;}.flyerBox[data-flyer="2024-001"] .sloganText {grid-area: slogan;z-index: 2;}.flyerBox[data-flyer="2024-001"] .flyerColumns {grid-area: columns;}.flyerBox[data-flyer="2024-001"] .flyerTitle {margin-top: 25%;display: flex;flex-flow: column nowrap;justify-content: flex-start;align-items: stretch;align-content: flex-start;gap: 2rem;}.flyerBox[data-flyer="2024-001"] .flyerTitle .flyerLogo-eopus {background-image: url('//media.eopus.de/img/logos/eopus_logo_black.svg');background-repeat: no-repeat;background-size: contain;background-position: 50% 50%;aspect-ratio: 3.3;}.flyerBox[data-flyer="2024-001"] .flyerTitle .flyerLinkBox {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;}.flyerBox[data-flyer="2024-001"] .flyerTitle .flyerLinkBox .qrWidget {display: grid;grid-template-rows: repeat(3, auto);justify-items: stretch;text-align: center;}.flyerBox[data-flyer="2024-001"] .flyerTitle .flyerLinkBox .qrWidget .qrCode {width: 100%;aspect-ratio: 1;justify-self: center;align-self: start;background-repeat: no-repeat;background-size: contain;background-position: 50% 50%;}.flyerBox[data-flyer="2024-001"] .flyerTitle .flyerLinkBox .qrWidget .widgetIcon {margin-bottom: -0.75rem;height: 3rem;background-repeat: no-repeat;background-size: contain;background-position: 50% 50%;}.flyerBox[data-flyer="2024-001"] .flyerTitle .flyerLinkBox .qrWidget .widgetText {display: flex;flex-flow: row nowrap;justify-content: center;align-items: baseline;align-content: flex-start;position: absolute;top: 100%;left: -25%;right: -25%;text-align: center;z-index: 1;}.flyerBox[data-flyer="2024-001"] .flyerTitle .flyerLinkBox .qrWidget .widgetText > * {flex: 0 0 auto;font-size: 0.75rem;color: rgb(41, 49, 51);}.flyerBox[data-flyer="2024-001"] .flyerTitle .flyerLinkBox .qrWidget .widgetText > [data-type="@"] {margin: 0 0.5em;}.flyerBox[data-flyer="2024-001"] .qrWidget {transition: transform 0.7s ease-in-out;transform: scale(1);will-change: transform;}.flyerBox[data-flyer="2024-001"] .qrWidget:hover {transition: transform 0.3s ease-out;transform: scale(1.15);}.flyerBox[data-flyer="2024-001"] .laptopImage {background-image: url('//media.eopus.de/img/flyer-2024-001/laptop.webp');background-size: contain;background-position: 100% 50%;background-repeat: no-repeat;}.flyerBox[data-flyer="2024-001"] .waterImage {background-image: url('//media.eopus.de/img/flyer-2024-001/wasser.webp');background-size: contain;background-position: 50% 100%;background-repeat: no-repeat;overflow: visible;position: relative;top: 6%;filter: drop-shadow(-4px -4px 8px rgba(0, 0, 0, 0.5));}.flyerBox[data-flyer="2024-001"] .sloganText {display: grid;grid-template-columns: 1fr auto auto auto 1fr;grid-template-areas:". left middletop right ."". left middlebottom right .";align-items: center;font-size: 2.4rem;text-align: center;text-transform: uppercase;column-gap: 0.3em;row-gap: 0.1em;transform: scaleX(1.14);margin-top: -2%;margin-bottom: 3%;}.flyerBox[data-flyer="2024-001"] .sloganText > .text-left {grid-area: left;}.flyerBox[data-flyer="2024-001"] .sloganText > .text-middle-top {grid-area: middletop;align-self: end;font-size: 0.8em;line-height: 0.75;font-weight: 400;}.flyerBox[data-flyer="2024-001"] .sloganText > .text-middle-bottom {grid-area: middlebottom;align-self: start;font-size: 1.0em;line-height: 0.75;font-weight: 400;}.flyerBox[data-flyer="2024-001"] .sloganText > .text-right {grid-area: right;}.flyerBox[data-flyer="2024-001"] .sloganText > .text-left,.flyerBox[data-flyer="2024-001"] .sloganText > .text-right {font-size: 2em;line-height: 1;font-weight: 700;}.flyerBox[data-flyer="2024-001"] .sloganText > .text-middle-top,.flyerBox[data-flyer="2024-001"] .sloganText > .text-middle-bottom {}.flyerBox[data-flyer="2024-001"] .flyerColumns {position: relative;z-index: 1;columns: 2;column-gap: 3rem;}.flyerBox[data-flyer="2024-001"] .flyerColumns > .columnSection {display: flow-root;break-inside: avoid;}.flyerBox[data-flyer="2024-001"] .flyerColumns > .columnSpacer {height: 2em;visibility: hidden;}.flyerBox[data-flyer="2024-001"] .flyerColumns .columnTitle {font-size: 1.25em;line-height: 1;font-weight: bold;}.flyerBox[data-flyer="2024-001"] .flyerColumns .columnParagraph {margin-top: 0.65em;text-wrap: balance;}.flyerBox[data-flyer="2024-001"] .flyerColumns img.phoneImage {float: right;margin-top: 2.8rem;width: 35%;shape-outside: url(//media.eopus.de/img/flyer-2024-001/handy_mask2.png);shape-margin: 1rem;}.flyerBox[data-flyer="2024-001"] .flyerColumns::after {}@container flyerbox (width < 70em) and (width >= 58em) {.flyerBox[data-flyer="2024-001"] {grid-template-columns: 30fr 70fr;grid-template-rows: 5fr 2fr auto auto;}.flyerBox[data-flyer="2024-001"] .laptopImage {background-position: 100% 100%;}.flyerBox[data-flyer="2024-001"] .flyerTitle {margin-top: 10%;}.flyerBox[data-flyer="2024-001"] .flyerTitle .flyerLinkBox {grid-template-columns: repeat(2, 1fr);}}@container flyerbox (width < 58em) {.flyerBox[data-flyer="2024-001"] {grid-template-columns: 1fr;grid-template-rows: auto 8rem auto auto;grid-template-areas:"title""water""slogan""columns";}.flyerBox[data-flyer="2024-001"] .flyerTitle {position: relative;z-index: 5;}.flyerBox[data-flyer="2024-001"] .waterImage,.flyerBox[data-flyer="2024-001"] .laptopImage {grid-area: none;grid-column: 1;grid-row: 1 / span 2;}.flyerBox[data-flyer="2024-001"] .waterImage {background-size: 60% auto;background-position: 90% 100%;opacity: 0.35;filter: none;}.flyerBox[data-flyer="2024-001"] .laptopImage {background-size: 75% auto;background-position: 100% 100%;opacity: 0.2;}.flyerBox[data-flyer="2024-001"] .flyerTitle .flyerLinkBox {grid-template-columns: repeat(3, 1fr);gap: 5rem;margin-bottom: 5rem;}.flyerBox[data-flyer="2024-001"] .sloganText {font-size: 2rem;grid-area: none;grid-column: 1;grid-row: 2 / span 2;}}@container flyerbox (width < 50em) {.flyerBox[data-flyer="2024-001"] .flyerColumns {columns: 1;}.flyerBox[data-flyer="2024-001"] .sloganText {font-size: 1.8rem;}}@container flyerbox (width < 42em) {.flyerBox[data-flyer="2024-001"] .sloganText {font-size: 1.6rem;}}@container flyerbox (width < 38em) {.flyerBox[data-flyer="2024-001"] .sloganText {display: grid;grid-template-columns: 1fr 1fr auto auto 1fr 1fr;grid-template-areas:". . left middletop . ."". . left middlebottom . ."". right right right right .";align-items: center;}.flyerBox[data-flyer="2024-001"] .sloganText .text-right {transform: translateY(-25%);}}.contentBox footer {position: relative;min-height: 50px;height: auto;max-height: none;background-color: var(--maincolor-1); display: block;font-size: 0.9em;font-family: 'Roboto', sans-serif;color: #eee;}.contentBox footer .account,.contentBox footer .account-logout {position: absolute;top: 20px;right: 20px;}.navBox footer .account,.navBox footer .account-logout {position: absolute;top: -44px;right: 20px;text-align: right;max-width: 80%;display: block;margin-left: auto;}footer .account,footer .account-logout {color: var(--eopus-green);cursor: pointer;}footer .account:hover,footer .account:active,footer .account-logout:hover,footer .account-logout:active {color: var(--eopus-green-highlight);}footer .flexFooterWrapper {display: flex;flex-flow: row wrap;justify-content: center;align-items: stretch;align-content: stretch;}footer .flexFooter {--footerColumnSize: 230px;flex: 0 1 960px; margin: 10px 40px 0;}footer .flexFooter strong {font-weight: 500;}.contentBox footer .flexFooter {display: flex;flex-wrap: wrap;justify-content: flex-start;}footer a {transition: color 0.2s ease-out;color: var(--maincolor-3);text-decoration: none;}footer a:not(.ignore-default):not(.phoneLink):hover {color: var(--eopus-green-highlight);}footer a:not(.ignore-default):not(.phoneLink):active {color: var(--eopus-green-highlight);}.flexFooter > div {padding: 15px 35px;margin: 5px 5px;flex: 0 1 230px;}.flexFooter > .filler {margin-top: 0;margin-bottom: 0;align-self: flex-start;height: 0px;max-height: 0px;}.flexFooter .footer-flexList {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;align-content: flex-start;}.flexFooter .footer-flexList > * {display: block;}.flexFooter .title {flex: 0 1 100%;font-size: 1.33em;font-weight: 400;opacity: 0.75;font-family: 'Montserrat', sans-serif;color: #eee;margin-bottom: 1em;}.flexFooter .title > div {text-transform: uppercase;}.flexFooter .footer-flexList > .symbol {flex: 0 1 31px;align-self: flex-start;font-size: 1.3em;}.flexFooter .footer-flexList > .text {flex: 0 1 calc(100% - 31px);}.flexFooter .text {color: rgba(255, 255, 255, 0.5);max-width: 100%;}.flexFooter .footer-flexList > .line {flex: 0 0 100%;}.flexFooter .footer-symbolList {display: flex;flex-flow: column nowrap;justify-content: flex-start;align-items: flex-start;align-content: flex-start;}.flexFooter .footer-symbolList > .title {align-self: flex-start;flex: 0 0 auto;letter-spacing: 0.5px;}.flexFooter .footer-symbolList > .title > div {}.flexFooter .footer-symbolList > .line {display: flex;justify-content: flex-start;align-items: center;align-content: flex-start;}.flexFooter .footer-symbolList > .line > .symbol {flex: 0 0 31px;align-self: flex-start;font-size: 1.3em;color: rgba(255, 255, 255, 0.65);}.flexFooter .footer-symbolList > .line > .text {flex: 0 0 auto;}footer .footer-connections {display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: stretch;align-content: flex-start;}footer .copyrightWrapper {flex: 1 1 100%;margin-top: 10px;margin-bottom: 10px;text-align: center;font-size: 0.9em;}.navBox footer,.navBox footer .flexFooterWrapper,.navBox footer .flexFooter {max-width: 300px;}@media all and (min-width: 1921px) {.navBox footer,.navBox footer .flexFooterWrapper,.navBox footer .flexFooter {max-width: 15vw;}}.navBox footer .flexFooterWrapper {max-width: 100%;position: relative;left: 0px;}.navBox footer {margin-left: -31px;margin-right: 20px;font-size: 0.9em;font-family: 'Roboto', sans-serif;}.navBox footer .flexFooter {margin-right: 0;}.navBox footer .copyrightWrapper {color: #eee;position: relative;top: 0;left: 80px;text-align: left;}.contentBox footer .copyright > span {display: inline-block;}.contentBox footer .copyright > span:not(:last-child) {margin-right: 0.5em;}.navBox footer .copyright {}.navBox footer .copyright > span {display: block;}.navBox .remoteMaintenanceSoftware,.navBox .contactInfos {margin-top: -20px;}.navBox .contactInfos .title:first-child {display: none;}input[type="checkbox"] {visibility: hidden;}.eo-checkBox {position: relative;background-color: #fff;background-color: var(--white-2);border: 1px solid #000;border: 1px solid var(--maincolor-1);width: 20px;height: 20px;cursor: pointer;}.eo-checkBox .if-active {transition: width 0.25s ease-out;position: absolute;top: 0;bottom: 0;left: 0;width: 0%;overflow: hidden;}.eo-checkedBox .if-active {transition: width 0.6s ease-out;}.eo-checkBox .active-symbol {width: 16px;height: 16px;font-size: 1.1em;position: relative;left: 1px;top: 1px;display: flex;justify-content: center;align-items: center;align-content: center;color: rgb(148, 193, 30);color: var(--maincolor-3);text-shadow: 0 0 1px rgb(148, 193, 30)text-shadow: 0 0 1px var(--maincolor-3);}.eo-checkBox.eo-checkBoxDisabled {cursor: not-allowed;}.eo-checkBox:not(.eo-checkedBox) .if-active {}.eo-checkBox.eo-checkedBox .if-active {width: 100%;}.eo-checkBox {transition: box-shadow 0.4s ease-out;}.eo-checkBox:hover {transition: box-shadow 0.2s ease-out;box-shadow: 0 0 2px 1px var(--maincolor-1-alpha60) inset;}.eo-checkBox.eo-checkedBox {}.eo-checkBox.eo-checkedBox:hover {box-shadow: 0 0 2px 2px var(--maincolor-3-alpha60) inset;}select {visibility: hidden; }.eo-selectMenu {transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;position: relative;display: flex;justify-content: space-between;align-items: center;align-content: flex-start;padding: 10px 20px 10px 30px;cursor: pointer;overflow: visible;border: 1px solid transparent;border-bottom-width: 0;}.eo-selectMenu.eo-selectOpen {border-color: #000;border-color: var(--maincolor-1-alpha30);}.eo-selectMenu.eo-selectDisabled {pointer-events: none;cursor: not-allowed;}.eo-selectMenu.eo-selectDisabled > .selected {opacity: 0.2;}.eo-selectMenu > i {transform-origin: 50% 50%;transform: rotateZ(-90deg);font-size: 2em;}.eo-selectOptions {transition: opacity 0.2s ease-out;position: absolute;top: 100%;margin-left: -1px;min-width: 100%;min-width: calc(100% + 2px);opacity: 0;z-index: 5;border: 1px solid #000;border: 1px solid var(--maincolor-1-alpha30);border-top-width: 0;max-height: 30vh;min-height: 75px;overflow-y: auto;overflow-x: hidden;}.eo-selectMenu:not(.eo-selectOpen) .eo-selectOptions {pointer-events: none;}.eo-selectMenu.eo-selectOpen .eo-selectOptions {opacity: 1;}.eo-selectOptions:not(.menuAttached-right) {left: 0;}.eo-selectOptions.menuAttached-right {right: -1px;}.eo-selectOption {transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;background-color: #fff;background-color: var(--white-2);color: #000;color: var(--maincolor-1);white-space: nowrap;display: flex;justify-content: flex-start;align-items: center;align-content: stretch;padding: 10px 60px;}.eo-selectOption:empty {height: 20px;}.eo-selectOption.selectLabel {}.eo-selectOption:not(.eo-disabledOption):hover {background-color: #ddd;background-color: var(--white-4);}input:disabled, select:disabled, textarea:disabled {cursor: not-allowed;}input[type="text"], input[type="password"], select, .eo-selectMenu, .eo-selectOption {font-family: "Montserrat", sans-serif;font-size: 20px;font-weight: 600;height: 70px;}.eo-selectOption {height: 50px;font-family: "Roboto", sans-serif;font-weight: 300;}input[type="text"], input[type="password"], textarea, select, .eo-selectMenu {background-color: #f7f7f7;background-color: var(--white-2);color: #333;color: var(--maincolor-2);}input[type="text"], input[type="password"], select {padding: 10px 30px;}textarea {resize: none;font-family: "Roboto", sans-serif;font-size: 20px;font-weight: 300;padding: 20px 30px;}select option {border-radius: 0;}input, textarea, select {outline: none;-moz-appearance: none;-webkit-appearance: none;appearance: none;border: none;border-radius: 0;}input[type="text"], input[type="password"], textarea {transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;border: 1px solid transparent;}input[type="text"]:hover, input[type="password"]:hover, textarea:hover {}input[type="text"]:active, input[type="password"]:active, textarea:active,input[type="text"]:focus, input[type="password"]:focus, textarea:focus {border-color: #000;border-color: var(--maincolor-1-alpha30);}input[type="radio"], input[type="checkbox"] {transition: box-shadow 0.2s ease-out;width: 24px;height: 24px;font-size: 0;line-height: 0;margin: -1px;border: none;}input[type="radio"]:hover, input[type="checkbox"]:hover {box-shadow: 0 0 3px var(--eopus-green), 0 0 3px var(--eopus-green) inset;}input::placeholder { color: #666; color: var(--maincolor-2-alpha30); font-weight: 600; transition: color 0.6s ease-out 0s; }input::-webkit-input-placeholder { color: #666; color: var(--maincolor-2-alpha30); font-weight: 600; transition: color 0.6s ease-out 0s; }input:-moz-placeholder { color: #666; color: var(--maincolor-2-alpha30); font-weight: 600; transition: color 0.6s ease-out 0s; }input::-moz-placeholder { color: #666; color: var(--maincolor-2-alpha30); font-weight: 600; transition: color 0.6s ease-out 0s; }input:-ms-input-placeholder { color: #666; color: var(--maincolor-2-alpha30); font-weight: 600; transition: color 0.6s ease-out 0s; }input:focus::placeholder { color: transparent; transition: color 0.6s ease-out 2.0s; }input:focus::-webkit-input-placeholder { color: transparent; transition: color 0.6s ease-out 2.0s; }input:focus:-moz-placeholder { color: transparent; transition: color 0.6s ease-out 2.0s; }input:focus::-moz-placeholder { color: transparent; transition: color 0.6s ease-out 2.0s; }input:focus:-ms-input-placeholder { color: transparent; transition: color 0.6s ease-out 2.0s; }textarea::placeholder { color: #666; color: var(--maincolor-2-alpha30); transition: color 0.6s ease-out 0s; }textarea::-webkit-input-placeholder { color: #666; color: var(--maincolor-2-alpha30); transition: color 0.6s ease-out 0s; }textarea:-moz-placeholder { color: #666; color: var(--maincolor-2-alpha30); transition: color 0.6s ease-out 0s; }textarea::-moz-placeholder { color: #666; color: var(--maincolor-2-alpha30); transition: color 0.6s ease-out 0s; }textarea:-ms-input-placeholder { color: #666; color: var(--maincolor-2-alpha30); transition: color 0.6s ease-out 0s; }textarea:focus::placeholder { color: transparent; transition: color 0.6s ease-out 2.0s; }textarea:focus::-webkit-input-placeholder { color: transparent; transition: color 0.6s ease-out 2.0s; }textarea:focus:-moz-placeholder { color: transparent; transition: color 0.6s ease-out 2.0s; }textarea:focus::-moz-placeholder { color: transparent; transition: color 0.6s ease-out 2.0s; }textarea:focus:-ms-input-placeholder { color: transparent; transition: color 0.6s ease-out 2.0s; }.altered-input-elements input[type="text"], .altered-input-elements input[type="password"], .altered-input-elements select, .altered-input-elements .eo-selectMenu, .altered-input-elements .eo-selectOption {font-size: 15.84px;height: 50px;}.altered-input-elements .eo-selectOption {height: 40px;}.altered-input-elements .eo-selectMenu {padding: 5px 10px 5px 20px;}.altered-input-elements input[type="text"], .altered-input-elements input[type="password"], .altered-input-elements select {padding: 5px 20px;}.altered-input-elements textarea {padding: 10px 20px;}.altered-input-elements .eo-selectOption {padding: 10px 40px;}.small-input-elements input[type="text"], .small-input-elements input[type="password"], .small-input-elements select, .small-input-elements .eo-selectMenu, .small-input-elements .eo-selectOption {font-size: 10.84px;height: 25px;}.small-input-elements .eo-selectOption {height: auto;}.small-input-elements .eo-selectMenu {padding: 2px 10px 2px 10px;}.small-input-elements input[type="text"], .small-input-elements input[type="password"], .small-input-elements select {padding: 2px 10px;}.small-input-elements textarea {padding: 5px 10px;}.small-input-elements .eo-selectOption {padding: 10px 20px;}@media all and (min-width: 1921px) {textarea, input[type="text"], input[type="password"], select, .eo-selectMenu, .eo-selectOption {font-size: 1.0417vw;}.altered-input-elements input[type="text"], .altered-input-elements input[type="password"], .altered-input-elements select, .altered-input-elements .eo-selectMenu, .altered-input-elements .eo-selectOption {font-size: 0.825vw;}.small-input-elements input[type="text"], .small-input-elements input[type="password"], .small-input-elements select, .small-input-elements .eo-selectMenu, .small-input-elements .eo-selectOption {font-size: 0.5646vw;}}body.no-javascript .galleryCategoryBox {display: none;}body.yes-javascript .selectableGallery:not(.active) {}.galleryCategoryBox:not(:first-child) {margin-top: 7rem;}.galleryCategoryBox .gallerySelectorBox {display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: stretch;align-content: flex-start;gap: 1px;max-width: 100%;}.galleryCategoryBox .gallerySelectorItem {transition: transform 0.3s ease-out, z-index 0.3s linear, flex 0.3s ease-in-out;flex: 0 1 200px;height: calc(200px / 16 * 9);background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;border: none;padding: 0;cursor: pointer;box-shadow: 0 0 50px rgba(0, 0, 0, 0.1) inset;transform: scale(1, 1);z-index: 0;display: flex;flex-flow: row wrap;justify-content: center;align-items: flex-end;align-content: flex-end;}.galleryCategoryBox .gallerySelectorItem:hover,.galleryCategoryBox .gallerySelectorItem:active {flex: 0 1 300px;flex: 0 1 min(300px, 50vw);z-index: 10;}.galleryCategoryBox .gallerySelectorItem.active {flex: 0 1 300px;flex: 0 1 min(300px, 50vw);transform: scale(1, 1.05);z-index: 1;position: relative;}.galleryCategoryBox .gallerySelectorItem > .galleryLabel {flex: 0 1 160px;padding: 0.5rem 0.75rem;background-color: rgba(0, 0, 0, 0.45);color: #eee;text-shadow: 0 0 2px rgba(0, 0, 0, 0.75), 0 0 2px rgba(0, 0, 0, 0.75);transform: translateY(15%);transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out;opacity: 1;}.galleryCategoryBox .gallerySelectorItem.active > .galleryLabel {transform: translateY(-5%);}.galleryCategoryBox .gallerySelectorItem:after {transition: opacity 0.3s ease-in-out;opacity: 0;content: "";display: block;position: absolute;top: 98%;top: calc(100% - 0.5rem);left: 0;right: 0;margin: 0 auto;width: 2rem;height: 2rem;border: 4px solid var(--eopus-green);border-top-width: 0;border-left-width: 0;transform: rotateZ(45deg);pointer-events: none;}.galleryCategoryBox .gallerySelectorItem.active:after {opacity: 1;}.selectableGallery {margin-top: 3rem;transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out, z-index 0.5s linear, margin 0.5s ease-in-out;opacity: 1;transform-origin: 50% 0%;max-height: 12.5rem;z-index: 10;}.selectableGallery:not(.active) {margin-top: 0rem;opacity: 0;max-height: 0;pointer-events: none;z-index: -1;}.heatMapButton {position: fixed;top: 3px;right: 23px;pointer-events: auto;z-index: 100;cursor: pointer;height: auto;font-size: 0.6rem;}.heatMapButton .eo-selectOptions {min-height: 0;}.heatMapButton .eo-inputElement {font-size: 0.75rem;padding: 2px 8px;height: auto;}.heatPositionsBackGround {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0, 127, 255, 0.85);mix-blend-mode: multiply;z-index: 115;pointer-events: none;}.heatPosition {position: absolute;border-radius: 100%;mix-blend-mode: hard-light; z-index: 116;pointer-events: none;border: 1px solid #000;}@media all and (max-width: 1024px) {.heatMapButton {top: 81px;}}.icon-close {display: flex;justify-content: flex-end;align-items: flex-start;align-content: flex-start;}.icon-close > * {cursor: pointer;}.icon-close > .material-icons {font-size: 1.6em;color: rgba(0, 0, 0, 0.7);}.icon-close > .material-icons:hover {color: #f00;}.icon-close > .material-icons:active {color: #f00;}.icon-close.white-green > .material-icons {font-size: 1.6em;color: #fff;}.icon-close.white-green > .material-icons:hover {color: var(--eopus-green);}.icon-close.white-green > .material-icons:active {color: var(--eopus-green-highlight);}body:not(.no-javascript) .use-image-gallery {cursor: zoom-in;}.use-image-gallery {margin-bottom: 0.5em;}.use-image-gallery:not(:empty) {position: relative;margin-bottom: 2em;}.use-image-gallery .source {position: absolute;top: 100%;top: calc(100% - 0.15em);left: 0;right: 0;font-size: 0.8em;text-transform: uppercase;}.imageGalleryWrapper {position: fixed;top: 0;bottom: 0;left: 0;right: 0;transition: opacity 0.3s ease;opacity: 1;background-color: rgb(72, 78, 81);z-index: 200;}.imageGalleryWrapper:not(.show) {opacity: 0;pointer-events: none;}.imageGalleryWrapper .clickToClose {position: absolute;top: 0;right: 0;}.imageGalleryWrapper .arrowLeft,.imageGalleryWrapper .arrowRight {position: absolute;top: 0;bottom: 0;display: flex;align-items: center;align-content: center;pointer-events: none;}.imageGalleryWrapper .arrowLeft {left: 0;}.imageGalleryWrapper .arrowRight {right: 0;}.imageGalleryWrapper .arrowLeft > *,.imageGalleryWrapper .arrowRight > *,.imageGalleryWrapper .clickToClose > * {transition: color 0.2s ease-out;color: #fff;text-shadow: 0 0 2px #000, 0 0 4px #000;font-size: 4em;line-height: 1em;cursor: pointer;pointer-events: auto;width: 120px;height: 120px;max-width: 10vmax;max-height: 10vmax;display: flex;justify-content: center;align-items: center;}.imageGalleryWrapper .arrowLeft > *:hover,.imageGalleryWrapper .arrowRight > *:hover,.imageGalleryWrapper .clickToClose > *:hover,.imageGalleryWrapper .arrowLeft > *:active,.imageGalleryWrapper .arrowRight > *:active,.imageGalleryWrapper .clickToClose > *:active {color: var(--maincolor-3);}.imageGalleryWrapper .arrowLeft,.imageGalleryWrapper .arrowRight,.imageGalleryWrapper .clickToClose {z-index: 1;}.imageGalleryWrapper .imageGallery {}.imageGalleryWrapper .imageGalleryEntry {position: absolute;top: 0;bottom: 0;left: 0;right: 0;transition: opacity 0.5s ease-out;opacity: 0;background-size: contain;background-position: center center;background-repeat: no-repeat;}.imageGalleryWrapper .imageGalleryEntry.fullCover {background-size: cover;}.imageGalleryWrapper .imageGalleryEntry.active {opacity: 1;}.contentBox .listBox {display: flex;flex-flow: column nowrap;align-items: flex-start;align-content: stretch;justify-content: flex-start;width: 100%;max-width: 100%;}.contentBox .listBox > * {flex: 0 1 auto;padding-left: 1em;position: relative;}.contentBox .listBox:not(.symbol-mark) > *:before {position: absolute;left: 0;top: 0.4em;width: 0.15em;height: 0.2em;background-color: var(--maincolor-2);content: "";}.contentBox .listBox.symbol-mark > * {flex: 0 1 auto;padding-left: 2em;position: relative;}.contentBox .listBox.symbol-mark > *:before {position: absolute;left: 0;top: 0.1em;height: 1.1em;width: 1.1em;content: "";background-image: url('../icons/check.svg');background-position: left top;background-size: contain;background-repeat: no-repeat;}.liveChatWidget {position: fixed;right: 30px;top: 17px;z-index: 10;display: flex;flex-flow: row-reverse nowrap;justify-content: flex-start;align-items: flex-end;align-content: flex-end;}@media all and (max-width: 1024px) {.liveChatWidget {}}@media all and (min-width: 1025px) {.is-beta-page .liveChatWidget {top: 60px;}}.liveChatWidget.liveChatOpen {flex-flow: column nowrap;justify-content: flex-start;align-items: stretch;align-content: stretch;}.liveChatWidget > * {box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);}.liveChatWidget:not(.liveChatStatusOffline) > .liveChatHead,.liveChatWidget:not(.liveChatStatusOffline) > .liveChatStatus {cursor: pointer;}.liveChatWidget > .button-closeLiveChat {text-align: center;padding-top: 2px;padding-bottom: 2px;font-size: 1em;}.liveChatWidget > .liveChatHead {order: 1;z-index: 5;border-radius: 1000px;width: 50px;height: 50px;background-size: cover;background-position: center center;}.liveChatWidget > .liveChatStatus {order: 2;background-color: rgb(40, 40, 40);color: #eee;padding: 5px 20px 5px 5px;position: relative;left: 15px;bottom: 17px;}.liveChatWidget > .liveChatOffline {color: rgba(255, 255, 255, 0.75);}.liveChatWidget > .liveChatOnline {color: rgb(148, 193, 30);}.liveChatWidget > .liveChatFrame {order: 2;min-width: 300px;max-width: 80vw;min-height: 400px;max-height: 80vh;}.liveChatWidget.liveChatStatusOffline, .liveChatWidget:not(.liveChatOpen) > .liveChatFrame,.liveChatWidget:not(.liveChatOpen) > .button-closeLiveChat,.liveChatWidget.liveChatOpen > .liveChatHead,.liveChatWidget.liveChatOpen > .liveChatStatus,.liveChatWidget.liveChatStatusOffline > .liveChatFrame,.liveChatWidget.liveChatStatusOffline > .liveChatOnline,.liveChatWidget:not(.liveChatStatusOffline) > .liveChatOffline {display: none;}@media all and (max-width: 512px) {.liveChatWidget.liveChatOpen {left: 0;right: 0;z-index: 150;}.liveChatWidget > .liveChatFrame {max-width: 100%;max-width: 100vw;}}@media all and (max-height: 768px) {.liveChatWidget.liveChatOpen {top: 0;min-height: 100%;min-height: 100vh;height: 100%;height: 100vh;max-height: 100%;max-height: 100vh;z-index: 150;}.liveChatWidget > .liveChatFrame {flex: 0 1 calc(100vh - 100px);flex: 0 1 calc(100% - 100px);min-height: 0;max-height: none;}}.loadingWrapper.relativeToTop {top: 30vh;}.loadingWrapper:not(.relativeToTop) {bottom: 0;top: 0;}.loadingWrapper {position: absolute;left: 0;right: 0;display: flex;justify-content: center;align-items: center;align-content: center;transition: opacity 0.8s ease-in-out 0.3s;opacity: 1;}.loadingWrapper-removingNow {opacity: 0;pointer-events: none;}.loadingWrapper > .loading {flex: 0 1 auto;}.loading {background-image: url('//media.eopus.de/img/loading.svg');background-position: center center;background-size: contain;background-repeat: no-repeat;min-width: 100px;min-height: 100px;}.loading._10{ min-width:10px; min-height:10px; }.loading._20{ min-width:20px; min-height:20px; }.loading._30{ min-width:30px; min-height:30px; }.loading._40{ min-width:40px; min-height:40px; }.loading._50{ min-width:50px; min-height:50px; }.loading._60{ min-width:60px; min-height:60px; }.loading._70{ min-width:70px; min-height:70px; }.loading._80{ min-width:80px; min-height:80px; }.loading._90{ min-width:90px; min-height:90px; }.loading._100 { min-width: 100px; min-height: 100px; }.loading._110 { min-width: 110px; min-height: 110px; }.loading._120 { min-width: 120px; min-height: 120px; }.loading._130 { min-width: 130px; min-height: 130px; }.loading._140 { min-width: 140px; min-height: 140px; }.loading._150 { min-width: 150px; min-height: 150px; }.loading._160 { min-width: 160px; min-height: 160px; }.loading._170 { min-width: 170px; min-height: 170px; }.loading._180 { min-width: 180px; min-height: 180px; }.loading._190 { min-width: 190px; min-height: 190px; }.loading._200 { min-width: 200px; min-height: 200px; }body:not(.fonts-loaded) .material-icons {display: none; opacity: 0; }@font-face {font-family: 'Material Icons';font-style: normal;font-weight: 400;src: url(../behaviour/MaterialIcons-Regular.eot); src: local('Material Icons'), local('MaterialIcons-Regular'), url(../behaviour/MaterialIcons-Regular.woff2) format('woff2'), url(../behaviour/MaterialIcons-Regular.woff) format('woff'), url(../behaviour/MaterialIcons-Regular.ttf) format('truetype');}.material-icons {font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 24px;line-height: 1;letter-spacing: normal;text-transform: none;display: inline-block;white-space: nowrap;word-wrap: normal;direction: ltr;-webkit-font-feature-settings: 'liga';-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;font-feature-settings: 'liga';}.mainWrapper > .mobileBox {transition: left 0.2s ease-out, top 0.6s ease-out;display: none;position: absolute;top: 17px;right: 67px;}.navclosed .mainWrapper > .mobileBox {top: 17px;}.mainWrapper > .mobileBox > .mobileBurger {width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;align-content: center;background-color: var(--maincolor-4);}.mainWrapper > .mobileBox > .mobileBurger.cssBurger {transition: background-color 0.35s ease-out;flex-flow: row wrap;padding: 18px 10px;}.mainWrapper > .mobileBox > .mobileBurger.cssBurger > i {transition: transform 0.35s ease-out, margin 0.35s ease-out 0.35s, border-color 0.35s ease-out 0.35s, border-width 0.25s ease-out 0.25s, opacity 0.35s ease-out 0.35s, flex-basis 0.35s ease-out;flex: 0 1 35%;font-size: 0;line-height: 0;border-bottom: 2px solid #eee;border-color: var(--maincolor-3);}.mainWrapper > .mobileBox > .mobileBurger.cssBurger > i:nth-child(2n-1) {transform-origin: 100% 100%;}.mainWrapper > .mobileBox > .mobileBurger.cssBurger > i:nth-child(2n) {transform-origin: 0% 100%;}body.no-javascript.mobilenavopen .mainWrapper > .mobileBox > .mobileBurger.cssBurger,body:not(.no-javascript):not(.navclosed) .mainWrapper > .mobileBox > .mobileBurger.cssBurger {background-color: var(--maincolor-4);}body.no-javascript.mobilenavopen .mainWrapper > .mobileBox > .mobileBurger.cssBurger > i,body:not(.no-javascript):not(.navclosed) .mainWrapper > .mobileBox > .mobileBurger.cssBurger > i {transition: transform 0.35s ease-out 0.35s, margin 0.35s ease-out, border-color 0.35s ease-out, border-width 0.05s ease-out 0.3s, opacity 0.05s ease-out 0.3s, flex-basis 0.35s ease-out 0.35s;border-color: var(--maincolor-3);display: block;flex-basis: 49.5%; }body.no-javascript.mobilenavopen .mainWrapper > .mobileBox > .mobileBurger.cssBurger > i:nth-child(1),body.no-javascript.mobilenavopen .mainWrapper > .mobileBox > .mobileBurger.cssBurger > i:nth-child(2),body.no-javascript.mobilenavopen .mainWrapper > .mobileBox > .mobileBurger.cssBurger > i:nth-child(5),body.no-javascript.mobilenavopen .mainWrapper > .mobileBox > .mobileBurger.cssBurger > i:nth-child(6),body:not(.no-javascript):not(.navclosed) .mainWrapper > .mobileBox > .mobileBurger.cssBurger > i:nth-child(1),body:not(.no-javascript):not(.navclosed) .mainWrapper > .mobileBox > .mobileBurger.cssBurger > i:nth-child(2),body:not(.no-javascript):not(.navclosed) .mainWrapper > .mobileBox > .mobileBurger.cssBurger > i:nth-child(5),body:not(.no-javascript):not(.navclosed) .mainWrapper > .mobileBox > .mobileBurger.cssBurger > i:nth-child(6) {opacity: 0;}body.no-javascript:not(.mobilenavopen) .cssBurger > i,body:not(.no-javascript).navclosed .cssBurger > i {margin: 3px 0;}body.no-javascript.mobilenavopen .cssBurger > i,body:not(.no-javascript):not(.navclosed) .cssBurger > i {margin: 0 0;}body.no-javascript.mobilenavopen .cssBurger > i:nth-child(2n-1),body:not(.no-javascript):not(.navclosed) .cssBurger > i:nth-child(2n-1) {transform: rotateZ(45deg) translate(4px, 4px);}body.no-javascript.mobilenavopen .cssBurger > i:nth-child(2n),body:not(.no-javascript):not(.navclosed) .cssBurger > i:nth-child(2n) {transform: rotateZ(-45deg) translate(-4px, 4px);}body.no-javascript.mobilenavopen .mainWrapper > .mobileBox > .mobileBurger.cssBurger > i:nth-child(3),body:not(.no-javascript):not(.navclosed) .mainWrapper > .mobileBox > .mobileBurger.cssBurger > i:nth-child(3) {transform: rotateZ(45deg) translate(4.6px, 4.6px) scale(1.1, 2);}body.no-javascript.mobilenavopen .mainWrapper > .mobileBox > .mobileBurger.cssBurger > i:nth-child(4),body:not(.no-javascript):not(.navclosed) .mainWrapper > .mobileBox > .mobileBurger.cssBurger > i:nth-child(4) {transform: rotateZ(-45deg) translate(-4.6px, 4.6px) scale(1.1, 2);}.mainWrapper > .mobileBox > .mobileBurger {transition: opacity 0.2s ease-out;font-size: 3em;cursor: pointer;position: absolute;left: 0px;top: 0px;}@media all and (max-width: 1024px) {body .mainWrapper > .logoBoxWrapper {transition: left 0.3s ease-out, opacity 0.3s ease-out;opacity: 1;}body .mainWrapper > .navBoxWrapper {}body .mainWrapper > .logoBoxWrapper,body .mainWrapper > .navBoxWrapper {max-width: 100%;}body .mainWrapper > .logoBoxWrapper .menuBarArrow {display: none;}body:not(.no-javascript).navclosed .mainWrapper > .logoBoxWrapper {left: -100vw;opacity: 0;}body:not(.no-javascript).navclosed .mainWrapper > .navBoxWrapper {left: -100vw;opacity: 0;}body .mainWrapper > .navBoxWrapper {flex: 1 1 auto;position: fixed;top: 0;left: 0;bottom: 0;width: 300px;}body .mainWrapper > .mobileBox {z-index: 120;display: block;}}@media all and (max-width: 768px) {}@media all and (max-width: 512px) {.navBoxWrapper > .alignTop {justify-content: center;}.mwinRapper .navBoxWrapper > .alignTop > .menuEntries {flex: 0 1 auto;display: block;}.mwinRapper .navBoxWrapper > .alignTop > .menuEntries > .menuEntry {}body .mainWrapper > .logoBoxWrapper {width: 100%;}body .mainWrapper > .navBoxWrapper {border-right: none;width: 100%;}.menuEntry .label {font-size: 1.3em;}body nav.menuEntries > a.menuEntry > .label {font-size: 4vmin;text-align: center;}}@media all and (max-width: 384px) {body nav.menuEntries > a.menuEntry > .label {font-size: 5vmin;padding-left: 0;padding-right: 0;word-wrap: break-word;word-break: break-all;overflow-wrap: break-word;}}.mainWrapper > .navBoxWrapper {transition: border-color 0.7s ease-out, margin-left 0.3s ease-out, opacity 0.3s ease-out;flex: 0 0 300px;z-index: 104;background-color: var(--maincolor-2);max-height: 100vh;display: flex;align-items: stretch;align-content: stretch;overflow-x: hidden;overflow-y: auto;position: relative;margin-left: 0px;opacity: 1;color: #fff;}body {--menuwidth: 0px;}@media all and (min-width: 1025px) {body:not(.navclosed) {--menuwidth: 300px;}}.navclosed .mainWrapper > .navBoxWrapper {border-color: transparent;margin-left: -300px;overflow: hidden;}.mainWrapper .navBox {flex: 1 0 100%;padding-top: 200px;min-height: 100%;display: flex;flex-flow: row wrap;align-items: flex-start;align-content: stretch;}.mainWrapper .navBox > * {flex: 1 1 100%;max-width: 100vw;}.mainWrapper .navBox,.mainWrapper .navBox-slimScroll {z-index: 5;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}.mainWrapper .navBoxWrapper .slimScrollBar {transition: opacity 0.3s ease-out;opacity: 0.4;}.mainWrapper .navBoxWrapper:hover .slimScrollBar {opacity: 1;}.navBoxWrapper .slimScrollBar .hover-1,.navBoxWrapper .slimScrollBar .hover-2 {transition: opacity 0.9s ease-out, left 0.4s ease-out;pointer-events: none;position: absolute;font-size: 0;line-height: 0;opacity: 1;}.navBoxWrapper .slimScrollBar .menuEntry.mobile-hover .hover-1,.navBoxWrapper .slimScrollBar .menuEntry.mobile-hover .hover-2,.navBoxWrapper .slimScrollBar .menuEntry:hover .hover-1,.navBoxWrapper .slimScrollBar .menuEntry:hover .hover-2 {transition: opacity 0.7s ease-out, left 0.4s ease-out;opacity: 1;}.navBoxWrapper .slimScrollBar .hover-1 {right: 0;top: 0;bottom: 0;display: none;}.navBoxWrapper .slimScrollBar .hover-1 > i {position: absolute;right: 0;top: 50%;box-shadow: 20vh 0 30vh 15vh var(--maincolor-3-alpha30), 20vh 0 20vh 10vh var(--maincolor-3-alpha30);transform-origin: 50% 50%;transform: scale(0.1, 1.25);}.navBoxWrapper .slimScrollBar .hover-2 {right: 0;top: 0;bottom: 0;width: 4px;overflow: hidden;background-color: var(--maincolor-3-alpha80);}.navBoxWrapper .slimScrollBar .hover-2 > i {display: block;position: absolute;right: 0;top: 50%;}.mainWrapper .navBox .alignTop {align-self: stretch;display: flex;flex-wrap: wrap;align-items: flex-start;align-content: stretch; position: relative;color: #eee;background-color: var(--maincolor-2);}.mainWrapper .navBox .alignTop > * {flex: 1 1 100%;}.mainWrapper .navBox .alignTop > *:last-child {margin-bottom: 50px;}.mainWrapper .navBox .alignMiddle {align-self: stretch;background-color: var(--maincolor-2);height: 70px;}.mainWrapper .navBox .alignBottom {align-self: stretch;display: flex;align-items: stretch;align-content: stretch;width: 145vw;max-width: 1024px;}.mainWrapper .navBox .alignBottom-rotate {flex: 1 1 100%;transform: rotateZ(-7deg);background-color: rgb(23, 33, 35);background-color: var(--maincolor-1);margin: -50px -130px;display: flex;align-items: stretch;align-content: stretch;}.mainWrapper .navBox .alignBottom-unrotate {transform: rotateZ(7deg);margin: 50px 130px;}.mainWrapper .navBoxWrapper .bottomFillBG {position: absolute;left: 0;right: 0;bottom: 0;height: 200px;background-color: var(--maincolor-1);}.navBox nav.menuEntries {font-family: 'Roboto', sans-serif;display: flex;flex-wrap: wrap;align-items: stretch;align-content: flex-start;justify-content: flex-start;font-size: 0.9em;}.navBox .title {flex: 0 1 100%;font-weight: 400;opacity: 0.75;color: #eee;margin-bottom: 1em;}.navBox .title > div {text-transform: uppercase;}.navBox .iconBoxWrapper {align-self: flex-end;margin-left: var(--left-spacing);display: flex;margin-bottom: 30px;}.navBox .iconBox {flex: 0 1 calc(100% - 40px);display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: stretch;align-content: flex-start;}nav.menuEntries > a.menuEntry {transition: background-color 0.4s ease-out;flex: 1 1 100%;font-weight: 300;letter-spacing: 0.5px;padding: 1.102em 0 0 0;color: #eee;text-decoration: none;font-size: 1.33em;display: flex;justify-content: space-between;align-items: center;align-content: stretch;cursor: pointer;position: relative;overflow: hidden;}nav.menuEntries > a.menuEntry > .label,nav.menuEntries > a.menuEntry > .symbol {transition: color 0.2s ease-out, font-size 0.4s ease-out, left 0.4s ease-out, transform 0.4s ease-out;}.subMenuWrapper .subMenuEntry > .label,nav.menuEntries > a.menuEntry > .label {flex: 1 1 90%;color: #ddd;position: relative;left: 0;padding: 4px 30px 4px 50px;padding-left: var(--left-spacing);margin-right: -34px;backface-visibility: hidden;}.subMenuWrapper .subMenuEntry > .symbol,nav.menuEntries > a.menuEntry > .symbol {visibility: hidden;position: absolute;top: 0;bottom: 0;right: 0;font-size: 1.75em;color: rgba(255, 255, 255, 0.1);position: relative;left: 0;margin: -3px 0;}nav.menuEntries > a.menuEntry.active > .label {font-weight: 400;background-color: var(--maincolor-1);}nav.menuEntries .hover-1,nav.menuEntries .hover-2 {transition: opacity 0.9s ease-out, left 0.4s ease-out;pointer-events: none;position: absolute;font-size: 0;line-height: 0;opacity: 0;left: 0;}nav.menuEntries .menuEntry.mobile-hover .hover-1,nav.menuEntries .menuEntry.mobile-hover .hover-2,nav.menuEntries .menuEntry:hover .hover-1,nav.menuEntries .menuEntry:hover .hover-2 {transition: opacity 0.7s ease-out, left 0.4s ease-out;opacity: 1;left: 0;}nav.menuEntries .hover-1 {right: 0;top: 0;bottom: 0;}nav.menuEntries .hover-1 > i {position: absolute;bottom: 0;left: 12%;box-shadow: 0 20px 80px 40px var(--maincolor-3-alpha30), 0 20px 50px 30px var(--maincolor-3-alpha30);transform-origin: 50% 50%;transform: scale(1.25, 0.4);}nav.menuEntries .hover-2 {right: 0;bottom: 0;height: 2px;overflow: hidden;}nav.menuEntries .hover-2 > i {display: block;position: absolute;bottom: 0;left: 12%;box-shadow: 0 0 150px 45px var(--maincolor-3), 0 0 100px 45px var(--maincolor-3), 0 0 50px 45px var(--maincolor-3);}@media all and (max-width: 768px) {nav.menuEntries .hover-1 > i,nav.menuEntries .hover-2 > i {left: 20%;}}@media all and (max-width: 512px) {nav.menuEntries .hover-1 > i,nav.menuEntries .hover-2 > i {left: 53%;}}.subMenuWrapper {z-index: 10;}.subMenuWrapper .subMenu {display: none;flex-direction: column;align-items: stretch;justify-content: flex-start;position: fixed;top: 0;left: 0;background-color: var(--anthrazit-1);width: 200px;padding: 6px 0;}.subMenuWrapper .subMenu.active {display: flex;}.subMenu > .subMenuEntry {flex: 0 0 auto;transition: background-color 0.4s ease-out, color 0.2s ease-out;padding: 10px 16px;text-decoration: none;color: #fff;font-weight: 200;}.subMenu > .subMenuEntry .label {transition: color 0.2s ease-out, font-size 0.4s ease-out, left 0.4s ease-out, transform 0.4s ease-out;left: 0;}.subMenu > .subMenuEntry .symbol {display: none;}.subMenu > .subMenuEntry:not(:last-child) {border-bottom: 1px solid rgba(255, 255, 255, 0.06);}.subMenu > .subMenuEntry:hover {background-color: rgba(0, 0, 0, 0.4);}.subMenu > .subMenuEntry:active {background-color: rgba(0, 0, 0, 0.65);}.subMenu > .subMenuEntry:hover > .label {color: var(--eopus-green-highlight);}.subMenu > .subMenuEntry:active > .label {color: var(--eopus-green);}.mainWrapper .logoBoxWrapper {transition: width 0.4s ease-out;position: fixed;top: 0;left: 0;width: 300px;overflow: hidden;display: flex;align-items: stretch;align-content: stretch;z-index: 105;pointer-events: none;}.mainWrapper .logoBoxWrapper-rotate {transition: border-color 0.2s ease-out;flex: 1 1 100%;display: flex;align-items: stretch;align-content: stretch;transform: rotateZ(-7deg);background-color: rgb(23, 33, 35);background-color: var(--maincolor-1); margin: -50px -30px 40px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);}.navclosed .mainWrapper .logoBoxWrapper {width: 230px;}.navclosed .mainWrapper .logoBoxWrapper-rotate {box-shadow: 0 5px 20px transparent;}.mainWrapper .logoBoxWrapper-unrotate {flex: 1 1 100%;transition: margin-top 0.2s ease-out, margin-bottom 0.2s ease-out;transform: rotateZ(7deg);margin: 95px 30px 45px;display: flex;justify-content: space-between;align-items: center;align-content: center;}.navclosed .logoBoxWrapper .logoBoxWrapper-rotate {border-color: transparent;}.navclosed .logoBoxWrapper .logoBoxWrapper-unrotate {margin-top: 70px;margin-bottom: 25px;}.logoBoxWrapper .logoBoxWrapper-unrotate > * {pointer-events: auto;}.mainWrapper .logoBoxWrapper .logoBox {transition: transform 0.4s ease-out;flex: 0 1 170px;background-image: url('//media.eopus.de/img/logo-600x200.png');background-image: url('//media.eopus.de/img/logo.svg');background-repeat: no-repeat;background-position: center center; background-size: contain;height: 45px; margin-left: var(--left-spacing);position: relative;left: -14px; }.mainWrapper .logoBoxWrapper .logoBox:hover {transform: scale(1.1, 1.1);}.subMenuWrapper .subMenu .logoBoxWrapper {display: none;}.mainWrapper .logoBoxWrapper .menuBarArrow {transition: color 0.2s ease-out, text-shadow 0.2s ease-out;flex: 0 0 auto;align-self: flex-end;color: var(--maincolor-3);cursor: pointer;}.mainWrapper .logoBoxWrapper .menuBarArrow .svgicon-caret {width: 43px;height: 43px;text-shadow: 0 0 30px #f0f;box-shadow: 0 0 30px #ff0 inset, 0 0 30px #f0f;}.navclosed .mainWrapper .logoBoxWrapper .menuBarArrow {text-shadow: none;}.mainWrapper .logoBoxWrapper .menuBarArrow:hover {text-shadow: 0 0 10px var(--maincolor-3-alpha60);}.mainWrapper .logoBoxWrapper .menuBarArrow .material-icons {transition: transform 0.3s ease-out;font-size: 3em;line-height: 1em;margin: 0 18px 0 0;position: relative;top: 5px;transform-origin: 50% 50%;transform: rotateZ(-90deg);}.navclosed .mainWrapper .logoBoxWrapper .menuBarArrow .material-icons {transform: rotateZ(0deg);}@media all and (max-width: 1024px) {.no-javascript:not(.mobilenavopen) .logoBoxWrapper,.no-javascript:not(.mobilenavopen) .navBoxWrapper {display: none;}}@media all and (min-width: 1921px) {.mainWrapper > .navBoxWrapper {flex: 0 0 15vw;}body:not(.navclosed) {--menuwidth: 15vw;}.navclosed .mainWrapper > .navBoxWrapper {margin-left: -15vw;}.mainWrapper .logoBoxWrapper {width: 15vw;}}@media all and (max-width: 512px) {nav.menuEntries > a.menuEntry > .label {padding-left: 0;}}.newsPopupWrapper {position: absolute;right: 0;top: 0;bottom: 0;pointer-events: none;z-index: 10;display: flex;align-items: flex-start;align-content: flex-start;}.newsPopupWrapper:not(.init) {display: none;}.newsPopupWrapper .newsPopup {transition: transform 0.7s ease-in-out, border-color 0.7s ease, box-shadow 0.7s ease;position: relative;top: 0px;background-color: rgb(224, 230, 233);background-color: var(--white-4);box-shadow: none;border: 1px solid transparent;color: #fff;pointer-events: auto;padding: 20px 25px;transform: translateX(100%);max-width: 430px;text-align: center;}.newsPopupWrapper.active .newsPopup {transform: translateX(1px);}.newsPopupWrapper.is-hidden {display: none;visibility: hidden;}.newsPopupWrapper.scrolledDown .newsPopup {border-color: rgba(0, 0, 0, 0.06);}.newsPopupWrapper .closeButton {position: absolute;top: 5px;right: 5px;color: #000;cursor: pointer;}.newsPopupWrapper .closeButton:hover {color: rgb(148, 193, 30);}.newsPopupWrapper .titleSegment,.newsPopupWrapper .textSegment {color: #111;font-size: 1.15em;text-wrap: balance;}.newsPopupWrapper .titleSegment {margin-bottom: 1.1em;font-size: 1.2em;font-weight: normal;}.newsPopupWrapper .textSegment + .textSegment {margin-top: 0.6em;}.newsPopupWrapper .findOutMore {margin-top: 1.5em;}.newsPopupWrapper .area30-stand {font-weight: normal;color: rgb(148, 193, 30);}.otherPlatform-icon {transition: background-color 0.2s ease-out 0.07s;background-color: rgba(0, 0, 0, 0.4);margin: 0 5px 5px 0;min-width: 30px;min-height: 30px;display: flex;justify-content: center;align-items: center;align-content: center;border-radius: 100%;color: #fff;text-decoration: none;}.otherPlatform-icon i {font-size: 0.9rem;line-height: 0.5em;}.otherPlatform-icon.default:hover,.otherPlatform-icon.default:active {transition: background-color 0.2s ease-out;background-color: var(--maincolor-3);color: #fff;}.owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent;position: relative;z-index: 1; }.owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;touch-action: manipulation;-moz-backface-visibility: hidden; }.owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; }.owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0px, 0px, 0px); }.owl-carousel .owl-wrapper,.owl-carousel .owl-item {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); }.owl-carousel .owl-item {position: relative;min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none; }.owl-carousel .owl-item img {display: block;width: 100%; }.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled {display: none; }.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot {cursor: pointer;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot { }.owl-carousel.owl-loaded {display: block; }.owl-carousel.owl-loading {opacity: 0;display: block; }.owl-carousel.owl-hidden {opacity: 0; }.owl-carousel.owl-refresh .owl-item {visibility: hidden; }.owl-carousel.owl-drag .owl-item {-ms-touch-action: pan-y;touch-action: pan-y;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }.owl-carousel.owl-grab {cursor: move;cursor: grab; }.owl-carousel.owl-rtl {direction: rtl; }.owl-carousel.owl-rtl .owl-item {float: right; }.no-js .owl-carousel {display: block; }.owl-carousel .animated {animation-duration: 1000ms;animation-fill-mode: both; }.owl-carousel .owl-animated-in {z-index: 0; }.owl-carousel .owl-animated-out {z-index: 1; }.owl-carousel .fadeOut {animation-name: fadeOut; }@keyframes fadeOut {0% {opacity: 1; }100% {opacity: 0; } }.owl-height {transition: height 500ms ease-in-out; }.owl-carousel .owl-item { }.owl-carousel .owl-item .owl-lazy {opacity: 0;transition: opacity 400ms ease; }.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {max-height: 0; }.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d; }.owl-carousel .owl-video-wrapper {position: relative;height: 100%;background: #000; }.owl-carousel .owl-video-play-icon {position: absolute;height: 80px;width: 80px;left: 50%;top: 50%;margin-left: -40px;margin-top: -40px;background: url("owl.video.play.png") no-repeat;cursor: pointer;z-index: 1;-webkit-backface-visibility: hidden;transition: transform 100ms ease; }.owl-carousel .owl-video-play-icon:hover {-ms-transform: scale(1.3, 1.3);transform: scale(1.3, 1.3); }.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {display: none; }.owl-carousel .owl-video-tn {opacity: 0;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: contain;transition: opacity 400ms ease; }.owl-carousel .owl-video-frame {position: relative;z-index: 1;height: 100%;width: 100%; }.owl-theme-eopus .owl-nav .disabled {opacity: 0.5;cursor: default;}.owl-theme-eopus .owl-nav.disabled + .owl-dots {margin-top: 10px;}.owl-theme-eopus .owl-dots {text-align: center;-webkit-tap-highlight-color: transparent;}.owl-theme-eopus .owl-dots .owl-dot {display: inline-block;zoom: 1;*display: inline;}.owl-theme-eopus .owl-dot,.owl-theme-eopus .owl-prev,.owl-theme-eopus .owl-next {transition: background-color 0.2s ease-out;border: none;outline: none;background-color: var(--maincolor-2);}.owl-theme-eopus .owl-dot:hover,.owl-theme-eopus .owl-prev:hover,.owl-theme-eopus .owl-next:hover,.owl-theme-eopus .owl-dot:active,.owl-theme-eopus .owl-prev:active,.owl-theme-eopus .owl-next:active {background-color: var(--maincolor-1);}.owl-theme-eopus .owl-item {overflow: hidden;}.owl-theme-eopus .owl-nav {position: absolute;top: 0;height: inherit;left: 0;right: 0;pointer-events: none;display: flex;justify-content: space-between;align-items: center;}.owl-theme-eopus .owl-prev,.owl-theme-eopus .owl-next {pointer-events: auto;padding: 20px 5px;border: none;}.owl-theme-eopus .owl-arrowLeft,.owl-theme-eopus .owl-arrowRight {background-image: url('../icons/caret.svg');background-size: contain;background-position: center center;background-repeat: no-repeat;width: 25px;height: 25px;transform-origin: 50% 50%;}.owl-theme-eopus .owl-arrowLeft {transform: rotateZ(90deg);}.owl-theme-eopus .owl-arrowRight {transform: rotateZ(-90deg);}.owl-theme-eopus .owl-dots {margin-top: 10px;}.owl-theme-eopus .owl-dot {border: none;margin: 4px;width: 20px;height: 20px;}.owl-theme-eopus .owl-dot > * {display: none;}.owl-theme-eopus .owl-dot.active {background-color: var(--maincolor-3);}.owl-theme-eopus,.owl-theme-eopus .owl-stage-outer,.owl-theme-eopus .owl-stage,.owl-theme-eopus .owl-item,.owl-theme-eopus .owl-item > * {height: inherit;}.owl-theme-eopus .owl-item > * {width: inherit;}.owl-theme-eopus .owl-stage-outer {overflow: hidden;}.owl-theme-eopus .owl-dots {position: relative;z-index: 5;}.owl-theme-eopus.owl-dots-inside {}.owl-theme-eopus.owl-dots-inside .owl-dots {position: absolute;left: 0;right: 0;bottom: 0;}ul.r-list-1 {list-style-type: none;}ul.r-list-1 > li:not(:last-child) {margin-bottom: 0.5rem;}ul.r-list-1 > li {font-size: 0.9em;margin-left: 1.5rem;position: relative;}ul.r-list-1 > li.is-positive:before,ul.r-list-1 > li.is-negative:before {position: absolute;top: 0;bottom: 0;right: 102%;right: calc(100% + 0.5rem);width: 1.5rem;text-align: center;font-weight: bold;}ul.r-list-1 > li.is-positive:before {content: ">";color: #090;}ul.r-list-1 > li.is-negative:before {content: "!";color: #e00;}.yes-javascript .r-flexTable:not(.initialized) {opacity: 0;}.r-flexTable {}.r-flexTable > * {display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: stretch;align-content: flex-start;margin: 0;}.r-flexTable > *:not(:last-child) {margin-bottom: 12px;}.r-flexTable > * > * {flex: 0 1 auto;margin: 0 10px 2px 0;}.scrollbarStyle-1 {--scrollbar-size: 10px;--scrollbar-foreground: rgb(120, 156, 24);--scrollbar-foreground-highlight: rgb(148, 193, 30);--scrollbar-background: #222;scrollbar-color: var(--scrollbar-foreground) var(--scrollbar-background);scrollbar-width: var(--scrollbar-size);}.scrollbarStyle-1::-webkit-scrollbar {width: var(--scrollbar-size);height: var(--scrollbar-size);}.scrollbarStyle-1::-webkit-scrollbar-thumb {background-color: var(--scrollbar-foreground);box-shadow: 0 0 calc(var(--scrollbar-size) * 0.6) rgba(0, 0, 0, 0.3) inset;border-radius: var(--scrollbar-size);}.scrollbarStyle-1::-webkit-scrollbar-thumb:hover {background-color: var(--scrollbar-foreground-highlight);}.scrollbarStyle-1::-webkit-scrollbar-track {background: var(--scrollbar-background);border-radius: var(--scrollbar-size);box-shadow: 0 0 calc(var(--scrollbar-size) * 0.6) rgba(0, 0, 0, 0.3) inset;}.scrollbarStyle-1::-webkit-scrollbar-corner {background: var(--scrollbar-background);}.contentBox > .content {scrollbar-color: rgba(148, 193, 30, 0.75) rgb(27, 29, 30);}.scrollToTopWrapper {transition: opacity 1s ease;opacity: 0;pointer-events: none;position: fixed;bottom: 15px;right: 35px;z-index: 1;}.scrollToTopWrapper.active {opacity: 1;pointer-events: auto;}.scrollToTopWrapper .scrollToTop {transition: background-color 0.2s ease-out;width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;align-content: stretch;background-color: rgba(0, 0, 0, 0.8);cursor: pointer;transform: rotateZ(90deg);}.scrollToTopWrapper .scrollToTop .material-icons {color: #fff;font-size: 2.5em;}.scrollToTopWrapper .scrollToTop:hover {background-color: var(--eopus-green); }.scrollToTopWrapper .scrollToTop:active {background-color: var(--eopus-green);}.page-section-apis .newApiProductAnchor,.page-section-apis .apiProductTemplates {display: none;}.page-section-apis {--transition-delay: 400ms;--transition-delay-slow: 800ms;}.page-section-apis > .title {text-align: center;}.page-section-apis .apiCategoryButtons {display: flex;flex-flow: row wrap;justify-content: center;align-items: center;align-content: flex-start;gap: 1.5rem;}.page-section-apis .apiCategoryButtons > * {flex: 0 1 auto;}.page-section-apis .apiProductSelectionBox {display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: stretch;align-content: flex-start;}.page-section-apis .apiProductSelectionBox > .arrowButton {flex: 0 0 5rem;align-self: center;}.page-section-apis .apiProductSelectionBox > .currentApiProduct {flex: 1 1 auto;}.page-section-apis .currentApiProduct {margin: 3rem 0;display: grid;grid-template-columns: auto 1fr;grid-template-rows: auto 1fr;transition: opacity var(--transition-delay-slow) ease-in;opacity: 1;}.page-section-apis .currentApiProduct.is-new {opacity: 0;}.page-section-apis .currentApiProduct.is-fading-out {transition: opacity var(--transition-delay) ease-out;opacity: 0;}.page-section-apis .currentApiProduct > .productImage {grid-column: 1 / span 1;grid-row: 1 / span 2;min-width: 20rem;aspect-ratio: 576 / 448;min-height: 5rem; background-repeat: no-repeat;background-size: contain;background-position: 0% 0%;}.page-section-apis .currentApiProduct > .logoImage {grid-column: 2 / span 1;grid-row: 1 / span 1;height: 5rem;background-repeat: no-repeat;background-size: contain;background-position: 100% 0%;}.page-section-apis .currentApiProduct > .productText {grid-column: 2 / span 1;grid-row: 2 / span 1;padding-top: 1rem;padding-left: 1.5rem;}.page-section-apis .currentApiProduct[data-product="graebert"] > .logoImage {background-size: auto 120%;}.page-section-apis .apiProductsTimer {margin: 2rem auto 0;width: 10rem;display: block;position: relative;background-color: rgba(0, 0, 0, 0.1);height: 1px;--interpolation-time: 100ms;}.page-section-apis .apiProductsTimer .timerBar {transition: width var(--interpolation-time) linear;display: block;position: absolute;top: 0;bottom: 0;left: 0;width: 0%;background-color: var(--maincolor-3);}@media all and (max-width: 1600px) {.page-section-apis .currentApiProduct > .logoImage {height: 3rem;}.page-section-apis .currentApiProduct > .productImage {min-width: 10rem;}}@media all and (max-width: 1400px) {.page-section-apis .currentApiProduct {display: block;}.page-section-apis .currentApiProduct > .productImage,.page-section-apis .currentApiProduct > .logoImage {background-position: 50% 0%;}.page-section-apis .currentApiProduct > .logoImage {height: 5rem;margin: 2rem 0;}.page-section-apis .currentApiProduct > .productImage {margin-bottom: 1rem;min-height: 12rem;aspect-ratio: auto;}.page-section-apis .currentApiProduct > .productText {padding: 0;text-align: center;}}.page-section-apis-contact .apiContactText {font-weight: 300;font-size: 1.25rem;margin-bottom: 2rem;}.page-section-apis-contact .apiContactText,.page-section-apis-contact .apiContactButtonWrapper {text-align: center;}.page-section-apis-contact .button-apiContact {background-color: var(--anthrazit-3);}.children-space-bottom > *,.space-bottom {margin-bottom: 50px;}.children-space-right > *,.space-right {margin-right: 50px;}.children-space-left > *,.space-left {margin-left: 50px;}.children-space-top > *,.space-top {margin-top: 50px;}.stars {display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: center;align-content: flex-start;}.stars > * {width: 1em;height: 1em;position: relative;}.stars > *:before,.stars > *:after {position: absolute;inset: 0;background-color: currentColor;}.stars > *:before {clip-path: polygon(50% 0%, 63% 38%, 100% 38%, 69% 59%, 82% 100%, 50% 75%, 18% 100%, 31% 59%, 0% 38%, 37% 38%);-webkit-clip-path: polygon(50% 0%, 63% 38%, 100% 38%, 69% 59%, 82% 100%, 50% 75%, 18% 100%, 31% 59%, 0% 38%, 37% 38%);}.stars > .full:before {content: "";}.stars > .half:before {content: "";clip-path: polygon(50% 0%, 50% 75%, 18% 100%, 31% 59%, 0% 38%, 37% 38%);-webkit-clip-path: polygon(50% 0%, 50% 75%, 18% 100%, 31% 59%, 0% 38%, 37% 38%);}.stars > .half:after {content: "";clip-path: polygon(50% 0%, 63% 38%, 100% 38%, 69% 59%, 82% 100%, 50% 75%);-webkit-clip-path: polygon(50% 0%, 63% 38%, 100% 38%, 69% 59%, 82% 100%, 50% 75%);opacity: 0.33;}.stars > .empty:before {content: "";opacity: 0.33;}.tabBox {}.tabBox .tab-content:not(.tab-content-active) {display: none;}.tabBox .tab-list {}.tabBox .tab-list .tab-button {cursor: pointer;}.tabBox .tab-list .tab-button-selected {}.section-title {font-size: 1.45em;}.entry-title {font-size: 1.20em;}.overlay-title {position: relative;z-index: 1;}.overlay-title:after {content: " ";position: absolute;bottom: 2px;left: -0.25em;right: -0.75em;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}.overlay-title:before {content: " ";position: absolute;bottom: 0px;left: 0.35em;right: -2.00em;border-bottom: 1px solid rgba(255, 255, 255, 0.04);}body:not(.no-javascript) .use-video-viewer {cursor: pointer;}.use-video-viewer {margin-bottom: 0.5em;}.use-video-viewer:not(:empty) {position: relative;margin-bottom: 2em;}.videoViewerWrapper {position: fixed;top: 0;bottom: 0;left: 0;right: 0;transition: opacity 0.3s ease;opacity: 1;background-color: rgb(72, 78, 81);z-index: 200;}.videoViewerWrapper:not(.show) {opacity: 0;pointer-events: none;}.videoViewerWrapper .clickToClose {position: absolute;top: 0;right: 0;}.videoViewerWrapper .clickToClose > * {transition: color 0.2s ease-out;color: #fff;text-shadow: 0 0 2px #000, 0 0 4px #000;font-size: 4em;line-height: 1em;cursor: pointer;pointer-events: auto;width: 120px;height: 120px;max-width: 10vmax;max-height: 10vmax;display: flex;justify-content: center;align-items: center;}.videoViewerWrapper .clickToClose > *:hover,.videoViewerWrapper .clickToClose > *:active {color: var(--maincolor-3);}.videoViewerWrapper .clickToClose {z-index: 1;}.videoViewerWrapper .video-viewer-video {}video.noControls {pointer-events: none;}video.noControls::-webkit-slider-thumb,video.noControls::-webkit-media-controls,video.noControls::-webkit-media-controls-enclosure,video.noControls::-webkit-media-controls-start-playback-button,video.noControls::-moz-range-track,video.noControls::-moz-range-thumb {display: none;}