@import 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap';:root{--color-primary:#0f172a;--color-secondary:#1e293b;--color-accent:#10b981;--color-accent-light:#34d399;--color-accent-dark:#059669;--color-accent-subtle:#ecfdf5;--color-text:#1e293b;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-bg:#e2e8f0;--color-bg-alt:#cbd5e1;--color-white:#ffffff;--color-border:#94a3b8;--color-border-light:#cbd5e1;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--grade-a:#10b981;--grade-b:#3b82f6;--grade-c:#f59e0b;--grade-d:#f97316;--grade-e:#ef4444;--font-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-mono:'JetBrains Mono', 'Fira Code', monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.08);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.08);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.15), 0 4px 6px -2px rgba(0, 0, 0, 0.08);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.08);--shadow-glow:0 0 20px rgba(16, 185, 129, 0.25);--shadow-card:0 2px 8px rgba(0,0,0,0.08), 0 4px 16px rgba(0,0,0,0.08);--shadow-card-hover:0 4px 12px rgba(0,0,0,0.12), 0 8px 24px rgba(0,0,0,0.15);--shadow-bottom-nav:0 -4px 20px rgba(0, 0, 0, 0.08);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--transition-bounce:300ms cubic-bezier(0.34, 1.56, 0.64, 1);--safe-area-bottom:env(safe-area-inset-bottom, 0px);--bottom-nav-height:70px}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.65;color:var(--color-text);background:var(--color-bg);min-height:100vh;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom))}@media(min-width:1024px){body{padding-bottom:0}}.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--color-primary);color:var(--color-white);padding:var(--space-3)var(--space-6);border-radius:0 0 var(--radius-md)var(--radius-md);text-decoration:none;font-weight:600;z-index:9999;transition:top var(--transition-base)}.skip-link:focus{top:0;outline:3px solid var(--color-accent);outline-offset:2px}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}@media(min-width:768px){.container{padding:0 var(--space-6)}}.container-narrow{max-width:800px;margin:0 auto;padding:0 var(--space-4)}@media(min-width:768px){.container-narrow{padding:0 var(--space-6)}}.site-main{position:relative;z-index:1}.site-header{position:sticky;top:0;z-index:10000;background:rgba(15,23,42,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,8%);padding:var(--space-3)var(--space-4)}@media(min-width:768px){.site-header{padding:var(--space-4)var(--space-6)}}.header-inner{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-white)}@media(min-width:768px){.logo{gap:var(--space-3)}}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 4px 12px rgba(16,185,129,.3)}@media(min-width:768px){.logo-icon{width:40px;height:40px;font-size:1.25rem}}.logo-text{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em}@media(min-width:768px){.logo-text{font-size:var(--text-xl)}}.logo-tagline{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:400;display:none}@media(min-width:768px){.logo-tagline{display:block}}.main-nav{display:none}@media(min-width:1024px){.main-nav{display:flex;gap:var(--space-1)}}.main-nav a{color:rgba(255,255,255,.7);text-decoration:none;font-size:var(--text-sm);font-weight:500;padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast)}.main-nav a:hover{color:var(--color-white);background:rgba(255,255,255,.1)}.main-nav a.active{color:var(--color-accent-light);background:rgba(16,185,129,.15)}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:rgba(255,255,255,.1);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.mobile-menu-btn:hover,.mobile-menu-btn:active{background:rgba(255,255,255,.15)}.mobile-menu-btn.active{background:var(--color-accent)}.mobile-menu-btn svg{transition:transform var(--transition-base)}.mobile-menu-btn.active svg{transform:rotate(90deg)}@media(min-width:1024px){.mobile-menu-btn{display:none}}.main-nav.active{display:flex!important;flex-direction:column;position:fixed;top:60px;left:0!important;right:0!important;width:100%!important;bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom));background:var(--color-primary);padding:var(--space-6);gap:var(--space-2);z-index:9999!important;animation:slideDown .2s ease;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.main-nav-mobile{display:none;flex-direction:column;position:fixed;top:60px;left:0;right:0;width:100%;bottom:calc(var(--bottom-nav-height,60px) + var(--safe-area-bottom,0px));background:var(--color-primary);padding:var(--space-6);gap:var(--space-2);z-index:9999;overflow-y:auto;box-sizing:border-box}.main-nav-mobile.active{display:flex;animation:slideDown .2s ease}.main-nav-mobile a{padding:var(--space-4);font-size:var(--text-lg);border-radius:var(--radius-lg);background:rgba(255,255,255,5%);color:var(--color-white);text-decoration:none;transition:background .2s ease}.main-nav-mobile a:hover,.main-nav-mobile a:focus{background:rgba(255,255,255,.1)}.main-nav-mobile a.active{background:rgba(255,255,255,.15)}.main-nav.desktop-only{display:none}@media(min-width:1024px){.main-nav.desktop-only{display:flex}.main-nav-mobile{display:none!important}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.main-nav.active a{padding:var(--space-4);font-size:var(--text-lg);border-radius:var(--radius-lg);background:rgba(255,255,255,5%)}.main-nav.active a:active{transform:scale(.98);background:rgba(255,255,255,.1)}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background:rgba(255,255,255,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border);box-shadow:0 -4px 20px rgba(0,0,0,8%);z-index:1000;justify-content:space-around;align-items:center;padding-top:0}@media(min-width:1024px){.bottom-nav{display:none}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-1)var(--space-2);color:var(--color-text-muted);text-decoration:none;font-size:10px;font-weight:500;border-radius:var(--radius-lg);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;min-width:56px}.bottom-nav-item:active{transform:scale(.95)}.bottom-nav-item.active{color:var(--color-accent)}.bottom-nav-item.active .bottom-nav-icon{background:var(--color-accent-subtle);color:var(--color-accent)}.bottom-nav-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:1.1rem;transition:all var(--transition-fast)}.bottom-nav-icon svg{width:20px;height:20px}.bottom-nav-label{max-width:60px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-nav-item#mehr-btn{background:0 0;border:none;cursor:pointer;font-family:inherit}.mehr-overlay{position:fixed;bottom:var(--bottom-nav-height);left:0;right:0;background:var(--color-white);border-radius:var(--radius-xl)var(--radius-xl)0 0;box-shadow:0 -8px 30px rgba(0,0,0,.15);transform:translateY(100%);transition:transform .3s ease;z-index:999;max-height:60vh;overflow-y:auto}.mehr-overlay.active{transform:translateY(0)}.mehr-content{padding:var(--space-4)}.mehr-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-4)}.mehr-header span{font-weight:600;font-size:var(--text-lg)}.mehr-close{width:32px;height:32px;border-radius:var(--radius-full);border:none;background:var(--color-bg);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.mehr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.mehr-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4)var(--space-2);background:var(--color-bg);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);transition:all var(--transition-fast)}.mehr-item:hover{background:var(--color-accent-subtle);color:var(--color-accent-dark)}.mehr-icon{font-size:1.5rem}.mehr-item span:last-child{font-size:var(--text-sm);font-weight:500;text-align:center}.mehr-backdrop{position:fixed;top:0;left:0;right:0;bottom:var(--bottom-nav-height);background:rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:all .3s ease;z-index:998}.mehr-backdrop.active{opacity:1;visibility:visible}@media(min-width:1024px){.mehr-overlay,.mehr-backdrop{display:none}}.reading-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-light) 100%);width:0%;z-index:1001;transition:width .1s ease-out}.hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 50%,#0f172a 100%);padding:var(--space-8)var(--space-4);position:relative;overflow:hidden;z-index:1}@media(min-width:768px){.hero{padding:var(--space-10)var(--space-6)}}.hero.hero-compact{padding:var(--space-6)var(--space-4)}@media(min-width:768px){.hero.hero-compact{padding:var(--space-8)var(--space-6)}}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2310b981' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.hero-content{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:1}.hero h1{font-size:clamp(var(--text-2xl),6vw,var(--text-4xl));font-weight:800;color:var(--color-white);line-height:1.2;margin-bottom:var(--space-4);letter-spacing:-.02em}.hero-title-main{display:block;color:var(--color-white)}.hero-title-accent{display:block;background:linear-gradient(135deg,var(--color-accent-light) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:var(--space-1)}.hero h1>span:not([class]){background:linear-gradient(135deg,var(--color-accent-light) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-5);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}@media(min-width:768px){.hero p{font-size:var(--text-lg)}}.hero-stats{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-6);overflow-x:auto;padding:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none}.hero-stats::-webkit-scrollbar{display:none}@media(min-width:768px){.hero-stats{gap:var(--space-10)}}.stat-item{text-align:center;flex-shrink:0}.stat-number{font-size:var(--text-2xl);font-weight:700;color:var(--color-accent-light);display:block}@media(min-width:768px){.stat-number{font-size:var(--text-3xl)}}.stat-label{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}@media(min-width:768px){.stat-label{font-size:var(--text-sm)}}.hero-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}@media(min-width:480px){.hero-actions{flex-direction:row;justify-content:center;gap:var(--space-4)}}.categories-grid{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.categories-grid .category-card{flex:0 1 calc(33.333% - var(--space-3));min-width:100px;max-width:140px}@media(min-width:640px){.categories-grid .category-card{flex:0 1 calc(20% - var(--space-3));max-width:130px}}@media(min-width:1024px){.categories-grid .category-card{flex:0 1 calc(16.666% - var(--space-3));max-width:150px}}.category-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-4);background:var(--color-white);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-accent)}.category-card-all{background:linear-gradient(135deg,var(--color-accent-light) 0%,#e8f5e9 100%);border-color:var(--color-accent)}.category-icon{font-size:1.75rem;margin-bottom:var(--space-2)}.category-name{font-weight:600;font-size:var(--text-sm);color:var(--color-text)}.info-box{background:linear-gradient(135deg,#e8f5e9 0%,#f1f8e9 100%);border-left:4px solid var(--color-accent);padding:var(--space-6);border-radius:0 var(--radius-lg)var(--radius-lg)0}.info-box h3{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-4);color:var(--color-text)}.info-box p{font-size:var(--text-base);line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.info-box p:last-child{margin-bottom:0}.themen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.thema-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8)var(--space-6);text-decoration:none;transition:all var(--transition-base)}.thema-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--color-accent)}.thema-icon{font-size:3rem;margin-bottom:var(--space-4)}.thema-title{color:var(--color-text);margin:0 0 var(--space-2);font-size:var(--text-xl);font-weight:700}.thema-desc{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0;line-height:1.6}.kategorie-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,var(--color-accent-light) 0%,var(--color-accent) 100%);border-radius:16px;margin:0 auto var(--space-3);box-shadow:0 4px 15px rgba(16,185,129,.3)}.page-header.text-center{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 50%,#0f172a 100%);margin:calc(var(--space-8) * -1)calc(var(--space-6) * -1)var(--space-4);padding:var(--space-6)var(--space-6)var(--space-8);border-radius:0 0 var(--radius-2xl)var(--radius-2xl);border-bottom:none}.page-header.text-center h1{color:#fff;font-size:var(--text-2xl);margin-bottom:var(--space-2)}.page-header.text-center .lead{color:rgba(255,255,255,.8);max-width:600px;margin:0 auto;font-size:var(--text-sm)}@media(min-width:768px){.kategorie-icon{font-size:3rem;width:70px;height:70px}.page-header.text-center{padding:var(--space-8)var(--space-8)var(--space-10)}.page-header.text-center h1{font-size:var(--text-3xl)}.page-header.text-center .lead{font-size:var(--text-base)}}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4)var(--space-6);font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;text-decoration:none;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent;min-height:48px}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);color:var(--color-white);box-shadow:0 4px 14px rgba(16,185,129,.3)}.btn-primary:hover{box-shadow:0 6px 20px rgba(16,185,129,.4)}.btn-secondary{background:var(--color-white);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--color-bg);border-color:var(--color-accent)}.btn-ghost{background:0 0;color:var(--color-white);border:1px solid rgba(255,255,255,.3)}.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}.btn-block{width:100%}@media(min-width:768px){.btn-block{width:auto}}.btn-sm{padding:var(--space-2)var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--text-lg);font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-left{text-align:left}.text-right{text-align:right}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.card{background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-card);padding:var(--space-5);transition:all var(--transition-base);-webkit-tap-highlight-color:transparent}@media(min-width:768px){.card{padding:var(--space-6)}}.card:active{transform:scale(.99)}.card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-border)}a.card{display:block;text-decoration:none;color:inherit}a.card:hover{transform:translateY(-2px)}.card-header{margin-bottom:var(--space-4)}.card-title{font-size:var(--text-base);font-weight:600;color:var(--color-text);line-height:1.4;margin-bottom:var(--space-2)}@media(min-width:768px){.card-title{font-size:var(--text-lg)}}.card-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.card-content{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6}.card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);row-gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border-light);font-size:var(--text-xs);color:var(--color-text-muted)}.card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin-bottom:var(--space-8)}@media(min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.card-grid-glossar{grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.card-grid-glossar{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.card-grid-glossar{grid-template-columns:repeat(4,1fr)}}.card-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.card-link:hover{color:var(--color-accent-dark)}.page-content{max-width:800px;margin:0 auto;padding:var(--space-8)var(--space-4)}@media(min-width:768px){.page-content{padding:var(--space-12)var(--space-6)}}.page-description{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7;margin-top:var(--space-2)}.content-body{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}@media(min-width:768px){.content-body{padding:var(--space-8)}}.content-body h2{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin-top:var(--space-8);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-accent)}.content-body h2:first-child{margin-top:0}.content-body h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-top:var(--space-6);margin-bottom:var(--space-3)}.content-body h4{font-size:var(--text-base);font-weight:600;color:var(--color-text-secondary);margin-top:var(--space-4);margin-bottom:var(--space-2)}.content-body p{font-size:var(--text-base);line-height:1.8;color:var(--color-text);margin-bottom:var(--space-4)}.content-body ul,.content-body ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.content-body li{font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-2);color:var(--color-text)}.content-body a{color:var(--color-accent-dark);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:2px}.content-body a:hover{color:var(--color-accent)}.content-body strong{font-weight:600;color:var(--color-text)}.content-body blockquote{border-left:4px solid var(--color-accent);padding-left:var(--space-4);margin:var(--space-6)0;font-style:italic;color:var(--color-text-secondary)}.content-body code{background:var(--color-bg);padding:.2em .4em;border-radius:var(--radius-sm);font-size:.9em;font-family:monospace}.content-body pre{background:var(--color-primary);color:#fff;padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-4)0}.content-body pre code{background:0 0;padding:0;color:inherit}.content-body hr{border:none;border-top:1px solid var(--color-border-light);margin:var(--space-8)0}.content-body table{width:100%;border-collapse:collapse;margin:var(--space-4)0}.content-body th,.content-body td{padding:var(--space-3);border:1px solid var(--color-border-light);text-align:left}.content-body th{background:var(--color-bg);font-weight:600}.toc-box{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:0;margin-bottom:var(--space-6);box-shadow:var(--shadow-sm);overflow:hidden}.toc-header{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:600;cursor:pointer;list-style:none;padding:var(--space-4);background:var(--color-bg);border-bottom:1px solid var(--color-border-light)}.toc-header::-webkit-details-marker{display:none}.toc-header::after{content:"▼";font-size:.7rem;margin-left:auto;transition:transform .2s ease}details[open] .toc-header::after{transform:rotate(180deg)}.toc-icon{font-size:1.2rem}.toc-content{padding:var(--space-4)var(--space-5)}.toc-content ul{list-style:none;padding-left:0;margin:0;counter-reset:toc-counter}.toc-content>ul>li{counter-increment:toc-counter;border-left:3px solid var(--color-accent);padding-left:var(--space-4);margin-bottom:var(--space-3);position:relative}.toc-content>ul>li::before{content:counter(toc-counter)".";position:absolute;left:calc(var(--space-4) * -1 - 3px);width:var(--space-6);text-align:right;font-weight:600;color:var(--color-accent);font-size:var(--text-sm)}.toc-content ul ul{padding-left:var(--space-4);margin-top:var(--space-2);border-left:2px solid var(--color-border-light)}.toc-content ul ul li{margin-bottom:var(--space-1)}.toc-content ul ul li::before{content:"–";color:var(--color-text-muted);margin-right:var(--space-2)}.toc-content li{margin-bottom:var(--space-2)}.toc-content a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-base);display:inline}.toc-content a:hover{color:var(--color-accent);text-decoration:underline}.related-section{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border-light)}.related-section h2{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-6);text-align:center}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.related-card{display:flex;flex-direction:column;padding:var(--space-4);background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);text-decoration:none;transition:all var(--transition-base)}.related-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.related-title{font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.related-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.page-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-light)}.page-header h1{font-size:var(--text-2xl);font-weight:800;color:var(--color-text);margin-bottom:var(--space-2)}@media(min-width:768px){.page-header h1{font-size:var(--text-3xl)}}.page-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6}.page-count{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.list-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.results-count{font-size:var(--text-sm);color:var(--color-text-muted)}.page-info{font-size:var(--text-sm);color:var(--color-text-muted)}.pagination-info{font-size:var(--text-sm);color:var(--color-text-muted)}.lead{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7;max-width:70ch}.section{padding:var(--space-12)0}.section-sm{padding:var(--space-8)0}.section-title{font-size:var(--text-2xl);font-weight:700;text-align:center;margin-bottom:var(--space-8)}.section-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);text-align:center;margin-top:calc(-1 * var(--space-6));margin-bottom:var(--space-8)}.read-more{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-accent);text-decoration:none;transition:color var(--transition-base)}.read-more:hover{color:var(--color-accent-dark)}.study-card-body{flex:1}.study-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);white-space:nowrap;line-height:1.4}.badge-category{background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);color:#0369a1}.badge-primary{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.badge-high,.badge-hoch{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);color:#166534}.badge-medium,.badge-mittel{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e}.badge-low,.badge-niedrig{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b}.badge-success{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);color:#166534}.badge-warning{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e}.badge-danger{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b}.badge-neutral{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);color:#475569}.badge-secondary{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);font-size:var(--text-xs);font-weight:500;background:var(--color-bg-alt);color:var(--color-text-secondary);border-radius:var(--radius-full);white-space:nowrap}.evidence-badge,.evidence-grade{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.02em}.evidence-grade-a{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;box-shadow:0 2px 8px rgba(16,185,129,.3)}.evidence-grade-b{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;box-shadow:0 2px 8px rgba(59,130,246,.3)}.evidence-grade-c{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;box-shadow:0 2px 8px rgba(245,158,11,.3)}.evidence-grade-d{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);color:#fff;box-shadow:0 2px 8px rgba(249,115,22,.3)}.evidence-grade-e{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;box-shadow:0 2px 8px rgba(239,68,68,.3)}.category-tag,.study-type-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);font-size:var(--text-xs);font-weight:500;text-decoration:none;border-radius:var(--radius-full);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.category-tag{background:var(--color-accent-subtle);color:var(--color-accent-dark)}.category-tag:hover{background:#d1fae5}.study-type-tag{background:#dbeafe;color:#1d4ed8}.study-type-tag:hover{background:#bfdbfe}.tag{display:inline-flex;padding:var(--space-1)var(--space-3);font-size:var(--text-xs);font-weight:500;background:var(--color-bg-alt);color:var(--color-text-secondary);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-fast)}.tag:hover{background:var(--color-border);color:var(--color-text)}details{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden}details summary{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);font-weight:600;font-size:var(--text-sm);color:var(--color-text);cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast)}details summary::-webkit-details-marker{display:none}details summary:hover{background:var(--color-bg)}details summary::after{content:'';width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2364748b' 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:50%;transition:transform var(--transition-fast);flex-shrink:0}details[open] summary::after{transform:rotate(180deg)}details[open] summary{border-bottom:1px solid var(--color-border-light)}.details-content{padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.article-page,.studie-article{padding:var(--space-6)0 var(--space-12)}@media(min-width:768px){.article-page,.studie-article{padding:var(--space-8)0 var(--space-16)}}.article-container{max-width:800px;margin:0 auto;padding:0 var(--space-4)}@media(min-width:768px){.article-container{padding:0 var(--space-6)}}.breadcrumb,.article-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-4);overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-1)}.breadcrumb ol{display:flex;align-items:center;gap:var(--space-1);list-style:none;margin:0;padding:0}.breadcrumb ol li{display:flex;align-items:center}.breadcrumb ol li::after{content:"›";margin:0 var(--space-2);color:var(--color-text-muted)}.breadcrumb ol li:last-child::after{display:none}.breadcrumb::-webkit-scrollbar,.article-breadcrumb::-webkit-scrollbar{display:none}@media(min-width:768px){.breadcrumb,.article-breadcrumb{font-size:var(--text-sm);margin-bottom:var(--space-6)}}.breadcrumb a,.article-breadcrumb a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb a:hover,.article-breadcrumb a:hover{color:var(--color-accent)}.breadcrumb .current{color:var(--color-text-muted);max-width:150px;overflow:hidden;text-overflow:ellipsis}@media(min-width:768px){.breadcrumb .current{max-width:none}}.article-header{margin-bottom:var(--space-6)}@media(min-width:768px){.article-header{margin-bottom:var(--space-8)}}.taxonomy-links{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.article-title,.article-header h1,.studie-article h1{font-size:clamp(var(--text-xl),5vw,var(--text-3xl));font-weight:800;color:var(--color-text);line-height:1.25;letter-spacing:-.02em;margin-bottom:var(--space-4)}@media(min-width:768px){.article-title,.article-header h1,.studie-article h1{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));line-height:1.2;margin-bottom:var(--space-6)}}.meta-info,.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}@media(min-width:768px){.meta-info,.article-meta{gap:var(--space-5);padding-top:var(--space-6)}}.meta-item,.article-meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary)}@media(min-width:768px){.meta-item,.article-meta-item{font-size:var(--text-sm);gap:var(--space-2)}}.social-proof-bar{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-bg-alt);border-radius:var(--radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.social-proof-bar::-webkit-scrollbar{display:none}.social-proof-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}@media(min-width:768px){.social-proof-item{font-size:var(--text-sm)}}.social-proof-item.highlight{color:var(--color-accent-dark);font-weight:600}.freshness-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm)}.freshness-badge.verified{background:var(--color-accent-subtle);color:var(--color-accent-dark)}.freshness-badge.fresh{background:#dbeafe;color:#1d4ed8}.evidence-score-visual{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-white) 100%);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);margin-bottom:var(--space-6)}@media(min-width:768px){.evidence-score-visual{padding:var(--space-6)}}.evidence-score-ring{position:relative;width:64px;height:64px;flex-shrink:0}@media(min-width:768px){.evidence-score-ring{width:80px;height:80px}}.evidence-score-ring svg{transform:rotate(-90deg)}.evidence-score-ring .ring-bg{fill:none;stroke:var(--color-border);stroke-width:8}.evidence-score-ring .ring-progress{fill:none;stroke:var(--color-accent);stroke-width:8;stroke-linecap:round;stroke-dasharray:226;stroke-dashoffset:calc(226 - (226 * var(--score,75))/100);transition:stroke-dashoffset 1s ease}.evidence-score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-lg);font-weight:700;color:var(--color-text)}@media(min-width:768px){.evidence-score-value{font-size:var(--text-xl)}}.evidence-score-info{flex:1;min-width:0}.evidence-score-info h4{font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.evidence-score-info p{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.5}.key-findings{background:linear-gradient(135deg,var(--color-accent-subtle) 0%,#d1fae5 100%);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6)}@media(min-width:768px){.key-findings{padding:var(--space-6)}}.key-findings-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.key-findings-icon{font-size:var(--text-xl)}.key-findings h2{font-size:var(--text-base);font-weight:700;color:var(--color-accent-dark);margin:0}@media(min-width:768px){.key-findings h2{font-size:var(--text-lg)}}.key-findings ul{list-style:none;margin:0;padding:0}.key-findings li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3)0;border-bottom:1px solid rgba(16,185,129,.15);color:var(--color-text);font-size:var(--text-sm);line-height:1.6}.key-findings li:last-child{border-bottom:none;padding-bottom:0}.key-findings li::before{content:"✓";flex-shrink:0;width:20px;height:20px;background:var(--color-accent);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;margin-top:2px}.article-content{background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-card);padding:var(--space-5);margin-bottom:var(--space-6)}@media(min-width:768px){.article-content{padding:var(--space-8)}}.article-content h2{font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin:var(--space-8)0 var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-accent-subtle)}@media(min-width:768px){.article-content h2{font-size:var(--text-xl);margin:var(--space-10)0 var(--space-4)}}.article-content h2:first-child{margin-top:0}.article-content h3{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:var(--space-6)0 var(--space-3)}@media(min-width:768px){.article-content h3{font-size:var(--text-lg);margin:var(--space-8)0 var(--space-3)}}.article-content p{margin-bottom:var(--space-5);color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.75}.article-content a{color:var(--color-accent-dark);text-decoration:underline;text-decoration-color:rgba(16,185,129,.3);text-underline-offset:2px;transition:all var(--transition-fast)}.article-content a:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}.article-content ul,.article-content ol{margin:var(--space-5)0;padding-left:var(--space-5)}@media(min-width:768px){.article-content ul,.article-content ol{padding-left:var(--space-6)}}.article-content li{margin-bottom:var(--space-2);color:var(--color-text-secondary);line-height:1.7}.article-content blockquote{margin:var(--space-5)0;padding:var(--space-4)var(--space-5);background:var(--color-bg);border-left:4px solid var(--color-accent);border-radius:0 var(--radius-md)var(--radius-md)0;font-style:italic;color:var(--color-text-secondary)}@media(min-width:768px){.article-content blockquote{margin:var(--space-6)0;padding:var(--space-5)var(--space-6)}}.article-content table{width:100%;margin:var(--space-5)0;border-collapse:collapse;font-size:var(--text-sm);overflow-x:auto;display:block}@media(min-width:768px){.article-content table{margin:var(--space-6)0;display:table}}.article-content th,.article-content td{padding:var(--space-3)var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-light);white-space:nowrap}@media(min-width:768px){.article-content th,.article-content td{white-space:normal}}.article-content th{font-weight:600;color:var(--color-text);background:var(--color-bg)}.article-content code{font-family:var(--font-mono);font-size:.875em;background:var(--color-bg-alt);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm)}.pico-box{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6);box-shadow:var(--shadow-card)}@media(min-width:768px){.pico-box{padding:var(--space-6)}}.pico-box h3{font-size:var(--text-base);font-weight:700;color:var(--color-text);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.pico-grid{display:grid;gap:var(--space-4)}@media(min-width:768px){.pico-grid{grid-template-columns:repeat(2,1fr)}}.pico-item{padding:var(--space-4);background:var(--color-bg);border-radius:var(--radius-lg)}.pico-item strong{display:block;font-size:var(--text-xs);font-weight:600;color:var(--color-accent-dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.pico-item span,.pico-item p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.source-links-box{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6)}@media(min-width:768px){.source-links-box{padding:var(--space-6)}}.source-links-box h3{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-4)}.source-links-grid{display:grid;gap:var(--space-3)}@media(min-width:640px){.source-links-grid{grid-template-columns:repeat(2,1fr)}}.source-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.source-link:hover{background:var(--color-bg-alt);transform:translateY(-1px)}.source-link:active{transform:scale(.99)}.source-icon{font-size:var(--text-xl)}.source-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.source-text strong{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.source-text small{font-size:var(--text-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-disclaimer{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border-light);font-size:var(--text-xs);color:var(--color-text-muted)}.article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-5);background:var(--color-bg);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.article-tags strong{font-size:var(--text-sm);color:var(--color-text-secondary)}.author-box{display:flex;gap:var(--space-4);padding:var(--space-5);background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);margin-bottom:var(--space-8)}@media(min-width:768px){.author-box{padding:var(--space-6)}}.author-avatar{width:48px;height:48px;background:var(--color-accent-subtle);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);flex-shrink:0}@media(min-width:768px){.author-avatar{width:64px;height:64px;font-size:var(--text-2xl)}}.author-info{flex:1;min-width:0}.author-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}@media(min-width:768px){.author-name{font-size:var(--text-base)}}.author-role{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.author-bio{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.related-studies{margin-bottom:var(--space-8)}.related-studies h2{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-5)}@media(min-width:768px){.related-studies h2{font-size:var(--text-xl);margin-bottom:var(--space-6)}}.related-grid{display:grid;gap:var(--space-4)}@media(min-width:640px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.related-grid{grid-template-columns:repeat(3,1fr)}}.related-item{display:block;padding:var(--space-5);background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent}.related-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--color-accent)}.related-item:active{transform:scale(.99)}.related-item strong{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-meta{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.related-excerpt{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-more{background:var(--color-bg-alt);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-8)}@media(min-width:768px){.category-more{padding:var(--space-6)}}.category-more h2{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-4)}@media(min-width:768px){.category-more h2{font-size:var(--text-lg)}}.category-list{list-style:none;margin:0 0 var(--space-4);padding:0}.category-list li{border-bottom:1px solid var(--color-border-light)}.category-list li:last-child{border-bottom:none}.category-list a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3)0;text-decoration:none;color:var(--color-text);font-size:var(--text-sm);transition:color var(--transition-fast)}.category-list a:hover{color:var(--color-accent)}.study-badge{font-size:var(--text-xs);padding:var(--space-1)var(--space-2);background:var(--color-white);color:var(--color-text-muted);border-radius:var(--radius-sm);flex-shrink:0}.view-all{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-accent);text-decoration:none;transition:gap var(--transition-fast)}.view-all:hover{gap:var(--space-3)}.section-header{text-align:center;margin-bottom:var(--space-8)}@media(min-width:768px){.section-header{margin-bottom:var(--space-12)}}.section-header h2{font-size:var(--text-xl);font-weight:800;color:var(--color-text);margin-bottom:var(--space-3)}@media(min-width:768px){.section-header h2{font-size:var(--text-3xl)}}.section-header p{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:600px;margin:0 auto}@media(min-width:768px){.section-header p{font-size:var(--text-base)}}.content-section{padding:var(--space-10)0;border-top:1px solid var(--color-border-light)}@media(min-width:768px){.content-section{padding:var(--space-16)0}}.content-section:first-of-type{border-top:none}.study-grid,.blog-grid,.guide-grid{display:grid;gap:var(--space-4)}@media(min-width:640px){.study-grid,.blog-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.study-grid,.blog-grid,.guide-grid{grid-template-columns:repeat(3,1fr)}}.study-card{display:flex;flex-direction:column;background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-card);padding:var(--space-5);text-decoration:none;color:inherit;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent}.study-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-color:var(--color-accent)}.study-card:active{transform:scale(.99)}.study-card-header{margin-bottom:var(--space-3)}.study-card-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.study-card-title{font-size:var(--text-base);font-weight:600;color:var(--color-text);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.study-card-excerpt{flex:1;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.study-card-meta{display:flex;align-items:center;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border-light);font-size:var(--text-xs);color:var(--color-text-muted)}.empty-state{text-align:center;padding:var(--space-12)var(--space-6);background:var(--color-bg-alt);border-radius:var(--radius-xl)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.empty-state-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.empty-state-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:400px;margin-left:auto;margin-right:auto}.empty-state-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.site-footer{background:var(--color-primary);color:var(--color-text-muted);padding:var(--space-10)var(--space-4);margin-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom))}@media(min-width:768px){.site-footer{padding:var(--space-16)var(--space-6)}}@media(min-width:1024px){.site-footer{margin-bottom:0}}.footer-grid{display:grid;gap:var(--space-8);margin-bottom:var(--space-8)}@media(min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-section h4{font-size:var(--text-sm);font-weight:600;color:var(--color-white);margin-bottom:var(--space-4)}.footer-section a{display:block;color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm);padding:var(--space-2)0;transition:color var(--transition-fast)}.footer-section a:hover{color:var(--color-accent-light)}.footer-about{font-size:var(--text-sm);line-height:1.6}.footer-bottom{padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:var(--space-2);text-align:center;font-size:var(--text-xs)}@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}.verdict-box{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-5);border-radius:var(--radius-xl);font-size:var(--text-base);margin-bottom:var(--space-4)}@media(min-width:768px){.verdict-box{font-size:var(--text-lg);padding:var(--space-4)var(--space-6)}}.verdict-box .verdict-label{font-weight:500;opacity:.8}.verdict-box .verdict-value{font-weight:700}.verdict-box.verdict-falsch{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b;border:1px solid #fca5a5}.verdict-box.verdict-teilweise_wahr{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e;border:1px solid #fcd34d}.verdict-box.verdict-wahr{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);color:#166534;border:1px solid #86efac}.verdict-box.verdict-unklar{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);color:#3730a3;border:1px solid #a5b4fc}.verdict-summary{font-size:var(--text-base);color:var(--color-text-secondary);font-style:italic;margin-bottom:var(--space-6);padding-left:var(--space-4);border-left:3px solid var(--color-accent)}@media(min-width:768px){.verdict-summary{font-size:var(--text-lg)}}.key-facts-box{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-8)}@media(min-width:768px){.key-facts-box{padding:var(--space-6)}}.key-facts-box h2{font-size:var(--text-base);font-weight:700;color:var(--color-accent-dark);margin-bottom:var(--space-4);border-bottom:none;padding-bottom:0}@media(min-width:768px){.key-facts-box h2{font-size:var(--text-lg)}}.key-facts-box ul{list-style:none;margin:0;padding:0}.key-facts-box li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3)0;border-bottom:1px solid rgba(16,185,129,.15);color:var(--color-text);font-size:var(--text-sm);line-height:1.6}.key-facts-box li:last-child{border-bottom:none}.key-facts-box li::before{content:"✓";flex-shrink:0;width:20px;height:20px;background:var(--color-accent);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;margin-top:2px}.sources-box{background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-5);margin:var(--space-6)0}@media(min-width:768px){.sources-box{padding:var(--space-6);margin:var(--space-8)0}}.sources-box h2{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4);border-bottom:none;padding-bottom:0}.sources-box ul{list-style:decimal;margin:0;padding-left:var(--space-5)}@media(min-width:768px){.sources-box ul{padding-left:var(--space-6)}}.sources-box li{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);line-height:1.5}.related-posts{margin-top:var(--space-10)}@media(min-width:768px){.related-posts{margin-top:var(--space-12)}}.related-posts h2{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-5)}@media(min-width:768px){.related-posts h2{font-size:var(--text-xl);margin-bottom:var(--space-6)}}.related-card{display:block;background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-5);text-decoration:none;transition:all var(--transition-base)}.related-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--color-accent)}.related-card h3{font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-top:var(--space-2);line-height:1.4}.verdict-mini{font-size:var(--text-lg)}.newsletter-form{display:flex;flex-direction:column;gap:var(--space-3);max-width:500px}@media(min-width:640px){.newsletter-form{flex-direction:row}}.newsletter-form input{flex:1;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-sans);transition:border-color var(--transition-fast);min-height:48px}.newsletter-form input:focus{outline:none;border-color:var(--color-accent)}.newsletter-form button{padding:var(--space-4)var(--space-6);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base);min-height:48px;-webkit-tap-highlight-color:transparent}.newsletter-form button:hover{box-shadow:0 4px 12px rgba(16,185,129,.3)}.newsletter-form button:active{transform:scale(.98)}.search-container{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6);box-shadow:var(--shadow-card)}@media(min-width:768px){.search-container{padding:var(--space-6)}}.search-input-wrapper{position:relative}.search-input{width:100%;padding:var(--space-4)var(--space-5);padding-left:48px;border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-fast);min-height:56px}.search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px rgba(16,185,129,.1)}.search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.filter-section{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border-light)}.filter-group{margin-bottom:var(--space-4)}.filter-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.filter-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-option{padding:var(--space-2)var(--space-4);background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.filter-option:hover{background:var(--color-bg-alt);border-color:var(--color-border)}.filter-option.active{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent-dark)}.list-header{margin-bottom:var(--space-8)}.list-header h1{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-3)}@media(min-width:768px){.list-header h1{font-size:var(--text-3xl)}}.list-header p{font-size:var(--text-base);color:var(--color-text-secondary);max-width:600px}.list-count{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border-light)}.pagination a,.pagination span{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.pagination a{color:var(--color-text-secondary);background:var(--color-white);border:1px solid var(--color-border-light)}.pagination a:hover{background:var(--color-bg);border-color:var(--color-border)}.pagination .active{background:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.pagination .disabled{opacity:.5;cursor:not-allowed}.pico-finder-page{background:var(--color-bg);min-height:100vh}.finder-header{text-align:center;padding:var(--space-12)var(--space-6);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;margin-bottom:var(--space-8)}.finder-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.finder-header p{font-size:var(--text-lg);color:rgba(255,255,255,.8);max-width:600px;margin:0 auto}.finder-filters{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-card)}.finder-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.finder-filters .filter-group label{display:block;font-weight:600;margin-bottom:var(--space-2);font-size:var(--text-sm)}.finder-filters .filter-group input,.finder-filters .filter-group select{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base)}.finder-filters .filter-group input:focus,.finder-filters .filter-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(16,185,129,.15)}.finder-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.finder-footer .results-count{font-size:var(--text-sm);color:var(--color-text-secondary)}.finder-reset-btn{background:0 0;border:1px solid var(--color-border);padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-base)}.finder-reset-btn:hover{background:var(--color-bg);border-color:var(--color-text-muted)}.finder-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-5)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.form-control{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--color-white);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.form-control:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(16,185,129,.15)}.form-control::placeholder{color:var(--color-text-muted)}select.form-control{cursor:pointer}.database-page{max-width:1200px;margin:0 auto;padding:var(--space-8)var(--space-4)}.database-header{text-align:center;margin-bottom:var(--space-8)}.database-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.database-stats{color:var(--color-text-secondary);font-size:var(--text-base)}.database-filters{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-card)}.filter-row{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:flex-end}.filter-group{flex:1;min-width:150px}.filter-group label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.filter-group select,.filter-group input{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--color-white)}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(16,185,129,.15)}.filter-checkboxes{display:flex;gap:var(--space-5);flex-wrap:wrap;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.filter-checkboxes label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer}.database-results{min-height:400px}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.results-sort select{padding:var(--space-2)var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm)}.results-list{display:flex;flex-direction:column;gap:var(--space-4)}.result-item{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;gap:var(--space-4);text-decoration:none;color:var(--color-text);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.result-item:hover{transform:translateX(5px);box-shadow:var(--shadow-md);border-color:var(--color-accent)}.result-badge{background:var(--color-secondary);color:#fff;font-size:var(--text-xs);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;font-weight:600;height:fit-content;white-space:nowrap}.result-badge.meta-analysis{background:#7c3aed}.result-badge.rct{background:#059669}.result-badge.review{background:#0284c7}.result-badge.cohort{background:#d97706}.result-content{flex:1}.result-content h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2);line-height:1.4}.result-content p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);line-height:1.5}.result-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:640px){.filter-row{flex-direction:column}.filter-group{width:100%}.result-item{flex-direction:column;gap:var(--space-3)}.result-badge{align-self:flex-start}}@media print{.site-header,.site-footer,.mobile-menu-btn,.bottom-nav,.reading-progress,.btn,.evidence-expand,.related-studies,.category-more{display:none!important}body{padding-bottom:0}.article-content{box-shadow:none;border:none;padding:0}body{background:#fff}}.glossar-link{color:var(--color-accent-dark);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;transition:all .2s}.glossar-link:hover{color:var(--color-accent);text-decoration-style:solid}.glossar-title-link{color:var(--color-text);text-decoration:none;transition:color .2s}.glossar-title-link:hover{color:var(--color-accent)}.studientyp-explainer{background:linear-gradient(135deg,var(--color-accent-subtle) 0%,#d1fae5 100%);border:1px solid var(--color-accent);border-left:4px solid var(--color-accent);border-radius:12px;padding:1.25rem 1.5rem;margin-top:1rem;margin-bottom:1.5rem}.studientyp-explainer p{margin:0 0 .75rem;font-size:.95rem;line-height:1.6;color:var(--color-text)}.studientyp-explainer strong{color:var(--color-accent-dark)}.studientyp-explainer .btn{margin-top:.5rem}.btn-sm{padding:.4rem .8rem;font-size:.85rem}.btn-outline{background:0 0;border:1px solid var(--color-accent);color:var(--color-accent-dark)}.btn-outline:hover{background:var(--color-accent);color:#fff}.badge-glossar-link{cursor:pointer;transition:all .2s}.badge-glossar-link:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(16,185,129,.3)}.glossar-hint{position:relative;cursor:help;border-bottom:1px dotted var(--color-accent)}.glossar-hint::after{content:"?";font-size:.65em;vertical-align:super;color:var(--color-accent);margin-left:2px}@media(prefers-color-scheme:dark){.studientyp-explainer{background:linear-gradient(135deg,rgba(16,185,129,.15) 0%,rgba(16,185,129,.1) 100%);border-color:var(--color-accent)}.glossar-title-link{color:var(--color-white)}.glossar-link{color:var(--color-accent-light)}}.logo-img{height:40px;width:auto}@media(max-width:768px){.logo-img{height:32px}}.pico-item{display:flex;gap:.75rem;align-items:flex-start}.pico-letter{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.pico-p .pico-letter{background:#dbeafe;color:#1e40af}.pico-i .pico-letter{background:#dcfce7;color:#166534}.pico-c .pico-letter{background:#fef3c7;color:#92400e}.pico-o .pico-letter{background:#f3e8ff;color:#6b21a8}.pico-content{flex:1;min-width:0}.pico-item .pico-label{display:block;font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.pico-item .pico-value{display:block;font-size:.9rem;color:var(--color-text);line-height:1.4}.pico-detail{display:inline-block;margin-left:.5rem;padding:.1rem .4rem;background:var(--color-bg);border-radius:4px;font-size:.8rem;color:var(--color-text-secondary)}.outcome-direction{display:inline-block;margin-left:.5rem;padding:.1rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.outcome-direction.outcome-improved{background:#dcfce7;color:#166534}.outcome-direction.outcome-worsened{background:#fee2e2;color:#991b1b}.outcome-direction.outcome-no_effect{background:#f3f4f6;color:#6b7280}.outcome-direction.outcome-mixed{background:#fef3c7;color:#92400e}.study-card-quality{padding:.75rem 1.25rem;background:var(--color-bg);border-bottom:1px solid var(--color-border-light)}.quality-title{display:block;font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.quality-badges{display:flex;flex-wrap:wrap;gap:.4rem}.quality-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.quality-badge.quality-good{background:#dcfce7;color:#166534}.quality-badge.quality-ok{background:#e0f2fe;color:#0369a1}.quality-badge.quality-warn{background:#fef3c7;color:#92400e}.quality-badge .glossar-link{color:inherit;text-decoration:underline;text-decoration-style:dotted}.study-card-limitations{padding:.75rem 1.25rem;border-bottom:1px solid var(--color-border-light)}.study-card-limitations details{font-size:.85rem}.study-card-limitations summary{cursor:pointer;color:var(--color-text-secondary);font-weight:500}.study-card-limitations summary:hover{color:var(--color-text)}.study-card-limitations ul{margin:.5rem 0 0 1.25rem;padding:0}.study-card-limitations li{color:var(--color-text-secondary);font-size:.8rem;margin-bottom:.25rem}.study-card-publication{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-light)}.pub-item{display:grid;grid-template-columns:1.5rem auto 1fr;gap:.5rem;align-items:start;margin-bottom:.6rem}.pub-item:last-child{margin-bottom:0}.pub-icon{font-size:.9rem;line-height:1.4}.pub-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.pub-value{font-size:.9rem;color:var(--color-text);line-height:1.4;grid-column:2/-1}.study-card-links{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1.25rem;background:var(--color-bg)}.source-link{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .75rem;background:#fff;border:1px solid var(--color-border);border-radius:6px;font-size:.8rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:all .2s}.source-link:hover{border-color:var(--color-accent);color:var(--color-accent-dark);box-shadow:0 2px 4px rgba(16,185,129,.15)}.link-icon{font-size:.9rem}@media(max-width:480px){.study-card-header{flex-direction:column;.study-card { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-md); margin-bottom: var(--space-6); } .study-card-header { display: flex; justify-content: space-between; align-items: center; padding: var(--space-4) var(--space-5); background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%); border-bottom: 2px solid var(--color-accent); } .study-card-title { display: flex; align-items: center; gap: var(--space-2); } .study-card-title h3 { margin: 0; font-size: 1.1rem; font-weight: 700; color: var(--color-text); } .study-card-icon { font-size: 1.3rem; } .study-card-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 1px; background: var(--color-border-light); border-bottom: 1px solid var(--color-border-light); } .stat-item { background: var(--color-white); padding: var(--space-4); text-align: center; } .stat-value { display: block; font-size: 1.25rem; font-weight: 700; color: var(--color-accent-dark); } .stat-label { display: block; font-size: 0.75rem; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.5px; margin-top: 0.25rem; } .study-card-publication { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1px; background: var(--color-border-light); border-bottom: 1px solid var(--color-border-light); } .pub-item { background: var(--color-white); padding: var(--space-4) var(--space-5); display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; gap: 0 var(--space-3); align-items: start; } .pub-icon { font-size: 1.2rem; grid-row: span 2; width: 32px; height: 32px; background: var(--color-bg); border-radius: 8px; display: flex; align-items: center; justify-content: center; } .pub-label { font-size: 0.7rem; font-weight: 600; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.5px; } .pub-value { font-size: 0.9rem; color: var(--color-text); line-height: 1.4; } .study-card-pico { padding: var(--space-5); border-bottom: 1px solid var(--color-border-light); } .pico-header-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-4); padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-border-light); } .pico-title { font-weight: 600; font-size: 0.9rem; color: var(--color-text); } .pico-help { font-size: 0.8rem; color: var(--color-accent); text-decoration: none; } .pico-help:hover { text-decoration: underline; } .pico-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-3); } @media (min-width: 640px) { .pico-grid { grid-template-columns: repeat(2, 1fr); } } .pico-item { display: flex; gap: var(--space-3); align-items: flex-start; padding: var(--space-3); background: var(--color-bg); border-radius: var(--radius-md); border: 1px solid var(--color-border-light); } .pico-letter { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.9rem; flex-shrink: 0; } .pico-p .pico-letter { background: #dbeafe; color: #1e40af; border: 2px solid #93c5fd; } .pico-i .pico-letter { background: #dcfce7; color: #166534; border: 2px solid #86efac; } .pico-c .pico-letter { background: #fef3c7; color: #92400e; border: 2px solid #fcd34d; } .pico-o .pico-letter { background: #f3e8ff; color: #6b21a8; border: 2px solid #d8b4fe; } .pico-content { flex: 1; min-width: 0; } .pico-item .pico-label { display: block; font-size: 0.7rem; font-weight: 600; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 0.25rem; } .pico-item .pico-value { display: block; font-size: 0.85rem; color: var(--color-text); line-height: 1.4; } .pico-detail { display: inline-block; margin-left: var(--space-2); padding: 0.1rem 0.5rem; background: var(--color-white); border: 1px solid var(--color-border-light); border-radius: 4px; font-size: 0.75rem; color: var(--color-text-secondary); } .outcome-direction { display: inline-flex; align-items: center; gap: 0.25rem; margin-left: var(--space-2); padding: 0.2rem 0.5rem; border-radius: 4px; font-size: 0.75rem; font-weight: 600; } .outcome-direction.outcome-improved { background: #dcfce7; color: #166534; } .outcome-direction.outcome-worsened { background: #fee2e2; color: #991b1b; } .outcome-direction.outcome-no_effect { background: #f3f4f6; color: #6b7280; } .outcome-direction.outcome-mixed { background: #fef3c7; color: #92400e; } .study-card-quality { padding: var(--space-4) var(--space-5); background: var(--color-bg); border-bottom: 1px solid var(--color-border-light); } .quality-title { display: block; font-size: 0.7rem; font-weight: 600; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: var(--space-3); } .quality-badges { display: flex; flex-wrap: wrap; gap: var(--space-2); } .quality-badge { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.35rem 0.65rem; border-radius: 6px; font-size: 0.8rem; font-weight: 500; border: 1px solid transparent; } .quality-badge.quality-good { background: #dcfce7; color: #166534; border-color: #86efac; } .quality-badge.quality-ok { background: #fef3c7; color: #92400e; border-color: #fcd34d; } .quality-badge.quality-warn { background: #fee2e2; color: #991b1b; border-color: #fca5a5; } .study-card-links { display: flex; flex-wrap: wrap; gap: var(--space-2); padding: var(--space-4) var(--space-5); background: var(--color-white); } .source-link { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.5rem 0.75rem; background: var(--color-bg); border: 1px solid var(--color-border); border-radius: 6px; font-size: 0.8rem; color: var(--color-text-secondary); text-decoration: none; transition: all 0.2s ease; } .source-link:hover { background: var(--color-accent); color: white; border-color: var(--color-accent); } @media (prefers-color-scheme: dark) { .study-card { background: var(--color-secondary); border-color: var(--color-border); } .study-card-header { background: linear-gradient(135deg, rgba(16, 185, 129, 0.15) 0%, rgba(16, 185, 129, 0.1) 100%); } .stat-item, .pub-item { background: var(--color-secondary); } .pico-item { background: rgba(255, 255, 255, 0.05); border-color: var(--color-border); } } .study-profile { background: var(--color-white); border: 2px solid var(--color-border); border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); margin-bottom: var(--space-6); } .profile-header { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); border-bottom: 2px solid var(--color-accent); } .profile-title { display: flex; align-items: center; gap: 0.5rem; } .profile-title h3 { margin: 0; font-size: 1.1rem; font-weight: 700; color: var(--color-text); } .profile-icon { font-size: 1.3rem; } .profile-type { display: inline-flex; align-items: center; padding: 0.4rem 0.8rem; background: var(--color-white); border: 2px solid var(--color-accent); border-radius: 20px; font-size: 0.85rem; font-weight: 600; color: var(--color-accent-dark); } .profile-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); border-bottom: 1px solid var(--color-border-light); } .stat-box { padding: 1rem; text-align: center; border-right: 1px solid var(--color-border-light); } .stat-box:last-child { border-right: none; } .stat-number { display: block; font-size: 1.5rem; font-weight: 800; color: var(--color-accent-dark); line-height: 1.2; } .stat-name { display: block; font-size: 0.7rem; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.5px; margin-top: 0.25rem; } .stat-evidence-a { background: #dcfce7; } .stat-evidence-a .stat-number { color: #166534; } .stat-evidence-b { background: #fef3c7; } .stat-evidence-b .stat-number { color: #92400e; } .stat-evidence-c { background: #fee2e2; } .stat-evidence-c .stat-number { color: #991b1b; } .profile-section { padding: 1rem 1.25rem; border-bottom: 1px solid var(--color-border-light); } .section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.75rem; } .section-title { font-weight: 600; font-size: 0.9rem; color: var(--color-text); } .section-help { font-size: 0.8rem; color: var(--color-accent); text-decoration: none; } .section-help:hover { text-decoration: underline; } .pico-list { display: flex; flex-direction: column; gap: 0.6rem; } .pico-row { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.6rem 0.75rem; background: var(--color-bg); border-radius: 8px; border-left: 3px solid var(--color-border); } .pico-badge { width: 28px; height: 28px; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.85rem; flex-shrink: 0; } .pico-p { background: #dbeafe; color: #1e40af; border-left-color: #3b82f6; } .pico-i { background: #dcfce7; color: #166534; border-left-color: #22c55e; } .pico-c { background: #fef3c7; color: #92400e; border-left-color: #f59e0b; } .pico-o { background: #f3e8ff; color: #6b21a8; border-left-color: #a855f7; } .pico-row.pico-row:has(.pico-p) { border-left-color: #3b82f6; } .pico-row:has(.pico-i) { border-left-color: #22c55e; } .pico-row:has(.pico-c) { border-left-color: #f59e0b; } .pico-row:has(.pico-o) { border-left-color: #a855f7; } .pico-info { flex: 1; font-size: 0.9rem; line-height: 1.5; color: var(--color-text-secondary); } .pico-info strong { color: var(--color-text); } .pico-tag, .outcome-tag { display: inline-block; padding: 0.15rem 0.5rem; background: var(--color-white); border: 1px solid var(--color-border); border-radius: 4px; font-size: 0.75rem; margin-left: 0.25rem; } .outcome-tag.outcome-improved { background: #dcfce7; border-color: #86efac; color: #166534; } .outcome-tag.outcome-worsened { background: #fee2e2; border-color: #fca5a5; color: #991b1b; } .outcome-tag.outcome-no_effect { background: #f3f4f6; border-color: #d1d5db; color: #6b7280; } .profile-quality { background: #f9fafb; } .quality-list { display: flex; flex-wrap: wrap; gap: 0.5rem; } .quality-tag { display: inline-flex; align-items: center; padding: 0.35rem 0.7rem; border-radius: 6px; font-size: 0.8rem; font-weight: 500; } .quality-good { background: #dcfce7; color: #166534; border: 1px solid #86efac; } .quality-ok { background: #fef3c7; color: #92400e; border: 1px solid #fcd34d; } .quality-warn { background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5; } .pub-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; } .pub-table tr { border-bottom: 1px solid var(--color-border-light); } .pub-table tr:last-child { border-bottom: none; } .pub-label { width: 120px; padding: 0.6rem 0; color: var(--color-text-muted); font-size: 0.8rem; vertical-align: top; } .pub-value { padding: 0.6rem 0; color: var(--color-text); } .pub-value a { color: var(--color-accent); text-decoration: none; } .pub-value a:hover { text-decoration: underline; } .profile-links { display: flex; flex-wrap: wrap; gap: 0.5rem; padding: 1rem 1.25rem; background: #f9fafb; } .source-btn { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.5rem 0.85rem; background: var(--color-white); border: 1px solid var(--color-border); border-radius: 8px; font-size: 0.85rem; color: var(--color-text-secondary); text-decoration: none; transition: all 0.2s ease; } .source-btn:hover { background: var(--color-accent); border-color: var(--color-accent); color: white; } .source-fulltext { background: var(--color-accent); border-color: var(--color-accent); color: white; } .source-fulltext:hover { background: var(--color-accent-dark); } @media (prefers-color-scheme: dark) { .study-profile { background: var(--color-secondary); border-color: var(--color-border); } .profile-header { background: linear-gradient(135deg, rgba(16, 185, 129, 0.2) 0%, rgba(16, 185, 129, 0.1) 100%); } .profile-type { background: var(--color-secondary); } .pico-row { background: rgba(255, 255, 255, 0.05); } .profile-quality, .profile-links { background: rgba(0, 0, 0, 0.2); } .source-btn { background: var(--color-secondary); } } @media (max-width: 480px) { .profile-header { flex-direction: column; gap: 0.75rem; align-items: flex-start; } .profile-stats { grid-template-columns: repeat(2, 1fr); } .stat-box:nth-child(2) { border-right: none; } .pub-label { width: 100px; } } .pico-filters-box { margin-top: var(--space-4); border: 2px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-white); overflow: hidden; } .pico-filters-toggle { display: flex; align-items: center; justify-content: space-between; padding: var(--space-4) var(--space-5); background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%); cursor: pointer; font-weight: 600; color: var(--color-text); list-style: none; } .pico-filters-toggle::-webkit-details-marker { display: none; } .pico-filters-toggle .toggle-icon { transition: transform 0.2s ease; } .pico-filters-box[open] .pico-filters-toggle .toggle-icon { transform: rotate(180deg); } .pico-filters-content { padding: var(--space-5); border-top: 1px solid var(--color-border-light); } .pico-filters-intro { margin-bottom: var(--space-4); font-size: 0.9rem; color: var(--color-text-secondary); } .pico-filters-intro a { color: var(--color-accent); } .pico-filter-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--space-4); } .pico-filter-section { background: var(--color-bg); border-radius: var(--radius-md); padding: var(--space-4); border-left: 4px solid var(--color-border); } .pico-filter-section.pico-p { border-left-color: #3b82f6; } .pico-filter-section.pico-i { border-left-color: #22c55e; } .pico-filter-section.pico-c { border-left-color: #f59e0b; } .pico-filter-section.pico-o { border-left-color: #a855f7; } .pico-filter-header { display: flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-3); } .pico-filter-header .pico-letter { width: 28px; height: 28px; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.85rem; } .pico-p .pico-letter { background: #dbeafe; color: #1e40af; } .pico-i .pico-letter { background: #dcfce7; color: #166534; } .pico-c .pico-letter { background: #fef3c7; color: #92400e; } .pico-o .pico-letter { background: #f3e8ff; color: #6b21a8; } .pico-filter-title { font-weight: 600; font-size: 0.9rem; } .pico-filter-fields { display: flex; flex-wrap: wrap; gap: var(--space-3); } .filter-field { flex: 1; min-width: 120px; } .filter-field-wide { flex: 100%; } .filter-field label { display: block; font-size: 0.75rem; color: var(--color-text-muted); margin-bottom: 0.25rem; text-transform: uppercase; letter-spacing: 0.5px; } .filter-field select, .filter-field input { width: 100%; padding: 0.5rem 0.75rem; border: 1px solid var(--color-border); border-radius: 6px; font-size: 0.9rem; background: var(--color-white); transition: border-color 0.2s, box-shadow 0.2s; } .filter-field select:focus, .filter-field input:focus { outline: none; border-color: var(--color-accent); box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1); } .filter-field input::placeholder { color: var(--color-text-muted); font-size: 0.85rem; } .pico-filter-actions { display: flex; align-items: center; justify-content: space-between; margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--color-border-light); flex-wrap: wrap; gap: var(--space-3); } .pico-filter-hint { font-size: 0.8rem; color: var(--color-text-muted); } @media (max-width: 640px) { .pico-filter-grid { grid-template-columns: 1fr; } .filter-field { min-width: 100%; } } @media (prefers-color-scheme: dark) { .pico-filters-box { background: var(--color-secondary); border-color: var(--color-border); } .pico-filters-toggle { background: linear-gradient(135deg, rgba(16, 185, 129, 0.15) 0%, rgba(16, 185, 129, 0.1) 100%); } .pico-filter-section { background: rgba(255, 255, 255, 0.05); } .filter-field select, .filter-field input { background: var(--color-secondary); border-color: var(--color-border); color: var(--color-text); } } .page-header.text-center + .content-section, .page-header.text-center + .section { padding-top: var(--space-4); } main > .content-section:first-of-type { margin-top: var(--space-2); } .category-intro { font-size: var(--text-base); color: var(--color-text-secondary); text-align: center; max-width: 700px; margin: 0 auto var(--space-6); line-height: 1.6; } .category-intro strong { color: var(--color-text); } .infographic-box { background: var(--color-white); border: 2px solid var(--color-border); border-radius: 16px; overflow: hidden; margin-bottom: var(--space-6); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); } .infographic-header { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); border-bottom: 2px solid #f59e0b; } .infographic-label { font-weight: 600; font-size: 0.95rem; color: #92400e; } .infographic-actions { display: flex; gap: 0.5rem; } .infographic-btn { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: var(--color-white); border: 1px solid #fcd34d; border-radius: 8px; color: #92400e; cursor: pointer; transition: all 0.2s ease; text-decoration: none; } .infographic-btn:hover { background: #f59e0b; color: white; border-color: #f59e0b; } .infographic-content { padding: 1.5rem; background: #fffbeb; display: flex; justify-content: center; } .infographic-image { max-width: 100%; height: auto; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); } .infographic-footer { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 1.25rem; background: var(--color-bg); border-top: 1px solid var(--color-border-light); flex-wrap: wrap; gap: 0.5rem; } .infographic-hint { font-size: 0.8rem; color: var(--color-text-muted); } .infographic-formats { display: flex; gap: 0.75rem; } .format-link { font-size: 0.8rem; color: var(--color-accent); text-decoration: none; padding: 0.25rem 0.5rem; background: var(--color-white); border: 1px solid var(--color-border); border-radius: 4px; transition: all 0.2s; } .format-link:hover { background: var(--color-accent); color: white; border-color: var(--color-accent); } @media (prefers-color-scheme: dark) { .infographic-box { background: var(--color-secondary); border-color: var(--color-border); } .infographic-header { background: linear-gradient(135deg, rgba(245, 158, 11, 0.2) 0%, rgba(245, 158, 11, 0.1) 100%); } .infographic-content { background: rgba(245, 158, 11, 0.05); } .infographic-btn { background: var(--color-secondary); } } @media (max-width: 480px) { .infographic-footer { flex-direction: column; text-align: center; } } .infographic-box { background: var(--color-white); border: 2px solid var(--color-border); border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); margin: var(--space-6) 0; } .infographic-header { padding: 1.25rem 1.5rem; border-left: 5px solid; } .infographic-badge { display: inline-block; padding: 0.35rem 0.75rem; border-radius: 20px; font-size: 0.8rem; font-weight: 600; color: white; margin-bottom: 0.75rem; } .infographic-title { font-size: 1.15rem; font-weight: 700; color: var(--color-text); margin: 0 0 0.5rem 0; line-height: 1.4; } .infographic-source { font-size: 0.85rem; color: var(--color-text-muted); } .infographic-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); border-top: 1px solid var(--color-border-light); border-bottom: 1px solid var(--color-border-light); } .fact-item { padding: 1rem; text-align: center; border-right: 1px solid var(--color-border-light); } .fact-item:last-child { border-right: none; } .fact-icon { display: block; font-size: 1.5rem; margin-bottom: 0.25rem; } .fact-value { display: block; font-size: 1.25rem; font-weight: 800; color: var(--color-accent-dark); } .fact-label { display: block; font-size: 0.7rem; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.5px; } .infographic-findings { padding: 1rem 1.5rem; background: var(--color-bg); } .infographic-findings h4 { font-size: 0.9rem; font-weight: 600; margin: 0 0 0.75rem 0; color: var(--color-text); } .infographic-findings ul { list-style: none; padding: 0; margin: 0; } .infographic-findings li { position: relative; padding-left: 1.5rem; margin-bottom: 0.5rem; font-size: 0.9rem; line-height: 1.5; color: var(--color-text-secondary); } .infographic-findings li::before { content: "✓"; position: absolute; left: 0; color: var(--color-accent); font-weight: bold; } .infographic-verdict { display: flex; align-items: center; justify-content: center; gap: 0.75rem; padding: 1rem; font-weight: 600; font-size: 1.1rem; } .infographic-verdict.verdict-falsch { background: #fee2e2; color: #991b1b; } .infographic-verdict.verdict-wahr { background: #dcfce7; color: #166534; } .infographic-verdict.verdict-teilweise { background: #fef3c7; color: #92400e; } .verdict-icon { font-size: 1.5rem; } .infographic-footer { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1.5rem; background: #f9fafb; border-top: 1px solid var(--color-border-light); } .infographic-brand { font-weight: 600; font-size: 0.9rem; color: var(--color-accent-dark); } .infographic-share { display: flex; align-items: center; gap: 0.5rem; } .share-label { font-size: 0.8rem; color: var(--color-text-muted); } .share-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: var(--color-white); border: 1px solid var(--color-border); font-size: 0.9rem; text-decoration: none; color: var(--color-text-secondary); cursor: pointer; transition: all 0.2s ease; } .share-btn:hover { transform: scale(1.1); } .share-twitter:hover { background: #1da1f2; color: white; border-color: #1da1f2; } .share-facebook:hover { background: #4267b2; color: white; border-color: #4267b2; } .share-whatsapp:hover { background: #25d366; color: white; border-color: #25d366; } .share-copy:hover { background: var(--color-accent); color: white; border-color: var(--color-accent); } @media (max-width: 480px) { .infographic-facts { grid-template-columns: repeat(2, 1fr); } .fact-item:nth-child(2) { border-right: none; } .infographic-footer { flex-direction: column; gap: 0.75rem; } } @media (prefers-color-scheme: dark) { .infographic-box { background: var(--color-secondary); border-color: var(--color-border); } .infographic-findings { background: rgba(255, 255, 255, 0.05); } .infographic-footer { background: rgba(0, 0, 0, 0.2); } .share-btn { background: var(--color-secondary); } } @media print { .infographic-box { break-inside: avoid; border: 2px solid #333; box-shadow: none; } .infographic-share { display: none; } } .steckbrief { background: #ffffff !important; border: 2px solid #e2e8f0 !important; border-radius: 12px !important; overflow: hidden !important; margin: 1.5rem 0 !important; box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important; } .steckbrief-header { display: flex !important; align-items: center !important; gap: 0.5rem !important; padding: 0.875rem 1.25rem !important; background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%) !important; border-bottom: 2px solid #10b981 !important; } .steckbrief-icon { font-size: 1.25rem !important; } .steckbrief-title { font-weight: 700 !important; font-size: 1rem !important; color: #1e293b !important; flex: 1 !important; } .steckbrief-type { padding: 0.25rem 0.75rem !important; background: #ffffff !important; border: 2px solid #10b981 !important; border-radius: 20px !important; font-size: 0.8rem !important; font-weight: 600 !important; color: #059669 !important; } .steckbrief-stats { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)) !important; border-bottom: 1px solid #f1f5f9 !important; } .steckbrief-stat { padding: 0.875rem 0.5rem !important; text-align: center !important; border-right: 1px solid #f1f5f9 !important; } .steckbrief-stat:last-child { border-right: none !important; } .steckbrief-stat .stat-value { display: block !important; font-size: 1.375rem !important; font-weight: 800 !important; color: #059669 !important; line-height: 1.2 !important; } .steckbrief-stat .stat-label { display: block !important; font-size: 0.65rem !important; color: #94a3b8 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-top: 0.125rem !important; } .steckbrief-stat-a { background: #dcfce7 !important; } .steckbrief-stat-a .stat-value { color: #166534 !important; } .steckbrief-stat-b { background: #fef3c7 !important; } .steckbrief-stat-b .stat-value { color: #92400e !important; } .steckbrief-stat-c { background: #fee2e2 !important; } .steckbrief-stat-c .stat-value { color: #991b1b !important; } .steckbrief-pico { padding: 1rem 1.25rem !important; background: #f8fafc !important; border-bottom: 1px solid #f1f5f9 !important; } .pico-title { font-weight: 600 !important; font-size: 0.9rem !important; margin-bottom: 0.75rem !important; color: #1e293b !important; } .pico-help { font-size: 0.75rem !important; color: #10b981 !important; text-decoration: none !important; margin-left: 0.5rem !important; } .pico-item { display: flex !important; align-items: flex-start !important; gap: 0.625rem !important; padding: 0.5rem 0.75rem !important; margin-bottom: 0.5rem !important; background: #ffffff !important; border-radius: 6px !important; border-left: 3px solid #e2e8f0 !important; } .pico-item:last-child { margin-bottom: 0 !important; } .pico-letter { width: 24px !important; height: 24px !important; border-radius: 4px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 700 !important; font-size: 0.75rem !important; flex-shrink: 0 !important; } .pico-p { border-left-color: #3b82f6 !important; } .pico-p .pico-letter { background: #dbeafe !important; color: #1e40af !important; } .pico-i { border-left-color: #22c55e !important; } .pico-i .pico-letter { background: #dcfce7 !important; color: #166534 !important; } .pico-c { border-left-color: #f59e0b !important; } .pico-c .pico-letter { background: #fef3c7 !important; color: #92400e !important; } .pico-o { border-left-color: #a855f7 !important; } .pico-o .pico-letter { background: #f3e8ff !important; color: #6b21a8 !important; } .pico-content { flex: 1 !important; font-size: 0.875rem !important; line-height: 1.5 !important; color: #475569 !important; } .pico-content strong { color: #1e293b !important; } .pico-tag { display: inline-block !important; padding: 0.125rem 0.375rem !important; background: #f1f5f9 !important; border-radius: 4px !important; font-size: 0.7rem !important; margin-left: 0.25rem !important; } .outcome-improved { color: #166534 !important; font-weight: 600 !important; } .outcome-worsened { color: #991b1b !important; font-weight: 600 !important; } .outcome-no_effect { color: #6b7280 !important; } .outcome-mixed { color: #92400e !important; } .steckbrief-details { padding: 0.875rem 1.25rem !important; border-bottom: 1px solid #f1f5f9 !important; } .detail-row { display: flex !important; align-items: baseline !important; gap: 0.5rem !important; padding: 0.375rem 0 !important; border-bottom: 1px solid #f8fafc !important; font-size: 0.875rem !important; } .detail-row:last-child { border-bottom: none !important; } .detail-icon { font-size: 0.875rem !important; } .detail-label { color: #94a3b8 !important; min-width: 60px !important; } .detail-value { color: #1e293b !important; flex: 1 !important; } .detail-value a { color: #10b981 !important; text-decoration: none !important; } .steckbrief-links { display: flex !important; flex-wrap: wrap !important; gap: 0.5rem !important; padding: 0.875rem 1.25rem !important; background: #f9fafb !important; } .steckbrief-link { display: inline-flex !important; align-items: center !important; gap: 0.25rem !important; padding: 0.375rem 0.75rem !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; font-size: 0.8rem !important; color: #475569 !important; text-decoration: none !important; transition: all 0.15s ease !important; } .steckbrief-link:hover { background: #10b981 !important; border-color: #10b981 !important; color: #ffffff !important; } .steckbrief-link-primary { background: #10b981 !important; border-color: #10b981 !important; color: #ffffff !important; } .pico-filters-box { margin-top: 1rem !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; background: #ffffff !important; overflow: hidden !important; } .pico-filters-toggle { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 0.75rem 1rem !important; background: #f8fafc !important; cursor: pointer !important; font-weight: 600 !important; font-size: 0.9rem !important; color: #1e293b !important; list-style: none !important; border: none !important; } .pico-filters-toggle::-webkit-details-marker { display: none !important; } .pico-filters-box[open] .toggle-icon { transform: rotate(180deg) !important; } .pico-filters-content { padding: 1rem !important; border-top: 1px solid #e2e8f0 !important; } .pico-filters-intro { margin-bottom: 1rem !important; font-size: 0.85rem !important; color: #64748b !important; } .pico-filter-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 1rem !important; } @media (max-width: 768px) { .pico-filter-grid { grid-template-columns: 1fr !important; } } .pico-filter-section { padding: 0.75rem !important; background: #f8fafc !important; border-radius: 6px !important; border-left: 3px solid #e2e8f0 !important; } .pico-filter-section.pico-p { border-left-color: #3b82f6 !important; } .pico-filter-section.pico-i { border-left-color: #22c55e !important; } .pico-filter-section.pico-c { border-left-color: #f59e0b !important; } .pico-filter-section.pico-o { border-left-color: #a855f7 !important; } .pico-filter-header { display: flex !important; align-items: center !important; gap: 0.5rem !important; margin-bottom: 0.5rem !important; font-weight: 600 !important; font-size: 0.85rem !important; } .pico-filter-header .pico-letter { width: 22px !important; height: 22px !important; border-radius: 4px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 700 !important; font-size: 0.7rem !important; } .pico-filter-fields { display: flex !important; flex-direction: column !important; gap: 0.5rem !important; } .filter-field label { display: block !important; font-size: 0.7rem !important; color: #64748b !important; margin-bottom: 0.125rem !important; } .filter-field select, .filter-field input { width: 100% !important; padding: 0.375rem 0.5rem !important; border: 1px solid #e2e8f0 !important; border-radius: 4px !important; font-size: 0.8rem !important; background: #ffffff !important; } .filter-field input::placeholder { color: #94a3b8 !important; font-size: 0.75rem !important; } .pico-filter-actions { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-top: 1rem !important; padding-top: 0.75rem !important; border-top: 1px solid #e2e8f0 !important; flex-wrap: wrap !important; gap: 0.5rem !important; } .pico-filter-hint { font-size: 0.75rem !important; color: #94a3b8 !important; } @media (prefers-color-scheme: dark) { .steckbrief { background: #1e293b !important; border-color: #334155 !important; } .steckbrief-header { background: linear-gradient(135deg, rgba(16,185,129,0.2) 0%, rgba(16,185,129,0.1) 100%) !important; } .steckbrief-type { background: #1e293b !important; } .steckbrief-stat .stat-label, .detail-label { color: #64748b !important; } .steckbrief-title, .steckbrief-stat .stat-value, .pico-title, .pico-content strong, .detail-value { color: #f1f5f9 !important; } .steckbrief-pico, .pico-item, .steckbrief-links { background: rgba(255,255,255,0.05) !important; } .steckbrief-link { background: #334155 !important; border-color: #475569 !important; color: #f1f5f9 !important; } .pico-filters-box { background: #1e293b !important; border-color: #334155 !important; } .pico-filters-toggle { background: #334155 !important; color: #f1f5f9 !important; } .pico-filters-content { border-color: #334155 !important; } .pico-filter-section { background: rgba(255,255,255,0.05) !important; } .filter-field select, .filter-field input { background: #1e293b !important; border-color: #475569 !important; color: #f1f5f9 !important; } } .pico-related { margin: 2rem 0; padding: 1.5rem; background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); border-radius: 12px; border: 1px solid rgba(59, 130, 246, 0.2); } .pico-related h2 { font-size: 1.1rem; color: #1e40af; margin: 0 0 1rem 0; } .evidence-badge { display: inline-block; padding: 0.15rem 0.4rem; border-radius: 4px; font-size: 0.7rem; font-weight: 600; margin-left: 0.5rem; } .evidence-badge.evidence-a { background: #dcfce7; color: #166534; } .evidence-badge.evidence-b { background: #fef3c7; color: #92400e; } .evidence-badge.evidence-c { background: #fee2e2; color: #991b1b; } .evidence-badge.evidence-d { background: #f3f4f6; color: #6b7280; } @media (prefers-color-scheme: dark) { .pico-related { background: linear-gradient(135deg, rgba(30, 64, 175, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%); border-color: rgba(59, 130, 246, 0.3); } .pico-related h2 { color: #93c5fd; } } .section-count { font-size: 0.95rem; color: #64748b; margin-bottom: 1.5rem; } .show-more-section { margin-top: 2rem; padding: 1.5rem; background: linear-gradient(180deg, transparent, #f8fafc); border-radius: 12px; text-align: center; } .show-more-info { font-size: 0.9rem; color: #64748b; margin-bottom: 1rem; } .show-more-section .btn { display: inline-flex; align-items: center; gap: 0.5rem; } .pagination-info { font-size: 0.9rem; color: #64748b; margin-bottom: 1rem; } .pagination-total { color: #94a3b8; } .pagination-links { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.5rem; } .pagination-numbers { display: flex; align-items: center; gap: 0.25rem; } .pagination-link { display: inline-flex; align-items: center; justify-content: center; min-width: 2.5rem; height: 2.5rem; padding: 0 0.75rem; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; color: #334155; font-size: 0.9rem; font-weight: 500; text-decoration: none; transition: all 0.2s ease; } .pagination-link:hover { background: #f1f5f9; border-color: #cbd5e1; color: #1e293b; } .pagination-link:focus, .pagination-link:focus-visible { outline: 2px solid #10b981; outline-offset: 2px; } .pagination-current { background: #10b981; border-color: #10b981; color: #ffffff; font-weight: 600; } .pagination-ellipsis { padding: 0 0.5rem; color: #94a3b8; } .pagination-first, .pagination-last { font-size: 0.8rem; } @media (max-width: 640px) { .pagination-links { gap: 0.25rem; } .pagination-link { min-width: 2rem; height: 2rem; padding: 0 0.5rem; font-size: 0.8rem; } .pagination-first, .pagination-last { display: none; } }}}