:root{--primary:#0A6E5C;--primary-light:#0D8A73;--primary-dark:#064D40;--accent:#E8F5F1;--bg:#FAFAF8;--bg-card:#FFFFFF;--text:#1A1A1A;--text-secondary:#5A5A5A;--text-light:#8A8A8A;--border:#E8E8E4;--gradient-hero:#0A6E5C;--shadow-sm:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 16px rgba(0,0,0,.06),0 2px 4px rgba(0,0,0,.04);--shadow-hover:0 16px 48px rgba(10,110,92,.12),0 6px 16px rgba(0,0,0,.06);--radius:16px;--radius-sm:10px;--radius-lg:24px;--transition:.3s cubic-bezier(.4,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;-webkit-text-size-adjust:100%}body{font-family:Plus Jakarta Sans,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fafaf8d9;backdrop-filter:blur(20px) saturate(1.8);border-bottom:1px solid rgba(0,0,0,.05);transition:var(--transition)}.nav.scrolled{background:#fafaf8f2;box-shadow:var(--shadow-sm)}.nav-inner{max-width:1320px;margin:0 auto;padding:0 2rem;height:72px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text);cursor:pointer}.nav-logo-icon{width:38px;height:38px;background:var(--gradient-hero);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.85rem}.nav-logo-text{font-weight:700;font-size:1.2rem;letter-spacing:-.5px}.nav-logo-text span{color:var(--primary)}.nav-links{display:flex;gap:.25rem;align-items:center}.nav-links a{text-decoration:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:var(--transition);cursor:pointer}.nav-links a:hover{color:var(--primary);background:var(--accent)}.nav-cta{text-decoration:none;background:var(--primary);color:#fff;padding:.55rem 1.3rem;border-radius:10px;font-size:.88rem;font-weight:600;transition:var(--transition);cursor:pointer;border:none}.nav-cta:hover{background:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 16px #0a6e5c40}.mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.mobile-toggle span{display:block;width:22px;height:2px;background:var(--text);margin:5px 0;border-radius:2px}#app{min-height:100vh;opacity:1;transition:opacity .2s ease}#app.fading{opacity:0}section{padding:6rem 2rem}.section-inner{max-width:1320px;margin:0 auto}.section-label{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1rem}.section-title{font-family:"Instrument Serif",serif;font-size:3rem;line-height:1.15;letter-spacing:-1px;margin-bottom:1rem}.section-desc{font-size:1.05rem;color:var(--text-secondary);max-width:560px;margin-bottom:3.5rem;line-height:1.7}.hero{padding:10rem 2rem 3rem;position:relative;overflow:visible}.hero:before{content:"";position:absolute;top:-30%;right:-15%;width:min(700px,100vw);height:700px;overflow:hidden;pointer-events:none;background:radial-gradient(circle,rgba(10,110,92,.06) 0%,transparent 70%);border-radius:50%}.hero-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1;overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:var(--primary);padding:.4rem 1rem;border-radius:100px;font-size:.82rem;font-weight:600;margin-bottom:1.5rem}.hero-badge:before{content:"";width:6px;height:6px;background:var(--primary);border-radius:50%}.hero h1{font-family:"Instrument Serif",serif;font-size:4rem;line-height:1.08;letter-spacing:-1.5px;margin-bottom:1.5rem}.hero h1 em{font-style:italic;color:var(--primary)}.hero-desc{font-size:1.15rem;color:var(--text-secondary);line-height:1.75;margin-bottom:2.5rem;max-width:520px}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;padding:.85rem 2rem;border-radius:12px;font-size:.95rem;font-weight:600;transition:var(--transition);border:none;cursor:pointer;text-decoration:none}.btn-primary:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 8px 24px #0a6e5c40}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--text);padding:.85rem 2rem;border-radius:12px;font-size:.95rem;font-weight:600;transition:var(--transition);border:1.5px solid var(--border);cursor:pointer;text-decoration:none}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--accent)}.btn-white{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:var(--primary);padding:.85rem 2rem;border-radius:12px;font-size:.95rem;font-weight:700;transition:var(--transition);cursor:pointer;text-decoration:none}.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.hero-visual{display:flex;justify-content:center;align-items:flex-start}.hero-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;transform:rotate(-2deg);position:relative;overflow:visible}.hero-card{background:var(--bg-card);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-md);position:relative;z-index:1;transition:var(--transition);border:1px solid var(--border);cursor:pointer}.hero-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.hero-card:nth-child(2){transform:translateY(1.5rem)}.hero-card:nth-child(3){transform:translateY(-1.5rem)}.hero-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:.8rem}.hero-card h3{font-size:.88rem;font-weight:700;margin-bottom:.3rem}.hero-card p{font-size:.78rem;color:var(--text-light);line-height:1.5}.topics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.topic-card{background:var(--bg-card);border-radius:var(--radius);padding:2rem;border:1px solid var(--border);transition:var(--transition);cursor:pointer;position:relative;overflow:hidden}.topic-card:after{content:"→";position:absolute;top:2rem;right:2rem;font-size:1.2rem;color:var(--text-light);transition:var(--transition)}.topic-card:hover{border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-3px)}.topic-card:hover:after{color:var(--primary);transform:translate(4px)}.topic-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.2rem}.topic-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.topic-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.6}.topic-tag{display:inline-block;margin-top:1rem;font-size:.75rem;color:var(--primary);background:var(--accent);padding:.25rem .7rem;border-radius:6px;font-weight:600}.disease-tabs{display:flex;gap:.5rem;margin-bottom:2.5rem;flex-wrap:wrap}.disease-tab{padding:.5rem 1.2rem;border-radius:100px;border:1.5px solid var(--border);background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition);font-family:inherit}.disease-tab:hover,.disease-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.disease-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.disease-card{display:flex;align-items:flex-start;gap:1.2rem;background:var(--bg);border-radius:var(--radius);padding:1.5rem;border:1px solid var(--border);transition:var(--transition);cursor:pointer}.disease-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.disease-dot{width:10px;height:10px;border-radius:50%;margin-top:.4rem;flex-shrink:0}.disease-dot.green{background:#10b981}.disease-dot.yellow{background:#f59e0b}.disease-dot.red{background:#ef4444}.disease-dot.blue{background:#3b82f6}.disease-dot.orange{background:#f97316}.disease-dot.purple{background:#a855f7}.disease-dot.teal{background:#0a6e5c}.disease-dot.pink{background:#ec4899}.disease-dot.dot-green{background:#10b981}.disease-dot.dot-blue{background:#3b82f6}.disease-card h4{font-size:.95rem;font-weight:700;margin-bottom:.3rem}.disease-card p{font-size:.82rem;color:var(--text-secondary);line-height:1.5}.lex-search{display:flex;align-items:center;gap:.75rem;background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:.75rem 1.25rem;margin-bottom:2rem;max-width:500px;transition:var(--transition)}.lex-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #0a6e5c14}.lex-search input{border:none;outline:none;font-size:1rem;width:100%;font-family:inherit;background:transparent}.lex-alpha{display:flex;gap:.3rem;margin-bottom:2.5rem;flex-wrap:wrap}.lex-letter{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:var(--transition);background:#fff;color:var(--text-secondary)}.lex-letter:hover,.lex-letter.active{background:var(--primary);color:#fff}.lex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.lex-item{background:#fff;border-radius:var(--radius-sm);padding:1.25rem;border:1px solid var(--border);transition:var(--transition);cursor:pointer}.lex-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.lex-item h4{font-size:.92rem;font-weight:700;margin-bottom:.3rem;color:var(--primary)}.lex-item p{font-size:.82rem;color:var(--text-secondary);line-height:1.5}.news-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.news-card{background:var(--bg);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);transition:var(--transition);cursor:pointer}.news-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.news-img{width:100%;height:200px;background:linear-gradient(135deg,var(--accent),#d1ede6);display:flex;align-items:center;justify-content:center;font-size:2.5rem}.news-body{padding:1.5rem}.news-tag{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--primary);margin-bottom:.6rem}.news-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.5rem;line-height:1.4}.news-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.news-date{font-size:.78rem;color:var(--text-light);margin-top:.8rem}.experts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.expert-card{background:#fff;border-radius:var(--radius);padding:2rem 1.5rem;border:1px solid var(--border);text-align:center;transition:var(--transition);cursor:pointer}.expert-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.expert-hidden{display:none}.experts-expanded .expert-hidden{display:block}.expert-avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 1rem;background:linear-gradient(135deg,var(--accent),#d1ede6);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--primary);font-weight:700;font-family:"Instrument Serif",serif}.expert-card h3{font-size:.95rem;font-weight:700;margin-bottom:.2rem}.expert-card .role{font-size:.8rem;color:var(--primary);font-weight:600;margin-bottom:.4rem}.expert-card .loc{font-size:.78rem;color:var(--text-light)}.sponsors-empty{background:var(--bg);border:2px dashed var(--border);border-radius:var(--radius-lg);padding:4rem 2rem;text-align:center}.sponsors-empty h3{font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.sponsors-empty p{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.cta-banner{background:var(--gradient-hero);padding:5rem 2rem;text-align:center;position:relative;overflow:hidden}.cta-banner:before{content:"";position:absolute;inset: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'%3E%3Cg fill='%23ffffff' 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") repeat}.cta-banner .section-inner{position:relative;z-index:1}.cta-banner h2{font-family:"Instrument Serif",serif;font-size:2.8rem;color:#fff;margin-bottom:1rem;letter-spacing:-1px}.cta-banner p{color:#ffffffd9;font-size:1.1rem;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.urocheck-wrap{background:linear-gradient(135deg,#064d40,#0a6e5c);border-radius:var(--radius-lg);padding:2.5rem;color:#fff;position:relative;overflow:hidden}.urocheck-wrap:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);border-radius:50%}.urocheck-inner{position:relative;z-index:1}.urocheck-wrap h3{font-family:"Instrument Serif",serif;font-size:2rem;margin-bottom:.5rem}.urocheck-wrap>p,.urocheck-inner>p{color:#fffc;margin-bottom:2rem}.uc-step{display:none}.uc-step.active{display:block}.uc-q{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.uc-opts{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}@media(max-width:600px){.uc-opts{grid-template-columns:1fr}}.uc-opt{background:#ffffff1a;border:1.5px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem 1.25rem;cursor:pointer;transition:var(--transition);font-size:.95rem;text-align:left;color:#fff;font-family:inherit}.uc-opt:hover{background:#fff3;border-color:#fff6}.uc-result{background:#ffffff1f;border-radius:16px;padding:2rem}.uc-result h4{font-size:1.2rem;margin-bottom:1rem;color:#4ade80}.uc-result p{color:#ffffffe6;margin-bottom:.8rem;font-size:.95rem;line-height:1.7}.uc-result .uc-warn{background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:10px;padding:1rem;margin-top:1rem;font-size:.9rem}.uc-result .uc-ok{background:#4ade8026;border:1px solid rgba(74,222,128,.3);border-radius:10px;padding:1rem;margin-top:1rem;font-size:.9rem}.uc-restart{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:.7rem 1.5rem;cursor:pointer;color:#fff;font-weight:600;margin-top:1.5rem;font-family:inherit;font-size:.9rem;transition:var(--transition)}.uc-restart:hover{background:#ffffff40}.detail-page{padding:7rem 2rem 4rem}.detail-inner{max-width:860px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.85rem;flex-wrap:wrap}.breadcrumb a{color:var(--primary);text-decoration:none;cursor:pointer;font-weight:500}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .sep{color:var(--text-light)}.breadcrumb .current{color:var(--text-secondary)}.detail-header{margin-bottom:3rem}.detail-header .tag{display:inline-block;background:var(--accent);color:var(--primary);padding:.3rem .9rem;border-radius:100px;font-size:.78rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.detail-header h1{font-family:"Instrument Serif",serif;font-size:3rem;letter-spacing:-1px;line-height:1.15;margin-bottom:1rem}.detail-header .subtitle{font-size:1.1rem;color:var(--text-secondary);line-height:1.7}.detail-body h3{font-size:1.1rem;font-weight:700;margin:1.5rem 0 .5rem;color:var(--primary-dark)}.detail-body .info-box{background:var(--accent);border-left:4px solid var(--primary);border-radius:0 12px 12px 0;padding:1.25rem 1.5rem;margin:1.5rem 0;font-size:.9rem}.detail-body .warning-box{background:#fef3c7;border-left:4px solid #F59E0B;border-radius:0 12px 12px 0;padding:1.25rem 1.5rem;margin:1.5rem 0;font-size:.9rem}.detail-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem}.sidebar-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;cursor:pointer;transition:var(--transition)}.sidebar-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.sidebar-card h4{font-size:.9rem;font-weight:700;margin-bottom:.3rem}.sidebar-card p{font-size:.8rem;color:var(--text-secondary)}.imprint-card{background:#fff;border-radius:var(--radius);padding:2.5rem;border:1px solid var(--border);margin-bottom:1.5rem}.imprint-card h2{font-size:1.05rem;font-weight:700;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.imprint-card p{color:var(--text-secondary);font-size:.95rem;margin-bottom:.4rem}.imprint-card a{color:var(--primary);text-decoration:none}.imprint-card a:hover{text-decoration:underline}.footer{background:#0f1f1c;color:#ffffffb3;padding:4rem 2rem 2rem}.footer-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem}.footer-brand .ft-logo{color:#fff;font-size:1.3rem;font-weight:700}.footer-brand .ft-logo span{color:#4ade80}.footer-brand p{margin-top:1rem;font-size:.88rem;line-height:1.7;max-width:300px}.footer h4{color:#fff;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1.2rem}.footer ul{list-style:none}.footer ul li{margin-bottom:.6rem}.footer ul a{color:#fff9;text-decoration:none;font-size:.88rem;transition:var(--transition);cursor:pointer}.footer ul a:hover{color:#fff}.footer-bottom{max-width:1320px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.footer-bottom a{color:#ffffff80;text-decoration:none;cursor:pointer}.footer-bottom a:hover{color:#fff}.fade-up{opacity:1;transform:translateY(15px);transition:transform .5s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.s1{transition-delay:.1s}.s2{transition-delay:.2s}.s3{transition-delay:.3s}.s4{transition-delay:.4s}.s5{transition-delay:.5s}.s6{transition-delay:.6s}.teaser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.teaser-item{display:flex;align-items:flex-start;gap:.8rem;padding:1rem 1.2rem;background:var(--bg);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:var(--transition)}.teaser-item:hover{border-color:var(--primary);box-shadow:0 4px 12px #0a6e5c0f;transform:translateY(-2px)}.teaser-item h4{font-size:.9rem;font-weight:700;margin-bottom:.2rem}.teaser-item p{font-size:.78rem;color:var(--text-secondary);line-height:1.4;margin:0}.uromaps-preview{max-width:700px;margin:0 auto}.uromaps-features{display:flex;flex-direction:column;gap:1.2rem}.uromaps-feat{display:flex;align-items:flex-start;gap:1rem;background:var(--bg);border-radius:var(--radius);padding:1.2rem 1.5rem;border:1px solid var(--border);transition:var(--transition)}.uromaps-feat:hover{border-color:var(--primary);box-shadow:0 4px 12px #0a6e5c14}.uromaps-feat-icon{font-size:1.8rem;flex-shrink:0;margin-top:.1rem}.uromaps-feat strong{font-size:.95rem;display:block;margin-bottom:.2rem}.uromaps-feat p{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0}@media(max-width:1024px){.hero h1{font-size:3rem}.hero-inner>div:first-child{max-width:100%!important}.hero-visual{display:none!important}.hero-card-grid{grid-template-columns:1fr 1fr!important;gap:.6rem!important}.hero-card{padding:.8rem!important}.hero-card h3{font-size:.8rem!important}.hero-card p{font-size:.7rem!important}.topics-grid,.experts-grid{grid-template-columns:repeat(2,1fr)}.news-grid,.footer-inner{grid-template-columns:1fr 1fr}.lex-grid{grid-template-columns:repeat(2,1fr)}.detail-sidebar,.disease-grid{grid-template-columns:1fr}}@media(max-width:768px){.news-grid,.lex-grid{grid-template-columns:1fr!important}.detail-page{padding:5.5rem 1rem 3rem}.nav-links,.nav-cta{display:none}.mobile-toggle{display:block}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:var(--bg);padding:1rem 2rem;border-bottom:1px solid var(--border);box-shadow:var(--shadow-md);z-index:100}.hero{padding:6rem 1.5rem 2rem}.hero h1{font-size:2.4rem}section{padding:4rem 1.5rem}.section-title{font-size:2.2rem}.topics-grid,.disease-grid,.lex-grid,.news-grid,.teaser-grid{grid-template-columns:1fr}.experts-grid{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}.detail-header h1{font-size:2.2rem}.detail-sidebar{grid-template-columns:1fr}.section-title{font-size:2.2rem!important;line-height:1.15;letter-spacing:-.02em}#urocheck .section-inner>div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}.hero-card-grid{grid-template-columns:1fr 1fr;gap:.6rem}.hero-card{padding:1rem}.hero-card h3{font-size:.82rem}.hero-card p{font-size:.72rem}.urocheck-wrap{padding:2rem 1.2rem}}@media print{.nav,.hero-visual,.hero-actions,.hero-card-grid,.mobile-toggle,.nav-cta,.btn-primary,.btn-secondary,.uc-restart,footer,.cta-banner,#sponsoren{display:none!important}.hero{padding:2rem!important}.detail-page{padding:1rem!important}.detail-inner{max-width:100%!important}body{font-size:11pt;line-height:1.5;color:#000}h1{font-size:20pt}h2{font-size:14pt}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#fff;border-top:1px solid #E8E8E4;box-shadow:0 -4px 20px #00000014;padding:1.2rem 2rem;display:none;animation:slideUp .3s ease}.cookie-banner.show{display:block}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.cookie-text{flex:1;min-width:280px;font-size:.85rem;color:#5a5a5a;line-height:1.6}.cookie-text a{color:#0a6e5c;text-decoration:underline}.cookie-btns{display:flex;gap:.6rem;flex-shrink:0}.cookie-btn{padding:.6rem 1.4rem;border-radius:10px;font-weight:600;font-size:.85rem;cursor:pointer;border:none;font-family:inherit;transition:all .2s}.cookie-accept{background:#0a6e5c;color:#fff}.cookie-accept:hover{background:#085c4d}.cookie-reject{background:#e8e8e4;color:#1a1a1a}.cookie-reject:hover{background:#d8d8d4}@media(max-width:768px){.cookie-inner{flex-direction:column;text-align:center}.cookie-btns{width:100%;justify-content:center}}.faq-item{border:1px solid var(--border);border-radius:10px;margin-bottom:.5rem;overflow:hidden}.faq-q{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;cursor:pointer;font-weight:600;font-size:.92rem;background:#fff;transition:background .2s}.faq-q:hover{background:var(--accent)}.faq-q .faq-arrow{transition:transform .3s;font-size:.8rem;color:var(--text-secondary)}.faq-q.open .faq-arrow{transform:rotate(180deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 1.2rem}.faq-a.open{max-height:500px;padding:0 1.2rem 1rem}.faq-a p{font-size:.88rem;color:var(--text-secondary);line-height:1.7;margin:0}@media(max-width:480px){.detail-body [style*=grid-template-columns]{grid-template-columns:1fr 1fr!important;gap:.4rem!important}.detail-body [style*="grid-template-columns:repeat"]{grid-template-columns:1fr 1fr!important}.detail-body [style*="font-family:Instrument Serif"],.detail-body [style*="font-size:1.5rem"]{font-size:1.1rem!important}.detail-body [style*="font-size:2rem"]{font-size:1.2rem!important}.anatomie-img{margin:1rem 0!important}.anatomie-img img{border-radius:8px!important}.detail-header h1{font-size:1.85rem!important}.detail-header .subtitle{font-size:.88rem!important}.detail-header{margin-bottom:1.5rem!important}.detail-page{padding:5rem 1rem 2rem!important}.faq-q{padding:.8rem 1rem!important;font-size:.84rem!important}.faq-a p,.sidebar-card h4{font-size:.82rem!important}[style*="display:flex"][style*="gap:1.5rem"]{gap:.6rem!important}[style*="display:flex"][style*="gap:2rem"]{gap:.8rem!important}}@media(max-width:380px){.detail-body [style*=grid-template-columns]{grid-template-columns:1fr!important}.hero-card-grid{grid-template-columns:1fr 1fr!important}.detail-header h1{font-size:1.7rem!important}.detail-body [style*="font-family:Instrument Serif"]{font-size:1rem!important}}.detail-body{overflow-x:hidden;word-wrap:break-word}.detail-body img{max-width:100%;height:auto}.detail-body [style*=grid]{max-width:100%;overflow:hidden}@keyframes organGlow{0%,to{opacity:.25}50%{opacity:.55}}.organ-glow{position:absolute;border-radius:50%;pointer-events:none;animation:organGlow 2s ease-in-out infinite;filter:blur(6px)}.detail-body h2{font-family:"Instrument Serif",serif;font-weight:400;font-size:1.5rem;color:var(--text);margin:2.5rem 0 1rem;padding-top:1.5rem;border-top:1px solid var(--border);letter-spacing:-.01em}.detail-body p{color:var(--text-secondary);margin-bottom:1.2rem;font-size:.95rem;line-height:1.85}.detail-body .info-box,.detail-body [style*="background:var(--accent)"],.detail-body [style*="background:#FEE2E2"],.detail-body [style*="background:#FEF3C7"],.detail-body [style*="background:#D1FAE5"]{border-radius:12px!important}.detail-body [style*="font-family:Instrument Serif"]{letter-spacing:-.02em}.detail-body+div h2{font-family:"Instrument Serif",serif!important;font-weight:400!important;font-size:1.5rem!important}.tag{background:var(--accent);color:var(--primary);padding:.3rem .9rem;border-radius:100px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.subtitle{font-size:1.05rem;color:var(--text-secondary);line-height:1.7;max-width:640px}.breadcrumb{font-size:.82rem;color:var(--text-light);margin-bottom:1.5rem}.breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.detail-header{margin-bottom:2.5rem}.detail-header h1{font-family:"Instrument Serif",serif;font-size:2.4rem;font-weight:400;line-height:1.2;letter-spacing:-.02em;margin-bottom:.6rem;color:var(--text)}.detail-sidebar{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border)}.sidebar-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1rem 1.2rem;cursor:pointer;transition:all .2s}.sidebar-card p{font-size:.78rem;color:var(--text-light);margin:0;line-height:1.4}@media(max-width:768px){.detail-header h1{font-size:2rem!important}.subtitle{font-size:.92rem!important}.detail-body h2{font-size:1.25rem!important}}.teaser-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.8rem;transition:all .25s ease;cursor:pointer;text-decoration:none;color:var(--text)}.teaser-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 12px 40px #0a6e5c14}.teaser-card h3{font-family:"Instrument Serif",serif;font-size:1.15rem;font-weight:400;margin-bottom:.5rem;line-height:1.3}.teaser-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin:0}.section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--primary);margin-bottom:.6rem}.section-title{font-family:"Instrument Serif",serif;font-size:2.6rem;font-weight:400;line-height:1.15;letter-spacing:-.02em;margin-bottom:.8rem}.section-desc{font-size:1rem;color:var(--text-secondary);line-height:1.7;max-width:600px}.info-box{background:var(--accent);border-radius:12px;padding:1rem 1.2rem;margin:1rem 0;font-size:.9rem;line-height:1.7;color:var(--text-secondary)}.sec-content{color:var(--text-secondary);font-size:.95rem;line-height:1.85;margin-bottom:1.2rem}.sec-content a{color:var(--primary)}.sec-content{font-size:.95rem;line-height:1.85;color:var(--text-secondary)}.sec-content strong{color:var(--text);font-weight:600}.sec-content a{color:var(--primary);text-decoration:none;font-weight:500}.sec-content a:hover{text-decoration:underline}.u-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.25rem;transition:box-shadow .2s}.u-card:hover{box-shadow:var(--shadow-hover)}.u-card h3,.u-card h4{font-size:.92rem;font-weight:600;color:var(--text);margin-bottom:.3rem}.u-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin:0}.u-info{background:var(--accent);border-radius:12px;padding:1.2rem 1.5rem;margin:1.2rem 0;font-size:.9rem;line-height:1.7;color:var(--text-secondary)}.u-info strong{color:var(--text)}.u-warn{background:#fef3c7;border-radius:12px;padding:1.2rem 1.5rem;margin:1.2rem 0;font-size:.9rem;line-height:1.7;border:1px solid #F5D77030}.u-warn strong{color:#92400e}.u-danger{background:#fee2e2;border-radius:12px;padding:1.2rem 1.5rem;margin:1.2rem 0;font-size:.9rem;line-height:1.7;border:1px solid #EF444430}.u-danger strong{color:#991b1b}.u-success{background:#d1fae5;border-radius:12px;padding:1.2rem 1.5rem;margin:1.2rem 0;font-size:.9rem;line-height:1.7;border:1px solid #10B98130}.u-success strong{color:#065f46}.detail-body{max-width:720px}.detail-body h2{font-family:"Instrument Serif",serif;font-weight:400;font-size:1.5rem;color:var(--text);margin:2.5rem 0 1rem;padding-top:1.5rem;border-top:1px solid var(--border);letter-spacing:-.02em}.detail-body h2:first-child{border-top:none;padding-top:0;margin-top:0}.detail-body h3{font-size:1.05rem;font-weight:600;margin:1.5rem 0 .5rem;color:var(--text)}.detail-body p,.sec-content{font-size:.95rem;line-height:1.85;color:var(--text-secondary);margin-bottom:1.2rem}.detail-body strong{color:var(--text);font-weight:600}.detail-body ul,.detail-body ol{color:var(--text-secondary);margin:0 0 1.2rem 1.2rem;font-size:.95rem;line-height:1.85}.detail-body li{margin-bottom:.4rem}.detail-body a{color:var(--primary);text-decoration:none;font-weight:500}.detail-body a:hover{text-decoration:underline}.detail-body blockquote{border-left:3px solid var(--primary);padding:.8rem 1.2rem;margin:1.2rem 0;background:var(--accent);border-radius:0 12px 12px 0;font-style:italic;color:var(--text-secondary)}.sidebar-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s}.sidebar-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.sidebar-card h4{font-size:.88rem;font-weight:600;margin-bottom:.2rem;color:var(--text)}.sidebar-card p{font-size:.8rem;color:var(--text-light);margin:0;line-height:1.5}.tag{display:inline-block;background:var(--accent);color:var(--primary);padding:.25rem .8rem;border-radius:8px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.topic-header{margin-bottom:2.5rem}.topic-header h1{font-family:"Instrument Serif",serif;font-size:2.5rem;font-weight:400;letter-spacing:-.02em}.topic-header p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-top:.5rem}.breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--text-light);margin-bottom:1.5rem;flex-wrap:wrap}.breadcrumb a{color:var(--text-secondary);text-decoration:none;cursor:pointer}.breadcrumb a:hover{color:var(--primary)}.breadcrumb .sep{color:var(--border)}footer{background:#1a1a1a}footer a{color:#ffffff80;text-decoration:none;transition:color .2s}footer a:hover{color:#fffc}@media(max-width:768px){#krankheiten{display:none}.topics-grid{grid-template-columns:1fr 1fr!important;gap:.6rem!important}.topic-card{padding:1rem!important}.topic-card p,.topic-card .topic-tag{display:none}.topic-card h3{font-size:.85rem!important;margin-bottom:0!important}#urocheck [style*=grid-template-columns],.news-grid{grid-template-columns:1fr!important}}@media(max-width:768px){.hero-inner>div:first-child{display:flex;flex-direction:column}.hero-inner>div>[style*=heroSearch]{order:-1}}@media(max-width:768px){section{padding:2.5rem 1rem!important}.section-inner{padding:0!important}.hero{padding:5.5rem 1rem 1.5rem!important}.hero h1{font-size:2.2rem!important}.hero-desc{font-size:.92rem!important}}section{margin:0}#sponsoren{margin-top:0;padding-top:2rem!important}@media(max-width:768px){#sponsoren [style*=grid-template-columns]{grid-template-columns:1fr!important}}@media(max-width:768px){section+section{margin-top:0}.detail-body{max-width:100%!important}}.disease-card a,a.disease-card{color:var(--text);text-decoration:none}.disease-card h4{color:var(--text)}.teaser-item a,a.teaser-item{color:var(--text);text-decoration:none}.teaser-item h4{color:var(--text)}a.lex-item h4,.lex-item a h4{color:var(--primary)}a.lex-item,.lex-item a{color:var(--text);text-decoration:none}.mobile-only-link{display:none!important}@media(max-width:768px){.mobile-only-link{display:block!important}}@media(max-width:768px){.detail-page{padding-top:5rem!important}.detail-header{margin-bottom:1rem!important}}@media(max-width:1400px){.hero-card{padding:1rem}.hero-card h3{font-size:.8rem}.hero-card p{font-size:.7rem}.hero-card-icon{width:36px;height:36px;margin-bottom:.5rem}.hero-card-grid{gap:.7rem}}@media(max-width:1200px){.hero-card{padding:.8rem}.hero-card-grid{gap:.5rem}.hero h1{font-size:3rem}}@media(max-width:1024px){.hero-visual{display:none!important}.hero-inner{grid-template-columns:1fr!important}}


/* === v6l mobile fixes (2026-05) === */
/* The fixed nav is 72px (~4.5rem). Hero-lead needs to be safely below it. */
@media(max-width:768px){
  .hero-new{padding-top:6.5rem!important}
  .hero-new .hero-badge{margin-bottom:.9rem!important}
  .hero-new h1{margin-bottom:.8rem!important}
  .hero-new .hero-lead{margin-bottom:1.4rem!important}
}
@media(max-width:480px){
  .hero-new{padding-top:5.5rem!important}
}
@media(max-width:380px){
  .hero-new{padding-top:5rem!important}
}

/* Krankheit-Artikel: weniger Abstand zwischen Banner und Fließtext auf Mobile */
@media(max-width:768px){
  .detail-page{padding-top:4.5rem!important;padding-bottom:2rem!important}
  .detail-inner .breadcrumb{margin-bottom:.7rem!important;font-size:.78rem!important}
  .detail-header{margin-bottom:.8rem!important}
  .detail-header .tag{margin-bottom:.5rem!important;padding:.2rem .7rem!important;font-size:.68rem!important}
  .detail-header h1{font-size:2.2rem!important;margin-bottom:.5rem!important;line-height:1.2!important;letter-spacing:-.5px!important}
  .detail-header .subtitle{font-size:.95rem!important;line-height:1.6!important}
  .detail-header div[style*="margin-top:.6rem"]{margin-top:.4rem!important;font-size:.72rem!important}
  .detail-body h2:first-child{margin-top:.5rem!important;padding-top:.5rem!important}
}
@media(max-width:480px){
  .detail-page{padding-top:4.2rem!important}
  .detail-header h1{font-size:2rem!important}
  .detail-header .subtitle{font-size:.95rem!important}
}










/* === v6p: unified mobile headings + breadcrumb clearance (2026-05) === */
/* All major page H1s match the hero size scale: 2.5rem (≤768px) / 2.3rem (≤480px) / 2rem (≤380px) */
@media(max-width:768px){
  .topic-header h1{font-size:2.5rem!important;letter-spacing:-1px!important;line-height:1.15!important;font-weight:400!important}
  .section-title{font-size:2.5rem!important;letter-spacing:-1px!important;line-height:1.15!important;font-weight:400!important}
  .detail-header h1{font-size:2.5rem!important;letter-spacing:-1px!important;line-height:1.2!important;margin-bottom:.5rem!important;font-weight:400!important}
}
@media(max-width:480px){
  .topic-header h1{font-size:2.3rem!important}
  .section-title{font-size:2.3rem!important}
  .detail-header h1{font-size:2.3rem!important}
}
@media(max-width:380px){
  .topic-header h1{font-size:2rem!important;letter-spacing:-.5px!important}
  .section-title{font-size:2rem!important;letter-spacing:-.5px!important}
  .detail-header h1{font-size:2rem!important;letter-spacing:-.5px!important}
}

/* Breadcrumb: ensure it's not covered by the fixed 72px nav */
/* Nav = 72px = 4.5rem. Need clearance of at least 1rem above breadcrumb. */
@media(max-width:768px){
  .detail-page{padding-top:6rem!important;padding-bottom:2rem!important}
  .detail-inner .breadcrumb,
  .breadcrumb{margin-top:0!important;margin-bottom:1.2rem!important;font-size:.78rem!important;padding-top:.2rem!important}
}
@media(max-width:480px){
  .detail-page{padding-top:5.8rem!important}
}

/* Same fix for the topic-header pages (Krankheitsbilder-Übersicht, Lexikon-Index) */
@media(max-width:768px){
  .detail-page .topic-header,
  .topic-header{margin-top:.5rem!important}
}


/* === v6r: CSS-only fade-up animation (2026-05) === */
/* The original system relied on JS IntersectionObserver to add .visible class.
   On slow mobile this caused visible-glitch where some elements animated, others didn't.
   New approach: CSS @keyframes runs automatically on page load. End-state is opacity:1
   so content is always visible even if animation is blocked.
   IntersectionObserver still adds .visible for below-fold elements (kept as bonus). */

@keyframes fadeUpAuto {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* All fade-up elements get the auto-animation */
.fade-up {
  animation: fadeUpAuto 0.7s ease-out both;
  opacity: 1; /* fallback if animation fails */
  transform: translateY(0);
  transition: none;
}

/* Stagger the animation for s1-s6 */
.fade-up.s1 { animation-delay: 0.08s; }
.fade-up.s2 { animation-delay: 0.16s; }
.fade-up.s3 { animation-delay: 0.24s; }
.fade-up.s4 { animation-delay: 0.32s; }
.fade-up.s5 { animation-delay: 0.40s; }
.fade-up.s6 { animation-delay: 0.48s; }

/* Reduced motion: skip animation entirely, content is just visible */
@media (prefers-reduced-motion: reduce) {
  .fade-up,
  .fade-up.s1, .fade-up.s2, .fade-up.s3,
  .fade-up.s4, .fade-up.s5, .fade-up.s6 {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Below-fold elements that scroll into view: keep using JS IntersectionObserver bonus
   (the JS adds .visible — we honor it but it's no longer required for visibility) */


/* === v6s: Prevent iOS Safari/Chrome auto-zoom on input focus (2026-05) === */
/* iOS auto-zooms when input font-size < 16px. Force all interactive inputs to >= 16px. */
input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="password"],
textarea,
select {
  font-size: 16px !important;
}
/* On desktop, allow visual font-size to differ from the 16px iOS-prevention floor */
@media (min-width: 769px) {
  input[type="text"],
  input[type="search"],
  input[type="email"],
  input[type="tel"],
  input[type="url"],
  input[type="number"],
  input[type="password"],
  textarea,
  select {
    font-size: 1rem !important;
  }
}