#SH531-SMARTHEADS_CONFIG{height: 100%;position: relative;} #SH531-SMARTHEADS_CONFIG h1,#SH531-SMARTHEADS_CONFIG h2,#SH531-SMARTHEADS_CONFIG h3,#SH531-SMARTHEADS_CONFIG h4,#SH531-SMARTHEADS_CONFIG h5,#SH531-SMARTHEADS_CONFIG h6,#SH531-SMARTHEADS_CONFIG ul,#SH531-SMARTHEADS_CONFIG li,#SH531-SMARTHEADS_CONFIG p{margin: 0;padding: 0;font-weight: normal;line-height: 1} #SH531-SMARTHEADS_CONFIG a{text-decoration: none;} #SH531-SMARTHEADS_CONFIG button{cursor: pointer;} * {box-sizing: border-box;font-family: 'Titillium Web', Arial, sans-serif;transition: 250ms ease;outline: none;} body{margin: 0;} #SH531-SMARTHEADS_CONFIG ul{list-style: none;} #SH531-SMARTHEADS_CONFIG img{border:none;max-width: 100%;} #SH531-SMARTHEADS_CONFIG textarea{resize: none;} .sh531-left{float: left;} .sh531-right{float: right} .sh531-clear{clear:both;height: 0;width: 100%;} .sh531-btn{color: #ffffff;display: block;border-radius: 4px;background-color: #e6007e;font-size: 24px;width: 100%;max-width:270px;padding: 14px 5px;text-align: center;cursor: pointer} .sh531-btn:hover{background-color: #b6206a} .sh531-main-head{text-align: center;font-size: 30px;font-weight: 600;} .nav {position: fixed;z-index: 2;right: 30px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);display: none} .sh531-nav_item {width: 6px;height: 66px;display: block;margin: 6px auto;cursor: pointer;background-color: #fff;box-shadow: 0 1px 13px 0 rgba(76, 76, 76, 0.15);} .sh531-nav_item:hover {background-color: #e6007e;} .sh531-page{max-width: 1630px;margin: 0 auto;text-align: center;padding: 0 15px;} #SH531-SMARTHEADS_CONFIG .check-box{display: inline-block;position: relative;width: 100%;height: 100%} #SH531-SMARTHEADS_CONFIG .check-box [type='checkbox']:not(:checked),#SH531-SMARTHEADS_CONFIG .check-box [type='checkbox']:checked { position: absolute; left: -9999px; } #SH531-SMARTHEADS_CONFIG .check-box [type='checkbox']:not(:checked) + label,#SH531-SMARTHEADS_CONFIG .check-box [type='checkbox']:checked + label {cursor: pointer; } #SH531-SMARTHEADS_CONFIG .check-box [type='checkbox']:not(:checked) + label:before,#SH531-SMARTHEADS_CONFIG .check-box [type='checkbox']:checked + label:before { content: ''; position: absolute; top: 0px; left: 0; width: 30px; height: 30px; background: #fff; border: 1px solid #919191;border-radius: 6px} #SH531-SMARTHEADS_CONFIG .check-box [type='checkbox']:not(:checked) + label:after, #SH531-SMARTHEADS_CONFIG .check-box [type='checkbox']:checked + label:after { content: ''; position: absolute; top: 8px; left: 6px;width: 21px;height: 16px; background-image: url(/-/media/Additional/smart/konfigurator-prad/img/konfigurator/check.png);} #SH531-SMARTHEADS_CONFIG .check-box [type='checkbox']:not(:checked) + label:after { transform: scale(0); opacity: 0; } #SH531-SMARTHEADS_CONFIG .check-box [type='checkbox']:checked + label:before{border-color: #e2007a} #SH531-SMARTHEADS_CONFIG .magenta{color: #e2007a!important;} #SH531-SMARTHEADS_CONFIG .config_main_content {width: 100%; max-width: 1140px; margin: 24px auto 0 auto; padding: 0 40px 0 30px; padding-right: 15px !important; padding-left: 15px !important;} #SH531-SMARTHEADS_CONFIG .config_main_content h2 {width: 100%;max-width: 1135px;margin: 0 auto;margin-top: 24px;padding: 0 15px;font-size: 30px;font-weight: 600;text-align: center;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page {width: 100%;max-width: 1135px;margin: 0 auto;text-align: right} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box{text-align: left;box-shadow: 0px 1px 21px 0px rgba(12, 13, 13, 0.22);border-radius: 6px;background-color: #fff;margin: 30px auto;width: 100%;min-height: 840px;padding: 35px 0;display: flex;justify-content: space-between;flex-wrap: wrap} #SH531-SMARTHEADS_CONFIG .button{text-align: center;display: inline-block;border: 2px solid #e2007a;font-size: 20px;font-weight: 600;padding: 8px 5px 10px;width: 100%;flex-basis:47%;box-shadow: 0px 1px 20px 0px rgba(24, 23, 24, 0.18);border-radius: 3px;} #SH531-SMARTHEADS_CONFIG .button.with_bg{background-color: #e2007a;color: #fff;} #SH531-SMARTHEADS_CONFIG .button.without_bg{background-color: #fff;color: #e2007a} #SH531-SMARTHEADS_CONFIG .button.with_bg:hover{border-color: #b6206a;background-color: #b6206a} #SH531-SMARTHEADS_CONFIG .button.without_bg:hover{color: #fff;background-color: #e2007a} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column {position: relative;display: flex;flex-basis: 50%;flex-direction: column;padding: 0 30px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column.left_column{border-right:1px solid #cbcbcb} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column h3{text-align: left;font-size: 28px;font-weight: 600;color: #000;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_desc h4{font-size: 24px;text-transform: uppercase;font-weight: 600;margin-bottom: 5px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_desc img{display: inline-block;margin-right: 5px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_desc p {padding-left: 15px;font-size: 18px;text-align: left;line-height: 18px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_desc p sup{font-size: 10px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_desc .single_text{margin-bottom: 20px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles{display: flex;justify-content: space-between;flex-wrap: wrap} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config{position: relative;border: 1px solid #919191;border-radius: 10px;width: 100%;flex-basis: 48%;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config:nth-child(1),#SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config:nth-child(2){margin-bottom: 35px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config .tile_img{width: 100%;text-align: center;height: 170px;border-bottom: 1px solid #919191;position: relative} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config .tile_img img{display: block;left: 0;right: 0;top: 0;bottom: 0;margin: auto;position: absolute;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config h5{text-align: center;font-size: 18px;line-height: 1.2;font-weight: 300;padding: 7px 0} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .button_space{text-align: center;display: flex;justify-content: space-between;flex-wrap: wrap;flex-basis: 50px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page > a{font-size: 20px;color: #000} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page > a:hover{color: #e2007a} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page > a img{display: inline-block;margin-right: 5px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config .ab_check_box{position: absolute;width: 30px;height: 30px;background-color: #fff;z-index: 5;left: 15px;top: -15px;cursor: pointer} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config .ab_check_box label{display:block;height: 240px;width: 220px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option{display: none;margin-bottom: 50px;opacity: 1;animation: none} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option.active{display: block;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option.active.animation{opacity: 0;animation: show2 1s forwards linear} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option.active.animation_out{animation: hide .5s forwards linear} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option{display: none;margin-bottom: 50px;opacity: 1;animation: none} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option.active{display: block;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option.active.animation{opacity: 0;animation: show2 1s forwards linear} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option.active.animation_out{animation: hide .5s forwards linear} @keyframes show { 0%{opacity: 0} 100%{opacity: 1} } @keyframes show2 { 0%{opacity: 0} 100%{opacity: 1} } @keyframes hide { 0%{opacity: 1} 100%{opacity: 0} } #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_head{position: relative;padding-left: 80px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_head img{position: absolute;left: 0;top: -13px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_head h5{text-transform: uppercase;font-weight: bold;font-size: 24px;text-align: left;line-height: 1} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_head h5 span{text-transform: none;font-weight: 600;font-size: 17px;color: #000;display: block;line-height: 1.3;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option[data-option='1'] .option_head h5{color: #1554d2} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option[data-option='2'] .option_head h5{color: #e2007a} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option[data-option='3'] .option_head h5{color: #787778} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option[data-option='4'] .option_head h5{color: #73dadf} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_checks{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 25px 0;padding-left: 35px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_checks p{flex-basis: 40%;position: relative;padding-left: 20px;text-align: left;line-height: 1.1;font-size: 17px;color: #000;margin-bottom: 7px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_checks p:nth-child(2n+2){flex-basis: 59%} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_checks p img{position: absolute;left: 0;top: 4px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_bottom{position: relative;padding-left: 30px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_bottom img{position: absolute;left: 0} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_bottom p{text-align: left;font-size: 17px;line-height: 1.1;padding-left: 55px;position: relative} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_bottom p span{font-weight: 600} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_head{position: relative;padding-left: 80px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_head img{position: absolute;left: 0;top: -13px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_head h5{text-transform: uppercase;font-weight: bold;font-size: 24px;text-align: left;line-height: 1} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_head h5 span{text-transform: none;font-weight: 600;font-size: 17px;color: #000;display: block;line-height: 1.3;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option[data-option='1'] .option_head h5{color: #1554d2} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option[data-option='2'] .option_head h5{color: #e2007a} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option[data-option='3'] .option_head h5{color: #787778} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option[data-option='4'] .option_head h5{color: #73dadf} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_checks{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 25px 0;padding-left: 35px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_checks p{flex-basis: 40%;position: relative;padding-left: 20px;text-align: left;line-height: 1.1;font-size: 17px;color: #000;margin-bottom: 7px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_checks p:nth-child(2n+2){flex-basis: 59%} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_checks p img{position: absolute;left: 0;top: 4px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_bottom{position: relative;padding-left: 30px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_bottom img{position: absolute;left: 0} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_bottom p{text-align: left;font-size: 17px;line-height: 1.1;padding-left: 55px;position: relative} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_bottom p span{font-weight: 600} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .selected_options {padding-top: 60px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config.active{border-color: #e2007a} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config.active h5{color: #e2007a} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config.active .tile_img{border-color: #e2007a} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config:not(.active):hover{opacity: .6} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column.left_column:after{ position: absolute;width: 10px;height: 10px;background-color: #fff;border-width: 1px 1px 0 0;border-style: solid;border-color: #cbcbcb;display: block;content: '';right: -6px;z-index: 5;top: 0;bottom: 0;margin: auto;transform: rotate(45deg);} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .selected_options .no_services{ font-size: 24px;text-align: left;line-height: 1.1} #main-content.main_site_content{background-image: url(/-/media/Additional/smart/konfigurator-prad/img/konfigurator/main_bg.png);background-repeat: no-repeat;background-position: center;background-color: #f3f3f3;background-size: auto;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config{flex-basis: 100%;display: flex;justify-content: space-between;align-items: center; padding: 10px 10px 10px 60px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config .tile_img{flex-basis: 150px;height: auto;border: none} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config .tile_img img{position: relative;top: auto;bottom: auto;left: auto;right: auto} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config h5{flex-basis: calc(100% - 150px);text-align: left;padding: 0} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config .ab_check_box{top: 10px;left: 10px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config .ab_check_box label {display: block;height: 80px;width: 470px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .constant_box{margin: 20px 0 40px;display: flex;flex-basis: 100%;justify-content: space-between;align-items: center;padding: 10px 10px 10px 60px;border:1px solid #e2007e;border-radius: 10px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .constant_box .tile_img{flex-basis: 150px;height: auto;border: none; width: 100%;text-align: center;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .constant_box .tile_img img{display: block} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .constant_box .box_text{flex-basis: calc(100% - 150px);text-align: left; font-size: 18px;line-height: 1.2;font-weight: 300;color: #e2007e;padding: 0!important;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_desc .constant_box .tile_img img{display: block;margin: 0 auto} @media all and (max-width: 1600px){ #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box{min-height: 690px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .selected_options{padding-top: 30px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page > a, #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_desc p, #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config h5, #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_head h5 span, #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_checks p, #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_bottom p{font-size: 15px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page > a, #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_desc p, #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config h5, #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_head h5 span, #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_checks p, #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_bottom p{font-size: 15px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_bottom img {position: absolute;left: 0;top: -3px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_bottom img {position: absolute;left: 0;top: -3px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column h3, #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_head h5{font-size: 24px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column h3, #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_head h5{font-size: 24px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_desc h4{font-size: 22px} #SH531-SMARTHEADS_CONFIG .config_main_content h2{font-size: 26px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_checks p img{top: 3px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_checks p img{top: 3px} #SH531-SMARTHEADS_CONFIG .config_main_content{padding: 20px 0} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_checks{margin: 17px 0} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_checks{margin: 17px 0} } @media all and (max-width: 1160px){ #SH531-SMARTHEADS_CONFIG .config_main_content h2{font-size: 24px} #SH531-SMARTHEADS_CONFIG .config_main_content{padding: 20px 0} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column h3,#SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_head h5{font-size: 22px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column h3,#SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_head h5{font-size: 22px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_desc h4{font-size: 20px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page > a,#SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_desc p,#SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config h5,#SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_head h5 span,#SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_checks p,#SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_bottom p{font-size: 14px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page > a,#SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_desc p,#SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config h5,#SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_head h5 span,#SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_checks p,#SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_bottom p{font-size: 14px} } @media all and (max-width: 1060px){ #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_checks p{flex-basis: 100%!important;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_checks p{flex-basis: 100%!important;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_checks{margin: 25px 0 15px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_checks{margin: 25px 0 15px} } @media all and (max-width: 1000px){ #SH531-SMARTHEADS_CONFIG .button {font-size: 16px;padding: 5px 5px 7px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .button_space{flex-basis: 40px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .selected_options {flex-basis: calc(100% - 70px);} } @media all and (max-width: 900px){ #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_head img{height: 58px;top: -8px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_head img{height: 58px;top: -8px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_head{padding-left: 65px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_head{padding-left: 65px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column{padding: 0 15px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box {min-height: 675px;padding: 20px 0;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_checks{padding-left: 10px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_checks{padding-left: 10px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_bottom{padding-left: 0} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_bottom{padding-left: 0} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box{margin: 20px 0} } @media all and (max-width: 820px){ #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column{flex-basis: 100%;margin-bottom: 15px;display: block} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box{min-height: 1px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .selected_options{padding-top: 0} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column h3{margin-bottom: 25px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_bottom p{padding-left: 0} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_bottom p{padding-left: 0} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles{margin-top: 30px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_bottom img{display: none} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_bottom img{display: none} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config .ab_check_box label{width: 340px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column.left_column {margin-bottom: 0; padding-bottom: 25px;border-right: none;border-bottom: 1px solid #CBCBCB;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column.left_column:after {top: auto;bottom: -6px;left: 0;right: 0;transform: rotate(135deg);} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box{overflow: hidden} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column.right_column{padding-top: 25px} #SH531-SMARTHEADS_CONFIG .config_main_content h2 br{display: none} #SH531-SMARTHEADS_CONFIG .config_main_content h2{padding: 0 10px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .constant_box{max-width: 49%} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config .tile_img,#SH531-SMARTHEADS_CONFIG .config_main_content .config_page .constant_box .tile_img{flex-basis: 130px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config,#SH531-SMARTHEADS_CONFIG .config_main_content .config_page .constant_box{ padding: 10px 10px 10px 40px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config h5{flex-basis: calc(100% - 130px)} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_desc p{flex-basis: calc(100% - 130px)} } @media all and (max-width: 660px){ #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .constant_box{max-width: 100%} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config{flex-basis: 100%} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config .ab_check_box label {width: 370px;} } @media all and (max-width: 500px){ #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_head img{display: none} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_head img{display: none} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_head{padding-left: 0} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_head{padding-left: 0} } @media all and (max-width: 430px){ #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .button_space{flex-basis: auto} #SH531-SMARTHEADS_CONFIG .button{flex-basis: 100%;margin: 5px auto} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option{margin-bottom: 30px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option{margin-bottom: 30px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_checks{margin: 15px 0;padding-left: 0} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_checks{margin: 15px 0;padding-left: 0} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column {padding: 0px 10px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page > a, #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_desc p, #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config h5, #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_head h5 span, #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_checks p, #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_bottom p{font-size: 13px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column h3, #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_head h5 {font-size: 20px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column h3, #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_head h5 {font-size: 20px;} #SH531-SMARTHEADS_CONFIG .config_main_content h2{font-size: 20px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box {padding: 20px 0 0;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page > a img{height: 9px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box{margin: 20px 0} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .single_option .option_checks p img{top: 2px} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .constant_option .option_checks p img{top: 2px} } #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .circle_navigation{display: flex; margin-bottom: 35px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .circle_navigation .single_navigation_box{width: 50%;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .circle_navigation .single_navigation_box .inside_box{width: 55px; cursor: pointer;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .circle_navigation .single_navigation_box:first-of-type{position: relative;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .circle_navigation .single_navigation_box:first-of-type:after{content: ''; position: absolute; top: 27px; left: 55px; display: block; width: calc(100% - 55px); height: 2px; background-color: #D9D9D9;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .circle_navigation .single_navigation_box .inside_box .top_circle{width: 55px; height: 55px; border-radius: 50%; border: 1px solid #A5A6A6; display: flex; align-items: center; justify-content: center; font-weight: 600; color: #707173; font-size: 26px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .circle_navigation .single_navigation_box .inside_box .circle_title{font-size: 14px; font-weight: 600; color: #707173; text-align: center; margin-top: 10px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .circle_navigation .single_navigation_box .inside_box.active_box .top_circle{border: 2px solid #e2007a; color: #e2007a;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .circle_navigation .single_navigation_box .inside_box.active_box .circle_title{color: #e2007a;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box #t-f-order-button{cursor: pointer; flex-basis: 100%; display: none;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box #second_step_btn{cursor: pointer; flex-basis: 100%; display: none;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .paragraph_with_dot {position: relative; font-size: 1.8rem; font-weight: 400;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .paragraph_with_dot:first-of-type{margin-bottom: 15px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .paragraph_with_dot:last-of-type{margin-bottom: 35px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .paragraph_with_dot::before{content: ''; position: absolute; top: 5px; left: 0; display: block; width: 8px; height: 8px; background-color: #2A64D8; border-radius: 50px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box.config_box .paragraph_with_dot .blue_color {color: #2A64D8; font-size: 22px; font-weight: 600;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .paragraph_with_dot .semibold{font-weight: 600;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box.active_first_step #c_first_step{display: block;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box.active_first_step #c_second_step{display: none;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box.active_second_step #c_first_step{display: none;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box.active_second_step #c_second_step{display: block;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box.active_second_step #second_step_btn{display: none !important;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box.active_second_step #t-f-order-button{display: block;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box.active_second_step .left_column{justify-content: flex-start;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .single_row .row_title{font-size: 16px; font-weight: 600; margin-bottom: 15px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .single_row .hidden_agreement_content{width: 100%; height: 70px; font-size: 14px; padding: 10px; border-radius: 4px; margin-top: 15px; margin-bottom: 15px; border: 1px solid #ebebeb; overflow-y: scroll; display: none;} #SH531-SMARTHEADS_CONFIG .single_agreement{position: relative; margin-bottom: 10px;} #SH531-SMARTHEADS_CONFIG .single_agreement [type='checkbox']:not(:checked),#SH531-SMARTHEADS_CONFIG .single_agreement [type='checkbox']:checked { position: absolute; left: -9999px; } #SH531-SMARTHEADS_CONFIG .single_agreement [type='checkbox']:not(:checked) + label,#SH531-SMARTHEADS_CONFIG .single_agreement [type='checkbox'] + label {padding-left: 35px; color: #000; cursor: pointer;} #SH531-SMARTHEADS_CONFIG .single_agreement [type='checkbox']:checked + label {color: #e2007a; font-weight: 600;} #SH531-SMARTHEADS_CONFIG .single_agreement [type='checkbox']:not(:checked) + label:before,#SH531-SMARTHEADS_CONFIG .single_agreement [type='checkbox']:checked + label:before { content: ''; position: absolute; top: -3px; left: 0; width: 24px; height: 24px; background: #fff; border: 1px solid #808080;border-radius: 6px} #SH531-SMARTHEADS_CONFIG .single_agreement [type='checkbox']:not(:checked) + label:after,#SH531-SMARTHEADS_CONFIG .single_agreement [type='checkbox']:checked + label:after { content: ''; position: absolute; top: 3px; left: 6px;width: 14px;height: 10px;background-image: url(/-/media/Additional/smart/konfigurator-prad/img/konfigurator/check.png); background-size: contain; background-position: center;} #SH531-SMARTHEADS_CONFIG .single_agreement [type='checkbox']:not(:checked) + label:after { transform: scale(0); opacity: 0; } #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .single_row .hidden_agreement_content::-webkit-scrollbar {width: 10px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .single_row .hidden_agreement_content::-webkit-scrollbar-track {background: #FAFAFA; box-shadow: inset 0.480626px 0px 0px #E8E8E8, inset -0.480626px 0px 0px #F0F0F0; border-radius: 0px 3.80357px 3.80357px 0px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .single_row .hidden_agreement_content::-webkit-scrollbar-thumb {background-color: #C1C1C1; border-radius: 50px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .single_row .open_agreement{position: absolute; right: 0; top: 0;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .single_row .open_agreement .open_text{font-size: 14px; display: flex; align-items: center; cursor: pointer;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .single_row .open_agreement .open_text:hover{color: #e2007a;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .single_row .open_agreement .open_text:hover path{fill: #e2007a;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .single_row .open_agreement .open_text svg{margin-left: 5px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .single_row .open_agreement .close_text{font-size: 14px; display: flex; align-items: center; font-weight: 600; color: #e2007a; display: none; cursor: pointer;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .single_row .open_agreement .close_text svg{margin-left: 5px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .single_row .active_agreement_content .close_text{display: flex;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .single_row .active_agreement_content .open_text{display: none;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .single_row .active_agreement_content .hidden_agreement_content{display: block;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .single_row .documents_box{margin-top: 15px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .single_row .documents_box .single_document_link{padding-left: 30px; position: relative; color: #000; display: block; margin-top: 5px;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .single_row .documents_box .single_document_link:hover{color: #e2007a;} #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .single_row .documents_box .single_document_link svg{position: absolute; left: 0; top: 0;} .contrast #SH531-SMARTHEADS_CONFIG .check-box [type='checkbox']:not(:checked) + label:before, .contrast #SH531-SMARTHEADS_CONFIG .check-box [type='checkbox']:checked + label:before {background: transparent !important;} .contrast #SH531-SMARTHEADS_CONFIG .single_agreement [type='checkbox']:not(:checked) + label:before, .contrast #SH531-SMARTHEADS_CONFIG .single_agreement [type='checkbox']:checked + label:before {background: transparent !important;} .contrast #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box{border: 1px solid #fff;} .contrast #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column.left_column:after{display: none;} .contrast #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column label{background-color: transparent !important;} .contrast #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config:not(.active):hover{opacity: unset !important; border-color: #ffe800 !important;} .contrast #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .circle_navigation .single_navigation_box .inside_box.active_box .top_circle{border-color: #ffe800 !important;} .contrast #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .config_column .services_tiles .single_tile_config.active{border-color: #ffe800 !important;} .contrast #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box #t-f-order-button{border-color: #ffe800 !important; background-color: #ffe800 !important; color: #000 !important;} .contrast #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box #second_step_btn{border-color: #ffe800 !important; background-color: #ffe800 !important; color: #000 !important;} .contrast #SH531-SMARTHEADS_CONFIG .single_agreement [type='checkbox']:checked+label{color: #ffe800 !important;} .contrast #SH531-SMARTHEADS_CONFIG .config_main_content .config_page .config_box .single_row .documents_box .single_document_link path{fill: #ffe800 !important;} .z_autocomplete.z_prd_localisation {display: flex; align-content: center; justify-content: flex-end;} #SH531-SMARTHEADS_CONFIG .popup-links-wrapper {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; width: 100%; padding: 0 36px;} #SH531-SMARTHEADS_CONFIG .popup-links-wrapper .link-agree {display: flex; align-items: center; gap: 6px; font-size: 18px !important;} #SH531-SMARTHEADS_CONFIG .popup-links-wrapper #t-f-order-button-without-agrrements {color: #757575 !important; font-size: 18px !important; transition: color .3s;} #SH531-SMARTHEADS_CONFIG .popup-links-wrapper #t-f-order-button-without-agrrements:hover {color: #E2007A !important;} #customer_service #z_change .z_documents_box {width: 100%; max-width: 100%;} #customer_service #z_change .z_product_content_2 > .c_page {padding: 0;} .contrast #SH531-SMARTHEADS_CONFIG .popup-checkboxes .innerbox {border-color: #FFE800 !important;} .contrast #SH531-SMARTHEADS_CONFIG .popup-checkboxes .innerbox svg path[fill] {fill: #FFE800 !important;} .contrast #SH531-SMARTHEADS_CONFIG .popup-checkboxes .innerbox svg path[stroke] {stroke: #FFE800 !important;} .contrast #SH531-SMARTHEADS_CONFIG .popup-checkboxes .innerbox svg rect[fill] {fill: #FFE800 !important;} .contrast #SH531-SMARTHEADS_CONFIG .popup-checkboxes .innerbox svg rect[stroke] {stroke: #FFE800 !important;} .contrast #SH531-SMARTHEADS_CONFIG .popup-checkboxes .innerbox .magenta {color: #FFE800 !important;} .contrast #SH531-SMARTHEADS_CONFIG .popup-links-wrapper #t-f-order-button-without-agrrements {color: #FFF !important;} .contrast #SH531-SMARTHEADS_CONFIG .popup-links-wrapper #t-f-order-button-without-agrrements:hover {color: #FFE800 !important;} .contrast #SH531-SMARTHEADS_CONFIG .popup-checkboxes {background-color: transparent !important;} .contrast #customer_service #z_change .z_documents_box .z_doc_content {margin-top: 16px; border: 2px solid #FFF;} @media all and (max-width: 768px) { #SH531-SMARTHEADS_CONFIG .popup-links-wrapper {flex-direction: column; gap: 8px;} } #main-content.main_site_content {background-image: none !important;}