:root{--toker-blue:#1e5496;--toker-green:#8cc63f;--toker-dark:#2c3e50;--toker-gray:#64748b;--toker-light-gray:#f1f5f9;--toker-border:#e2e8f0;--toker-white:#fff;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--stock-green:#10b981;--stock-orange:#f59e0b;--stock-red:#ef4444}.tarif-vergleich-container{max-width:100%;width:100%;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.tarif-ergebnisse{width:100%;overflow-x:auto}.tarif-filter{background:#f5f5f5;padding:20px;border-radius:5px;margin-bottom:30px}.tarif-filter h3{margin-bottom:20px}.filter-row{display:flex;gap:15px;margin-bottom:20px;align-items:center}.filter-row .filter-group{flex:1;min-width:120px;margin:0}.filter-group{display:inline-block;margin-right:20px;vertical-align:top}.filter-group:last-of-type{margin-right:0}.filter-group label{display:block;margin-bottom:5px;font-weight:700;font-size:13px}.filter-group select,.filter-group input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.filter-group input[type=range]{width:100%}.filter-group input[type=checkbox]{width:auto;margin-right:5px}.filter-actions{display:flex;gap:10px;clear:both;padding-top:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.filter-actions .left-actions{display:flex;gap:10px;align-items:center}.filter-actions .right-actions{display:flex;gap:10px;align-items:center;margin-left:auto}.filter-actions .filter-group{margin-bottom:0}.filter-actions button{padding:8px 15px;background:#0073aa;color:#fff;border:none;border-radius:4px;cursor:pointer}.filter-actions button[type=reset]{background:#f7f7f7;color:#555;border:1px solid #ccc}.netzbetreiber-container{display:flex;flex-wrap:nowrap;gap:10px;margin-bottom:30px;overflow-x:auto;padding:5px}.netzbetreiber-item{flex:1 1 auto;min-width:120px;max-width:200px;height:80px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:16px;text-align:center;padding:15px;position:relative;overflow:hidden}.netzbetreiber-item:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.12);border-color:#0073aa}.netzbetreiber-item:active{transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,.12)}.netzbetreiber-name{font-weight:600;line-height:1.2;color:#333;font-size:14px}.netzbetreiber-item.active{border-color:#0073aa;background-color:#f0f8ff;box-shadow:0 4px 12px rgba(0,115,170,.2)}.tarif-tabelle{width:100%;border-collapse:collapse;margin-bottom:30px;table-layout:fixed}.tarif-tabelle th,.tarif-tabelle td{padding:8px 10px;text-align:left;border-bottom:1px solid #ddd;overflow:hidden;text-overflow:ellipsis;font-size:14px}.tarif-tabelle th{background-color:#f5f5f5;font-weight:700;font-size:13px}.tarif-tabelle tr:hover{background-color:#f9f9f9}.tarif-tabelle th:nth-child(1),.tarif-tabelle td:nth-child(1){width:35%}.tarif-tabelle th:nth-child(2),.tarif-tabelle td:nth-child(2){width:8%}.tarif-tabelle th:nth-child(3),.tarif-tabelle td:nth-child(3){width:8%}.tarif-tabelle th:nth-child(4),.tarif-tabelle td:nth-child(4){width:8%}.tarif-tabelle th:nth-child(5),.tarif-tabelle td:nth-child(5){width:8%}.tarif-tabelle th:nth-child(6),.tarif-tabelle td:nth-child(6){width:8%}.tarif-tabelle th:nth-child(7),.tarif-tabelle td:nth-child(7){width:8%}.tarif-tabelle th:last-child,.tarif-tabelle td:last-child{width:auto;min-width:170px;white-space:nowrap}.tarif-name{font-weight:700;color:#0073aa}.tarif-preis{font-weight:700}.tarif-tabelle tr.has-options-selected{background-color:#fffbf0}.tarif-grundgebuehr .updated-value,.tarif-preis .updated-value{transition:all .3s ease}.tarif-type{font-size:.9em;padding:4px 8px;border-radius:3px;display:inline-block}.tarif-type.neuvertraege{background:#d4edda;color:#155724}.tarif-type.vertragsverlaengerungen{background:#d1ecf1;color:#0c5460}.tarif-type.sim-only{background:#fff3cd;color:#856404}.action-buttons{display:flex !important;flex-direction:row !important;gap:5px !important;align-items:center !important;justify-content:flex-start !important;width:100% !important}.hardware-button,.options-button{color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;text-align:center;font-size:13px;transition:all .3s;width:auto !important;min-width:75px;display:inline-block !important;margin:0 !important;white-space:nowrap;flex:0 0 auto}.hardware-button{background:#0073aa;order:2}.hardware-button:hover{background:#005d87}.hardware-button.active{background:#46b450;transform:scale(1.05)}.options-button{background:#f0ad4e;order:1}.options-button:hover{background:#ec971f}.options-button.active{background:#d58512}.prices-hidden .provision-column:after,.prices-hidden .provision-column>*:after,.provision-column.price-hidden:after,.price-column.price-hidden:after,.hek-column.price-hidden:after{display:none !important;content:none !important}.provision-column.price-hidden,.price-column.price-hidden,.hek-column.price-hidden{color:#999 !important;font-style:italic !important;position:static !important}.provision-column.price-hidden>*,.price-column.price-hidden>*,.hek-column.price-hidden>*{display:none !important}body.prices-hidden .option-provision,.prices-hidden .option-provision{display:none !important;visibility:hidden !important}.toggle-prices-button,#toggle-prices-button,#hardware-toggle-prices-button{display:inline-flex !important;align-items:center;gap:5px;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:400;transition:all .3s;margin-left:10px;border:1px solid #dc3232}.toggle-prices-button.hiding-prices,#toggle-prices-button.hiding-prices{background:#dc3232;color:#fff;border-color:#dc3232}.toggle-prices-button.showing-prices,#toggle-prices-button.showing-prices{background:#fff;color:#333;border-color:#dc3232}.toggle-prices-button:hover,#toggle-prices-button:hover{opacity:.8;transform:translateY(-1px)}.tarif-tabelle .provision-column.price-hidden,.hardware-products-table .price-column.price-hidden,.hardware-products-table .hek-column.price-hidden{text-align:left;padding-left:10px}.provision-column>span+span,.price-column>span+span,.hek-column>span+span{display:none !important}.updated-value{background:#fffbcc;padding:2px 6px;border-radius:3px;font-weight:600}.tarif-tabelle tr.has-options-selected{background-color:#fffbf0}.hardware-container{background:#f5f5f5;padding:20px;border-radius:5px;margin-top:30px;width:100%}.hardware-filter{margin-bottom:20px}.hardware-filter label{margin-right:10px;font-weight:700}.hardware-filter select{padding:8px;border:1px solid #ddd;border-radius:4px;min-width:200px}.hardware-items{display:flex;flex-wrap:wrap;gap:20px}.hardware-item{flex:0 0 calc(25% - 15px);background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s;position:relative;padding-bottom:20px}.hardware-item:hover{transform:translateY(-5px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.hardware-image{width:100%;height:200px;object-fit:cover;margin-bottom:10px;border-radius:4px;background:#f5f5f5}.hardware-name{font-weight:700;margin-bottom:5px;font-size:1.1em;color:#333}.hardware-category{font-size:.85em;color:#666;margin-bottom:8px}.hardware-price{margin-top:10px}.hardware-old-price{text-decoration:line-through;color:#999;font-size:.9em}.hardware-current-price{color:#0073aa;font-weight:700;font-size:1.2em}.hardware-savings{background:#46b450;color:#fff;padding:2px 6px;border-radius:3px;font-size:.8em;margin-left:8px}.hardware-details{font-size:.9em;color:#666;margin-top:5px}.hardware-features{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.hardware-feature{background:#f0f0f0;padding:2px 6px;border-radius:3px;font-size:.75em;color:#555}.hardware-stock{margin-top:8px;font-size:.9em;color:#46b450;display:flex;align-items:center;gap:5px}.hardware-stock.out-of-stock{color:#dc3232}.stock-indicator{width:8px;height:8px;border-radius:50%;background:currentColor}.hardware-select{margin-top:10px;width:100%;background:#0073aa;color:#fff;border:none;padding:10px 0;border-radius:4px;cursor:pointer;font-weight:600;transition:background .3s}.hardware-select:hover{background:#005d87}.hardware-select:disabled{background:#ccc;color:#999;cursor:not-allowed}.hardware-badge{position:absolute;top:10px;right:10px;background:#0073aa;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75em;font-weight:600}.hardware-badge.new{background:#0073aa}.hardware-badge.sale{background:#dc3232}.selected-tarif-display{background:var(--toker-white);border:2px solid var(--toker-blue);border-radius:8px;padding:1rem;margin-bottom:1.5rem;box-shadow:var(--shadow-md)}.selected-tarif-display h3{margin:0 0 .5rem;color:var(--toker-blue);font-size:1rem;font-weight:600}.selected-tarif-table{width:100%;border-collapse:collapse}.selected-tarif-table th,.selected-tarif-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--toker-border);font-size:.9rem}.selected-tarif-table th{background:var(--toker-light-gray);font-weight:600;color:var(--toker-dark)}.hardware-filter-section{background:var(--toker-light-gray);padding:1.5rem;margin-bottom:2rem;border-radius:8px;width:100%;box-sizing:border-box}.hardware-search-container-top{position:relative;max-width:600px;margin:0 auto 1rem}.hardware-search-input{width:100%;padding:12px 50px 12px 16px;border:2px solid var(--toker-border);border-radius:8px;background:var(--toker-white);color:var(--toker-dark);font-size:1rem;transition:all .3s ease;box-sizing:border-box}.hardware-search-input:focus{outline:none;border-color:var(--toker-blue);box-shadow:0 0 0 3px rgba(30,84,150,.1)}.hardware-search-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--toker-gray);font-size:1.1rem;cursor:pointer;transition:color .3s ease}.hardware-filter-container{background:0 0;border:none;padding:0;box-shadow:none}.hardware-filter-row-inline{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.hardware-filter-group{flex:1 1 auto;min-width:140px;max-width:200px}.hardware-filter-select{width:100%;padding:10px 12px;border:1px solid var(--toker-border);border-radius:6px;background:var(--toker-white);color:var(--toker-dark);font-size:.85rem;transition:all .3s ease}.hardware-filter-reset{background:#fff;border:1px solid var(--toker-border);color:var(--toker-gray);padding:10px 20px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.85rem;white-space:nowrap;height:40px}.hardware-products-section{margin:0;padding:0 1.5rem;width:100%;box-sizing:border-box}.hardware-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.hardware-section-title{font-size:1.5rem;font-weight:600;color:var(--toker-dark)}.hardware-products-count{color:var(--toker-gray);font-size:.9rem}.hardware-toggle-container{display:flex;align-items:center;gap:1rem}.hardware-products-table-container{background:var(--toker-white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg);width:100%;box-sizing:border-box}.hardware-products-table{width:100%;border-collapse:collapse;table-layout:fixed}.hardware-products-table thead{background:var(--toker-light-gray)}.hardware-products-table thead th{padding:8px 10px;text-align:left;font-weight:600;color:var(--toker-dark);border-bottom:2px solid var(--toker-border);font-size:13px;white-space:nowrap}.hardware-products-table tbody tr{border-bottom:1px solid var(--toker-border);transition:background-color .2s ease}.hardware-products-table tbody tr:hover{background-color:#f9f9f9}.hardware-products-table td{padding:8px 10px;vertical-align:middle;font-size:14px}.hardware-products-table th:nth-child(1),.hardware-products-table td:nth-child(1){width:35%}.hardware-products-table th:nth-child(2),.hardware-products-table td:nth-child(2){width:15%}.hardware-products-table th:nth-child(3),.hardware-products-table td:nth-child(3){width:10%;text-align:right}.hardware-products-table th:nth-child(4),.hardware-products-table td:nth-child(4){width:10%;text-align:right}.hardware-products-table th:nth-child(5),.hardware-products-table td:nth-child(5){width:15%;text-align:right}.hardware-products-table th:nth-child(6),.hardware-products-table td:nth-child(6){width:15%;text-align:center}.hardware-product-name-cell{line-height:1.3}.hardware-product-name{font-weight:600;color:var(--toker-dark);margin-bottom:2px;display:block}.hardware-product-info-details{font-size:.75rem;color:var(--toker-gray);line-height:1.2}.hardware-product-sku{display:inline-block;margin-right:12px}.hardware-availability-indicator{display:flex;align-items:flex-start;gap:8px}.hardware-availability-light{width:12px;height:12px;border-radius:50%;flex-shrink:0}.hardware-availability-light.green{background-color:var(--stock-green);box-shadow:0 0 0 1px var(--stock-green)}.hardware-availability-light.orange{background-color:var(--stock-orange);box-shadow:0 0 0 1px var(--stock-orange)}.hardware-availability-light.red{background-color:var(--stock-red);box-shadow:0 0 0 1px var(--stock-red)}.hardware-availability-text{font-size:.9rem;font-weight:500}.hardware-price-cell{text-align:right;font-weight:600;font-size:1.1rem;color:var(--toker-dark);white-space:nowrap}.hardware-original-price{text-decoration:line-through;color:var(--toker-gray);font-weight:400;font-size:.9rem;display:block}.hardware-actions-cell{text-align:center;min-width:180px}.hardware-product-actions{display:flex;align-items:center;gap:8px;justify-content:center}.hardware-quantity-input{width:60px;padding:8px;border:1px solid var(--toker-border);border-radius:6px;text-align:center;font-size:.9rem}.hardware-btn-cart,.hardware-btn-select{padding:8px 16px;background:var(--toker-blue);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px}.hardware-btn-cart:hover:not(:disabled),.hardware-btn-select:hover:not(:disabled){background:var(--toker-green);transform:translateY(-1px);box-shadow:var(--shadow-md)}.hardware-btn-cart:disabled,.hardware-btn-select:disabled{background:var(--toker-gray);cursor:not-allowed;opacity:.6}.verkaufspreis{margin:15px 0;padding:10px;background-color:#e8f4f8;border-radius:4px;font-size:16px;text-align:center;font-weight:700 !important;color:#0073aa !important}.price-label{color:#666;font-weight:400;font-size:14px}.price-value{color:#0073aa;font-weight:700;font-size:18px;display:block;margin-top:5px}.calculating{color:#999;font-style:italic}.calculating-price{color:#666;font-style:italic}.price-error{color:#dc3232;font-size:14px}.tarif-options-row{background:#f9f9f9}.tarif-options-row td{padding:0 !important}.tarif-options-wrapper{padding:15px;background:#fff;border:1px solid #e0e0e0;margin:5px;border-radius:5px;width:fit-content;max-width:90%;overflow-x:auto}.option-category{margin-bottom:15px;width:fit-content}.option-category:last-child{margin-bottom:0}.option-items{display:inline-flex;flex-wrap:wrap;gap:12px;width:fit-content}.option-item{border:1px solid #ddd;border-radius:5px;padding:10px;transition:all .3s;background:#fafafa;width:auto;min-width:200px;max-width:300px}.option-item:hover{border-color:#0073aa;background:#f5f5f5}.option-label{display:flex;align-items:flex-start;cursor:pointer;gap:8px}.tarif-option-checkbox{margin-top:3px;width:16px;height:16px;cursor:pointer;flex-shrink:0}.option-content{flex:1;min-width:0}.option-name{font-weight:600;color:#333;margin-bottom:4px;word-break:break-word}.option-description{font-size:12px;color:#666;margin-bottom:6px;line-height:1.3}.option-pricing{display:flex;flex-direction:column;gap:3px;font-size:13px;margin-top:6px}.option-monthly-fee{font-weight:500}.option-monthly-fee.fee-positive{color:#dc3232}.option-monthly-fee.fee-negative{color:#46b450}.option-provision{font-weight:500}.option-provision.prov-positive{color:#46b450}.option-provision.prov-negative{color:#dc3232}.loading{text-align:center;padding:40px;color:#666}.hardware-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem}.hardware-loading-spinner{width:40px;height:40px;border:3px solid var(--toker-border);border-top:3px solid var(--toker-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.hardware-loading-text{color:var(--toker-gray);font-size:.9rem}.no-results{padding:30px;text-align:center;font-style:italic;color:#777}.error{text-align:center;padding:40px;color:#d73502;font-size:16px}.error-container{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:2rem;margin:2rem 0;color:#991b1b}.error-container h3{margin-bottom:1rem;color:#7f1d1d}.toast{position:fixed;top:20px;right:20px;padding:15px 25px;color:#fff;border-radius:8px;box-shadow:var(--shadow-lg);z-index:9999;animation:slideIn .3s ease}.toast-success{background:var(--toker-green)}.toast-error{background:var(--stock-red)}.toast-info{background:var(--toker-blue)}@keyframes highlight{0%{background:#ffeb3b}100%{background:#fffbcc}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.hardware-fade-in{opacity:0;animation:fadeIn .3s ease forwards;will-change:transform,opacity}@media (max-width:1024px){.netzbetreiber-container{flex-wrap:wrap}.netzbetreiber-item{flex:0 0 calc(33.333% - 7px)}.hardware-item{flex:0 0 calc(33.333% - 14px)}.filter-row{flex-wrap:wrap}.filter-row .filter-group{flex:1 1 calc(50% - 10px);min-width:200px}}@media (max-width:768px){.netzbetreiber-item{flex:0 0 calc(50% - 5px);min-width:0}.filter-row{flex-direction:column}.filter-row .filter-group{width:100%;flex:1 1 100%}.filter-group{display:block;margin-right:0;width:100%}.filter-group select,.filter-group input{width:100%}.filter-actions{flex-direction:column;align-items:stretch}.filter-actions .right-actions{width:100%;margin-top:10px}.toggle-prices-button,#toggle-prices-button{margin-left:0;margin-top:10px;width:100%;justify-content:center}.tarif-tabelle{table-layout:auto;font-size:12px}.tarif-tabelle th,.tarif-tabelle td{padding:6px 4px;font-size:12px}.tarif-tabelle th{font-size:11px}.tarif-tabelle th:nth-child(1),.tarif-tabelle td:nth-child(1){width:45%}.tarif-tabelle th:nth-child(2),.tarif-tabelle td:nth-child(2){width:10%}.tarif-tabelle th:last-child,.tarif-tabelle td:last-child{min-width:150px}.action-buttons{gap:4px !important;flex-wrap:wrap}.hardware-button,.options-button{font-size:11px;padding:4px 8px;min-width:65px}.option-items{flex-direction:column;gap:6px}.option-pricing{flex-direction:column;gap:2px}.tarif-options-wrapper{padding:8px;margin:2px;max-width:100%}.hardware-item{flex:0 0 calc(50% - 10px)}.hardware-filter-section,.hardware-products-section{padding:1rem}.hardware-filter-row-inline{flex-direction:column;gap:.5rem}.hardware-filter-group{max-width:100%;width:100%}.hardware-products-table-container{overflow-x:auto}.hardware-products-table{min-width:900px}.selected-tarif-table{font-size:.8rem}.selected-tarif-table th,.selected-tarif-table td{padding:6px 8px}}@media (max-width:480px){.netzbetreiber-item{flex:0 0 100%;max-width:100%}.hardware-item{flex:0 0 100%}.tarif-tabelle th:nth-child(3),.tarif-tabelle td:nth-child(3),.tarif-tabelle th:nth-child(6),.tarif-tabelle td:nth-child(6){display:none}.hardware-button,.options-button{font-size:10px;padding:3px 6px;min-width:55px}.tarif-tabelle th:last-child,.tarif-tabelle td:last-child{min-width:100px}.action-buttons{gap:3px !important}}@media (max-width:400px){.action-buttons{flex-direction:column !important}}