.vergleich-hero{position:relative;padding:var(--space-12) 0 var(--space-10);background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%);color:var(--color-white);overflow:hidden}.vergleich-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255 / .05) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .05) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 70% at 70% 20%,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 70% 20%,#000 0%,transparent 70%);pointer-events:none}.vergleich-hero .container{position:relative}.vergleich-breadcrumb{font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.vergleich-breadcrumb a{color:rgb(255 255 255 / .7);text-decoration:none}.vergleich-breadcrumb a:hover{color:var(--color-white)}.vergleich-breadcrumb .breadcrumb-sep{margin:0 var(--space-2);color:rgb(255 255 255 / .4)}.vergleich-hero h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:var(--space-4);max-width:900px}.vergleich-intro{max-width:760px;font-size:var(--font-size-lg);color:rgb(255 255 255 / .9);margin-bottom:var(--space-3)}.vergleich-stand{font-size:var(--font-size-sm);color:rgb(255 255 255 / .7)}.vergleich-section{padding-block:var(--space-12)}.vergleich-section--alt{background:var(--color-bg)}.vergleich-section h2{font-size:var(--font-size-2xl);color:var(--color-secondary);margin-bottom:var(--space-4)}.vergleich-sub{max-width:760px;color:var(--color-text-muted);margin-bottom:var(--space-6)}.vergleich-disclosure{max-width:820px;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-8);font-size:var(--font-size-sm);color:var(--color-text-muted);background:#F4F0FF;border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0}.matrix-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;flex-shrink:0}.matrix-icon--ja{color:#15803D;background:#DCFCE7}.matrix-icon--teils{color:#B45309;background:#FEF3C7}.matrix-icon--nein{color:#B91C1C;background:#FEE2E2}.matrix-legend{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.matrix-legend span{display:inline-flex;align-items:center;gap:var(--space-2)}.matrix-wrap{overflow-x:auto;border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:0 1px 3px rgb(13 23 56 / .06);background:var(--color-white)}.matrix-table{width:100%;min-width:880px;border-collapse:collapse}.matrix-table thead th{background:var(--color-secondary);color:var(--color-white);font-size:.8125rem;font-weight:var(--font-weight-medium);text-align:center;padding:var(--space-3) var(--space-2);line-height:1.3}.matrix-table thead th.matrix-th-name{text-align:left;padding-left:var(--space-4)}.matrix-table tbody tr{transition:background-color 0.15s ease}.matrix-table tbody tr:hover{background:#FAF9FF}.matrix-table td,.matrix-table th[scope="row"]{padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border-light)}.matrix-table tbody tr:last-child td,.matrix-table tbody tr:last-child th{border-bottom:none}.matrix-name{text-align:left;font-weight:var(--font-weight-medium);padding-left:var(--space-4)!important;white-space:nowrap;position:sticky;left:0;background:var(--color-white);box-shadow:4px 0 8px -6px rgb(13 23 56 / .18);z-index:1}.matrix-table tbody tr:hover .matrix-name{background:#FAF9FF}.matrix-name a{color:var(--color-secondary);text-decoration:none}.matrix-name a:hover{color:var(--color-primary)}.matrix-cell{text-align:center}.matrix-volumen{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.matrix-row--own,.matrix-row--own .matrix-name,.matrix-table tbody tr.matrix-row--own:hover,.matrix-table tbody tr.matrix-row--own:hover .matrix-name{background:#F4F0FF}.matrix-row--own .matrix-name{border-left:3px solid var(--color-primary)}.vergleich-badge{display:inline-block;margin-left:var(--space-2);padding:2px 8px;font-size:.6875rem;font-weight:var(--font-weight-medium);color:var(--color-white);background:var(--color-primary);border-radius:2rem;white-space:nowrap;vertical-align:middle}.vergleich-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.vergleich-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--color-white);border:1px solid var(--color-border-light);border-radius:.75rem;box-shadow:0 1px 3px rgb(13 23 56 / .05);transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease;animation:vergleich-card-in 0.5s ease backwards;animation-delay:calc(var(--card-i, 0) * 60ms)}@keyframes vergleich-card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.vergleich-card{animation:none}}.vergleich-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px -8px rgb(13 23 56 / .16);border-color:#D6CCFF}.vergleich-card--own{border:2px solid var(--color-primary);background:linear-gradient(180deg,#FBFAFF 0%,var(--color-white) 120px)}.vergleich-card-head{display:flex;align-items:center;gap:var(--space-3)}.vergleich-card-avatar{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex-shrink:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);background:#F4F0FF;border-radius:.75rem}.vergleich-card--own .vergleich-card-avatar{color:var(--color-white);background:var(--color-primary)}.vergleich-card-headtext h3{font-size:var(--font-size-xl);color:var(--color-secondary);margin-bottom:var(--space-1)}.vergleich-card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.vergleich-tag{display:inline-block;padding:2px 10px;font-size:.6875rem;font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:2rem;white-space:nowrap}.vergleich-tag--typ{color:var(--color-primary);background:#F4F0FF;border-color:#E2D9FF}.vergleich-card-desc{color:var(--color-text);line-height:1.6;font-size:var(--font-size-sm)}.vergleich-procon{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg);border-radius:var(--radius-md);list-style:none}.vergleich-section--alt .vergleich-procon{background:#F1F5F9}.vergleich-card--own .vergleich-procon{background:#F4F0FF}.vergleich-procon li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-sm);line-height:1.5}.vergleich-procon .matrix-icon{width:20px;height:20px;margin-top:1px}.vergleich-procon .matrix-icon svg{width:11px;height:11px}.vergleich-card-live{font-size:var(--font-size-sm);color:var(--color-text-muted)}.vergleich-card-live a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium)}.vergleich-card-live a:hover{text-decoration:underline}.vergleich-card-link{margin-top:auto;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-decoration:none;transition:color 0.15s ease}.vergleich-card-link:hover{color:var(--color-primary)}.vergleich-card .btn{margin-top:var(--space-1);align-self:flex-start}.vergleich-table-wrap{overflow-x:auto;border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:0 1px 3px rgb(13 23 56 / .06);background:var(--color-white)}.vergleich-table{width:100%;border-collapse:collapse}.vergleich-table th{background:var(--color-secondary);color:var(--color-white);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-4)}.vergleich-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);vertical-align:top}.vergleich-table tbody tr:last-child td{border-bottom:none}.vergleich-table tbody tr:nth-child(even) td{background:var(--color-bg)}.vergleich-table td:first-child{font-weight:var(--font-weight-medium);color:var(--color-secondary)}.vergleich-checklist-section h2,.vergleich-checklist-section .vergleich-sub{text-align:center;margin-inline:auto}.checklist-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-5)}.checklist-card{position:relative;flex:0 1 340px;padding:var(--space-6);background:var(--color-white);border:1px solid var(--color-border-light);border-top:3px solid var(--color-primary);border-radius:.75rem;box-shadow:0 1px 3px rgb(13 23 56 / .05);overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease;animation:vergleich-card-in 0.5s ease backwards;animation-delay:calc(var(--card-i, 0) * 70ms)}.checklist-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px -8px rgb(13 23 56 / .16)}.checklist-card-no{position:absolute;top:var(--space-2);right:var(--space-4);font-size:3.5rem;font-weight:var(--font-weight-bold);line-height:1;color:#F4F0FF;user-select:none}.checklist-card-icon{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:var(--space-4);color:var(--color-primary);background:#F4F0FF;border-radius:.75rem}.checklist-card h3{position:relative;font-size:var(--font-size-lg);color:var(--color-secondary);margin-bottom:var(--space-2)}.checklist-card p{position:relative;font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-muted)}@media (prefers-reduced-motion:reduce){.checklist-card{animation:none}}.vergleich-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-8)}.vergleich-faq h2{text-align:center}.vergleich-faq .faq-list{max-width:820px;margin-inline:auto}.vergleich-cta .btn-ghost{border:1px solid var(--color-border-light);background:var(--color-white)}@media (max-width:991px){.vergleich-cards{grid-template-columns:1fr}}@media (max-width:767px){.vergleich-hero h1{font-size:var(--font-size-2xl)}.vergleich-intro{font-size:var(--font-size-base)}.vergleich-section{padding-block:var(--space-8)}.matrix-table thead th,.matrix-table td,.matrix-table th[scope="row"]{padding:var(--space-2);font-size:.75rem}.matrix-icon{width:22px;height:22px}.vergleich-table th,.vergleich-table td{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.vergleich-card{padding:var(--space-4)}.checklist-card{flex-basis:100%;padding:var(--space-4)}}