.public-site .uw-tool #roof-form .uw-route-intro{max-width:none;width:100%;margin:0 0 18px;color:var(--uw-color-text);font:400 17px/1.5 "UW Barlow Text",Arial,sans-serif}
.public-site .uw-tool .uw-measure-guide.uw-production-measure-guide{padding:0;border:0;border-radius:0;background:transparent;margin:0 0 18px}.uw-tool .uw-production-measure-guide .uw-guide-picture{max-width:360px;aspect-ratio:3/2;margin:0 0 8px}.uw-tool .uw-guide-roof-production{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20240%22%20role%3D%22img%22%20aria-label%3D%22Symmetrisch%20zadeldak%3A%20A%20is%20de%20volledige%20horizontale%20breedte%2C%20B%20is%20de%20verticale%20hoogte%20tot%20de%20nok.%22%3E%0A%20%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%22359%22%20height%3D%22239%22%20fill%3D%22%23f0fbf8%22%20stroke%3D%22%2370dacb%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M30%20160%20L180%2070%20L330%20160%20Z%22%20fill%3D%22%23c7f0e8%22%20stroke%3D%22%2312695f%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M30%20188%20H330%20M30%20181%20V195%20M330%20181%20V195%22%20fill%3D%22none%22%20stroke%3D%22%23a94461%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M180%2070%20V160%20M173%2070%20H187%20M173%20160%20H187%22%20fill%3D%22none%22%20stroke%3D%22%2312695f%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3Ctext%20x%3D%22180%22%20y%3D%22218%22%20text-anchor%3D%22middle%22%20font-family%3D%22UW%20Barlow%20Text%2C%20Arial%2C%20sans-serif%22%20font-size%3D%2216%22%20font-weight%3D%22600%22%20fill%3D%22%23183140%22%3EA%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%22206%22%20y%3D%22122%22%20font-family%3D%22UW%20Barlow%20Text%2C%20Arial%2C%20sans-serif%22%20font-size%3D%2216%22%20font-weight%3D%22600%22%20fill%3D%22%23183140%22%3EB%3C%2Ftext%3E%0A%3C%2Fsvg%3E%0A")}.uw-tool .uw-guide-shed-roof-production{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20240%22%20role%3D%22img%22%20aria-label%3D%22Lessenaarsdak%3A%20A%20is%20de%20horizontale%20afstand%20tussen%20de%20lage%20en%20hoge%20dakrand%2C%20B%20het%20verticale%20hoogteverschil.%22%3E%0A%20%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%22359%22%20height%3D%22239%22%20fill%3D%22%23f0fbf8%22%20stroke%3D%22%2370dacb%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M42%20166%20L310%2085.6%20V166%20Z%22%20fill%3D%22%23c7f0e8%22%20stroke%3D%22none%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M42%20166%20L310%2085.6%22%20fill%3D%22none%22%20stroke%3D%22%2312695f%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M42%20166%20H310%22%20fill%3D%22none%22%20stroke%3D%22%23a94461%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M310%2085.6%20V166%22%20fill%3D%22none%22%20stroke%3D%22%2312695f%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3Ctext%20x%3D%22176%22%20y%3D%22191%22%20text-anchor%3D%22middle%22%20font-family%3D%22UW%20Barlow%20Text%2C%20Arial%2C%20sans-serif%22%20font-size%3D%2216%22%20font-weight%3D%22600%22%20fill%3D%22%23183140%22%3EA%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%22329%22%20y%3D%22132%22%20text-anchor%3D%22middle%22%20font-family%3D%22UW%20Barlow%20Text%2C%20Arial%2C%20sans-serif%22%20font-size%3D%2216%22%20font-weight%3D%22600%22%20fill%3D%22%23183140%22%3EB%3C%2Ftext%3E%0A%3C%2Fsvg%3E%0A")}.uw-tool .uw-guide-roof-waterpas-production{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20240%22%20role%3D%22img%22%20aria-label%3D%22Meting%20op%20een%20dakvlak%3A%20A%20is%20de%20horizontale%20waterpasafstand%2C%20B%20de%20verticale%20stijging%20tot%20het%20dakvlak.%22%3E%0A%20%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%22359%22%20height%3D%22239%22%20fill%3D%22%23f0fbf8%22%20stroke%3D%22%2370dacb%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M67%20160%20L267%2060%20V160%20Z%22%20fill%3D%22%23c7f0e8%22%20stroke%3D%22none%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M35%20176%20L310%2038.5%22%20fill%3D%22none%22%20stroke%3D%22%2312695f%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M67%20160%20H267%22%20fill%3D%22none%22%20stroke%3D%22%23a94461%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M267%20160%20V60%22%20fill%3D%22none%22%20stroke%3D%22%2312695f%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3Ctext%20x%3D%22166%22%20y%3D%22181%22%20text-anchor%3D%22middle%22%20font-family%3D%22UW%20Barlow%20Text%2C%20Arial%2C%20sans-serif%22%20font-size%3D%2216%22%20font-weight%3D%22600%22%20fill%3D%22%23183140%22%3EA%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%22290%22%20y%3D%22119%22%20font-family%3D%22UW%20Barlow%20Text%2C%20Arial%2C%20sans-serif%22%20font-size%3D%2216%22%20font-weight%3D%22600%22%20fill%3D%22%23183140%22%3EB%3C%2Ftext%3E%0A%3C%2Fsvg%3E%0A")}.uw-tool .uw-production-measure-guide .uw-guide-legend{margin:0;padding:0;list-style:none}.uw-tool .uw-production-measure-guide .uw-guide-legend li{font-family:"UW Barlow Text",Arial,sans-serif;font-size:15px;line-height:1.4;color:#526772}.public-site .uw-tool .uw-production-measure-guide .uw-guide-legend li:nth-child(n) strong{font-weight:600;color:#183140}