.kostenrechner h4 {font-family:"Frutiger Bold Condensed", Arial, Tahoma, sans-serif;font-size: 20px;font-weight: normal;line-height: 1.5;color: #ab4081;margin-bottom: 38px;}.kostenrechner .badge {width: 30px;height: 30px;background: #ab4081;border-radius: 50%;font-family: "Frutiger Bold Condensed", Arial, Tahoma, sans-serif;font-size: 16px;line-height: 2;color: #fff;display: inline-block;text-align: center;position: relative;top: -2px;margin-right: 3px;}.kostenrechner .container {background: #fff;box-shadow: 0 0 7px 0 rgba(85, 85, 85, 0.45);}.kostenrechner .grid_wrapper {padding: 40px 20px 10px;}.kostenrechner .grid_wrapper .grid {overflow: visible;}.kostenrechner [class*='col-']:last-of-type {padding-right: 0px;padding-left: 40px;}.kostenrechner .kr_details {line-height: 1.2;color: #c4c4c4;font-size: 14px;font-family: "Frutiger 55 Roman", Arial, Tahoma, sans-serif;padding: 20px 25px;}.kostenrechner .ergebnis {background-color: #ab4081;color: #ffffff;font-size: 25px;display: inline;text-align: center;float: right;width: 140px;border: none;}.kostenrechner label.er {color: #6d6e76;font-size: 14px;position: relative;top: 40px;color: #6d6e76;font-family: "Frutiger 55 Roman", Arial, Tahoma, sans-serif;}.kostenrechner .sv_label {float: left;color: #6d6e76;font-size: 20px;font-family:"Frutiger Bold Condensed", Arial, Tahoma, sans-serif;}.kostenrechner .fr {float: right;text-align: right;position: relative;font-family:"Frutiger Bold Condensed", Arial, Tahoma, sans-serif;color: #6d6e76;font-size: 18px;line-height: 1.5;margin: 0;padding: 0;}.kostenrechner .fr .show_value {color: #ab4081;font-size: 20px;width: 80px;text-align: right;float: right;border: none;margin: 0px;position: absolute;right: 33px;border: 0;font-family:"Frutiger Bold Condensed", Arial, Tahoma, sans-serif;color: #ab4081;padding: 0;background: transparent;max-width:none;top:4px;}.kostenrechner .clear {visibility: visible;width: auto;height: auto;padding: 0;}.kostenrechner .kr_farben {background: url(../img/form-farben.jpg) no-repeat left center;padding-left: 75px;background-color: #f5f5f5;line-height: 1.3;font-size: 14px;height: 44px;color: #424242;font-family: "Frutiger 55 Roman", Arial, Tahoma, sans-serif;padding-top: 10px;}.kostenrechner sup {position: relative;left: -1px;}.kostenrechner .range_wrapper {position: relative;overflow: visible !important;min-height: 75px;top:25px;}.range_wrapper .left {position: absolute;left: -5px;top: 25px;color: #6d6e76;font-size: 15px;font-family: "Frutiger 55 Roman", Arial, Tahoma, sans-serif;}.range_wrapper .right {position: absolute;right: -24px;top: 20px;color: #6d6e76;font-size: 15px;font-family: "Frutiger 55 Roman", Arial, Tahoma, sans-serif;}.kostenrechner input[type=range] {-webkit-appearance: none;-moz-appearance: none;appearance: none;display: none;}.kr_farben input {float: right;margin: -5px 15px 0 0;border: none;background-color: #dadada !important;}.kostenrechner small {font-size: 89%;opacity: 0.7;}.kostenrechner .kr_aufwand {background: url(../img/form-aufwand.jpg) no-repeat left center;padding-left: 75px;background-color: #f5f5f5;color: #424242;height: 44px;padding-top: 5px;}.kr_aufwand select {font-family: "Frutiger 55 Roman", Arial, Tahoma, sans-serif;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;color: #424242;background-color: transparent;background-image: linear-gradient(45deg, transparent 50%, #b6b6b6 50%), linear-gradient(135deg, #b6b6b6 50%, transparent 50%);background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);background-size: 5px 5px, 5px 5px;background-repeat: no-repeat;width: 357px;width: 100%;margin-bottom: 0;height: 34px;padding-top: 10px;padding-left: 0;}.kr_aufwand select:focus {background-image: linear-gradient(45deg, #b6b6b6 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #b6b6b6 50%);background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em;background-size: 5px 5px, 5px 5px;background-repeat: no-repeat;outline: 0;}.kr_aufwand select option {width: 100%;padding: 4px 2px;font-size: 14px;border: 1px solid #f5f5f5;font-family: "Frutiger 55 Roman", Arial, Tahoma, sans-serif;}.kr_aufwand select option:hover {background: #ab4081;color: #fff;}.kr_aufwand select::-ms-expand {display: none;}.kostenrechner a.kostenchecklink {color: #fff;text-align:right;}.kostenrechner .kostenr {font-family: "Frutiger Bold Condensed", Arial, Tahoma, sans-serif;color: #fff;line-height: 2.1;font-size: 14px;border-radius: 3px;background-image: linear-gradient(to top, #1db3eb, #1db3eb), linear-gradient(#1db3eb, #1db3eb);box-shadow: 0 0 7px 0 rgba(85, 85, 85, 0.45);border: 1px solid #1db3eb !important;width: 90%;margin-top: 30px;padding: .6em 1.6em .5em 1.6em;display: block;margin-bottom: 27px;text-decoration: none;text-align: center;}.kostenrechner .kostenr:hover, .kostenrechner .kostenr:focus {color: #3f3f3f !important;background: #fff;text-decoration: none;}.kostenrechner .rangeslider--horizontal {height: 5px;width: 100%;width: calc(100% - 2px);}.kostenrechner .rangeslider {background: #e4e4e4;}.rangeslider:before {content: '';display: block;position: absolute;height: 11px;width: 2px;background-color: #ab4081;top: -3px;left: -2px px;}.rangeslider:after {content: '';display: block;position: absolute;height: 11px;width: 2px;background-color: #e4e4e4;top: -3px;right: -2px;}.kostenrechner .rangeslider, .kostenrechner .rangeslider__fill {display: block;-moz-box-shadow: none;webkit-box-shadow: none;box-shadow: none;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;}.kostenrechner .rangeslider__fill {background: #ab4081;position: absolute;}.kostenrechner .rangeslider__handle {width: 24.1px;height: 24.1px;background-color: #ab4081;box-shadow: 0 3px 7px 0 rgba(81, 81, 81, 0.4);border: 0;background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 39%, rgba(171,64,129,1) 41%, rgba(171,64,129,1) 72%, rgba(183,91,147,0) 76%, rgba(255,255,255,0) 100%);background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 39%,rgba(171,64,129,1) 41%,rgba(171,64,129,1) 72%,rgba(183,91,147,0) 76%,rgba(255,255,255,0) 100%);background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 39%,rgba(171,64,129,1) 41%,rgba(171,64,129,1) 72%,rgba(183,91,147,0) 76%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );}.kostenrechner .rangeslider__handle:active {width: 23px;height: 23px;background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 39%, rgba(171,64,129,1) 41%, rgba(171,64,129,1) 72%, rgba(183,91,147,0) 76%, rgba(255,255,255,0) 100%);background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 39%,rgba(171,64,129,1) 41%,rgba(171,64,129,1) 72%,rgba(183,91,147,0) 76%,rgba(255,255,255,0) 100%);background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 39%,rgba(171,64,129,1) 41%,rgba(171,64,129,1) 72%,rgba(183,91,147,0) 76%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );}.kostenrechner .rangeslider__handle:after {display: none;}.rangeslider, .rangeslider__fill {display: block;-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}.rangeslider {background: #e6e6e6;position: relative;}.rangeslider--horizontal {height: 20px;width: 100%;}.rangeslider--vertical {width: 20px;min-height: 150px;max-height: 100%;}.rangeslider--disabled {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity: 0.4;}.rangeslider__fill {background: #00ff00;position: absolute;}.rangeslider--horizontal .rangeslider__fill {top: 0;height: 100%;}.rangeslider--vertical .rangeslider__fill {bottom: 0;width: 100%;}.rangeslider__handle {background: white;border: 1px solid #ccc;cursor: pointer;display: inline-block;width: 40px;height: 40px;position: absolute;background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');background-size: 100%;background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}.rangeslider__handle:after {content: "";display: block;width: 18px;height: 18px;margin: auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size: 100%;background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}.rangeslider__handle:active {background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size: 100%;background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));}.rangeslider--horizontal .rangeslider__handle {top: -10px;touch-action: pan-y;-ms-touch-action: pan-y;}.rangeslider--vertical .rangeslider__handle {left: -10px;touch-action: pan-x;-ms-touch-action: pan-x;}input[type="range"]:focus + .rangeslider .rangeslider__handle {-moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);-webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);}.kostenrechner .col-6-12 {width: 430px;float:left;}@media screen and (max-width: 1024px) {.kostenrechner .col-6-12 {width: 100%;}.kostenrechner [class*='col-']:last-of-type {padding-left:0px;}.kostenrechner .kostenr {width: 95%;}.range_wrapper .right {right: -8px;}}