:root{--primary-color: #0f0f0f;--secondary-color: #60686f;--accent-color: #007bff;--light-gray: #f8f9fa;--border-color: #e5e5e5;--white: #ffffff;--dark-gray: #404040;--background-color: #fafafa;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-dark: linear-gradient(135deg, #2c3e50 0%, #3498db 100%)}.product-card{background:var(--white);border:2px solid var(--border-color);border-radius:0;overflow:hidden;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;clip-path:polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));display:flex;flex-direction:column;justify-content:space-between}.product-card:hover{border-color:var(--primary-color);box-shadow:0 25px 70px rgba(0,0,0,.15);transform:translateY(-10px)}.product-card:hover .product-image img{transform:scale(1.05)}.product-card:hover .product-image::after{opacity:1}.product-card .product-image{height:280px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-card .product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card .product-image::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg, transparent 0%, rgba(102, 126, 234, 0.1) 100%);opacity:0;transition:opacity .3s ease}.product-card .product-image .product-category{position:absolute;top:15px;left:15px;background:rgba(0,0,0,.8);color:var(--white);padding:6px 12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px))}.product-card .product-footer{border-top:2px solid #eaeaea;position:relative}.product-card .product-footer .product-button{background:var(--primary-color);color:var(--white);border:none;padding:10px 15px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;position:absolute;cursor:pointer;right:10px;top:50%;transform:translate(0, -50%);clip-path:polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px))}.product-card .product-footer .product-button:hover{background:#373737}.product-card .product-info{padding:30px 20px 5px 20px}.product-card .product-info .product-title{font-size:1.5rem !important;font-weight:700;color:var(--primary-color);margin-bottom:15px;letter-spacing:-0.01em;line-height:1.3;text-transform:none}.product-card .product-info .product-description *{color:var(--secondary-color);font-size:1rem;line-height:1.6;margin-bottom:0}.product-card .product-info .product-description{color:var(--secondary-color);font-size:1rem;line-height:1.6;margin-bottom:0}.product-card .product-price{font-size:1.25rem;font-weight:700;color:var(--primary-color);margin-bottom:20px;align-items:center;gap:8px;padding:0 30px;margin-top:10px}.product-card .product-price .price-label{font-size:.9rem;font-weight:500;color:var(--secondary-color)}.product-card .product-price .price-amount{background:var(--gradient-primary);font-size:1.8rem;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;display:block}.no-results{text-align:center;padding:80px 20px;grid-column:1/-1}.no-results-icon{font-size:4rem;color:var(--secondary-color);margin-bottom:20px}.no-results h3{font-size:1.5rem;font-weight:600;color:var(--primary-color);margin-bottom:10px}.no-results p{color:var(--secondary-color);font-size:1.1rem}.category-description p{margin-bottom:0 !important}.category-description .category-description-wrapper{position:relative}@media(max-width: 767px){.category-description .category-description-wrapper .category-description-content{position:relative;transition:max-height .3s ease}.category-description .category-description-wrapper .category-description-content.collapsed{max-height:100px;overflow:hidden}.category-description .category-description-wrapper .category-description-content.collapsed::after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent, white)}}.category-description .category-description-wrapper .category-description-toggle{color:var(--primary-color);font-weight:600;text-decoration:none;font-size:.95rem;outline:none;border:none;box-shadow:none}.category-description .category-description-wrapper .category-description-toggle:hover{text-decoration:underline;color:var(--gradient-primary)}.category-description .category-description-wrapper .category-description-toggle:focus{outline:none;box-shadow:none}.mietangebot-container{color:#b1b1b1;font-size:13px;margin-top:30px !important}.mietangebot-container a{color:#3b0084 !important}.filter-section{background:var(--background-color);padding:40px 0 20px}.filter-controls{display:flex;justify-content:center;flex-wrap:wrap}@media(max-width: 768px){.filter-section{padding:30px 0 15px}}.filter-section{background:var(--white);padding:5px 0 10px 0;position:relative;z-index:99}@media(min-width: 768px){.filter-section{position:sticky;top:74px}}.filter-section .filter-group label{font-weight:700;color:var(--primary-color);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.filter-section #categoryTreeSelect{width:100%;min-height:56px}.filter-section .filter-select,.filter-section .search-input{padding:14px 18px;border:2px solid var(--border-color);border-radius:0;background:var(--white);font-size:1rem;font-weight:500;transition:all .3s ease;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));box-shadow:0 2px 8px rgba(0,0,0,.05);width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between}.filter-section .filter-select:focus,.filter-section .search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 4px 20px rgba(102,126,234,.15);transform:translateY(-2px)}.filter-section .filter-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:45px;cursor:pointer}.filter-section .filter-select.dropdown-toggle::after{display:none}.filter-section .filter-select:hover{border-color:#a3a3a3;box-shadow:0 4px 15px rgba(0,0,0,.1)}.article-content{padding:0 !important}