/* =================================== RATGEBER STYLES - PREMIUM EDITION Executive Authority Design System Verkaufspsychologisch Optimiert =================================== *//* =================================== DESIGN TOKENS =================================== */:root{--rg-primary:#1a2744;--rg-primary-light:#2c3e5c;--rg-primary-dark:#0f1829;--rg-cta:#e67e22;--rg-cta-hover:#d35400;--rg-cta-glow:rgba(230, 126, 34, 0.4);--rg-success:#059669;--rg-success-light:#10b981;--rg-success-bg:#ecfdf5;--rg-danger:#dc2626;--rg-danger-light:#ef4444;--rg-danger-bg:#fef2f2;--rg-warning:#f59e0b;--rg-warning-bg:#fffbeb;--rg-text:#1f2937;--rg-text-light:#6b7280;--rg-text-muted:#9ca3af;--rg-bg:#ffffff;--rg-bg-alt:#f8fafc;--rg-bg-warm:#faf8f5;--rg-border:#e5e7eb;--rg-border-light:#f3f4f6;--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-cta:0 8px 24px var(--rg-cta-glow);--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);--transition-fast:0.15s var(--ease-out);--transition-normal:0.3s var(--ease-out);--transition-slow:0.5s var(--ease-out);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}/* =================================== BASE RESETS =================================== */.ratgeber-hero,.article-hero,.featured-article,.articles-section,.ratgeber-cta,.article-content-wrapper,.related-articles{overflow-x:hidden;max-width:100vw}/* =================================== BREADCRUMB =================================== */.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:0.8rem;flex-wrap:wrap}.breadcrumb a{color:rgba(255,255,255,0.7);text-decoration:none;transition:var(--transition-fast)}.breadcrumb a:hover{color:white}.breadcrumb span{color:rgba(255,255,255,0.4)}.breadcrumb span:last-child{color:rgba(255,255,255,0.9);font-weight:500}/* =================================== RATGEBER HERO =================================== */.ratgeber-hero{padding:110px 0 50px;background:linear-gradient(145deg, var(--rg-primary) 0%, var(--rg-primary-light) 50%, var(--rg-primary) 100%);color:white;position:relative}.ratgeber-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 80%, rgba(230, 126, 34, 0.08) 0%, transparent 40%), radial-gradient(circle at 80% 20%, rgba(5, 150, 105, 0.06) 0%, transparent 40%);pointer-events:none}.ratgeber-hero .container{position:relative;z-index:1}.ratgeber-hero h1{color:white;font-size:1.75rem;font-weight:800;line-height:1.25;margin-bottom:16px;letter-spacing:-0.02em}.ratgeber-hero .hero-subtitle{color:rgba(255,255,255,0.9);font-size:1rem;line-height:1.7;max-width:100%;margin:0}/* =================================== FEATURED ARTICLE =================================== */.featured-article{padding:48px 0 56px;background:var(--rg-bg-alt);margin-top:-24px;position:relative}.featured-card{display:block;background:var(--rg-bg);border-radius:var(--radius-xl);padding:28px 24px;box-shadow:var(--shadow-lg);border:1px solid var(--rg-border-light);position:relative;overflow:hidden;transition:var(--transition-normal);text-decoration:none}.featured-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, var(--rg-cta) 0%, var(--rg-warning) 100%)}.featured-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.featured-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg, var(--rg-cta) 0%, var(--rg-warning) 100%);color:white;padding:6px 14px;border-radius:100px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:16px;box-shadow:var(--shadow-sm)}.featured-content{width:100%}.featured-content h2{font-size:1.35rem;font-weight:700;line-height:1.35;margin-bottom:12px;color:var(--rg-primary)}.featured-content p{color:var(--rg-text-light);font-size:0.95rem;line-height:1.7;margin-bottom:20px}.featured-visual{display:none}/* =================================== ARTICLE META =================================== */.article-category{display:inline-block;color:var(--rg-cta);font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;font-size:0.85rem}.read-time{color:var(--rg-text-muted);display:flex;align-items:center;gap:6px}.read-time::before{content:'';width:4px;height:4px;background:var(--rg-text-muted);border-radius:50%}.cta-link{color:var(--rg-cta);font-weight:600;transition:var(--transition-fast)}.cta-link:hover{color:var(--rg-cta-hover)}/* =================================== ARTICLES SECTION =================================== */.articles-section{padding:60px 0;background:var(--rg-bg)}.articles-section .section-header{margin-bottom:40px;text-align:center}.articles-section .section-header h2{font-size:1.5rem;font-weight:800;margin-bottom:10px;color:var(--rg-primary)}.articles-section .section-header p{font-size:1rem;color:var(--rg-text-light)}.articles-grid{display:grid;grid-template-columns:1fr;gap:20px}.article-card{background:var(--rg-bg);border:2px solid var(--rg-border);border-radius:var(--radius-lg);padding:24px 20px;transition:var(--transition-normal);text-decoration:none;display:flex;flex-direction:column;position:relative}.article-card:hover{border-color:var(--rg-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.article-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:18px;flex-shrink:0;box-shadow:var(--shadow-sm)}.article-icon svg{width:26px;height:26px;color:white}.article-card h3{font-size:1.1rem;font-weight:700;margin-bottom:10px;color:var(--rg-primary);line-height:1.4}.article-card p{color:var(--rg-text-light);font-size:0.9rem;line-height:1.65;margin-bottom:18px;flex-grow:1}.article-card .article-meta{margin-top:auto;padding-top:16px;border-top:1px solid var(--rg-border)}/* =================================== RATGEBER CTA SECTION =================================== */.ratgeber-cta{padding:60px 0;background:var(--rg-bg-alt)}.cta-box{background:linear-gradient(145deg, var(--rg-primary) 0%, var(--rg-primary-light) 50%, var(--rg-primary-dark) 100%);border-radius:var(--radius-xl);padding:36px 24px;text-align:center;position:relative;overflow:hidden}.cta-box::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle, rgba(230, 126, 34, 0.15) 0%, transparent 70%);pointer-events:none}.cta-box::after{content:'';position:absolute;bottom:-50px;left:-50px;width:200px;height:200px;background:radial-gradient(circle, rgba(5, 150, 105, 0.1) 0%, transparent 70%);pointer-events:none}.cta-box > *{position:relative;z-index:1}.cta-box h2{color:white;font-size:1.5rem;font-weight:800;line-height:1.3;margin-bottom:14px}.cta-box > .cta-content > p{color:rgba(255,255,255,0.9);font-size:1rem;line-height:1.65;margin-bottom:24px}.cta-features{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:28px}.cta-feature{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,0.95);font-size:0.9rem;font-weight:500}.cta-feature svg{width:20px;height:20px;color:var(--rg-success-light);flex-shrink:0}.cta-actions{display:flex;flex-direction:column;gap:12px}.cta-actions .btn{width:100%;min-height:52px;font-weight:700;font-size:1rem;border-radius:var(--radius-md);transition:var(--transition-normal)}.cta-actions .btn-primary,.cta-box .btn-primary{background:var(--rg-cta) !important;color:white !important;border:2px solid var(--rg-cta) !important;box-shadow:var(--shadow-cta)}.cta-actions .btn-primary:hover,.cta-box .btn-primary:hover{background:var(--rg-cta-hover) !important;border-color:var(--rg-cta-hover) !important;transform:translateY(-3px);box-shadow:0 12px 32px var(--rg-cta-glow)}.cta-actions .btn-outline{background:transparent !important;border:2px solid rgba(255,255,255,0.4) !important;color:white !important}.cta-actions .btn-outline:hover{background:rgba(255,255,255,0.1) !important;border-color:white !important}/* =================================== ARTICLE HERO =================================== */.article-hero{padding:110px 0 50px;background:linear-gradient(145deg, var(--rg-primary) 0%, var(--rg-primary-light) 50%, var(--rg-primary) 100%);color:white;position:relative}.article-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 90% 10%, rgba(230, 126, 34, 0.1) 0%, transparent 40%), radial-gradient(circle at 10% 90%, rgba(5, 150, 105, 0.08) 0%, transparent 40%);pointer-events:none}.article-hero .container{position:relative;z-index:1}.article-hero .breadcrumb{margin-bottom:20px}.article-hero .article-category{color:var(--rg-cta);background:rgba(255,255,255,0.1);padding:6px 14px;border-radius:100px;margin-bottom:18px;font-size:0.7rem}.article-hero h1{color:white;font-size:1.5rem;font-weight:800;line-height:1.3;margin-bottom:18px;max-width:100%;letter-spacing:-0.02em}.article-hero .hero-subtitle{color:rgba(255,255,255,0.9);font-size:1rem;line-height:1.7;max-width:100%;margin-bottom:24px}.article-hero .article-meta{color:rgba(255,255,255,0.7)}.article-hero .article-meta span{color:rgba(255,255,255,0.7)}/* =================================== ARTICLE CONTENT =================================== */.article-content-wrapper{padding:48px 0 60px;background:var(--rg-bg)}.article-layout{display:flex;flex-direction:column;gap:48px;max-width:1200px;margin:0 auto}.article-main{width:100%;max-width:100%}.article-body{font-size:1rem;line-height:1.8;color:var(--rg-text)}.article-body h2{font-size:1.35rem;font-weight:800;line-height:1.3;margin:40px 0 18px;padding-top:24px;border-top:2px solid var(--rg-border-light);color:var(--rg-primary)}.article-body h2:first-child{margin-top:0;padding-top:0;border-top:none}.article-body h3{font-size:1.15rem;font-weight:700;line-height:1.4;margin:28px 0 14px;color:var(--rg-primary)}.article-body p{margin-bottom:18px}.article-body ul,.article-body ol{margin:18px 0 18px 24px}.article-body li{margin-bottom:10px;line-height:1.7}.article-body strong{color:var(--rg-primary);font-weight:600}.article-body a{color:var(--rg-cta);font-weight:500;transition:var(--transition-fast)}.article-body a:hover{color:var(--rg-cta-hover)}/* =================================== INFO BOXES - Premium Styled =================================== */.info-box{background:var(--rg-bg-alt);border-radius:var(--radius-lg);padding:24px 20px;margin:28px 0;border:1px solid var(--rg-border);position:relative;box-shadow:var(--shadow-xs)}.info-box h4{font-size:1rem;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:10px;color:var(--rg-primary)}.info-box h4::before{content:'';width:4px;height:20px;border-radius:2px;flex-shrink:0}.info-box p{margin:0;font-size:0.95rem;line-height:1.7;color:var(--rg-text)}.info-box ul{margin:14px 0 0 20px !important;font-size:0.95rem}.info-box li{margin-bottom:8px !important;line-height:1.6}.info-box.tip{background:var(--rg-success-bg);border-color:var(--rg-success);border-left:4px solid var(--rg-success)}.info-box.tip h4::before{background:var(--rg-success);display:none}.info-box.tip h4{color:var(--rg-success)}.info-box.warning{background:var(--rg-warning-bg);border-color:var(--rg-warning);border-left:4px solid var(--rg-warning)}.info-box.warning h4::before{background:var(--rg-warning);display:none}.info-box.warning h4{color:var(--rg-cta-hover)}.info-box.highlight{background:linear-gradient(135deg, rgba(26, 39, 68, 0.04) 0%, rgba(44, 62, 92, 0.06) 100%);border-color:var(--rg-primary);border-left:4px solid var(--rg-primary)}.info-box.highlight h4::before{background:var(--rg-primary);display:none}.info-box.danger{background:var(--rg-danger-bg);border-color:var(--rg-danger);border-left:4px solid var(--rg-danger)}.info-box.danger h4{color:var(--rg-danger)}/* =================================== COMPARISON TABLE - Premium =================================== */.comparison-table-wrapper{overflow-x:auto;margin:28px -20px;padding:0 20px;-webkit-overflow-scrolling:touch}.comparison-table{width:100%;min-width:500px;border-collapse:separate;border-spacing:0;margin:28px 0;font-size:0.875rem;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.comparison-table th,.comparison-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--rg-border-light)}.comparison-table th{background:linear-gradient(135deg, var(--rg-primary) 0%, var(--rg-primary-light) 100%);color:white;font-weight:700;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.05em}.comparison-table th:first-child{border-radius:var(--radius-lg) 0 0 0}.comparison-table th:last-child{border-radius:0 var(--radius-lg) 0 0}.comparison-table tbody tr{background:var(--rg-bg);transition:var(--transition-fast)}.comparison-table tbody tr:nth-child(even){background:var(--rg-bg-alt)}.comparison-table tbody tr:hover{background:rgba(26, 39, 68, 0.04)}.comparison-table tbody tr:last-child td:first-child{border-radius:0 0 0 var(--radius-lg)}.comparison-table tbody tr:last-child td:last-child{border-radius:0 0 var(--radius-lg) 0}.comparison-table .highlight-row{background:var(--rg-success-bg) !important}.comparison-table .highlight-row td{font-weight:700;color:var(--rg-success)}.comparison-table .highlight-row:hover{background:rgba(5, 150, 105, 0.15) !important}.comparison-table td:last-child{font-weight:600}/* =================================== CHECKLIST - Premium =================================== */.checklist{list-style:none;margin:24px 0;padding:0;background:var(--rg-bg-alt);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--rg-border)}.checklist li{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;font-size:0.95rem;line-height:1.6;border-bottom:1px solid var(--rg-border-light);background:var(--rg-bg);transition:var(--transition-fast)}.checklist li:nth-child(even){background:var(--rg-bg-alt)}.checklist li:last-child{border-bottom:none}.checklist li:hover{background:rgba(5, 150, 105, 0.04)}.checklist li svg{width:24px;height:24px;color:var(--rg-success);flex-shrink:0;margin-top:0;background:var(--rg-success-bg);padding:4px;border-radius:50%}.checklist li div{flex:1}.checklist li strong{color:var(--rg-primary);display:block;margin-bottom:2px}/* =================================== ARTICLE SIDEBAR =================================== */.article-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-box{background:var(--rg-bg-alt);border-radius:var(--radius-lg);padding:24px 20px;border:1px solid var(--rg-border)}.sidebar-box h4{font-size:1rem;font-weight:700;margin-bottom:16px;color:var(--rg-primary)}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{margin-bottom:10px}.toc-list a{color:var(--rg-text-light);font-size:0.9rem;display:flex;align-items:center;gap:10px;text-decoration:none;line-height:1.5;padding:6px 0;transition:var(--transition-fast)}.toc-list a:hover{color:var(--rg-cta);padding-left:4px}.toc-list a::before{content:'';width:6px;height:6px;background:var(--rg-border);border-radius:50%;flex-shrink:0;transition:var(--transition-fast)}.toc-list a:hover::before{background:var(--rg-cta)}/* =================================== SIDEBAR CTA - CRITICAL VISIBILITY =================================== */.sidebar-cta{background:linear-gradient(145deg, var(--rg-primary) 0%, var(--rg-primary-light) 100%);color:white;text-align:center;border:none;position:relative;overflow:hidden}.sidebar-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%, rgba(230, 126, 34, 0.2) 0%, transparent 60%);pointer-events:none}.sidebar-cta > *{position:relative;z-index:1}.sidebar-cta h4{color:white;font-size:1.1rem;margin-bottom:10px}.sidebar-cta p{color:rgba(255,255,255,0.9);font-size:0.9rem;margin-bottom:18px;line-height:1.6}.sidebar-cta .btn{width:100%;min-height:48px;background:var(--rg-cta) !important;color:white !important;border:2px solid var(--rg-cta) !important;font-weight:700;font-size:1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-cta);transition:var(--transition-normal)}.sidebar-cta .btn:hover{background:var(--rg-cta-hover) !important;border-color:var(--rg-cta-hover) !important;transform:translateY(-3px);box-shadow:0 12px 32px var(--rg-cta-glow)}/* =================================== ARTICLE CTA INLINE - CRITICAL =================================== */.article-cta-inline{background:linear-gradient(145deg, var(--rg-primary) 0%, var(--rg-primary-light) 50%, var(--rg-primary-dark) 100%);border-radius:var(--radius-xl);padding:32px 24px;margin:40px 0;text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.article-cta-inline::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(230, 126, 34, 0.1) 0%, transparent 50%);animation:pulse-glow 4s ease-in-out infinite;pointer-events:none}@keyframes pulse-glow{0%, 100%{opacity:0.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.article-cta-inline > *{position:relative;z-index:1}.article-cta-inline h3{color:white;font-size:1.25rem;font-weight:800;line-height:1.35;margin-bottom:12px}.article-cta-inline p{color:rgba(255,255,255,0.9);font-size:1rem;margin-bottom:24px;line-height:1.6}.article-cta-inline .btn{display:block;width:100%;min-height:52px;margin:10px 0;font-weight:700;font-size:1rem;border-radius:var(--radius-md);transition:var(--transition-normal)}.article-cta-inline .btn-primary{background:var(--rg-cta) !important;color:white !important;border:2px solid var(--rg-cta) !important;box-shadow:var(--shadow-cta)}.article-cta-inline .btn-primary:hover{background:var(--rg-cta-hover) !important;border-color:var(--rg-cta-hover) !important;transform:translateY(-3px);box-shadow:0 12px 32px var(--rg-cta-glow)}.article-cta-inline .btn-outline{background:transparent !important;color:white !important;border:2px solid rgba(255,255,255,0.5) !important}.article-cta-inline .btn-outline:hover{background:rgba(255,255,255,0.15) !important;border-color:white !important;transform:translateY(-2px)}/* =================================== RELATED ARTICLES =================================== */.related-articles{padding:60px 0;background:var(--rg-bg-alt)}.related-articles .section-header{margin-bottom:32px;text-align:center}.related-articles .section-header h2{font-size:1.35rem;font-weight:800;color:var(--rg-primary)}.related-grid{display:grid;grid-template-columns:1fr;gap:20px}/* =================================== NAV ACTIVE STATE =================================== */.nav a.active{color:var(--rg-cta);font-weight:600}/* =================================== VISUAL ICON =================================== */.visual-icon{width:80px;height:80px;background:linear-gradient(135deg, var(--rg-primary) 0%, var(--rg-primary-light) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.visual-icon svg{width:40px;height:40px;color:white}/* =================================== MOBILE STICKY CTA =================================== */.mobile-sticky-cta{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--rg-bg);padding:12px 20px;box-shadow:0 -4px 20px rgba(0,0,0,0.1);z-index:999;border-top:1px solid var(--rg-border)}.mobile-sticky-cta .btn{width:100%;min-height:48px;background:var(--rg-cta) !important;color:white !important;border:none !important;font-weight:700;font-size:1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-cta)}/* =================================== TABLET (768px+) =================================== */@media (min-width:768px){.breadcrumb{font-size:0.85rem;gap:10px}.ratgeber-hero{padding:140px 0 70px}.ratgeber-hero h1{font-size:2.25rem}.ratgeber-hero .hero-subtitle{font-size:1.15rem;max-width:700px}.featured-article{padding:70px 0;margin-top:-35px}.featured-card{display:grid;grid-template-columns:1fr auto;gap:40px;padding:40px 36px}.featured-badge{position:absolute;top:28px;right:28px}.featured-content h2{font-size:1.65rem}.featured-content p{font-size:1.05rem}.featured-visual{display:flex;align-items:center;justify-content:center}.visual-icon{width:110px;height:110px}.visual-icon svg{width:55px;height:55px}.articles-section{padding:80px 0}.articles-section .section-header h2{font-size:1.75rem}.articles-grid{grid-template-columns:repeat(2, 1fr);gap:28px}.article-card{padding:30px 26px}.article-icon{width:60px;height:60px}.article-icon svg{width:30px;height:30px}.article-card h3{font-size:1.2rem}.article-card p{font-size:0.95rem}.ratgeber-cta{padding:90px 0}.cta-box{padding:56px 48px}.cta-box h2{font-size:2rem}.cta-box > .cta-content > p{font-size:1.1rem}.cta-features{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:28px}.cta-feature{font-size:1rem}.cta-actions{flex-direction:row;justify-content:center;gap:16px}.cta-actions .btn{width:auto;min-width:200px}.article-hero{padding:140px 0 60px}.article-hero h1{font-size:2rem}.article-hero .hero-subtitle{font-size:1.15rem;max-width:700px}.article-content-wrapper{padding:70px 0 80px}.article-body{font-size:1.05rem}.article-body h2{font-size:1.65rem;margin:48px 0 22px}.article-body h3{font-size:1.35rem;margin:36px 0 16px}.info-box{padding:28px 28px;margin:32px 0}.info-box h4{font-size:1.1rem}.info-box p{font-size:1rem}.comparison-table-wrapper{margin:32px 0;overflow-x:visible}.comparison-table{min-width:auto;font-size:0.95rem}.comparison-table th, .comparison-table td{padding:16px 20px}.comparison-table th{font-size:0.85rem}.checklist li{padding:18px 24px;font-size:1rem}.checklist li svg{width:28px;height:28px}.article-sidebar{flex-direction:row;gap:28px}.sidebar-box{flex:1;padding:28px 24px}.sidebar-box h4{font-size:1.1rem}.toc-list a{font-size:0.95rem}.article-cta-inline{padding:44px 40px;margin:48px 0}.article-cta-inline h3{font-size:1.5rem}.article-cta-inline p{font-size:1.1rem}.article-cta-inline .btn{display:inline-block;width:auto;min-width:200px;margin:0 10px}.related-articles{padding:70px 0}.related-articles .section-header h2{font-size:1.5rem}.related-grid{grid-template-columns:repeat(2, 1fr);gap:28px}.mobile-sticky-cta{display:none}}/* =================================== DESKTOP (1024px+) =================================== */@media (min-width:1024px){.ratgeber-hero{padding:150px 0 80px}.ratgeber-hero h1{font-size:2.75rem}.ratgeber-hero .hero-subtitle{font-size:1.25rem}.featured-card{padding:52px 48px;gap:56px}.featured-content{max-width:620px}.featured-content h2{font-size:1.85rem}.featured-content p{font-size:1.1rem}.visual-icon{width:130px;height:130px}.visual-icon svg{width:65px;height:65px}.articles-grid{grid-template-columns:repeat(3, 1fr)}.article-card{padding:34px 30px}.article-card h3{font-size:1.3rem}.cta-box{display:grid;grid-template-columns:1fr auto;gap:56px;padding:64px 56px;text-align:left}.cta-box h2{font-size:2.25rem}.cta-features{justify-content:flex-start}.cta-actions{flex-direction:column;align-items:stretch}.article-hero{padding:160px 0 70px}.article-hero h1{font-size:2.5rem;max-width:900px}.article-hero .hero-subtitle{font-size:1.3rem}.article-layout{display:grid;grid-template-columns:1fr 340px;gap:70px}.article-main{max-width:780px}.article-sidebar{flex-direction:column;position:sticky;top:100px;height:fit-content}.sidebar-box{flex:none;padding:32px 28px}.article-body{font-size:1.1rem;line-height:1.85}.article-body h2{font-size:1.85rem;margin:56px 0 24px}.article-body h3{font-size:1.45rem;margin:40px 0 18px}.info-box{padding:32px 36px;margin:36px 0}.comparison-table{font-size:1rem}.comparison-table th, .comparison-table td{padding:18px 24px}.article-cta-inline{padding:56px 48px;margin:56px 0}.article-cta-inline h3{font-size:1.65rem}.article-cta-inline p{font-size:1.15rem}.related-articles{padding:90px 0}.related-grid{grid-template-columns:repeat(3, 1fr)}}/* =================================== LARGE DESKTOP (1200px+) =================================== */@media (min-width:1200px){.ratgeber-hero h1{font-size:3.25rem}.featured-card{padding:60px 56px}.article-hero h1{font-size:3rem}.cta-box{padding:72px 64px}.article-body h2{font-size:2rem}}/* =================================== PRINT STYLES =================================== */@media print{.sidebar-cta, .article-cta-inline, .cta-box, .mobile-sticky-cta{display:none}.article-layout{display:block}.article-sidebar{display:none}}