﻿form#produkt-filter-form{background-color:#fff;border:1px solid #D9DFDB;padding:35px 30px;border-radius:15px;max-width:310px;margin-top:55px}@media screen and (max-width: 768px){form#produkt-filter-form{margin-inline:auto;margin-bottom:20px}}form#produkt-filter-form label{display:block;font-weight:600;font-size:14px;line-height:17px;margin-bottom:10px}form#produkt-filter-form select{border-radius:10px;border-color:#D9DFDB;color:#1F332A;font-weight:600;font-size:12px;line-height:15px;text-align:center;margin-bottom:15px;outline-color:#D9DFDB}form#produkt-filter-form select#kwh{background-color:#E7F0E4}form#produkt-filter-form select.active{background-color:#E7F0E4}form#produkt-filter-form .radio-container{display:flex;justify-content:space-between;gap:6px}form#produkt-filter-form .radio-container input[type=radio]{display:none}form#produkt-filter-form .radio-container input[type=radio]+label{width:100%;text-align:center;border:1px solid #D9DFDB;border-radius:10px;color:#1F332A;padding:10px;height:34px;padding:8px;cursor:pointer;font-weight:600;font-size:12px}form#produkt-filter-form .radio-container input[type=radio]+label:hover{background-color:#f1f1f1}form#produkt-filter-form .radio-container input[type=radio]:checked+label{background-color:#E7F0E4;color:#1F332A}form#produkt-filter-form .radio-container input[type=radio]:checked+label:hover{background-color:#E7F0E4}form#produkt-filter-form .button-container{display:flex;justify-content:space-between;gap:6px;margin-bottom:15px}form#produkt-filter-form .button-container button{width:100%;text-align:center;border:1px solid #D9DFDB;border-radius:10px;background-color:#fff;color:#1F332A;padding:10px;height:34px;padding:8px;cursor:pointer;font-weight:600;font-size:12px;outline:none}form#produkt-filter-form .button-container button:hover{background-color:#f1f1f1}form#produkt-filter-form .button-container button[data-active="true"]{background-color:#E7F0E4;color:#1F332A}form#produkt-filter-form .button-container button[data-active="true"]:hover{background-color:#E7F0E4}form#produkt-filter-form .button-container button:disabled{cursor:not-allowed;color:#B2B6B4}form#produkt-filter-form .button-container button:disabled:hover{background-color:#fff}form#produkt-filter-form .energy-leaf{display:flex;gap:6px}form#produkt-filter-form .energy-leaf .leaf{display:flex;padding:0;margin:0;border:none;font-size:2rem}form#produkt-filter-form .energy-leaf .leaf:disabled{opacity:0.5}form#produkt-filter-form .energy-leaf .leaf:hover{background-color:transparent}form#produkt-filter-form .energy-leaf .leaf.selected svg path{fill:#2E6915}form#produkt-filter-form .energy-leaf .leaf.hover+.leaf.selected:not(.hover) svg path{fill:#DCDCDC}form#produkt-filter-form .energy-leaf .leaf.hover svg path{fill:#2E6915}.product-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9999;display:none;justify-content:center;align-items:center}.product-loading-spinner{width:50px;height:50px;border:5px solid #fff;border-top-color:#39ae46;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes blink{0%{opacity:0.7}50%{opacity:0.5}100%{opacity:0.7}}.produkt-sort-selector{display:flex;justify-content:end}.produkt-sort-selector #produkt-sort{border-radius:10px;border-color:#D9DFDB;color:#1F332A;font-weight:600;font-size:12px;line-height:15px;text-align:left;margin-bottom:20px;outline-color:#D9DFDB;width:165px}.produkt-list{transition:opacity 0.1s ease-in-out}.produkt-list.blink{animation:blink 1s linear infinite}.produkt-list .produkt-item:not(:last-child){margin-bottom:25px}.produkt-list .produkt-item .disclaimer{font-weight:400;font-size:14px;line-height:17px;color:rgba(31,51,42,0.75)}.produkt-list .produkt-item .produkt-content{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background-color:#fff;border-radius:8px;padding:30px 20px 20px;margin-bottom:7px;box-shadow:0 1px 5px 0 rgba(0,0,0,0.24)}.produkt-list .produkt-item .produkt-content .badge{position:absolute;top:-10px;left:35px;display:inline-block;padding:6px 12px;background-color:#1F332A;color:#fff;border-radius:6px}@media screen and (max-width: 768px){.produkt-list .produkt-item .produkt-content .badge{left:16px}}.produkt-list .produkt-item .produkt-content .badge span{font-weight:600;font-size:12px;display:flex;align-items:center;gap:10px;cursor:default}.produkt-list .produkt-item .produkt-content .badge span::before{content:'';width:20px;height:20px;display:inline-block;background-image:url("../icons/forwarditem.svg");background-size:contain;background-repeat:no-repeat}.produkt-list .produkt-item .produkt-content .price-calculation{position:absolute;right:12px;top:8px;font-size:12px;line-height:12px;color:rgba(0,0,0,0.4);display:flex;align-items:center;gap:6px}@media screen and (max-width: 768px){.produkt-list .produkt-item .produkt-content .price-calculation{top:30px}}.produkt-list .produkt-item .produkt-content .price-calculation:hover{text-decoration:underline}.produkt-list .produkt-item .produkt-content .price-calculation::after{content:'';display:block;width:12px;height:12px;background-image:url("../icons/infoCircle.svg");background-size:contain;background-repeat:no-repeat}@media screen and (max-width: 1200px){.produkt-list .produkt-item .produkt-content .provider-logo{width:100%;text-align:center}}.produkt-list .produkt-item .produkt-content .provider-logo a{display:block}.produkt-list .produkt-item .produkt-content .provider-logo img{width:115px;height:45px;object-fit:contain}.produkt-list .produkt-item .produkt-content .produkt-info{width:35%;padding-inline:10px}@media screen and (max-width: 1200px){.produkt-list .produkt-item .produkt-content .produkt-info{width:100%;display:flex;flex-direction:column;align-items:center}}.produkt-list .produkt-item .produkt-content .produkt-info .type{display:flex;align-items:center;gap:4px;margin-bottom:11px}.produkt-list .produkt-item .produkt-content .produkt-info .type svg{width:15px;height:15px}.produkt-list .produkt-item .produkt-content .produkt-info .type span{font-size:16px;color:rgba(31,51,42,0.8)}.produkt-list .produkt-item .produkt-content .produkt-info .title a{display:block;font-weight:500;font-size:24px;line-height:29px;color:#1F332A;text-overflow:ellipsis;overflow:hidden;width:100%;white-space:nowrap;margin-bottom:10px}.produkt-list .produkt-item .produkt-content .produkt-info .title a:hover{text-decoration:underline}.produkt-list .produkt-item .produkt-content .produkt-info .provider-info{font-size:14px;line-height:17px;color:rgba(31,51,42,0.5);text-decoration-line:underline;margin-bottom:20px;display:block}.produkt-list .produkt-item .produkt-content .produkt-info .provider-info:hover{color:#1f332a}.produkt-list .produkt-item .produkt-content .produkt-info .rating{display:flex;align-items:center;gap:30px}.produkt-list .produkt-item .produkt-content .produkt-info .rating .star-rating{display:block;font-size:25px;line-height:1;--percent: calc(var(--rating) / 5 * 100%)}.produkt-list .produkt-item .produkt-content .produkt-info .rating .star-rating::after{content:'★★★★★';letter-spacing:-1px;background:linear-gradient(90deg, #E8AE54 var(--percent), #dcdcdc var(--percent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.produkt-list .produkt-item .produkt-content .produkt-info .rating .green-energy{display:flex;gap:6px}.produkt-list .produkt-item .produkt-content .produkt-info .rating .green-energy[data-value="1"] svg:first-child path{fill:#2E6915}.produkt-list .produkt-item .produkt-content .produkt-info .rating .green-energy[data-value="2"] svg path{fill:#2E6915}.produkt-list .produkt-item .produkt-content .pros{width:25%}@media screen and (max-width: 1200px){.produkt-list .produkt-item .produkt-content .pros{width:fit-content;display:block;margin-inline:auto;margin-top:20px}}.produkt-list .produkt-item .produkt-content .pros .pro-item{display:flex;align-items:center;gap:12px}.produkt-list .produkt-item .produkt-content .pros .pro-item:not(:last-child){margin-bottom:5px}@media screen and (min-width: 1200px){.produkt-list .produkt-item .produkt-content .pros .pro-item:not(:last-child){margin-bottom:17px}}.produkt-list .produkt-item .produkt-content .prices{padding-left:10px}@media screen and (max-width: 1200px){.produkt-list .produkt-item .produkt-content .prices{width:100%;text-align:center;padding-top:30px}}.produkt-list .produkt-item .produkt-content .prices .produkt-price{font-size:14px;line-height:17px;color:rgba(0,0,0,0.4);margin-bottom:6px}.produkt-list .produkt-item .produkt-content .prices .produkt-monthly-price{font-weight:700;font-size:20px;line-height:24px;color:#1F332A;margin-bottom:6px}.produkt-list .produkt-item .produkt-content .prices .binding{font-size:11px;line-height:13px;color:rgba(0,0,0,0.7);margin-bottom:9px}.produkt-list .produkt-item .produkt-content .prices .product-link{display:block;background:#1F332A;padding:10px 30px;border-radius:100px;font-weight:600;font-size:16px;line-height:19px;color:#FFFFFF;margin-bottom:6px}.produkt-list .produkt-item .produkt-content .prices .product-link:hover{background:#59BB66}.load-button-container{display:flex;justify-content:center;align-items:center;margin-block:40px}#produkt-load-more{display:block;background:#1F332A;padding:12px 35px;border-radius:100px;font-weight:600;font-size:16px;line-height:19px;color:#FFFFFF;margin-bottom:6px;border-color:#1F332A}
