/* Heizkreisrechner 2015, v1.3 vom 19.01.2016, Autor: mai@mai-multimedia.de */
#hk_container{font-family:Roboto,sans-serif;color:#6c7478;line-height:20px}
#hk_container a.more{color:#ee7f01;text-decoration:none;outline:0}
#hk_container a.more:hover{color:#d65000;text-decoration:none;outline:0}
#hk_container a.more:after {font-family:'150306_schlueter_iconfont';font-style:normal;font-variant:normal;font-weight:normal;line-height:20px;text-transform:none;content:"\e608" !important;margin:0 0 0 4px}
#hk_container h3{padding-left:40px;position:relative;margin-bottom:15px;font-size:20px;line-height:22px}
#hk_container h3 span.step{font-size:12px;background:#5C5C5B;display:inline-block;width:24px;line-height:24px;border-radius:24px;color:#fff;text-align:center;margin-right:10px;position:absolute;left:0}
#hk_container ul.options{padding:0 0 0 30px}
#hk_container ul.options li{background:#f7f7f7;padding:10px 30px 10px 40px;position:relative}
#hk_container ul.options li + li{margin-top:1px}
#hk_container ul.options li label{font-size:15px!important}
#hk_container ul.options li:hover{background:#ebebeb}
#hk_container ul.options li .radio-label{padding-left:30px;margin-left:-30px;cursor:pointer;position:relative}
#hk_container ul.options li .radio-label:before{content:'';position:absolute;width:16px;height:16px;background:url(images/radiobutton@2.png) no-repeat;background-size:100% auto;left:0;top:2px}
#hk_container ul.options li input[type="radio"]:checked + .radio-label:before{background-position:0 -16px}
#hk_container ul.options li a.more{position:absolute;left:400px;top:10px;background-size:11px 11px;background-position:left center;display:inline-block;padding-left:0} /* padding-left war: 16px */
.hk-step{margin-bottom:25px}
.hk-step.ng-hide-remove{opacity:0;display:block!important}
.hk-step .ng-hide-remove.ng-hide-remove-active{opacity:1}
.hk-step.step3 label{float:left}
.hk-step.step3 li{min-height:50px}
.hk-step.step3 input{float:right;line-height:21px !important;height:21px !important;box-shadow:none;font-size:15px;font-weight:normal;width:100%}
#hk-popup{display:none}
.hk-infoimg{width:80px;height:38px;position:absolute;left:290px;top:0}
.hk-infoimg img{max-width:100%!important;width:auto;border:1px solid #cfcfcf!important}
.heizlast{width:109px;position:relative;margin-top:0;display:inline-block}
.heizlast img{max-width:100%;border:0!important;width:auto}
.hk-step{opacity:1}
.hk-step.ng-hide-remove{opacity:0;display:block!important;-webkit-transition:all ease-out .5s;-moz-transition:all ease-out .5s;-o-transition:all ease-out .5s;transition:all ease-out .5s}
.hk-step.ng-hide-remove.ng-hide-remove-active{opacity:1}
.hk-step.step2 .step2-title{display:block}
.hk-step.step2 .info{position:absolute;top:0;left:185px;padding-left:80px}
.hk-step.step2 .heizlast img{max-width:100%!important}
.hk-step.result h3{float:left;margin:0!important;color:#6c7478!important;width:175px}
.hk-step.result #res-detail{float:left}
.hk-step.result #res-detail .res-desc{display:inline-block;width:200px}
.hk-step.result #res-detail .res-val{display:inline-block;width:50px;text-align:right;font-weight:700}
.hk-step.result #res-detail .res-unit{display:inline-block;width:50px;font-weight:700;margin-left:5px}
.hk-step.result #res-footer{padding-left:30px}
.hk-step.result #res-action{text-align:right;padding-right:30px}
.hk-step.result #res-action a{background-repeat:no-repeat;line-height:24px;display:inline-block;background-size:auto 24px;padding-left:30px;cursor:pointer}
.hk-step.result #res-action a + a{margin-left:15px}
.hk-step.result #res-action a#hk-reset{background-image:url(images/reset@2.png);margin-right:5px}
.hk-step.result #res-action a#hk-print{background-image:url(images/printer@2.png);margin-right:5px}
.hk-step.result hr{margin-top:40px;margin-bottom:15px}
#hkr-tabelle{font-size:12px}
#hkr-tabelle ul{list-style:square;padding-left:20px!important;margin-top:1.5em;font-size:15px;line-height:20px}
#hkr-tabelle ul li{background-image:none!important;padding:0!important;margin-bottom:0.5em}
#hkr-tabelle h4{color:#5C5C5B!important}
#hkr-tabelle table{margin-top:10px;width:100%;border-collapse:collapse}
#hkr-tabelle table thead th{border-top:1px solid #999;font-weight:700;vertical-align:top;text-align:left;padding:3px 0}
#hkr-tabelle table thead th.middle{padding:3px 5px}
#hkr-tabelle table tbody td{border-top:1px solid #999;padding:3px 0}
#hkr-tabelle table tbody td.middle{padding:3px 5px}
#rgf-slider{margin-top:30px}
#rgf-slider.noUi-horizontal{height:11px}
#rgf-slider.noUi-target{border-radius:6px;border:1px solid #98a1a6;box-shadow:none}
#rgf-slider .noUi-handle{border:0;border-radius:25px;background:transparent;background-image:url(images/knob@2.png);background-size:100% 100%;cursor:default;box-shadow:none}
#rgf-slider .noUi-handle:before{display:none!important}
#rgf-slider .noUi-handle:after{display:none!important}
#rgf-slider .noUi-active{box-shadow:none}
#rgf-slider.noUi-horizontal .noUi-handle{width:25px;height:25px;left:-12px;top:-8px}
#rgf-slider .noUi-background{background:#FAFAFA;box-shadow:inset 0 1px 1px #f0f0f0}
#rgf-slider .noUi-connect{background:#3FB8AF;box-shadow:inset 0 0 3px rgba(51,51,51,0.45);-webkit-transition:background 450ms;transition:background 450ms}
#rgf-slider .noUi-origin{border-radius:2px}
#rgf-slider .noUi-target.noUi-connect{box-shadow:inset 0 0 3px rgba(51,51,51,0.45),0 3px 6px -5px #bbb}
#rgf-slider .noUi-handle:before,#rgf-slider .noUi-handle:after{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}
#rgf-slider .noUi-handle:after{left:17px}
#rgf-slider .noUi-vertical .noUi-handle:before,#rgf-slider .noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px}
#rgf-slider .noUi-vertical .noUi-handle:after{top:17px}
#rgf-slider [disabled].noUi-connect,#rgf-slider [disabled] .noUi-connect{background:#B8B8B8}
#rgf-slider [disabled] .noUi-handle{cursor:not-allowed}
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;-ms-user-select:none;-moz-user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}
.noUi-base{width:100%;height:100%;position:relative}
.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0}
.noUi-handle{position:relative;z-index:1}
.noUi-stacking .noUi-handle{z-index:10}
.noUi-stacking + .noUi-origin{*z-index:-1}
.noUi-state-tap .noUi-origin{-webkit-transition:left 0.3s,top .3s;transition:left 0.3s,top .3s}
.noUi-state-drag *{cursor:inherit!important}
.noUi-horizontal{height:18px}
.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}
.noUi-horizontal.noUi-extended{padding:0 15px}
.noUi-horizontal.noUi-extended .noUi-origin{right:-15px}
.noUi-vertical{width:18px}
.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}
.noUi-vertical.noUi-extended{padding:15px 0}
.noUi-vertical.noUi-extended .noUi-origin{bottom:-15px}
.noUi-background{background:#FAFAFA;box-shadow:inset 0 1px 1px #f0f0f0}
.noUi-connect{background:#3FB8AF;box-shadow:inset 0 0 3px rgba(51,51,51,0.45);-webkit-transition:background 450ms;transition:background 450ms}
.noUi-origin{border-radius:2px}
.noUi-target{border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}
.noUi-target.noUi-connect{box-shadow:inset 0 0 3px rgba(51,51,51,0.45),0 3px 6px -5px #BBB}
.noUi-dragable{cursor:w-resize}
.noUi-vertical .noUi-dragable{cursor:n-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,[disabled] .noUi-connect{background:#B8B8B8}
[disabled] .noUi-handle{cursor:not-allowed}
@media all and (min-width:600px) and (max-width:820px) {
#hk_container ul.options li{padding:10px 10px 10px 40px}
#hk_container ul.options li a.more{position:static;display:inline-block;left:10px;top:10px;padding-left:0}
.hk-step.step3 input{float:none;width:100%!important;line-height:21px;height:21px;box-shadow:none;padding:2px 5px 0}
.hk-infoimg{width:110px;height:38px;position:absolute;right:10px;top:0;left:auto}
.heizlast{width:109px;position:relative;margin-top:0;display:inline-block}
.heizlast img{max-width:100%;border:0!important;width:auto}
.hk-step.result h3{float:none;width:auto;margin-bottom:10px!important}
.hk-step.result #res-detail{float:none;padding-left:40px}
.hk-step.result #res-footer{padding-left:0}
/* .hk-step.result #res-action a#hk-print{display:none} */
.hk-step.result hr{margin-top:20px}
#heizkreisrechner .col25{float:none}
#heizkreisrechner .col75{width:100%;float:none}
#hkr-tabelle{margin-top:50px;width:580px}
}
@media all and (max-width:599px) {
#hk_container ul.options{padding:0;margin-left:-10px;margin-right:-10px}
#hk_container ul.options li{padding:10px 10px 10px 30px}
#hk_container ul.options li .radio-label{padding-left:20px;margin-left:-20px}
#hk_container ul.options li a.more{position:static;display:inline-block;left:10px;top:10px;padding-left:0}
.hk-step.step2 .info{top:0;left:159px;padding-left:80px}
.hk-step.step2 .info span{font-size:12px;line-height:14px;display:inline-block}
.hk-step.step3 input{float:none;width:100%!important;line-height:21px;height:21px;box-shadow:none;padding:2px 5px 0}
.hk-infoimg{width:90px;height:38px;position:absolute;right:0;top:6px;left:auto}
.heizlast{width:109px;position:relative;margin-top:0;display:inline-block}
.heizlast img{max-width:100%;border:0!important;width:auto}
.hk-step.result h3{float:none;width:auto;margin-bottom:10px!important}
.hk-step.result #res-detail{float:none;padding-left:40px}
.hk-step.result #res-footer{padding-left:0}
.hk-step.result hr{margin-top:20px}
#hkr-tabelle{margin-top:50px;max-width:580px}
}
@media all and (min-width:821px) and (max-width:960px) {
#heizkreisrechner .col25{width:auto;float:none}
#heizkreisrechner .col75{width:770px;float:none;} /* HACK: Wegen fester Breite des Frameworks */
#hk_container {}
#hkr-tabelle{margin-top:50px;width:580px}
}
@media all and (max-width:400px) {
.hk-infoimg{position:relative;width:156px;height:auto;margin-bottom:3px;}
.hk-step.step2 .info{position:relative;left:0;padding-left:80px}
.hk-step.result #res-detail .res-desc{display:block;width:auto}
.hk-step.result #res-detail .res-val{width:auto}
.hk-step.result #res-action{text-align:left;}
.hk-step.result #res-action a + a{margin-left:0;display:block;}
.hk-step.result #res-action a#hk-print{margin-top:15px;}
}