@font-face{font-family:Spartan;font-style:normal;font-weight:400;src:local("Spartan"),local("Spartan"),url(/assets/Spartan-Regular-CSuyiytr.ttf) format("truetype")}@font-face{font-family:Spartan;font-style:normal;font-weight:700;src:local("Spartan"),local("Spartan"),url(/assets/Spartan-Bold-DoYpySms.ttf) format("truetype")}body{background-color:#e4e4e4}.app-outer{display:flex;flex-direction:column;height:100vh}.app-outer .header-wrapper{background-color:#fff;padding:12px 24px;position:relative}.app-outer .header-wrapper .header{display:flex;align-items:center;justify-content:space-between}.app-outer .header-wrapper .header .header-menu-icon{border:1px solid #DEDEDE;border-radius:3px;cursor:pointer;position:relative;width:22px;height:22px}.app-outer .header-wrapper .header .header-menu-icon .header-menu-line{background-color:#007858;display:inline-block;width:16px;height:2px;position:absolute;left:3px}.app-outer .header-wrapper .header .header-menu-icon .header-menu-line:first-child{top:4px}.app-outer .header-wrapper .header .header-menu-icon .header-menu-line:nth-child(2){top:10px}.app-outer .header-wrapper .header .header-menu-icon .header-menu-line:nth-child(3){top:16px}.app-outer .header-wrapper .header .header-menu-icon .header-menu-line.short{width:10px}.app-outer .header-wrapper .header .header-menu{background-color:#fff;position:absolute;top:100%;left:0;right:0;z-index:10}.app-outer .header-wrapper .header .header-menu ul{list-style:none}.app-outer .banner-wrapper{background-color:#e73136;padding:20px 12px 0;position:relative;color:#fff}.app-outer .banner-wrapper .banner-title{font-size:18px;font-weight:700;line-height:30px;text-transform:uppercase}.app-outer .banner-wrapper .banner-subtitle-wrapper{padding-left:40px;padding-right:40px;position:absolute;bottom:0;left:0;right:0}.app-outer .banner-wrapper .banner-subtitle-wrapper .banner-subtitle{font-size:22px;text-align:center;text-transform:uppercase}.app-outer .banner-wrapper .banner-subtitle-wrapper .banner-navigation{padding:0 20px;position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between}.app-outer .banner-wrapper .banner-subtitle-wrapper .banner-navigation .prev,.app-outer .banner-wrapper .banner-subtitle-wrapper .banner-navigation .next{position:relative}.app-outer .banner-wrapper .banner-subtitle-wrapper .banner-navigation .prev:before,.app-outer .banner-wrapper .banner-subtitle-wrapper .banner-navigation .next:before{content:"";border-color:#FFFFFF #FFFFFF transparent transparent;border-width:2px 2px 0 0;border-style:solid;display:inline-block;padding:5px;position:absolute;top:0;-webkit-backface-visibility:hidden}.app-outer .banner-wrapper .banner-subtitle-wrapper .banner-navigation .prev:before{left:0;margin-left:8px;-webkit-transform:translate(-50%,-50%) rotate(225deg);-moz-transform:translate(-50%,-50%) rotate(225deg);-ms-transform:translate(-50%,-50%) rotate(225deg);-o-transform:translate(-50%,-50%) rotate(225deg);transform:translate(-50%,-50%) rotate(225deg)}.app-outer .banner-wrapper .banner-subtitle-wrapper .banner-navigation .next:before{right:0;margin-right:8px;-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.app-outer .banner-wrapper .banner-main{display:inline-block;position:relative}.app-outer .banner-wrapper .banner-main .banner-slides{display:flex;align-items:center;justify-content:space-between;position:absolute;top:16px;left:0;right:0}.app-outer .banner-wrapper .banner-main .banner-highlight{margin:0 auto}.app-outer .app-view{min-height:100%;display:flex;flex-direction:column;position:relative}#app{font-family:Spartan,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin:0 auto}.filter-config .slider-horizontal{height:12px;margin-top:24px;margin-bottom:24px}.filter-config .slider-horizontal .slider-base{background-color:#e73136}.filter-config .slider-horizontal .slider-base .slider-connects .slider-connect{background-color:#007858}.filter-config .slider-horizontal .slider-base .slider-origin:nth-child(2) .slider-handle:before{left:7px}.filter-config .slider-horizontal .slider-base .slider-origin:nth-child(2) .slider-handle:after{left:12px}.filter-config .slider-horizontal .slider-base .slider-origin .slider-handle{border:1px solid #C3C3C3;border-radius:3px;width:22px;height:30px;top:-10px;right:-11px}.filter-config .slider-horizontal .slider-base .slider-origin .slider-handle:before{content:"";display:block;position:absolute;top:9px;left:12px;background-color:#dedede;width:3px;height:13px}.filter-config .slider-horizontal .slider-base .slider-origin .slider-handle:after{content:"";display:block;position:absolute;top:9px;left:8px;background-color:#dedede;width:2px;height:13px}.slider-target,.slider-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-target{position:relative}.slider-base,.slider-connects{height:100%;position:relative;width:100%;z-index:1}.slider-connects{overflow:hidden;z-index:0}.slider-connect,.slider-origin{height:100%;position:absolute;right:0;top:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-style:flat;width:100%;will-change:transform;z-index:1}.slider-txt-dir-rtl.slider-horizontal .slider-origin{left:0;right:auto}.slider-vertical .slider-origin{top:-100%;width:0}.slider-horizontal .slider-origin{height:0}.slider-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.slider-touch-area{height:100%;width:100%}.slider-state-tap .slider-connect,.slider-state-tap .slider-origin{transition:transform .3s}.slider-state-drag *{cursor:inherit!important}.slider-tooltip-drag .slider-tooltip,.slider-tooltip-focus .slider-tooltip{display:none!important}.slider-tooltip-drag .slider-active .slider-tooltip,.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden){display:block!important}.slider-horizontal{height:var(--slider-height,6px)}.slider-horizontal .slider-handle{height:var(--slider-handle-height,16px);right:calc(var(--slider-handle-width, 16px)/2*-1);top:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 + -1px);width:var(--slider-handle-width,16px)}.slider-vertical{height:var(--slider-vertical-height,300px);width:var(--slider-height,6px)}.slider-vertical .slider-handle{bottom:calc(var(--slider-handle-width, 16px)/2*-1);height:var(--slider-handle-width,16px);right:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 + -1px);width:var(--slider-handle-height,16px)}.slider-txt-dir-rtl.slider-horizontal .slider-handle{left:calc(var(--slider-handle-width, 16px)/2*-1);right:auto}.slider-base{background-color:var(--slider-bg,#d1d5db)}.slider-base,.slider-connects{border-radius:var(--slider-radius,9999px)}.slider-connect{background:var(--slider-connect-bg,#10b981);cursor:pointer}.slider-draggable{cursor:ew-resize}.slider-vertical .slider-draggable{cursor:ns-resize}.slider-handle{background:var(--slider-handle-bg,#fff);border:var(--slider-handle-border,0);border-radius:var(--slider-handle-radius,9999px);box-shadow:var(--slider-handle-shadow,.5px .5px 2px 1px rgba(0,0,0,.32));cursor:-webkit-grab;cursor:grab;height:var(--slider-handle-height,16px);width:var(--slider-handle-width,16px)}.slider-handle:focus{box-shadow:0 0 0 var(--slider-handle-ring-width,3px) var(--slider-handle-ring-color,rgba(16,185,129,.188)),var(--slider-handle-shadow,.5px .5px 2px 1px rgba(0,0,0,.32));outline:none}.slider-active{box-shadow:var(--slider-handle-shadow-active,.5px .5px 2px 1px rgba(0,0,0,.42));cursor:-webkit-grabbing;cursor:grabbing}[disabled] .slider-connect{background:var(--slider-connect-bg-disabled,#9ca3af)}[disabled] .slider-handle,[disabled].slider-handle,[disabled].slider-target{cursor:not-allowed}[disabled] .slider-tooltip{background:var(--slider-tooltip-bg-disabled,#9ca3af);border-color:var(--slider-tooltip-bg-disabled,#9ca3af)}.slider-tooltip{background:var(--slider-tooltip-bg,#10b981);border:1px solid var(--slider-tooltip-bg,#10b981);border-radius:var(--slider-tooltip-radius,5px);color:var(--slider-tooltip-color,#fff);display:block;font-size:var(--slider-tooltip-font-size,.875rem);font-weight:var(--slider-tooltip-font-weight,600);line-height:var(--slider-tooltip-line-height,1.25rem);min-width:var(--slider-tooltip-min-width,20px);padding:var(--slider-tooltip-py,2px) var(--slider-tooltip-px,6px);position:absolute;text-align:center;white-space:nowrap}.slider-horizontal .slider-tooltip-top{bottom:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));left:50%;transform:translate(-50%)}.slider-horizontal .slider-tooltip-top:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-top-color:inherit;bottom:calc(var(--slider-tooltip-arrow-size, 5px)*-2);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.slider-horizontal .slider-tooltip-bottom{left:50%;top:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));transform:translate(-50%)}.slider-horizontal .slider-tooltip-bottom:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-bottom-color:inherit;content:"";height:0;left:50%;position:absolute;top:calc(var(--slider-tooltip-arrow-size, 5px)*-2);transform:translate(-50%);width:0}.slider-vertical .slider-tooltip-left{right:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-left:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-left-color:inherit;content:"";height:0;position:absolute;right:calc(var(--slider-tooltip-arrow-size, 5px)*-2);top:50%;transform:translateY(-50%);width:0}.slider-vertical .slider-tooltip-right{left:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-right:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-right-color:inherit;content:"";height:0;left:calc(var(--slider-tooltip-arrow-size, 5px)*-2);position:absolute;top:50%;transform:translateY(-50%);width:0}.slider-horizontal .slider-origin>.slider-tooltip{left:auto;transform:translate(50%)}.slider-horizontal .slider-origin>.slider-tooltip-top{bottom:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + 1px)}.slider-horizontal .slider-origin>.slider-tooltip-bottom{top:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip{top:auto;transform:translateY(calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px))*-1 + 1px))}.slider-vertical .slider-origin>.slider-tooltip-left{right:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip-right{left:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)}body{margin:0}.home{background-color:#eee}.home .app-inner{display:flex;flex-direction:column;height:100vh}.controls-container{background-color:#eeefee;padding:20px 20px 0}.control-buttons-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-left:-16px;margin-right:-16px;margin-bottom:10px}.control-buttons-wrapper .control-button{flex:0 0 33.3333333333%;padding-left:16px;padding-right:16px}.control-buttons-wrapper .control-button button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to bottom,#fff,#eaeaea);border:1px solid #C3C3C3;border-radius:3px;color:#707070;display:block;font-size:10px;line-height:12px;padding:24px 4px 4px;position:relative;width:100%}.control-buttons-wrapper .control-button button:focus{border-color:#e73136;outline:none}.control-buttons-wrapper .control-button button:before{background-position:top center;background-repeat:no-repeat;background-size:contain;content:"";display:block;position:absolute;top:6px;left:50%;transform:translate(-50%);width:18px;height:18px}.control-buttons-wrapper .control-button button .button-title{pointer-events:none}.control-buttons-wrapper .control-button:nth-child(1) button:before{background-image:url(/img/icons/icon_search.svg)}.control-buttons-wrapper .control-button:nth-child(2) button:before{background-image:url(/img/icons/icon_sort.svg)}.control-buttons-wrapper .control-button:nth-child(3) button:before{background-image:url(/img/icons/icon_compare.svg)}.filter-searchterm-wrapper{padding-left:20px;padding-right:20px;position:relative}.filter-searchterm-wrapper input[type=text]{margin-top:20px;margin-bottom:20px;font-size:18px;line-height:23px;padding:9px 9px 9px 36px;border:1px solid #C3C3C3;border-radius:3px;box-sizing:border-box;background:#fff;background-image:url(/img/icons/icon_search.svg);background-repeat:no-repeat;background-position:top 12px left 9px;width:100%}.filter-searchterm-wrapper input[type=text]:focus{outline:none}.filter-searchterm-wrapper button{background-color:transparent;background-image:url(/img/icons/icon_single_result_less.svg);background-position:top center;background-repeat:no-repeat;background-size:contain;content:"";cursor:pointer;display:block;position:absolute;top:32px;right:32px;width:19px;height:19px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #C3C3C3;border-radius:50%}.filter-searchterm-wrapper button:focus{outline:none}.select-wrapper{background:linear-gradient(to bottom,#fff,#eaeaea);height:40px;margin-bottom:9px;position:relative}.select-wrapper:after{border-top:3px solid #C3C3C3;border-right:3px solid #C3C3C3;border-bottom:0;border-left:0;content:"";display:inline-block;padding-top:6px;padding-right:6px;position:absolute;top:15px;right:15px;transform:rotate(135deg)}.select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #C3C3C3;border-radius:3px;background:transparent;font-size:16px;position:absolute;top:0;left:0;width:100%;height:100%;padding:9px 12px}.select-wrapper select:focus{outline:none}.filter-outer-wrapper .filter-wrapper-title{margin-bottom:16px}.filter-outer-wrapper .filter-wrapper{display:flex;align-items:start;flex-wrap:wrap}.filter-outer-wrapper .filter-wrapper .filter-group-wrapper{flex:0 0 100%;display:flex;align-items:center;flex-wrap:wrap}.filter-outer-wrapper .filter-wrapper .filter-group-wrapper .filter-group-title{color:#b5b5b5;flex:0 0 100%;font-size:16px;font-weight:700;line-height:22px;padding:9px 20px;text-transform:uppercase;border-bottom:1px solid #dedede;border-top:1px solid #dedede}.filter-outer-wrapper .filter-wrapper .filter-group-wrapper:first-child .filter-group-title{border-top:none}.filter-outer-wrapper .filter-wrapper .single-filter{flex:0 0 100%}.filter-outer-wrapper .filter-wrapper .single-filter.full{flex-basis:100%!important;margin-bottom:16px}.filter-outer-wrapper .filter-wrapper .single-filter .filter-title{margin-left:21px}.filter-outer-wrapper .filter-wrapper .single-filter.filter-range{margin-bottom:16px}.filter-outer-wrapper .filter-wrapper .single-filter.filter-checkbox{padding:5px 20px;position:relative}.filter-outer-wrapper .filter-wrapper .single-filter.filter-checkbox .filter-title{padding-left:40px;position:relative;cursor:pointer}.filter-outer-wrapper .filter-wrapper .single-filter.filter-checkbox input[type=checkbox]{--webkit-appearance: none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin:0;position:absolute;top:5px;left:20px;width:30px;height:30px;z-index:1;background-image:url(/img/icons/check_inactive.svg);background-position:center;background-repeat:no-repeat;background-size:23px}.filter-outer-wrapper .filter-wrapper .single-filter.filter-checkbox input[type=checkbox]:checked{background-image:url(/img/icons/check_active.svg)}.filter-outer-wrapper .filter-wrapper .single-filter.filter-checkbox input[type=checkbox]:focus{outline:none}.filter-outer-wrapper .filter-wrapper .single-filter.image-checkbox input[type=checkbox][data-img=Silomais],.filter-outer-wrapper .filter-wrapper .single-filter.image-checkbox input[type=checkbox][data-img=Koernermais],.filter-outer-wrapper .filter-wrapper .single-filter.image-checkbox input[type=checkbox][data-img=Biogasmais]{filter:grayscale(1)}.filter-outer-wrapper .filter-wrapper .single-filter.image-checkbox input[type=checkbox][data-img=Silomais]:checked,.filter-outer-wrapper .filter-wrapper .single-filter.image-checkbox input[type=checkbox][data-img=Koernermais]:checked,.filter-outer-wrapper .filter-wrapper .single-filter.image-checkbox input[type=checkbox][data-img=Biogasmais]:checked{filter:grayscale(0)}.filter-outer-wrapper .filter-wrapper .single-filter.image-checkbox input[type=checkbox][data-img=Silomais]:focus,.filter-outer-wrapper .filter-wrapper .single-filter.image-checkbox input[type=checkbox][data-img=Koernermais]:focus,.filter-outer-wrapper .filter-wrapper .single-filter.image-checkbox input[type=checkbox][data-img=Biogasmais]:focus{outline:none}.filter-outer-wrapper .filter-wrapper .single-filter.image-checkbox input[type=checkbox][data-img=Silomais]{background-image:url(/img/icons/check_silomais.svg)}.filter-outer-wrapper .filter-wrapper .single-filter.image-checkbox input[type=checkbox][data-img=Koernermais]{background-image:url(/img/icons/check_koernermais.svg)}.filter-outer-wrapper .filter-wrapper .single-filter.image-checkbox input[type=checkbox][data-img=Biogasmais]{background-image:url(/img/icons/check_biogasmais.svg)}.filter-outer-wrapper .filter-wrapper .single-filter .filter-title{font-size:16px;line-height:30px}.filter-outer-wrapper .filter-wrapper .single-filter .filter-title .range-wrapper{font-weight:700;padding-left:16px}.filter-outer-wrapper .filter-wrapper .single-filter .filter-title .range-wrapper.active{color:#e73136}.filter-outer-wrapper .filter-wrapper .single-filter .filter-title label{-webkit-user-select:none;user-select:none}.filter-outer-wrapper .filter-wrapper .single-filter .filter-config{padding-left:20px;padding-right:20px}.filter-outer-wrapper .filter-wrapper .single-filter .filter-config button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to bottom,#fff,#eaeaea);border:1px solid #C3C3C3;border-radius:3px;color:#e73136;display:block;font-size:16px;font-weight:700;line-height:20px;padding-top:10px;padding-bottom:10px;position:relative;width:100%;margin-bottom:16px}.filter-outer-wrapper .filter-wrapper .single-filter .filter-config button:focus{border-color:#e73136;outline:none}.filter-outer-wrapper .filter-wrapper .single-filter .filter-config button:before{background-position:top center;background-repeat:no-repeat;background-size:contain;content:"";display:block;position:absolute;top:6px;left:50%;transform:translate(-50%);width:18px;height:18px}.filter-outer-wrapper .filter-wrapper .single-filter .filter-config button .button-title{pointer-events:none}.filter-outer-wrapper .range-slider{width:100%;margin:auto;text-align:center;position:relative;height:1.5rem}.filter-outer-wrapper .range-slider input[type=range]{position:absolute;left:0;top:.5rem}.filter-outer-wrapper .range-slider input[type=number]{border:1px solid #ddd;text-align:center;font-size:1.6em;-moz-appearance:textfield}.filter-outer-wrapper .range-slider input[type=number]::-webkit-outer-spin-button,.filter-outer-wrapper .range-slider input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.filter-outer-wrapper .range-slider input[type=number]:invalid,.filter-outer-wrapper .range-slider input[type=number]:out-of-range{border:2px solid #ff6347}.filter-outer-wrapper .range-slider input[type=range]{-webkit-appearance:none;width:100%}.filter-outer-wrapper .range-slider input[type=range]:focus{outline:none}.filter-outer-wrapper .range-slider input[type=range]:nth-child(2){background-color:transparent}.filter-outer-wrapper .range-slider input[type=range]:nth-child(2)::-webkit-slider-runnable-track{background-color:transparent}.filter-outer-wrapper .range-slider input[type=range]:nth-child(2)::-moz-range-track{background-color:transparent}.filter-outer-wrapper .range-slider input[type=range]:nth-child(2):focus{background-color:transparent}.filter-outer-wrapper .range-slider input[type=range]:nth-child(2):focus::-webkit-slider-runnable-track{background-color:transparent}.filter-outer-wrapper .range-slider input[type=range]:nth-child(2):focus::-moz-range-track{background-color:transparent}.filter-outer-wrapper .range-slider input[type=range]::-webkit-slider-runnable-track{width:100%;height:12px;cursor:pointer;animate:.2s;background-image:linear-gradient(to right,#e0dfdf 0,#e0dfdf 2%,#007858 2%,#007858 98%,#e0dfdf 98%,#e0dfdf);background-size:10%;border-radius:1px;box-shadow:none;border:0}.filter-outer-wrapper .range-slider input[type=range]::-webkit-slider-thumb{z-index:2;position:relative;box-shadow:0 0 #000;border:1px solid #C3C3C3;height:30px;width:22px;border-radius:3px;background:linear-gradient(to bottom,#fff,#eaeaea);cursor:pointer;-webkit-appearance:none;margin-top:-8px}.filter-outer-wrapper .range-slider.active input[type=range]::-webkit-slider-runnable-track{background-image:linear-gradient(to right,#e0dfdf 0,#e0dfdf 2%,#c11e22 2%,#c11e22 98%,#e0dfdf 98%,#e0dfdf)}.comparison-outer-wrapper .comparison-wrapper-title{margin-bottom:16px}.comparison-outer-wrapper .comparison-wrapper .comparison-buttons-wrapper{display:flex;flex-wrap:wrap;margin:20px 0}.comparison-outer-wrapper .comparison-wrapper .comparison-buttons-wrapper .comparison-button-wrapper{flex:0 0 50%;padding-left:20px;padding-right:20px}.comparison-outer-wrapper .comparison-wrapper .comparison-buttons-wrapper button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(to bottom,#fff,#eaeaea);border:1px solid #C3C3C3;border-radius:3px;color:#1d1d1f;display:block;font-size:16px;line-height:1.5;padding:8px 40px;position:relative;width:100%}.comparison-outer-wrapper .comparison-wrapper .comparison-buttons-wrapper button:focus,.comparison-outer-wrapper .comparison-wrapper .comparison-buttons-wrapper button.active{border-color:#e73136;color:#e73136;outline:none}.comparison-outer-wrapper .comparison-wrapper .comparison-buttons-wrapper button .button-title{pointer-events:none}.comparison-outer-wrapper .comparison-wrapper .single-comparison .filter-title{border-bottom:1px solid #EEEEEE;position:relative}.comparison-outer-wrapper .comparison-wrapper .single-comparison .filter-title input[type=checkbox]{cursor:pointer;margin:0;position:absolute;top:0;left:0;width:100%;height:100%;--webkit-appearance: none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none}.comparison-outer-wrapper .comparison-wrapper .single-comparison .filter-title input[type=checkbox]+label{cursor:pointer;display:block;font-size:16px;line-height:30px;padding-left:20px;padding-right:20px;position:relative;-webkit-user-select:none;user-select:none;z-index:1}.comparison-outer-wrapper .comparison-wrapper .single-comparison .filter-title input[type=checkbox]:checked+label{color:#fff;background-color:#007858}.comparison-outer-wrapper .comparison-wrapper .single-comparison .filter-title input[type=checkbox]:checked+label:after{border-top:2px solid #FFFFFF;border-right:2px solid #FFFFFF;border-bottom:0;border-left:0;content:"";display:inline-block;padding-top:6px;padding-right:12px;position:absolute;top:8px;right:20px;transform:rotate(135deg)}.comparison-outer-wrapper .comparison-wrapper .single-comparison .filter-title input[type=checkbox]:focus{outline:none}.comparison-outer-wrapper .comparison-wrapper .single-comparison:last-child .filter-title{border-bottom:none}.filter-container-wrapper{background-color:#fff;margin-left:-20px;margin-right:-20px;max-height:240px;overflow-y:scroll;text-align:left}.filter-container-wrapper::-webkit-scrollbar{width:0;height:0}.filter-container-wrapper .filter-container{height:0;overflow:hidden;transition:height .3s ease-in-out}.results-outer-wrapper{background-color:#fff;margin:0 auto;flex:1;overflow:scroll;width:100%}.results-outer-wrapper::-webkit-scrollbar{width:0;height:0}.results-outer-wrapper .results-compared-props{color:#fff;display:flex;font-size:12px;line-height:12px;position:relative;text-align:left;-webkit-user-select:none;user-select:none}.results-outer-wrapper .results-compared-props:before{display:block;height:1px;background-color:#fff;position:absolute;bottom:0;left:0;right:0;padding:9px 12px}.results-outer-wrapper .results-compared-props>div{background-color:#58645a;border-bottom:1px solid #ffffff;cursor:pointer;flex:0 0 33.3333333333%;padding:9px 12px;position:relative}.results-outer-wrapper .results-compared-props>div:before{background-color:#fff;content:"";display:block;position:absolute;top:0;left:0;bottom:0;width:1px}.results-outer-wrapper .results-compared-props>div:first-child{flex:0 0 66.6666666667%}.results-outer-wrapper .results-compared-props>div:first-child:before{content:none}.results-outer-wrapper .results-compared-props>div:first-child:last-child{flex-basis:100%}.results-outer-wrapper .single-result{color:#fff;display:flex;margin-bottom:1px;position:relative;-webkit-user-select:none;user-select:none}.results-outer-wrapper .single-result .result-title{background-color:#58645a;padding:9px 12px;text-align:left;flex:0 0 66.6666666667%}.results-outer-wrapper .single-result .result-properties{display:block;height:0;position:absolute;top:100%;left:0;padding-left:9px;background-color:#fff;width:100vw;z-index:10;overflow:hidden;transition:height .3s ease-in-out}.results-outer-wrapper .single-result .result-properties .result-property{background-color:#e8f6f5;border-bottom:1px solid #DEDEDE;color:#1f1f1f;display:flex;text-align:left}.results-outer-wrapper .single-result .result-properties .result-property .property-key{flex:0 0 60%;padding:9px 12px}.results-outer-wrapper .single-result .result-properties .result-property .property-value{font-weight:700;padding:9px 12px;width:100%;word-break:break-all;text-align:center}.results-outer-wrapper .single-result .result-properties .result-property .property-value img,.results-outer-wrapper .single-result .result-properties .result-property .property-value object{display:block;margin:0 auto;position:relative;width:auto;height:32px}.results-outer-wrapper .single-result .result-properties .result-property .property-value img:after,.results-outer-wrapper .single-result .result-properties .result-property .property-value object:after{content:attr(alt);display:block;position:absolute;top:0;left:0;min-height:100%;height:auto;width:100%;background-color:#e8f6f5;z-index:1}.results-outer-wrapper .single-result .result-properties .result-property:first-child:before{content:"";position:absolute;top:0;left:0;border-color:transparent #003a2d transparent transparent;border-style:solid;border-width:0 9px 9px 0;width:0;height:0;z-index:10}.results-outer-wrapper .single-result .result-properties .result-compare-property{flex:0 0 33.3333333333%}.results-outer-wrapper .single-result.active .result-title{background-color:#007858}.results-outer-wrapper .single-result.active .result-compare-property{z-index:5}.results-outer-wrapper .single-result.active .result-compare-property:first-child{background-color:#007858}.results-outer-wrapper .single-result.active .result-compare-property:first-child:after{background-image:url(/img/icons/icon_single_result_less.svg)}.results-outer-wrapper .single-result.active .result-compare-property:first-child:last-child .result-properties{width:100%}.results-outer-wrapper .single-result .result-compare-property{flex:0 0 33.3333333333%;padding:9px 12px;pointer-events:none;text-align:center;background-color:#58645a;position:relative}.results-outer-wrapper .single-result .result-compare-property a{pointer-events:all}.results-outer-wrapper .single-result .result-compare-property img{max-height:20px;max-width:100%;width:auto}.results-outer-wrapper .single-result .result-compare-property img:before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;width:1px;background-color:#fff;z-index:2}.results-outer-wrapper .single-result .result-compare-property img:after{content:attr(alt);display:block;position:absolute;top:0;left:0;min-height:100%;height:auto;width:100%;background-color:#58645a;z-index:1;padding:8px;box-sizing:border-box}.results-outer-wrapper .single-result .result-compare-property:before{background-color:#fff;content:"";display:block;position:absolute;top:0;left:0;bottom:0;width:1px}.results-outer-wrapper .single-result .result-compare-property:first-child{flex:0 0 66.6666666667%;text-align:left;position:relative;pointer-events:all;cursor:pointer}.results-outer-wrapper .single-result .result-compare-property:first-child:before{content:none}.results-outer-wrapper .single-result .result-compare-property:first-child:after{background-image:url(/img/icons/icon_single_result_more.svg);background-position:top center;background-repeat:no-repeat;background-size:contain;content:"";display:block;position:absolute;top:50%;right:16px;transform:translateY(-50%);width:19px;height:19px}.results-outer-wrapper .single-result .result-compare-property:first-child .icon-vermehrung{margin-left:12px}.results-outer-wrapper .single-result .result-compare-property:first-child .property-value{pointer-events:none;padding-right:32px}.results-outer-wrapper .single-result .result-compare-property:first-child:last-child{flex-basis:100%}.results-outer-wrapper .single-result .result-compare-property:first-child:last-child .result-properties{width:calc(100% - 9px)}@media screen and (min-width:769px){.filter-outer-wrapper .filter-wrapper .single-filter{flex:0 0 50%}}@media screen and (min-width:961px){.filter-outer-wrapper .filter-wrapper .single-filter{flex:0 0 33.3333333333%}}@media screen and (min-width:1366px){.filter-outer-wrapper .filter-wrapper .single-filter{flex:0 0 20%}.filter-outer-wrapper .filter-wrapper .single-filter .filter-title{font-size:12px;line-height:24px}.results-outer-wrapper{display:table;border-collapse:separate}.results-outer-wrapper .results-compared-props{display:table-row;width:100%;font-size:10px}.results-outer-wrapper .results-compared-props>div{flex:1 0 12.5%;padding:4px;position:sticky;top:0;z-index:1;display:table-cell;overflow:hidden}.results-outer-wrapper .results-compared-props>div>div{transform:rotate(-90deg) translate(50%);transform-origin:center;width:24px;margin-top:120px;white-space:nowrap;pointer-events:none}.results-outer-wrapper .results-compared-props>div[data-key=qualitaetsgruppe]>div{min-width:36px}.results-outer-wrapper .results-compared-props>div[data-key=sorte]>div{min-width:180px}.results-outer-wrapper .results-compared-props>div[data-key=zuechtervertrieb]>div{min-width:48px}.results-outer-wrapper .results-compared-props>div:first-child{flex:1 0 25%}.results-outer-wrapper{font-size:10px;line-height:12px}.results-outer-wrapper .single-result{display:table-row;width:100%}.results-outer-wrapper .single-result .result-compare-property{display:table-cell;flex:1 0 12.5%;padding:4px;vertical-align:middle;border-bottom:1px solid #fff;line-height:16px}.results-outer-wrapper .single-result .result-compare-property:first-child{flex:1 0 25%}.results-outer-wrapper .single-result .result-compare-property .property-value{word-break:break-all}}*{box-sizing:border-box}
