.testbericht{max-width:var(--container-max);margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.testbericht-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-2xl);align-items:start}.testbericht-content{min-width:0}.testbericht .breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-lg);flex-wrap:wrap;background:none;padding:0;border:none}.testbericht .breadcrumb a{color:var(--color-text-secondary);text-decoration:none}.testbericht .breadcrumb a:hover{color:var(--color-primary)}.breadcrumb-separator{color:var(--color-text-muted)}.testbericht-hero{background-color:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:box-shadow var(--transition-base)}.testbericht-hero:hover{box-shadow:var(--shadow-md)}.hero-header{display:flex;align-items:flex-start;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.hero-logo{width:100px;height:100px;object-fit:contain;background-color:var(--color-bg);border-radius:var(--radius-lg);padding:var(--spacing-md);border:1px solid var(--color-border)}.hero-info{flex:1}.hero-info h1{margin-bottom:var(--spacing-sm);font-size:clamp(1.5rem,3vw,2.25rem)}.hero-meta{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;font-size:var(--text-sm);color:var(--color-text-muted)}.hero-meta-item{display:flex;align-items:center;gap:var(--spacing-xs)}.hero-meta-item svg{width:16px;height:16px}.hero-rating{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.rating-big{text-align:center}.rating-big.score-ring-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);position:relative}.rating-big.score-ring-container svg.score-ring{transform:rotate(-90deg)}.rating-big.score-ring-container .score-ring-bg{stroke:var(--color-border,#e2e8f0)}.rating-big.score-ring-container .score-ring-fill{stroke:var(--color-primary);stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.rating-big.score-ring-container .score-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;line-height:1}.rating-big .score{font-size:var(--text-4xl,2.25rem);font-weight:800;font-family:var(--font-heading);color:var(--color-primary);line-height:1}.rating-big .max-score{font-size:var(--text-lg,1.125rem);color:var(--color-text-muted)}.rating-big .label{display:block;font-size:var(--text-sm,0.875rem);color:var(--color-text-secondary);margin-top:var(--space-1,0.25rem);font-weight:600}.rating-breakdown{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.rating-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm)}.rating-item-label{order:1;color:var(--color-text-secondary);min-width:120px;flex-shrink:0;font-weight:500}.rating-bar{order:2;width:80px;flex-shrink:0;height:8px;background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.rating-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-full);transition:width 0.8s cubic-bezier(0.4,0,0.2,1)}.rating-item-score{order:3;font-weight:700;font-family:var(--font-heading);color:var(--color-text-primary);min-width:35px;text-align:right}.hero-cta{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.toc{background-color:var(--color-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);border:1px solid var(--color-border)}.toc h3{font-size:var(--text-lg);margin-bottom:var(--spacing-md);margin-top:0;font-family:var(--font-heading)}.toc-list{list-style:none;padding:0;margin:0;counter-reset:toc-counter}.toc-list li{counter-increment:toc-counter;margin-bottom:var(--spacing-sm)}.toc-list a{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);transition:all var(--transition-fast);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.toc-list a::before{content:counter(toc-counter) ".";color:var(--color-primary);font-weight:700;font-family:var(--font-heading)}.toc-list a:hover{color:var(--color-primary);background-color:var(--color-primary-light);text-decoration:none}.article-section{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-xs);border:1px solid var(--color-border);transition:box-shadow var(--transition-base)}.article-section:hover{box-shadow:var(--shadow-sm)}.article-section h2{margin-top:0;padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-primary);margin-bottom:var(--spacing-lg);font-family:var(--font-heading)}.article-section h3{color:var(--color-text-primary)}.kurzfazit{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:white;border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);position:relative;overflow:hidden}.kurzfazit::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 60%);pointer-events:none}.kurzfazit h2{color:white;border-bottom-color:rgba(255,255,255,0.3);position:relative}.kurzfazit p{font-size:var(--text-lg);line-height:1.8;color:rgba(255,255,255,0.95);position:relative}.kurzfazit .highlight{background-color:rgba(255,255,255,0.2);padding:2px 8px;border-radius:var(--radius-sm)}.pro-contra{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.pro-box,.contra-box{padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid transparent}.pro-box{background-color:var(--color-success-bg);border-left:4px solid var(--color-success);border-color:rgba(16,185,129,0.15)}.contra-box{background-color:var(--color-danger-bg);border-left:4px solid var(--color-danger);border-color:rgba(239,68,68,0.15)}.pro-box h4,.contra-box h4{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);margin-top:0;font-family:var(--font-heading)}.pro-box h4{color:#065f46}.contra-box h4{color:#991b1b}.pro-box ul,.contra-box ul{list-style:none;padding:0;margin:0}.pro-box li,.contra-box li{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:var(--text-sm);line-height:1.6}.pro-box li::before{content:"\2713";color:var(--color-success);font-weight:bold;flex-shrink:0}.contra-box li::before{content:"\2717";color:var(--color-danger);font-weight:bold;flex-shrink:0}.preis-tabelle{overflow-x:auto}.preis-tabelle table{min-width:600px}.preis-tabelle th{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:white;font-family:var(--font-heading)}.preis-tabelle .empfohlen{background-color:var(--color-primary-light)}.preis-tabelle .preis{font-weight:800;font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-primary)}.warning-box{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-warning-bg);border-left:4px solid var(--color-warning);border-radius:var(--radius-md);margin:var(--spacing-lg) 0}.screenshot{background-color:var(--color-bg);border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;color:var(--color-text-muted);margin:var(--spacing-lg) 0}.screenshot-label{font-weight:600;color:var(--color-text-secondary)}.cta-box{background:linear-gradient(135deg,var(--color-accent),#0891b2);color:white;border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;margin:var(--spacing-xl) 0;position:relative;overflow:hidden}.cta-box::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,0.1) 0%,transparent 50%);pointer-events:none}.cta-box h3{color:white;margin-top:0;position:relative;font-family:var(--font-heading)}.cta-box p{opacity:0.9;color:rgba(255,255,255,0.9);position:relative}.cta-box .btn{background-color:white;color:#0891b2;position:relative;font-weight:700}.cta-box .btn:hover{background-color:var(--gray-100);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.autor-box{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-bg);border-radius:var(--radius-lg);margin-top:var(--spacing-2xl);border:1px solid var(--color-border)}.autor-avatar{width:80px;height:80px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--color-primary-light)}.autor-info h4{margin:0 0 var(--spacing-xs);font-family:var(--font-heading)}.autor-role{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--spacing-sm)}.autor-bio{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:0;line-height:1.7}.testbericht-sidebar{position:sticky;top:100px}.sidebar-widget{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-xs);border:1px solid var(--color-border);transition:box-shadow var(--transition-base)}.sidebar-widget:hover{box-shadow:var(--shadow-sm)}.sidebar-widget h4{margin-top:0;margin-bottom:var(--spacing-md);font-size:var(--text-base);font-family:var(--font-heading)}.related-tests{list-style:none;padding:0;margin:0}.related-tests li{margin-bottom:var(--spacing-sm)}.related-tests a{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);text-decoration:none;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.related-tests a:hover{background-color:var(--color-primary-light);color:var(--color-primary);text-decoration:none}.related-tests img{width:32px;height:32px;border-radius:var(--radius-sm)}@media (max-width:1024px){.testbericht-layout{grid-template-columns:1fr}.testbericht-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}}@media (max-width:768px){.hero-header{flex-direction:column;align-items:center;text-align:center}.hero-rating{flex-direction:column}.rating-breakdown{grid-template-columns:1fr}.pro-contra{grid-template-columns:1fr}.hero-cta{flex-direction:column}.testbericht-sidebar{grid-template-columns:1fr}.autor-box{flex-direction:column;text-align:center}}