@CHARSET "UTF-8";
/* variables                  [18] */ 
/* nouislider               [4927] */ /*! nouislider - 13.1.0 - 2/8/2019 */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; -ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; } .noUi-connects { overflow: hidden; z-index: 0; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; } html:not([dir="rtl"]) .noUi-horizontal .noUi-origin { left: auto; right: 0; } .noUi-vertical .noUi-origin { width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { position: absolute; } .noUi-touch-area { height: 100%; width: 100%; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform 0.3s; transition: transform 0.3s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } html:not([dir="rtl"]) .noUi-horizontal .noUi-handle { right: -17px; left: auto; } .noUi-target { background: #FAFAFA; border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; } .noUi-connects { border-radius: 3px; } .noUi-connect { background: #3FB8AF; } .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } [disabled] .noUi-connect { background: #B8B8B8; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; } .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; -ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; } .noUi-pips { position: absolute; color: #999; } .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } .noUi-marker { position: absolute; background: #CCC; } .noUi-marker-sub { background: #AAA; } .noUi-marker-large { background: #AAA; } .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); -webkit-transform:translate(-50%, 50%);-ms-transform:translate(-50%, 50%);transform:translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); -webkit-transform:translate(50%, 50%);-ms-transform:translate(50%, 50%);transform:translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate(0, -50%); -webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0, 50%); -webkit-transform:translate(0, 50%);-ms-transform:translate(0, 50%);transform:translate(0, 50%); } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap; } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); -webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); -webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%); top: 50%; right: 120%; } 
/* configuratorlayout      [10901] */ html, body{ padding: 0!important; overflow: hidden!important; } #dlx-configurator::before{ opacity: 0; visibility: hidden; z-index: 50; transition: all .5s; background: #fff url(../images/loading.gif) center center no-repeat; content: ""; position: fixed; top: 0; right: 0; left: 0; bottom: 0; } main {opacity:1;transition: opacity 0.5s linear 0.25s;} #dlx-configurator.loading-page::before { opacity: 1; visibility: visible; } #dlx-configurator.loading-page main {opacity:0;} #dlx-configurator { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; flex-direction: column; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; cursor: default; } #dlx-configurator .section-infobox-center,#dlx-configurator .section-infobox-bottom { display: none; } #dlx-configurator .dlx-conf-page { max-width: 1440px; margin: 0 auto; position: relative; padding: 0 1rem; width: 100%; } #dlx-configurator .dlx-conf-page.is-narrow { max-width: 62em; } #dlx-configurator .dlx-conf-page:not(.no-flex):not(.flex-l) { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; align-items: center; } #dlx-configurator > header { flex-shrink: 0; background: rgb(218, 225, 227); padding: .625rem 0; width: 100%; } #dlx-configurator > header .dlx-conf-page { justify-content: center; } #dlx-configurator > header .dlx-conf-websitelink { display: inline-flex; width: 160px; } #dlx-configurator > header .dlx-conf-websitelink img { height: 26px; width: 160px; } #dlx-configurator > header .dlx-conf-title { font-size: 1rem; margin: 0; margin-left: 1em; color: rgb(51, 51, 51); font-family: 'Inter UI'; text-align: center; font-weight: 400; } #dlx-configurator > nav { border-bottom: 3px solid rgb(231, 234, 235); flex-shrink: 0; background: rgb(218, 225, 227); width: 100%; color: rgb(153, 153, 153); } #dlx-configurator > nav a,#dlx-configurator > nav a:hover { color: rgb(153, 153, 153); } #dlx-configurator > nav i::before { vertical-align: text-bottom!important; } #dlx-configurator > nav .dlx-conf-navigation-item,#dlx-configurator > nav .dlx-conf-nav { font-size: 14px!important; margin: 0!important; padding: 0; } #dlx-configurator > nav .dlx-conf-navigation-item { flex-shrink: 1; } #dlx-configurator > nav .dlx-conf-navigation-item a { display: inline-block; } #dlx-configurator > nav .dlx-conf-navigation-item .dlx-conf-navigate-summary { display: none; } #dlx-configurator > nav .dlx-conf-nav { margin: 0 1rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; flex-wrap: nowrap; justify-content: center; flex-grow: 1; } #dlx-configurator > nav .dlx-conf-nav .dlx-conf-nav-item { font-size: 15px; cursor: default; padding: .5em; color: rgb(153, 153, 153); display: none; } #dlx-configurator > nav .dlx-conf-nav .dlx-conf-nav-item.prev { opacity: .5; } #dlx-configurator > nav .dlx-conf-nav .dlx-conf-nav-item.current i { display: none; } #dlx-configurator > nav .dlx-conf-nav .dlx-conf-nav-item.available:not(.current) { cursor: pointer; color: rgb(25, 25, 25); } #dlx-configurator > nav .dlx-conf-nav a.dlx-conf-nav-item.available:hover,#dlx-configurator > nav .dlx-conf-nav .dlx-conf-nav-item.current,#dlx-configurator > nav .dlx-conf-nav .dlx-conf-nav-item.prev { position: relative; color: rgb(25, 25, 25); display: inline; } #dlx-configurator > main { flex-grow: 1; width: 100%; background: #fff; overflow: auto; position: relative; } #dlx-configurator > main .dlx-conf-main-theme { padding: 1.5rem 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #dlx-configurator > main .dlx-conf-main-theme.dlx-conf-theme-builder { min-height: 100%; } #dlx-configurator > main .dlx-conf-main-theme.dlx-conf-theme-builder h4 p {line-height:1.6;} #dlx-configurator > main .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section { position: relative; } #dlx-configurator > main .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-infobox { background: #fff; padding: 0 0 1rem 0; } #dlx-configurator > main .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-previewimage { height: 0; padding-bottom: 100%; } #dlx-configurator > main .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-options { background: #fff; padding: 1rem 0 1rem 0; } #dlx-configurator.dlx-layout-panelle .dlx-conf-nav {display:none;} #dlx-configurator.dlx-layout-panelle .dlx-conf-main-theme .dlx-conf-options-page-pager {display:none;} #dlx-configurator.dlx-layout-panelle .dlx-conf-main-theme .dlx-conf-infobox-pricetext {display:none;} #dlx-configurator.dlx-layout-panelle .dlx-conf-main-theme .section-infobox-top {display:none;} #dlx-configurator.dlx-layout-panelle .dlx-conf-main-theme .dlx-conf-options-page.pageid-walls>p:first-child {display:none;} #dlx-configurator .dlx-conf-nav-outer {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex;} #dlx-configurator .dlx-conf-nav-outer a.dlx-conf-nav-backLink {padding-left:2em;padding-right:1em;white-space:nowrap;z-index:1;cursor:default;} #dlx-configurator .dlx-conf-nav-outer a.dlx-conf-nav-backLink.available {color:rgb(25,25,25);cursor:pointer;} #dlx-configurator .dlx-conf-nav-outer a.dlx-conf-nav-backLink >i {display:inline-block;-webkit-transform:rotate(180deg) translateY(2px);-ms-transform:rotate(180deg) translateY(2px);transform:rotate(180deg) translateY(2px);} #dlx-configurator .dlx-conf-nav-outer a.dlx-conf-nav-backLink >i::before {font-size:200%;} #dlx-configurator .dlx-conf-nav-outer a.dlx-conf-nav-backLink >span,#dlx-configurator .dlx-conf-nav-outer a.dlx-conf-nav-backLink >i {vertical-align:middle;} #dlx-configurator .dlx-conf-nav-outer a.dlx-conf-nav-backLink >span {display:inline-block;font-size:88.88%;margin-top:2px;} #dlx-configurator [data-layer] { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 1; transition: opacity .5s; -webkit-transform:rotate(0.001deg);-ms-transform:rotate(0.001deg);transform:rotate(0.001deg);} #dlx-configurator [data-layer].hide { opacity: 0; } #dlx-configurator [data-layer="0"] { z-index: 1; } #dlx-configurator [data-layer="1"] { z-index: 2; } #dlx-configurator [data-layer="2"] { z-index: 3; } #dlx-configurator [data-layer="3"] { z-index: 4; } #dlx-configurator [data-layer="4"] { z-index: 5; } #dlx-configurator [data-layer="5"] { z-index: 6; } #dlx-configurator [data-layer="6"] { z-index: 7; } #dlx-configurator [data-layer="7"] { z-index: 8; } #dlx-configurator [data-layer="8"] { z-index: 9; } #dlx-configurator [data-layer="9"] { z-index: 10; } #dlx-configurator [data-layer="10"] { z-index: 11; } #dlx-configurator [data-layer="11"] { z-index: 12; } #dlx-configurator [data-layer="12"] { z-index: 13; } #dlx-configurator [data-layer="13"] { z-index: 14; } #dlx-configurator [data-layer="14"] { z-index: 15; } #dlx-configurator [data-layer="15"] { z-index: 16; } #dlx-configurator [data-layer="16"] { z-index: 17; } #dlx-configurator [data-layer="17"] { z-index: 18; } #dlx-configurator [data-layer="18"] { z-index: 19; } #dlx-configurator [data-layer="19"] { z-index: 20; } #dlx-configurator [data-layer="20"] { z-index: 21; } @media all and (min-width: 36em){ #dlx-configurator > nav .dlx-conf-navigation-item,#dlx-configurator > nav .dlx-conf-nav { font-size: 16px!important; } } @media all and (min-width: 48em){ #dlx-configurator > header { padding: 1.25rem 0; } #dlx-configurator > header .dlx-conf-websitelink { width: 222px; } #dlx-configurator > header .dlx-conf-websitelink img { width: 222px; height: 36px; } #dlx-configurator > nav .dlx-conf-navigation-item a { padding: .325rem 1rem; border: 2px solid transparent; } #dlx-configurator > nav .dlx-conf-navigation-item a:hover,#dlx-configurator > nav .dlx-conf-navigation-item a.show-border { border-color: #fff; } #dlx-configurator > nav .dlx-conf-navigation-item a.show-border:hover { background: rgb(25, 25, 25); } #dlx-configurator > nav .dlx-conf-nav { margin: 0 2rem; } #dlx-configurator > nav .dlx-conf-nav .dlx-conf-nav-item { display: inline-block; font-size:12px; } #dlx-configurator > nav .dlx-conf-nav .dlx-conf-nav-item.prev { opacity: 1; } #dlx-configurator > nav .dlx-conf-nav a.dlx-conf-nav-item.available:hover,#dlx-configurator > nav .dlx-conf-nav .dlx-conf-nav-item.current { display: inline-block; background: #fff; } #dlx-configurator > nav .dlx-conf-nav a.dlx-conf-nav-item.available:hover::after,#dlx-configurator > nav .dlx-conf-nav .dlx-conf-nav-item.current::after { height: 3px; background: #fff; content: ""; position: absolute; top: 100%; left: 0; width: 100%; } #dlx-configurator > nav .dlx-conf-nav i { display: inline!important; margin-left: .25em; } #dlx-configurator > main .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-infobox { padding: 0 0 2rem 0; } } @media all and (min-width: 62em){ .dlx-conf-page.flex-l { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; align-items: center; } #dlx-configurator .section-infobox-bottom { display: block; } #dlx-configurator .section-infobox-bottom>.dlx-conf-thumbnail-slider>.swiper-controller>.swiper-pagination { display: none; } #dlx-configurator > nav .dlx-conf-nav .dlx-conf-nav-item { font-size: 16px; padding: .5em .5em .5em .75em; } #dlx-configurator > main .dlx-conf-main-theme.dlx-conf-theme-modifier { overflow: hidden; } #dlx-configurator > main .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-page { height: 100%; justify-content: space-between; } #dlx-configurator > main .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-col { height: 100%; position: relative; } #dlx-configurator > main .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-col.col-left { width: 24%; } #dlx-configurator > main .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-col.col-center { width: 38%; margin-left: 1.5rem; } #dlx-configurator > main .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-col.col-right { width: 38%; margin-left: 1.5rem; } #dlx-configurator > main .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section { height: 100%; overflow: auto; } #dlx-configurator > main .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-infobox { padding: 1rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; flex-direction: column; justify-content: space-between; } #dlx-configurator > main .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-previewimage { height: 100%; padding-bottom: 0; } #dlx-configurator > main .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-options { padding: 1rem; } } @media all and (min-width: 80em){ #dlx-configurator .dlx-conf-nav-backLink {position:absolute;} #dlx-configurator .section-infobox-center { display: block; } }
/* configuratormodules     [34369] */ @keyframes aniPulsate { 0%,100% {opacity:0.25;} 50% {opacity:1;} } *[data-spl_tpl_id] {display:none;} #dlx-configurator.showAjaxProgress * {cursor:progress !important;} #dlx-configurator .wallMarkerOuter {opacity:0;display:none;} #dlx-configurator .wallMarkerOuter .wallMarker {z-index:20;opacity:0;} #dlx-configurator .wallMarkerOuter.pulsate {opacity:1;display:block;} #dlx-configurator .wallMarkerOuter .wallMarker {animation:aniPulsate 1.5s linear 0s; animation-iteration-count: infinite;} #dlx-configurator .wallMarkerOuter .wallMarker.flop,#dlx-configurator .wallMarkerOuter .wallMarkerSpecialR.flop {-webkit-transform: scaleX(-1); -webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);} #dlx-configurator .dlx-konf-summaryEditOption {width:30px;margin-left:20px;text-align:center;cursor:pointer;} #dlx-configurator .dlx-konf-summaryEditOption i::BEFORE {display:inline-block;position:relative;color: rgb(33, 100, 176);transition: all 0.33s;font-size:150%;} #dlx-configurator .dlx-konf-summaryEditOption:hover i::BEFORE {-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);} .dlx-conf-product-header .dlx-subtitle { margin-top: 0; } .dlx-conf-product-header .dlx-conf-infobox-pricetext { font-size: 20px; position:relative;display:Block;} .dlx-conf-product-header .dlx-conf-infobox-price-wrapper { color: #fff; background: rgb(33, 100, 176); display: inline-block; padding: 2px .75em; } .dlx-conf-product-header .dlx-conf-infobox-title {font-size:30px;} .dlx-conf-product-header .dlx-conf-infobox-subtitle {font-size:22px;} .dlx-conf-product-header .dlx-conf-infobox-meta-wrapper { font-size: .875rem; } .dlx-conf-thumbnail-slider { -ms-user-select: None; -moz-user-select: None; -webkit-user-select: None; } .dlx-conf-thumbnail-slider .swiper-controller { position: relative; height: 2em; } .dlx-conf-thumbnail-slider .swiper-pagination { position: absolute; top: 0; left: 0; width: 100%; text-align: center; font-size: 14px; } .dlx-conf-thumbnail-slider .swiper-button-prev,.dlx-conf-thumbnail-slider .swiper-button-next { position: relative; margin: 0; background: none; height: auto; width: auto; top: auto; left: auto; bottom: auto; right: auto; font-size: 1.25rem; } .dlx-conf-thumbnail-slider .swiper-button-prev { float: left; } .dlx-conf-thumbnail-slider .swiper-button-next { float: right; margin-right: 10px; } .dlx-conf-thumbnail-slider a[data-lightbox] { display: block; position: relative; } .dlx-conf-thumbnail-slider a[data-lightbox]::after { opacity: 0; background: rgb(33, 100, 176); position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; transition: opacity .5s; } .dlx-conf-thumbnail-slider a[data-lightbox]:hover::after { opacity: .5; } .dlx-conf-options-item + .dlx-conf-options-item { margin-top: 1.5rem; } .dlx-conf-options-item .dlx-conf-option-title { margin: 0; } .dlx-conf-options-item .dlx-conf-label { font-size: 16px; margin-top: 15px; color: rgb(153, 153, 153); display: block; cursor: pointer; line-height: 1.25; overflow: hidden; position: relative; } .dlx-conf-options-item .dlx-conf-label.inactive { opacity: .333; filter: grayscale(66%); cursor: no-drop; } .dlx-conf-options-item .dlx-conf-label.inactive::after { background: rgba(255,255,255,.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; } .dlx-conf-options-item .dlx-conf-label .dlx-conf-label-image {filter:none;transition:all 0.33s;box-shadow:none;} .dlx-conf-options-item .dlx-conf-label .dlx-conf-radio-name {transition:all 0.33s;color:rgb(76, 76, 76);} .dlx-conf-options-item .dlx-conf-label:hover .dlx-conf-label-image {filter:brightness(110%);} .dlx-conf-options-item .dlx-conf-label:hover .dlx-conf-radio-name {color:rgb(25, 25, 25);} .dlx-conf-options-item .dlx-conf-label-image { margin-bottom: .375rem; position: relative; } .dlx-conf-options-item .dlx-conf-label-image:last-child { margin-bottom: 0; } .dlx-conf-options-item .dlx-conf-label-image.rounded { border-radius: 50%; overflow: hidden; } .dlx-conf-options-item .dlx-conf-label-image::before,.dlx-conf-options-item .dlx-conf-label-image::after { position: absolute; content: ""; transition: all .333s; z-index: 2; } .dlx-conf-options-item .dlx-conf-label-image::before { border: 2px solid transparent; border-bottom: 0; border-right: 0; top: 0; left: 0; width: 0; height: 0; } .dlx-conf-options-item .dlx-conf-label-image::after { border: 2px solid transparent; border-top: 0; border-left: 0; bottom: 0; right: 0; width: 0; height: 0; } .dlx-conf-options-item .dlx-conf-label-image.rounded::before,.dlx-conf-options-item .dlx-conf-label-image.rounded::after { width: 100%; height: 100%; border-radius: 50%; } .dlx-conf-options-item .dlx-conf-radio-hidden { display: none; } .dlx-conf-options-item .dlx-conf-radio-viusal { float: left; border: 2px solid rgb(153, 153, 153); width: 1.375em; height: 1.375em; border-radius: 50%; position: relative; display: inline-block; transition: border .2s; } .dlx-conf-options-item .dlx-conf-radio-viusal::after { width: 12px; height: 12px; margin: -6px 0 0 -6px; -webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0); transform-origin: 50% 50%; background: rgb(33, 100, 176); opacity: 0; position: absolute; top: 50%; left: 50%; content: ""; border-radius: 50%; transition: all .2s; } .dlx-conf-options-item .dlx-conf-radio-name { display: block; text-align: center; } .dlx-conf-options-item .dlx-conf-radio-viusal + .dlx-conf-radio-name { margin-left: 1.75rem; text-align: left; } .dlx-conf-options-item .dlx-conf-radio-hidden:checked ~ .dlx-conf-radio-viusal { border-color: rgb(33, 100, 176); } .dlx-conf-options-item .dlx-conf-radio-hidden:checked ~ .dlx-conf-radio-viusal::after { opacity: 1; -webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); transform-origin: 50% 50%; } .dlx-conf-options-item .dlx-conf-radio-hidden:checked ~ .dlx-conf-label-image::before,.dlx-conf-options-item .dlx-conf-radio-hidden:checked ~ .dlx-conf-label-image::after { width: 100%; height: 100%; opacity: 1; border-color: rgb(33, 100, 176); } .dlx-conf-options-item .dlx-conf-range-name { display: block; } .dlx-conf-options-item .dlx-conf-range-item { margin: 20px 0 15px 70px; } .dlx-conf-options-item .noUi-horizontal { height: 2px; box-shadow: none; border: none; border-radius: 0; background: rgb(153, 153, 153); } .dlx-conf-options-item .noUi-horizontal::before { height: 100%; right: 100%; width: 70px; background: rgb(33, 100, 176); position: absolute; top: 0; content: ""; } .dlx-conf-options-item .noUi-connect { background: rgb(33, 100, 176); } .dlx-conf-options-item .noUi-handle { border: none; background: none; cursor: pointer; width: 70px; height: 30px; top: -14px; right: 0!important; box-shadow: none; } .dlx-conf-options-item .noUi-horizontal .noUi-tooltip { border: 2px solid rgb(153, 153, 153); border-radius: 0; width: 100%; bottom: 0; height: 100%; padding: 3px; } .dlx-conf-options-item .noUi-handle::before,.dlx-conf-options-item .noUi-handle::after { display: none; } .dlx-conf-options-item .input-row { padding: 0 0 .5rem 0; } .dlx-conf-options-item .input-row .dlx-conf-label { margin: 0; padding: .5rem 0; } .dlx-conf-options-item .input-row .dlx-conf-input-wrapper { position: relative; } .dlx-conf-options-item .input-row .dlx-conf-input-editor-pen { position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: right; padding: .5rem .75rem; } .dlx-conf-options-item .input-row .dlx-conf-input-editor-pen:hover { background: rgba(0,0,0,.05); } .dlx-conf-options-item .input-row input { width: 100%; border: 2px solid rgb(223, 228, 230); padding: .5rem .75rem; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -webkit-appearance:none;-moz-appearance:none;appearance:none; margin: 0; } input[type="number"] {-moz-appearance: textfield;} .dlx-number-inputs-overlay{ } .dlx-number-inputs .dlx-number-inputs-input { margin-top: 1.5rem; } .dlx-number-inputs .dlx-number-inputs-input input { width: 100%; border: 2px solid rgb(223, 228, 230); padding: .5rem .75rem; text-align: center; } .dlx-number-inputs .dlx-number-inputs-info { margin-top: .125rem; font-size: 14px; color: rgb(153, 153, 153); } .dlx-conf-popup-overlay {opacity: 0; z-index: 99998; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255,255,255,.5); transition: opacity .5s;} .dlx-conf-popup-main {padding: 15px 30px; width: 90%; max-width: 460px; text-align: center; box-shadow: 0 0 15px 0 rgba(0,0,0,.333); opacity: 0; margin-top: 30px; z-index: 99999; position: fixed; top: 50%; left: 50%; -webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); background: rgba(255,255,255,.95); transition: opacity .5s, margin .5s; transition-delay: .1s;} .dlx-conf-popup-main a.dlx-cp-close { font-size: .625rem; font-weight: 700; display: inline-block; margin-bottom: 1rem; color: rgb(153, 153, 153); line-height: 1rem; } .dlx-conf-popup-main a.dlx-cp-close i { vertical-align: middle; } .dlx-conf-popup-main a.dlx-cp-close:hover { color: rgb(76, 76, 76); } .dlx-conf-popup-main h1 { font-size: 1.25rem; margin: 0; border-bottom: 1px solid rgb(33, 100, 176); color: rgb(33, 100, 176); } .dlx-conf-popup-main .dlx-cp-bottomButtons { margin-top: .5rem; } .dlx-conf-popup-main .dlx-cp-bottomButtons a { display: inline-block; padding: .25rem .5rem; background: rgb(33, 100, 176); color: #fff; } .dlx-conf-popup-main .dlx-cp-bottomButtons a.inactive { background: rgb(223, 228, 230); cursor: no-drop; } .dlx-conf-popup-main.dlx-conf-paninfo-main { max-width: 640px; padding-top: 30px; padding-bottom: 30px; } .dlx-conf-popup-overlay.active{ opacity: 1; } .dlx-conf-popup-main.active{ opacity: 1; margin-top: 0; } .dlx-conf-panconfig-main .dlx-cpc-panelleWrapper {position:relative;width:300px;height:300px;border:1px solid gray;background:#eee;margin:1em auto; background-repeat: no-repeat;background-position: center;background-size: contain;} .dlx-conf-panconfig-main .dlx-cpc-panelleWrapper .dlx-cpc-selection {position:Absolute;left:0;top:0;width:100px; height:200px; background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3); cursor:move;} .dlx-conf-panconfig-main .dlx-cpc-panelleWrapper .dlx-cpc-sign-resize,.dlx-conf-panconfig-main .dlx-cpc-panelleWrapper .dlx-cpc-sign-move,.dlx-conf-panconfig-main .dlx-cpc-panelleWrapper .dlx-cpc-sign-move2 { position:absolute; font-size:30px;text-align:center;display:inline-block; -webkit-text-stroke-width: 1px;-webkit-text-stroke-color: white;} .dlx-conf-panconfig-main .dlx-cpc-panelleWrapper .dlx-cpc-sign-resize {right:-5px;bottom:-5px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg); width:30px;height:30px;line-height:30px; } .dlx-conf-panconfig-main .dlx-cpc-panelleWrapper .dlx-cpc-sign-move,.dlx-conf-panconfig-main .dlx-cpc-panelleWrapper .dlx-cpc-sign-move2 {left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .dlx-conf-panconfig-main .dlx-cpc-panelleWrapper .dlx-cpc-sign-move2 {-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg);} .dlx-conf-paninfo-main,.dlx-conf-paninfo-overlay, .dlx-conf-panupload-main,.dlx-conf-panupload-overlay, .dlx-conf-panconfig-main,.dlx-conf-panconfig-overlay {display:none;} .dlx-conf-tabs { margin-bottom: 1rem; } .dlx-conf-tabs ul { overflow: hidden; } .dlx-conf-tabs li { float: left; } .dlx-conf-tabs a { display: block; padding: .25rem 2.5rem; border-bottom: 3px solid #fff; color: #000; } .dlx-conf-tabs li:hover a { border-bottom-color: rgb(231, 234, 235); color: #000; } .dlx-conf-tabs li.current a { border-bottom-color: rgb(33, 100, 176); } .dlx-conf-input-tabs { overflow: hidden; } .dlx-conf-input-tabs .dlx-conf-input-tab { float: left; } .dlx-conf-input-tabs label { display: block; padding: .5rem 1.5rem; color: #000; position: relative; } .dlx-conf-input-tabs .dlx-conf-tab-name { color: #000; } .dlx-conf-input-tabs .dlx-conf-input-tab:hover label { color: #000; } .dlx-conf-input-tabs .dlx-conf-tab-viusal { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #fff; } .dlx-conf-input-tabs .dlx-conf-input-tab:hover .dlx-conf-tab-viusal { background: rgb(231, 234, 235); } .dlx-conf-input-tabs .dlx-conf-radio-hidden:checked + .dlx-conf-tab-viusal { background: rgb(33, 100, 176); } .dlx-conf-options-page {display:none;} .dlx-conf-options-page.tempOutOfSight {opacity:0;position:absolute;left:-100%;top:-10000px;} .dlx-conf-options-page .dlx-conf-option-custCmsDesc {margin: 1em 0;} .dlx-conf-options-page .dlx-conf-option-custCmsDesc.-underOptions {margin-top: 2em;} .dlx-conf-options-page-pager { margin-top: 2rem; } .dlx-conf-options-page-pager:not(.inited) {opacity:0 !important;pointer-events:none;} .dlx-conf-options-page-pager:first-child { margin-top: 0; margin-bottom: 0; } .dlx-conf-options-page-pager .dlx-conf-options-pager-btn { background: rgb(55, 115, 183); color: #fff; padding: .5rem 2rem; display: inline-block; text-align: center; transition:all 0.33s;} .dlx-conf-options-page-pager .dlx-conf-options-pager-btn.bigButton { display: block; } .dlx-conf-options-page-pager .dlx-conf-options-pager-btn:hover { color: #fff; background: rgb(33, 100, 176); } .dlx-conf-options-page-pager .dlx-conf-options-pager-btn > i::before { vertical-align: text-bottom!important; } .dlx-conf-options-page-pager .dlx-conf-options-pager-prev,.dlx-conf-options-page-pager .dlx-conf-options-pager-next:not(.bigButton) { background: rgb(204, 204, 204); padding: .25rem .5rem; font-size: 14px!important; } .dlx-conf-options-page-pager .dlx-conf-options-pager-btn:not(.bigButton):hover { background: rgb(153, 153, 153); } .dlx-conf-options-page-pager .dlx-conf-options-pager-next:not(.bigButton) {float:right;} .dlx-conf-options-page-pager.topPanel {opacity:1;transition:opacity 0.33s linear 0.33s;} .dlx-conf-options-page-pager.topPanel .dlx-conf-options-pager-btn {position:relative;opacity:0;transition:all 0.33s;} .dlx-conf-options-page-pager.topPanel .dlx-conf-options-pager-btn:not(.active) {pointer-events:none;} .dlx-conf-options-page-pager.topPanel .dlx-conf-options-pager-btn.active {top:0;opacity:1;margin-bottom: 1.5rem;} .dlx-conf-options-page-pager.topPanel[data-activepanel=profile] {position:absolute;left:0;top:-100px;opacity:0;pointer-events:none;} .dlx-conf-options-page-pager[data-nextpanel=summary] .dlx-conf-options-pager-next.bigButton>.-weiter {display:none;} .dlx-conf-options-page-pager:not([data-nextpanel=summary]) .dlx-conf-options-pager-next.bigButton>.-summary {display:none;} .dlx-conf-options-page-pager .dlx-conf-options-pager-next.bigButton:not(.active) { background: rgb(223, 228, 230); cursor: no-drop; } .dlx-conf-options-page-pager.option-is-invalid .dlx-conf-options-pager-next.bigButton { background: rgb(223, 228, 230); cursor: no-drop; } #dlx-configurator:not(.dlx-layout-360dusche) .dlx-conf-options-page-pager[data-activepanel=summary] .dlx-conf-options-pager-next {display:none;} .dlx-conf-options-summary .dlx-conf-summary-headline { font-size: 26px; margin: 0 0 1rem; color: rgb(76, 76, 76); } .dlx-conf-options-summary .dlx-conf-summary-flex-row { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; align-items: center; justify-content: space-between; } .dlx-conf-options-summary .dlx-conf-summary-row { padding: 0 0 .5rem 0; margin: 0 0 .5rem 0; border-bottom: 2px solid rgb(223, 228, 230); } .dlx-conf-options-summary .dlx-conf-summary-row.no-border { border-bottom: none; padding-bottom: 0; } .dlx-conf-options-summary .dlx-conf-summary-row:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .dlx-conf-options-summary .dlx-conf-summary-row .dlx-conf-summary-price { white-space: nowrap; } .dlx-conf-options-summary .dlx-conf-summary-row .dlx-conf-summary-price-value { color:rgb(33, 100, 176); font-size: 2rem; } .dlx-conf-options-summary .dlx-conf-summary-row .dlx-conf-summary-price-title { color: rgb(153, 153, 153); font-size: 1.25rem; } .dlx-conf-options-summary .dlx-conf-summary-row .dlx-conf-summary-price-currency { color: rgb(153, 153, 153); font-size: .75rem; } .dlx-conf-options-summary .dlx-conf-summary-row .dlx-conf-summary-price-infotext { color: rgb(153, 153, 153); font-size: .75rem; text-align: right; } .dlx-conf-options-summary .dlx-conf-summary-row .dlx-conf-summary-btn a:hover { color: #fff; } .dlx-conf-options-summary .dlx-conf-summary-row .dlx-conf-summary-btn-infotext { font-size: 12px; color: #000; margin-top: 8px; } .dlx-conf-options-summary .dlx-conf-summary-row .dlx-conf-summary-codes { margin-top: .25rem; } .dlx-conf-options-summary .dlx-conf-summary-row .dlx-conf-summary-codes strong { font-size: 14px; } .dlx-conf-options-summary .dlx-conf-summary-row .dlx-conf-summary-codes a { font-weight: 700; color: rgb(33, 100, 176); font-size: 14px; } .dlx-conf-options-summary .dlx-conf-summary-row .dlx-conf-summary-codes i { vertical-align: middle; } .dlx-conf-options-summary .dlx-conf-summary-row .dlx-conf-summary-codes2 a { color: rgb(33, 100, 176); } .dlx-conf-options-summary .dlx-conf-summary-row .dlx-conf-summary-codes2 .dlx-downloadAjaxNotice { font-size: 30px; line-height: 1; } .dlx-conf-options-summary .dlx-conf-summary-row .dlx-conf-summary-codes2 .dlx-downloadAjaxNotice i { font-size: 20px } .dlx-conf-options-summary .dlx-conf-summary-row .dlx-conf-summary-codeinfo { color: rgb(153, 153, 153); font-size: .75rem; } .dlx-conf-summary-codesbox { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; align-items: center; justify-content: between; } .dlx-conf-summary-codesbox .dlx-conf-summary-codeimg { width: 100px; margin-right: 1.5rem; flex-shrink: 0; } .dlx-conf-breadcrumbs { margin-bottom: 1rem; } .dlx-conf-breadcrumbs .dlx-conf-breadcrumb-step { color: rgb(153, 153, 153); font-size: 14px; display: inline; } .dlx-conf-breadcrumbs .dlx-conf-breadcrumb-spacer { display: inline-block; margin: 0 .5rem; } .dlx-conf-breadcrumbs .dlx-conf-breadcrumb-step:first-child .dlx-conf-breadcrumb-spacer { display: none; } .dlx-conf-productcols .dlx-conf-product-link { display: block; } .dlx-conf-productcols .dlx-conf-product-title { margin: .75rem 0 0; } .dlx-conf-productcols .dlx-conf-product-subtitle { margin: .25rem 0 0; } .dlx-conf-productcols .dlx-conf-product-subtitle2.hidden {display:none;} .dlx-conf-productcols .dlx-conf-product-subtitle2 { margin: 1rem 0 0; } .dlx-conf-productcols .dlx-conf-product-subtitle2:not(.hidden)+.dlx-conf-product-title { margin: .25rem 0 0; } .dlx-conf-productcols .dlx-conf-product-image-wrapper { position: relative; background: #fff; } .dlx-conf-productcols .dlx-conf-product-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .dlx-conf-productcols .dlx-conf-product-image-wrapper::after { border: 2px solid rgb(33, 100, 176); opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; z-index: 2; transition: opacity .25s; } .dlx-conf-productcols .dlx-conf-product-image.contain { top: 2rem; left: 2rem; right: 2rem; bottom: 2rem; } .dlx-conf-productcols [data-background]::after { position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); width: 70px; height: 70px; background: url("../images/loading.gif") center no-repeat; content: ""; } .dlx-conf-productcols h3.dlx-conf-product-title {font-size:19px;} #dlx-configurator .dlx-posEngine-readyControlled {position:relative;} #dlx-configurator .dlx-posEngine-readyControlled::AFTER {display:block;content:"";position:absolute;left:0;top:0;bottom:0;background:rgba(255,255,255,0.5); width:0px; opacity:0;transition: opacity 0.33s, right 0s linear 0.33s;} #dlx-configurator .dlx-posEngine-readyControlled::BEFORE { opacity:0; content: ""; transition:opacity 0.33s;} #dlx-configurator .dlx-posEngine-readyControlled.dlx-posEngine-notReady::AFTER {z-index:4;opacity:1;cursor:progress;width:100%;transition: opacity 0.33s, right 0s;} #dlx-configurator .dlx-posEngine-readyControlled.dlx-posEngine-notReady::BEFORE { position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); border-radius: 50%; width: 70px; height: 70px; background: transparent url("../images/loading.gif") center no-repeat; z-index: 5; opacity:1; transition:opacity 0.5s linear 0.75s; } #dlx-configurator .dlx-posEngine-readyControlled.dlx-posEngine-notReady.dlx-conf-infobox-pricetext::BEFORE {left:auto;right:-20px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);} #dlx-configurator .dlx-posEngine-ajaxLoadingIndicator {display:block;width:50px;height:100%;position:absolute;top:0;right:0;pointer-events:none;} #dlx-configurator .dlx-posEngine-ajaxLoadingIndicator::BEFORE { position: absolute; top: 50%; right: 8px; -webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%); border-radius: 50%; width: 50px; height: 50px; background: transparent url("../images/loading.gif") center no-repeat; content: ""; z-index: -1; opacity:0; background-size:50px; transition: opacity 0.33s, z-index 0 linear 0.5s;} #dlx-configurator .dlx-posEngine-ajaxLoadingIndicator.loading::BEFORE { opacity:1; z-index:5; transition: opacity 0.5s linear 0.75s,z-index 0s;} #dlx-configurator .dlx-ajaxLoadingNotifier2 {position:relative;} #dlx-configurator .dlx-ajaxLoadingNotifier2::AFTER {display:block;content:"";position:absolute;left:0;top:0;bottom:0;background:rgba(255,255,255,0.5); width:0px; opacity:0;transition: opacity 0.33s, right 0s linear 0.33s;} #dlx-configurator .dlx-ajaxLoadingNotifier2::BEFORE { opacity:0; content: ""; transition:opacity 0.33s;} #dlx-configurator .dlx-ajaxLoadingNotifier2::AFTER {z-index:4;opacity:1;cursor:progress;width:100%;transition: opacity 0.33s, right 0s;} #dlx-configurator .dlx-ajaxLoadingNotifier2::BEFORE { position: absolute; right: -50px; top: 50%; -webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); border-radius: 50%; width: 40px; height: 40px; background: transparent url("../images/loading.gif") center no-repeat; background-size:40px; z-index: 5; opacity:1; transition:opacity 0.5s linear 0.75s; } #dlx-configurator .dlx-conf-loadingLayerOverAll,#dlx-configurator .dlx-conf-loadingLayer-singlePanel {pointer-events:none;opacity:0;} #dlx-configurator .dlx-conf-loadingLayerOverAll.show,#dlx-configurator .dlx-conf-loadingLayerOverAll.show-loading,#dlx-configurator .dlx-conf-loadingLayerOverAll.show-filter-overlay,#dlx-configurator .dlx-conf-loadingLayer-singlePanel.show,#dlx-configurator .dlx-conf-loadingLayer-singlePanel.show-loading,#dlx-configurator .dlx-conf-loadingLayer-singlePanel.show-filter-overlay {pointer-events:auto;cursor:progress;opacity:1;} #dlx-configurator .dlx-conf-loadingLayerOverAll.show-loading::after,#dlx-configurator .dlx-conf-loadingLayer-singlePanel.show-loading::after { position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); border-radius: 50%; width: 70px; height: 70px; background: #fff url("../images/loading.gif") center no-repeat; content: ""; z-index: 50; } #dlx-configurator .dlx-conf-loadingLayerOverAll.show-loading.show-loading-transparent::after,#dlx-configurator .dlx-conf-loadingLayer-singlePanel.show-loading.show-loading-transparent::after { opacity:0.25;} #dlx-configurator .dlx-conf-loadingLayerOverAll { z-index:99;visibility:hidden;position:fixed;top:0;left:0;right:0;bottom:0;transition:all .333s;} #dlx-configurator .dlx-conf-loadingLayerOverAll.show,#dlx-configurator .dlx-conf-loadingLayerOverAll.show-filter-overlay {visibility:visible;} #dlx-configurator .dlx-conf-loadingLayerOverAll::after { position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); border-radius: 50%; width: 70px; height: 70px; background: #fff url("../images/loading.gif") center no-repeat; content: ""; z-index: 50; } #dlx-configurator .dlx-conf-modifier-section .dlx-conf-options-form {position:relative;} #dlx-configurator .dlx-conf-loadingLayer-singlePanel {background:rgba(255,255,255,0);transition:opacity .333s, transform 0s linear 0.333s; -webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);z-index:53; position:absolute;top:0;left:0;right:0;bottom:0;} #dlx-configurator .dlx-conf-loadingLayer-singlePanel.show,#dlx-configurator .dlx-conf-loadingLayer-singlePanel.show-loading,#dlx-configurator .dlx-conf-loadingLayer-singlePanel.show-filter-overlay {-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition:opacity .333s, transform 0s linear 0s;opacity:1;} #dlx-configurator .dlx-conf-loadingLayer-singlePanel.dlx-conf-lupenOverlay {position:absolute;left:0;top:0;border:1px solid #aaa;box-shadow:rgba(0,0,0,0.1) 3px 3px 3px; background:white;z-index:100;pointer-events:none; -webkit-transform:translate(-50%,-50%) scale(0.5);-ms-transform:translate(-50%,-50%) scale(0.5);transform:translate(-50%,-50%) scale(0.5);transition:opacity .333s, transform 0.333s} #dlx-configurator .dlx-conf-loadingLayer-singlePanel.dlx-conf-lupenOverlay.show {-webkit-transform:translate(-50%,-50%) scale(1.0);-ms-transform:translate(-50%,-50%) scale(1.0);transform:translate(-50%,-50%) scale(1.0);} #dlx-configurator .col-right .dlx-conf-loadingLayer-singlePanel {bottom:-20px;} #dlx-configurator .dlx-conf-infobox-pricetext .dlx-conf-loadingLayer-singlePanel {background:rgba(255,255,255,0.5);} #dlx-configurator .dlx-conf-modifier-col.col-center .dlx-conf-loadingLayer-singlePanel {background:rgba(255,255,255,0.25);} #dlx-configurator .dlx-conf-modifier-col.col-right .dlx-conf-loadingLayer-singlePanel {background:rgba(255,255,255,0.5);} .dlx-conf-builder-pager { margin-bottom: 1rem; } .dlx-conf-builder-pager a { display: inline-block; background: rgb(153, 153, 153); padding: .25rem .5rem; font-size: 14px!important; color: #fff; } .dlx-conf-builder-pager a:hover { color: #fff; background: rgb(76, 76, 76); } .dlx-conf-builder-pager a > i::before { vertical-align: text-bottom!important; } .dlx-conf-abschnitt-banner { margin-bottom: 1.5em; text-align: center; } .dlx-conf-abschnitt-banner .dlx-banner-desktop { display: none; } @media all and (min-width: 48em){ .dlx-conf-abschnitt-banner .dlx-banner-mobile { display: none; } .dlx-conf-abschnitt-banner .dlx-banner-desktop { display: inline; } } .dlx-conf-builder-kollage-outer {margin:2em 0;} .dlx-conf-builder-kollage-outer .dp-ratio { display: block; height: 0; width: 100%; overflow: hidden; position: relative; } .dlx-conf-builder-kollage-outer .dp-ratio.ratio-1-1 { padding-bottom: 100%; } .dlx-conf-builder-kollage-outer .dlx-cbk-item {height:100%;background:rgb(240, 240, 240);border:1px solid rgb(212, 212, 212);} .dlx-conf-builder-kollage-outer .dlx-cbk-item >.-bottom {padding:0.75em;} .dlx-conf-builder-kollage-outer .dlx-cbk-item >.-bottom >.-title {margin:0 0 0.75em 0;font-size:110%;} .dlx-conf-builder-kollage-outer .dlx-cbk-item >.-bottom >.-text {font-size:75%;} .dlx-svg-link{ display: inline-flex; align-items: center; color: rgb(33, 100, 176); } .dlx-svg-link:hover{ color: rgb(99, 146, 199); } .dlx-svg-link svg{ width: 1em; height: 1em; } .dlx-svg-link svg:first-child{ margin-right: .5em; } .dlx-svg-link svg:last-child{ margin-left: .5em; } .dlx-conf-btn{ display: block; text-align: left; width: 100%; background: rgb(55, 115, 183); position: relative; color: #fff; padding: .5rem 2rem; display: inline-block; transition:all 0.33s;} .dlx-conf-btn.icon-icn-arrow-right{ padding-right: 3rem; } .dlx-conf-btn.icon-icn-arrow-right::before{ position: absolute; top: 50%; right: .5em; margin-top: -.4em; } .dlx-conf-btn:hover{ background: #1a508d; } .dlx-conf-btn.disabled{ background: rgb(223, 228, 230);cursor: no-drop; } .dlx-conf-productitem-step .dlx-step-product-item { position: relative; } .dlx-conf-productitem-step .dlx-step-product-item.gray-bg { background: rgb(218, 225, 227); } .dlx-conf-productitem-step .dlx-step-product-item-subcontent { border-top: 1rem solid #fff; padding: 1rem; } .dlx-conf-productitem-step .dlx-step-product-item-subcontent h3 { font-size: 20px; } .dlx-conf-productitem-step .dlx-step-product-item-subcontent p { font-size: 16px; } .dlx-conf-productitem-step .dlx-conf-productitem-overlay { position: absolute; z-index: 6; top: 1rem; left: 1rem; max-width: 90%; } .dlx-conf-productitem-step .dlx-conf-productitem-overlay.overlay-tr { top: 1rem; right: 1rem; left: auto; bottom: auto; } .dlx-conf-productitem-step .dlx-conf-productitem-overlay.overlay-bl { bottom: 1rem; left: 1rem; top: auto; right: auto; } .dlx-conf-productitem-step.step-1 .dlx-conf-btn { text-align: center; } .dlx-conf-productitem-step.step-1 .dlx-conf-product-image-wrapper { width: 180px; margin-bottom: .5rem; } .dlx-conf-productitem-step.step-2 .dlx-conf-product-image-wrapper { width: 180px; margin-bottom: .5rem; } .dlx-conf-productitem-step.step-2 .dlx-conf-btn.-is-title { background: #fff; color: rgb(33, 100, 176); text-align: center; } .dlx-conf-productitem-step.step-2 .dlx-step-product-item { background: rgb(166, 193, 223); transition: background .25s; margin-right: 2px; margin-bottom: 2px; } .dlx-conf-productitem-step.step-2 .dlx-conf-product-title { transition: color .25s; } .dlx-conf-productitem-step.step-2 .dlx-step-product-item:hover { background: rgb(55, 115, 183); } .dlx-conf-productitem-step.step-2 .dlx-step-product-item:hover .dlx-conf-product-title { color: rgb(17, 17, 17); } .dlx-conf-productitem-step.step-2 .dlx-conf-product-image { -webkit-transform:scale(.5) rotate(45deg);-ms-transform:scale(.5) rotate(45deg);transform:scale(.5) rotate(45deg); } .dlx-conf-productitem-step.step-3 .dlx-step-product-item { height: 100%; } .dlx-conf-productitem-step.step-3 .dlx-introtitle { margin: 0 0 .375rem; } .dlx-conf-productitem-step.step-3 .dlx-conf-product-lightprice { font-size: 14px; color: #fff; padding: .5rem .75rem; display: inline-block; background: rgba(33, 100, 176, .666) } .dlx-conf-productitem-step.step-3 .dlx-conf-productitem-overlay:hover .dlx-conf-btn { background: #1a508d; } .dlx-conf-productitem-step.step-3 .dlx-conf-product-additionalinfo { z-index: 12; position: absolute; bottom: 0; left: 0; width: 70px; } .dlx-conf-productitem-step.step-3 .dlx-conf-product-additionalinfo .-toggle-item { width: 70px; height: 70px; display: block; background: #fff url(../images/conf-info-icon.png) center no-repeat; background-size: contain; } .dlx-conf-productitem-step.step-3 .dlx-conf-product-additionalinfo .-toggle-target { pointer-events: none; opacity: 0; visiblity: hidden; transition: all .25s; position: absolute; bottom: 100%; width: 100%; } .dlx-conf-productitem-step.step-3 .dlx-conf-product-additionalinfo.active { width: 100%; } .dlx-conf-productitem-step.step-3 .dlx-conf-product-additionalinfo.active .-toggle-target { pointer-events: auto; opacity: 1; visibility: visible; } .dlx-conf-productitem-step.step-3 .dlx-conf-product-additionalinfo ul { background: rgba(255,255,255,.8); } .dlx-conf-productitem-step.step-3 .dlx-conf-product-additionalinfo li { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; align-items: center; } .dlx-conf-productitem-step.step-3 .dlx-conf-product-additionalinfo li + li { margin-top: .25em; } .dlx-conf-productitem-step.step-3 .dlx-conf-product-additionalinfo li > .-image { width: 70px; flex-shrink: 0; } .dlx-conf-productitem-step.step-3 .dlx-conf-product-additionalinfo li > .-text { flex-grow: 1; padding: .75em; font-size: 16px; color:black;} .dlx-conf-productitem-step.step-4 .dlx-conf-productitem-title { margin-bottom: .5rem; background: #fff; font-size: 20px; color: rgb(17, 17, 17); padding: .5em .75em; display: inline-block; } .dlx-conf-productitem-step.step-4 .dlx-step-product-item { margin-right: 2px; margin-bottom: 2px; } .dlx-conf-productitem-step.step-4 .dlx-conf-product-title { color: #444; font-size: 1rem; } .dlx-conf-productitem-step.step-4 .dlx-step-product-item a { transition: background .25s; } .dlx-conf-productitem-step.step-4 .dlx-step-product-item:hover .dlx-conf-product-title { color: rgb(17, 17, 17); } .dlx-conf-productitem-step.step-4 .dlx-step-product-item-parent .dlx-step-product-item { background:white; } .dlx-conf-productitem-step.step-4 .dlx-conf-product-image.contain { bottom: 4rem; } .dlx-conf-productitem-step.step-4 .dlx-conf-product-image-overlay {position:absolute;left:0;top:0;right:0;bottom:0; transition:opacity 0.33s;background: rgb(33, 100, 176);opacity:0.075;} .dlx-conf-productitem-step.step-4 .dlx-step-product-item a:hover .dlx-conf-product-image-overlay {opacity:0.2;} @media all and (max-width: 80em){ .dlx-conf-lupenOverlay{ display: none!important; } .dlx-conf-productitem-step.step-1 .dlx-conf-product-image-wrapper,.dlx-conf-productitem-step.step-2 .dlx-conf-product-image-wrapper { width: 130px; } .dlx-conf-productitem-step.step-1 .dlx-conf-btn,.dlx-conf-productitem-step.step-2 .dlx-conf-btn { font-size: 1rem; } .dlx-conf-productitem-step.step-3 .dlx-conf-product-additionalinfo { width: 40px; } .dlx-conf-productitem-step.step-3 .dlx-conf-product-additionalinfo .-toggle-item { width: 40px; height: 40px; } .dlx-conf-productitem-step.step-3 .dlx-conf-product-additionalinfo li > .-image { width: 40px; } .dlx-conf-productitem-step.step-3 .dlx-conf-product-additionalinfo li > .-text { padding: .375em; font-size: 14px; } } @media all and (max-width: 36em){ .dlx-conf-productitem-step .dlx-step-product-item-subcontent { padding: .75rem; font-size: 14px; } .dlx-conf-productitem-step .dlx-step-product-item-subcontent h3 { font-size: 18px; } .dlx-conf-productitem-step .dlx-step-product-item-subcontent p { font-size: 14px; } .dlx-conf-productitem-step.step-1 .dlx-conf-product-image-wrapper,.dlx-conf-productitem-step.step-2 .dlx-conf-product-image-wrapper { width: 100px; } .dlx-conf-productitem-step.step-1 .dlx-conf-btn,.dlx-conf-productitem-step.step-2 .dlx-conf-btn { font-size: .875rem; padding: .5rem 1.25rem .5rem .5rem; } } 
/* configurator360          [7127] */ #dlx-configurator.dlx-layout-360dusche >header { display: none !important; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-builder { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-builder .dlx-conf-page { flex-shrink: 0; flex-grow: 0; display: flex!important; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-builder .dlx-conf-page > .dlx-conf-productcols { flex-shrink: 0; flex-grow: 1; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-builder .dlx-conf-page > .dlx-conf-productcols > #dlx-conf-productwrapper.step-3 { height: 100%; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-builder .dlx-conf-page > .dlx-conf-productcols > #dlx-conf-productwrapper.step-3 .dlx-step-product-item-subcontent { display: none!important; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-col { position: relative; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section-overlay { position: absolute; z-index: 6; top: 1rem; left: 1rem; max-width: 90%; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section-overlay .dlx-conf-product-header { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; flex-direction: column; align-items: flex-start; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section-overlay .dlx-conf-infobox-pricetext,#dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section-overlay .dlx-subtitle { display: none!important; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section-overlay .dlx-conf-infobox-title { margin: 0 0 .5rem!important; background: #fff; font-size: 22px; color: rgb(17, 17, 17); padding: .5em .75em; display: inline-block; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section-overlay .dlx-conf-infobox-subtitle { margin: 0; background: #fff; font-size: 18px; color: rgb(17, 17, 17); padding: .5em .75em; display: inline-block; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-options .dlx-conf-infobox-pricetext { margin: 0; font-size: 1.125rem; color: rgb(33, 100, 176); } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-options .dlx-conf-options-pager-task { font-size: 1.125rem; text-decoration: underline; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-options .dlx-conf-options-pager-prev,#dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-options .dlx-conf-options-pager-next { font-size: 16px!important; padding: .5rem 1rem!important; border: 2px solid rgb(223, 228, 230);} #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-options .dlx-conf-options-pager-prev.active,#dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-options .dlx-conf-options-pager-next.active { border: 2px solid rgb(33, 100, 176)!important; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-options .dlx-conf-options-pager-prev { background: #fff!important; color: rgb(33, 100, 176)!important; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-options .dlx-conf-options-page-pager.option-is-invalid .dlx-conf-options-pager-next.bigButton { border-color: var(--dlx-black10)!important; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-options .dlx-conf-options-pager-prev.active:hover { background: rgb(33, 100, 176)!important; color: #fff!important; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-options[data-activepanel="profile"] .dlx-conf-options-pager-prev { display: none!important; } @media all and (min-width: 36em){ } @media all and (min-width: 48em){ #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-builder .dlx-conf-page > .dlx-conf-productcols > #dlx-conf-productwrapper.step-3 .dlx-conf-productitem-step-cols { margin-bottom: 0!important; width: 50%!important; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-builder .dlx-conf-page > .dlx-conf-productcols > #dlx-conf-productwrapper.step-3 .dlx-step-product-item-image { height: 100%!important; padding: 0!important; } } @media all and (min-width: 80em){ #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-col { width: calc( 50% - 1rem ) !important; flex-grow: 0; flex-shrink: 0; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-col.col-center { margin-left: 0!important; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-col.col-right { margin-left: 2rem!important; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-options { padding: 0!important; overflow: visible; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-options .dlx-conf-options-form { height: 100%; margin: 0!important; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; flex-direction: column; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-options .dlx-conf-options-page { flex-grow: 1; flex-shrink: 1; overflow-y: auto; overflow-x: hidden; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-options .dlx-conf-options-page > *:last-child { margin-bottom: 1rem!important; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-options .dlx-conf-options-page-pager { position: relative; z-index: 5; background: #fff; flex-grow: 0; flex-shrink: 0; margin-top: 0; padding: .75rem 0 0; } #dlx-configurator.dlx-layout-360dusche .dlx-conf-main-theme.dlx-conf-theme-modifier .dlx-conf-modifier-section.section-options .dlx-conf-options-page-pager::before { content: ""; position: absolute; bottom: 100%; left: -2rem; right: -50vw; height: 10px; background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); } }