.anbieter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.anbieter-card{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base);display:flex;flex-direction:column;border:1px solid var(--color-border);position:relative}.anbieter-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--color-border-hover)}.anbieter-card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%);opacity:0;transition:opacity var(--transition-base);pointer-events:none;border-radius:var(--radius-xl)}.anbieter-card:hover::after{opacity:1}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);position:relative;z-index:1}.anbieter-logo{height:40px;width:auto;max-width:120px;object-fit:contain}.anbieter-badge{padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:white;font-size:var(--text-xs);font-weight:700;font-family:var(--font-heading);border-radius:var(--radius-full);letter-spacing:0.02em}.anbieter-badge.top-pick{background:linear-gradient(135deg,var(--color-accent),#0891b2)}.anbieter-badge.budget{background:linear-gradient(135deg,var(--color-warning),#d97706)}.card-body{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column;position:relative;z-index:1}.anbieter-name{font-size:var(--text-xl);font-weight:700;font-family:var(--font-heading);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.anbieter-tagline{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.rating{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.rating-stars{display:flex;gap:2px}.rating-star{width:18px;height:18px;color:var(--color-accent-warm)}.rating-star.empty{color:var(--color-border)}.rating-score{font-size:var(--text-lg);font-weight:800;font-family:var(--font-heading);color:var(--color-text-primary)}.rating-label{font-size:var(--text-sm);color:var(--color-text-muted)}.price-info{display:flex;align-items:baseline;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.price-label{font-size:var(--text-sm);color:var(--color-text-muted)}.price-value{font-size:var(--text-xl);font-weight:800;font-family:var(--font-heading);color:var(--color-text-primary)}.price-period{font-size:var(--text-sm);color:var(--color-text-muted)}.price-free{color:var(--color-success);font-weight:700}.features-list{list-style:none;padding:0;margin:0 0 var(--spacing-lg) 0;flex:1}.features-list li{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.features-list .icon-check{width:16px;height:16px;color:var(--color-success);flex-shrink:0;margin-top:2px}.features-list .icon-x{color:var(--color-text-muted)}.card-footer{display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg);padding-top:0;position:relative;z-index:1}.card-footer .btn{flex:1;justify-content:center}.comparison-card{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--color-border)}.comparison-header{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:white;padding:var(--spacing-lg);text-align:center}.comparison-header h3{color:white;margin:0;font-family:var(--font-heading)}.mini-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:all var(--transition-fast);border:1px solid var(--color-border)}.mini-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-border-hover);transform:translateY(-2px)}.mini-card-logo{width:48px;height:48px;object-fit:contain;border-radius:var(--radius-sm)}.mini-card-info{flex:1}.mini-card-name{font-weight:600;font-family:var(--font-heading);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.mini-card-rating{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--color-text-secondary)}.top-list{list-style:none;padding:0;margin:0;counter-reset:top-counter}.top-list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--color-border);counter-increment:top-counter;transition:background-color var(--transition-fast)}.top-list-item:hover{background-color:var(--color-primary-light)}.top-list-item:last-child{border-bottom:none}.top-list-item::before{content:counter(top-counter);display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:white;font-weight:700;font-family:var(--font-heading);font-size:var(--text-sm);border-radius:var(--radius-full);flex-shrink:0}.top-list-item:first-child::before{background:linear-gradient(135deg,var(--color-accent),#0891b2)}@media (max-width:992px){.anbieter-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.anbieter-grid{grid-template-columns:1fr}.card-footer{flex-direction:column}}