.plast label.graa[for=step_4_1_1]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20sort/rendejern-lang-galvaniseret_fritlagt-300dpi.jpg&width=960&format=jpg)}.plast label.graa[for=step_4_1_2]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20grå/rendejern%20lang%20grå%204723656.jpg&width=960&format=jpg)}.plast label.graa[for=step_4_1_3]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20grå/rendejern%20kort%20grå%2070173.jpg&width=960&format=jpg)}.plast label.graa[for=step_4_2_1]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20grå/pvc%20konsol%20grå%2070151.jpg&width=960&format=jpg)}.plast label.graa[for=step_4_2_2]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20grå/kile%20for%20pvc%20konsol%20grå%2070155.jpg&width=960&format=jpg)}.plast label.graa[for=step_4_3_1]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20grå/udkaster%20grå%208350522.jpg&width=960&format=jpg)}.plast label.graa[for=step_4_3_2]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20grå/nedførsel%20grå%2070231.jpg&width=960&format=jpg)}.plast label.graa[for=step_4_5_1]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20grå/brønkrave%20130%20mm%20grå%2070232.jpg&width=960&format=jpg)}.plast label.graa[for=step_4_5_2]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20grå/brønkrave%20150%20mm%20grå%2070233.jpg&width=960&format=jpg)}.plast label.graa[for=step_4_7_33]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20grå/grenrør%2045%20gr.%20grå%2070221.jpg&width=960&format=jpg)}.plast label.graa[for=step_4_7_34]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20grå/vandudviser%20grå%2070222.jpg&width=960&format=jpg)}.plast label.graa[for=step_4_8_1]{background-image:url(/admin/public/getimage.ashx?Image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20gr%C3%A5/bøjning%2045%20gr.%20grå%2070212.jpg&width=960&format=jpg)}.plast label.graa[for=step_4_8_2]{background-image:url(/admin/public/getimage.ashx?Image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20gr%C3%A5/bøjning%2067%20gr.%20grå%2070213.jpg&width=960&format=jpg)}.plast label.hvid[for=step_4_1_1]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20sort/rendejern-lang-galvaniseret_fritlagt-300dpi.jpg&width=960&format=jpg)}.plast label.hvid[for=step_4_1_2]{display:none!important}.plast label.hvid[for=step_4_1_3]{display:none!important}.plast label.hvid[for=step_4_2_1]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20hvid/pvc%20konsol%20hvid%2071151.jpg&width=960&format=jpg)}.plast label.hvid[for=step_4_2_2]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20hvid/kile%20for%20pvc%20konsol%20hvid%2071155.jpg&width=960&format=jpg)}.plast label.hvid[for=step_4_3_1]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20hvid/udkaster%20hvid%2071234.jpg&width=960&format=jpg)}.plast label.hvid[for=step_4_3_2]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20hvid/nedførsel%20hvid%2071231.jpg&width=960&format=jpg)}.plast label.hvid[for=step_4_5_1]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20hvid/brøndkrave%20130%20mm%20hvid%2071232.jpg&width=960&format=jpg)}.plast label.hvid[for=step_4_5_2]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20hvid/brøndkrave%20150%20mm%20hvid%2071233.jpg&width=960&format=jpg)}.plast label.hvid[for=step_4_7_33]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20hvid/grenrør%2045%20gr.%20hvid%2071221.jpg&width=960&format=jpg)}.plast label.hvid[for=step_4_7_34]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20hvid/vandudviser%20hvid%2071222.jpg&width=960&format=jpg)}.plast label.hvid[for=step_4_8_1]{background-image:url(/admin/public/getimage.ashx?Image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20hvid/bøjning%2045%20gr.%20hvid%2071212%20billed%202.jpg&width=960&format=jpg)}.plast label.hvid[for=step_4_8_2]{background-image:url(/admin/public/getimage.ashx?Image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20hvid/bøjning%2067%20gr.%20hvid%2071213%20billed%202.jpg&width=960&format=jpg)}.plast label.sort[for=step_4_1_1]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20sort/rendejern-lang-galvaniseret_fritlagt-300dpi.jpg&width=960&format=jpg)}.plast label.sort[for=step_4_1_2]{display:none!important}.plast label.sort[for=step_4_1_3]{display:none!important}.plast label.sort[for=step_4_2_1]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20sort/pvc%20konsol%20sort%2073151.jpg&width=960&format=jpg)}.plast label.sort[for=step_4_2_2]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20sort/kile%20for%20pvc%20konsol%20sort%2073155.jpg&width=960&format=jpg)}.plast label.sort[for=step_4_3_1]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20sort/udkaster%20sort%20733234.jpg&width=960&format=jpg)}.plast label.sort[for=step_4_3_2]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20sort/nedførsel%20sort%2073231.jpg&width=960&format=jpg)}.plast label.sort[for=step_4_5_1]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20sort/brøndkrave%20130%20mm%20sort%2073232.jpg&width=960&format=jpg)}.plast label.sort[for=step_4_5_2]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20sort/brøndkrave%20150%20mm%20sort%2073233.jpg&width=960&format=jpg)}.plast label.sort[for=step_4_7_33]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20sort/grenrør%2045%20gr.%20sort%205887680.jpg&width=960&format=jpg)}.plast label.sort[for=step_4_7_34]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20sort/vandudviser%20sort%2073222.jpg&width=960&format=jpg)}.plast label.sort[for=step_4_8_1]{background-image:url(/admin/public/getimage.ashx?Image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20sort/bøjning%2045%20gr.%20sort%2073212.jpg&width=960&format=jpg)}.plast label.sort[for=step_4_8_2]{background-image:url(/admin/public/getimage.ashx?Image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20sort/bøjning%2067%20gr.%20Sort%205887679.jpg&width=960&format=jpg)}.metal label.aluzink[for=step_4_1_4]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/silvermetallic/silvermetallic_rendejern_kort_www.jpg&width=960&format=jpg)}.metal label.aluzink[for=step_4_1_5]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/silvermetallic/silvermetallic_rendejern_lang_www.jpg&width=960&format=jpg)}.metal label.aluzink[for=step_4_2_3]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/aluzink/aluzink_konsoljern_90_www.jpg&width=960&format=jpg)}.metal label.aluzink[for=step_4_2_4]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/aluzink/aluzink_justerbart_konsoljern_www.jpg&width=960&format=jpg)}.metal label.aluzink[for=step_4_4_1]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/aluzink/aluzink_udkaster_www.jpg&width=960&format=jpg)}.metal label.aluzink[for=step_4_4_2]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/aluzink/aluzink_sokkelknae_www.jpg&width=960&format=jpg)}.metal label.aluzink[for=step_4_4_3]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/aluzink/aluzink_skydestykke_med_krave_www.jpg&width=960&format=jpg)}.metal label.aluzink[for=step_4_6_1]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/aluzink/aluzink_broendkrave_110mm_www.jpg&width=960&format=jpg)}.metal label.aluzink[for=step_4_6_2]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/aluzink/aluzink_broendkrave_150mm_www.jpg&width=960&format=jpg)}.metal label.aluzink[for=step_4_7_33]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/aluzink/aluzink_grenroer_www.jpg&width=960&format=jpg)}.metal label.aluzink[for=step_4_7_34]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/aluzink/aluzink_udloebsroer_med_klap_www.jpg&width=960&format=jpg)}.metal label.silvermetallic[for=step_4_1_4]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/silvermetallic/silvermetallic_rendejern_kort_www.jpg&width=960&format=jpg)}.metal label.silvermetallic[for=step_4_1_5]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/silvermetallic/silvermetallic_rendejern_lang_www.jpg&width=960&format=jpg)}.metal label.silvermetallic[for=step_4_2_3]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/silvermetallic/silvermetallic_konsoljern_90_www.jpg&width=960&format=jpg)}.metal label.silvermetallic[for=step_4_2_4]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/silvermetallic/silvermetallic_justerbart_konsoljern_www.jpg&width=960&format=jpg)}.metal label.silvermetallic[for=step_4_4_1]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/silvermetallic/silvermetallic_udkaster_www.jpg&width=960&format=jpg)}.metal label.silvermetallic[for=step_4_4_2]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/silvermetallic/silvermetallic_sokkelknae_www.jpg&width=960&format=jpg)}.metal label.silvermetallic[for=step_4_4_3]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/silvermetallic/silvermetallic_skydestykke_med_krave_www.jpg&width=960&format=jpg)}.metal label.silvermetallic[for=step_4_6_1]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/silvermetallic/silvermetallic_broendkrave_110mm_www.jpg&width=960&format=jpg)}.metal label.silvermetallic[for=step_4_6_2]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/silvermetallic/silvermetallic_broendkrave_150mm_www.jpg&width=960&format=jpg)}.metal label.silvermetallic[for=step_4_7_33]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/silvermetallic/silvermetallic_grenroer_www.jpg&width=960&format=jpg)}.metal label.silvermetallic[for=step_4_7_34]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/stål%20tagrender%20ok/silvermetallic/silvermetallic_udloebsroer_med_klap_www.jpg&width=960&format=jpg)}label[for=step_4_7_1]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/_x2o1191_.jpg&width=960&format=jpg)}label[for=step_4_7_2]{background-image:url(/admin/public/getimage.ashx?crop=0&image=/files/billeder/byggeri/tagprodukter/plast%20tagrender%20ok/tagrender%20grå/bladfang%2070143.jpg&width=960&format=jpg)}.guide button{display:none;width:100%;text-align:left;margin:5px 0 5px 0;background:none;padding-left:0;padding-right:0;border-bottom:1px solid #ccc}.guide .legend{width:33%;display:inline-block}.guide button{display:none}.hidden{display:none}.step{display:none;width:100%}.step_1{display:block}#form .step input[type="radio"]{opacity:0;position:absolute;left:calc(50% - 10px);top:calc(50% - 20px)}#form .step input[type="radio"]+label{cursor:pointer;height:185px;border-radius:0;display:block;margin:0;position:relative;text-decoration:none;overflow:hidden;border:2px solid #ECE8EF;box-sizing:border-box;background-size:contain;background-repeat:no-repeat;background-position:50% 0}#form .step_1 input[type="radio"]+label{background-size:contain;background-repeat:no-repeat;background-position:50% 0}#form .step_2 input[type="radio"]+label{background-size:contain;background-repeat:no-repeat;background-position:50% 0}#form .step input[type="radio"]+label span:after{content:"\e930";display:inline-block;vertical-align:-.1em;font-family:Feather!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#form .step input[type="radio"]+label span{background:#56AF31;display:block;padding:10px 20px;font-size:1em;line-height:1em;color:#fff;margin-top:144px}#form .step input[type="radio"][checkstate="true"]+label{border:2px solid #56AF31}#form .step input[type="number"],#form .step input.number{position:absolute;margin-top:65px;margin-left:20px;margin-right:20px;width:calc(100% - 50px)}#form .step input[type="number"]+label,#form .step input.number+label{margin-top:0;margin-bottom:0;border-radius:0;display:block;text-decoration:none;overflow:hidden;border:2px solid #F1EEEA;box-sizing:border-box;height:150px}#form .step input[type="number"]+label span,#form .step input.number+label span{background:#56AF31;display:block;padding:10px 20px;font-size:1em;line-height:1em;color:#fff;margin-top:0}#form .step input[type="number"]+label span:after,#form .step input.number+label span:after{content:"\e930";display:inline-block;vertical-align:-.1em;font-family:Feather!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#form .step_6 input[type="number"]{bottom:10px}#form .step_6 input[type="number"]+label{height:185px;background-size:contain;background-repeat:no-repeat;background-position:50% bottom}#form .step_6 input[type="number"]{width:100px}.roofs{font-size:10px;padding:2em}.zones *,.roofs *{font-size:10px;line-height:1}.eight .roof{font-size:5px}.roof{display:none}.roof svg{min-width:100%;width:100%;fill:#f1eeea}/*svg path{stroke-width:1px;stroke:#dbd6d0;stroke-linecap:butt;stroke-miterlimit:10}*/svg .house{fill:#f1eeea}.table{border-spacing:0;width:100%;margin-bottom:24px;margin-bottom:1.5em;background-color:transparent;width:100%;overflow-x:auto}.table td,.table th{padding:12px;padding:.75em;vertical-align:top;border-top:1px solid #c6beb6}.table thead th{text-align:left;vertical-align:bottom;border-bottom:2px solid #c6beb6}.table tbody+tbody{border-top:2px solid #c6beb6}.table .table{background-color:transparent}.table-bordered{border:1px solid #c6beb6}.table-bordered td,.table-bordered th{border:1px solid #c6beb6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-striped tbody tr:nth-of-type(odd){background-color:#f9f7f5}.table img{max-height:30px}.needof>div:before{content:"❌ "}.needof>div.valid:before{content:"✅ "}.roof{position:relative}.zones{position:absolute;min-height:100%;min-width:100%}.zone .zone{position:absolute;background:#9B9386}.zones>.zone .zone[data-label]:after{content:"Område "attr(data-label);color:#444;display:block;text-align:center;line-height:3em;font-size:1.25}.zones>.zone[data-label="top"] .zone[data-label]:after{margin-top:-5em}.zone_v{height:2em}.zone span{position:relative;height:2em;width:2em;line-height:1;display:inline-block}.zone span:after{border-radius:50%;width:1em;height:1em;background:#9B9386;margin:.5em;content:"";position:absolute;left:calc(50% - 1em)}#form .zone span:after{cursor:pointer}.zone span.active:after{margin:.5em;background:#F1EEEA;z-index:1}#form .zone span:hover:after,#form .zone span.active:hover:after{margin:0em;border:.5em solid #F1EEEA;background:#f47b2a;z-index:2}.zone_h{width:2em}#form .step input[type="number"][name='drains_required']{display:block;width:auto;border:5px solid #56AF31;position:static;margin:0;padding:5px 10px}#form .container{position:static}