/* Schriften liegen auf dem eigenen Server. Vorher kamen sie von Google Fonts
   mit display:swap, dadurch verspranng der Text beim Tausch und die
   Layoutstabilität lag bei 40 Prozent schlecht. Zugleich entfällt damit die
   Verbindung zu Google-Servern beim Seitenaufruf. */
@font-face{font-family:'Plus Jakarta Sans';src:url('/_astro/schrift/PlusJakartaSans-var.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:block}
@font-face{font-family:'Instrument Serif';src:url('/_astro/schrift/InstrumentSerif-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:'Instrument Serif';src:url('/_astro/schrift/InstrumentSerif-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:block}
/* Ersatzschriften mit angeglichenen Maßen: solange die Webschrift lädt, nimmt
   der Text denselben Platz ein, dadurch entsteht kein Sprung. */
@font-face{font-family:'Jakarta Ersatz';src:local('Segoe UI'),local('Helvetica Neue'),local('Arial');size-adjust:105%;ascent-override:99%;descent-override:21%;line-gap-override:0%}
@font-face{font-family:'Serif Ersatz';src:local('Georgia'),local('Times New Roman'),local('Times');size-adjust:97%;ascent-override:102%;descent-override:32%;line-gap-override:0%}
: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;--warm:#C4703E;--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','Jakarta Ersatz',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:12px;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:12px;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:8px}#app{min-height:100vh;opacity:1;transition:opacity .2s ease}#app.fading{opacity:0}section{padding:4.5rem 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 Ersatz",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:999px;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 Ersatz",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(-2px);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(-2px)}.topic-card:hover:after{color:var(--primary);transform:translate(4px)}.topic-icon{width:52px;height:52px;border-radius:12px;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:8px;font-weight:600}.disease-tabs{display:flex;gap:.5rem;margin-bottom:1.2rem;flex-wrap:wrap}.disease-tab{padding:.5rem 1.2rem;border-radius:999px;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 h3{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:12px;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(-2px)}.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(-2px)}.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 Ersatz",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 Ersatz",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}.beschwerde-check-wrap{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.2rem;color:var(--text);position:relative}.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 Ersatz",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:hover{background:var(--accent);border-color:var(--primary)}.uc-result{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:1.8rem}.uc-result h4{font-size:1.2rem;margin-bottom:1rem;color:#4ade80}.uc-result p{color:var(--text);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:12px;padding:1rem;margin-top:1rem;font-size:.9rem}.uc-result .uc-ok{background:#4ade8026;border:1px solid rgba(74,222,128,.3);border-radius:12px;padding:1rem;margin-top:1rem;font-size:.9rem}.uc-restart{background:#fff;border:1px solid var(--border);border-radius:12px;padding:.7rem 1.4rem;cursor:pointer;color:var(--primary);font-weight:600;font-family:inherit;font-size:.9rem;line-height:1.2;transition:var(--transition)}.uc-restart:hover{background:var(--accent)}.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:999px;font-size:.78rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.detail-header h1{font-family:"Instrument Serif","Serif Ersatz",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.2rem;font-weight:700;line-height:1.35;margin:2rem 0 .6rem;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 h2{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:none;transition:transform var(--uw-motion-lang) var(--uw-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 h3{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:3rem 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}.beschwerde-check-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:12px;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:12px;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 Ersatz",serif;font-weight:400;font-size:1.75rem;line-height:1.25;color:var(--text);margin:3rem 0 1rem;padding-top:1.6rem;border-top:1px solid var(--border);letter-spacing:-.01em}.detail-body p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:1rem;line-height:1.8}.detail-body .info-box,.detail-body [style*="background:#FEE2E2"],.detail-body [style*="background:#FEF3C7"],.detail-body [style*="background:#D1FAE5"]{border-radius:0 12px 12px 0!important}
.detail-body [style*="background:var(--accent)"]{border-radius:0 12px 12px 0!important}.detail-body [style*="font-family:Instrument Serif"]{letter-spacing:-.02em}.detail-body+div h2{font-family:"Instrument Serif","Serif Ersatz",serif!important;font-weight:400!important;font-size:1.5rem!important}.tag{background:var(--accent);color:var(--primary);padding:.3rem .9rem;border-radius:999px;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 Ersatz",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 .24s}.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}}.teaser-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.8rem;transition:all .24s ease;cursor:pointer;text-decoration:none;color:var(--text)}.teaser-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 12px 40px #0a6e5c14}.teaser-card h3{font-family:"Instrument Serif","Serif Ersatz",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 Ersatz",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-left:4px solid var(--primary);border-radius:0 12px 12px 0;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:12px;padding:1.25rem;transition:box-shadow .24s}.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 Ersatz",serif;font-weight:400;font-size:1.75rem;line-height:1.25;color:var(--text);margin:3rem 0 1rem;padding-top:1.6rem;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.2rem;font-weight:700;line-height:1.35;margin:2rem 0 .6rem;color:var(--text)}.detail-body p,.sec-content{font-size:1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1.25rem}.detail-body strong{color:var(--text);font-weight:600}.detail-body ul,.detail-body ol{color:var(--text-secondary);margin:0 0 1.25rem 1.2rem;font-size:1rem;line-height:1.8}.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 .24s}.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 Ersatz",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 h3{color:var(--text)}.teaser-item a,a.teaser-item{color:var(--text);text-decoration:none}.teaser-item h3{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;
  }
}

.disease-category:first-of-type>h2{margin-top:1rem!important}
.disease-category+.disease-category>h2{margin-top:2rem!important}

/* Kategorieabschnitte erben sonst section{padding:4.5rem 2rem} */
.disease-category{padding:0!important}
.disease-category:first-of-type>h2{margin-top:.5rem!important}
.disease-category+.disease-category>h2{margin-top:2.5rem!important}
@media(max-width:768px){.disease-category+.disease-category>h2{margin-top:2rem!important}}

/* Automatisch gesetzte Verweise auf Lexikoneinträge */
.uw-lex{color:var(--primary);text-decoration:none;border-bottom:1px dotted var(--primary)}
.uw-lex:hover{border-bottom-style:solid}

/* Bänder auf der Startseite brauchen keinen doppelten Abstand */
.uw-pdf-band+.uw-zahlen-band{margin-top:2.5rem!important}
.uw-zahlen-band+.uw-board-band{margin-top:2.5rem!important}
@media(max-width:768px){section{padding:2.6rem 1.2rem}}

/* Bilder in picture-Elementen: nicht schrumpfen, Maße vom img erben */
picture{display:contents}

/* Autorenblock */
.uw-autor{margin-top:.9rem;padding:.75rem .95rem;background:#fff;border:1px solid var(--border);border-radius:12px;font-size:.8rem;color:var(--text-secondary);line-height:1.5;display:flex;flex-direction:column;gap:.45rem}
.uw-autor-z{display:flex;align-items:center;gap:.6rem;min-height:26px}
.uw-autor-i{flex:0 0 26px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem}
.uw-autor-i picture{display:contents}
.uw-autor-foto{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1.5px solid var(--primary)}
.uw-autor-board{background:var(--accent);color:var(--primary);border-radius:50%}
.uw-autor strong{color:var(--text)}
.uw-autor a{color:var(--primary);font-weight:600}
.uw-autor-pille{display:inline-flex;align-items:center;gap:.2rem;background:#D1FAE5;color:#065F46;padding:.05rem .5rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.2px;vertical-align:1px;margin-left:.15rem}
/* FAQ: kein klebender Hover auf Touch, keine abgeschnittenen Antworten */
.faq-q:hover{background:#fff}
@media (hover:hover){.faq-q:hover{background:var(--accent)}}
.faq-a.open{max-height:4000px}

/* Footer mobil zweispaltig */
@media(max-width:768px){.footer{padding:2.6rem 1.2rem 1.4rem}.footer-inner{grid-template-columns:1fr 1fr;gap:1.6rem 1.2rem}.footer-brand{grid-column:1/-1}.footer-brand p{margin-top:.6rem;font-size:.84rem}.footer h2{margin-bottom:.7rem;font-size:.78rem}.footer ul li{margin-bottom:.4rem}.footer ul a{font-size:.84rem}.footer-bottom{margin-top:1.6rem;padding-top:1.2rem}}
/* Inline-Zweispalter im Artikel auf dem Handy einspaltig */
@media(max-width:640px){.detail-body [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}.detail-body [style*="columns:2"]{columns:1!important}}

/* Sponsorenkarten mobil: untereinander, Logo oben, Sponsor-werden größer */
@media(max-width:640px){#sponsoren .sponsor-card-orig{flex-direction:column!important;text-align:center!important;padding:1.6rem 1.2rem!important;gap:.9rem!important}#sponsoren .sponsor-card-orig img{height:48px!important;width:auto!important}#sponsoren .sponsor-card-orig>div>div:nth-child(2){font-size:1.05rem!important}#sponsoren a[href="/sponsoren-info/"]{padding:2rem 1.2rem!important}#sponsoren a[href="/sponsoren-info/"]>div:first-child{font-size:2.2rem!important}#sponsoren a[href="/sponsoren-info/"]>div:nth-child(2){font-size:1.15rem!important}#sponsoren a[href="/sponsoren-info/"]>div:nth-child(3){font-size:.92rem!important}}
/* Autorenblock mobil: luftiger, Pille in eigener Zeile */
@media(max-width:640px){.uw-autor{padding:1rem 1.1rem;gap:.7rem;font-size:.86rem;line-height:1.55}.uw-autor-z{align-items:flex-start}.uw-autor-i{margin-top:.05rem}.uw-autor-pille{display:inline-flex;margin:.35rem 0 0 0}.uw-autor-z>span:last-child{display:block}}
.uw-autor-br{display:none}@media(max-width:640px){.uw-autor-br{display:block}}

/* Artikelraster: ein Radius, drei Kastentypen (weiß mit Rand, Mint, Warm), gleiche Abstände */
.detail-body .u-info,.detail-body .u-warn,.detail-body .u-danger,.detail-body .uw-fragen,.detail-body .uw-toc,.uw-autor,.detail-body .faq-item,.detail-body .faq-q,.detail-body /* Kaesten mit farbiger Kante links behalten die gerade Kante. Die alte Regel
   erzwang rundum 12px und stellte damit die Klammeroptik wieder her, obwohl
   die Inline-Angabe laengst 0 12px 12px 0 lautete. */
.detail-body .uw-finder{border-radius:12px!important}
/* Feedback und Inhaltsverzeichnis tragen keine Flaeche mehr, nur Haarlinien. */
.detail-body .uw-fb,.uw-toc{background:transparent!important;border-left:none!important;border-right:none!important;border-radius:0!important;box-shadow:none!important}
/* Kennzahl im Fliesstext: keine Flaeche, kein Rahmen, kein Radius. Die Zahl
   traegt ueber Groesse und Farbe, eine Haarlinie oben trennt sie vom Text. */
.uw-zahl{border:none!important;border-top:1px solid var(--border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:1.2rem 0 0!important}
@media(max-width:640px){.uw-zahl{gap:.6rem!important}}
[style*="border-left:3px solid"],[style*="border-left:4px solid"]{box-shadow:none!important}
.detail-body [style*="border-left:4px solid var(--primary)"]{background:var(--accent)!important;border-radius:0 12px 12px 0!important}
.detail-body [style*="background:var(--bg);border-radius:12px;padding:.8rem 1.2rem"]{background:#fff!important;border:1px solid var(--border)}
.detail-body>div[style*="background:var(--bg);border-radius:12px;border:1px solid var(--border);font-size:.78rem"]{background:#fff!important}
.detail-body [style*="background:var(--bg);border-radius:12px;padding:1rem 1.2rem;font-size:.82rem"]{background:#fff!important;border:1px solid var(--border)}
.detail-body .uw-fragen{background:var(--accent)!important}
.detail-body .u-info{background:var(--accent)!important;border:none!important}
.detail-body>.u-info,.detail-body>.u-warn,.detail-body>.uw-fragen{margin:1.6rem 0}


/* ============================================================
   Bewegung und Zustände (v193k)
   Eine Dauer, eine Kurve, ruhige Zustände. Alles deaktiviert,
   wenn im Betriebssystem reduzierte Bewegung eingestellt ist.
   ============================================================ */
:root{
  --uw-motion:.24s;
  --uw-motion-lang:.4s;
  --uw-ease:cubic-bezier(.32,.72,0,1);
  --uw-lift:-2px;
  --uw-ring:0 0 0 3px #0a6e5c33;
}
/* 1 Zustände: heben statt zoomen, überall dieselbe Kurve */
.disease-card,.news-card,.tool-card,.mag-featured,.mag-small,.lex-card,.expert-card,.topic-card,
.detail-body [style*="border-radius:12px"] a,.uw-profil-btn,.view-btn,.nav-cta,.hero-search,.search-box{
  transition:transform var(--uw-motion) var(--uw-ease),box-shadow var(--uw-motion) var(--uw-ease),border-color var(--uw-motion) var(--uw-ease),background-color var(--uw-motion) var(--uw-ease),color var(--uw-motion) var(--uw-ease);
}
.disease-card:hover,.news-card:hover,.tool-card:hover,.mag-featured:hover,.mag-small:hover,.lex-card:hover,.expert-card:hover,.topic-card:hover{
  transform:translateY(var(--uw-lift));
}
.disease-card:active,.news-card:active,.tool-card:active,.mag-featured:active,.mag-small:active{transform:translateY(0)}
/* 2 Tastaturfokus sichtbar, aber nur bei Tastaturbedienung */
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--primary);outline-offset:2px;border-radius:8px;box-shadow:var(--uw-ring)
}
/* 3 Erscheinen beim Scrollen, rein über CSS, kurzer Weg */

/* 4 Weiche Seitenwechsel, wo der Browser sie kann */
@view-transition{navigation:auto}
header,.nav,.nav-inner,.nav-cta{view-transition-name:uw-kopf}
::view-transition-group(uw-kopf){animation-duration:.001ms}
::view-transition-old(uw-kopf),::view-transition-new(uw-kopf){animation:none;mix-blend-mode:normal}
html{background:var(--bg);scrollbar-gutter:stable}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){animation:uw-ein var(--uw-motion) var(--uw-ease) both}
@keyframes uw-aus{to{opacity:0}}
@keyframes uw-ein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* 5 Inhaltsverzeichnis am Desktop mitlaufend */

/* 6 Ruhe für alle, die sie eingestellt haben */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .disease-card:hover,.news-card:hover,.tool-card:hover,.mag-featured:hover,.mag-small:hover{transform:none}
  @view-transition{navigation:none}
}

/* ============================================================
   Feinschliff Startseite (v194k): Zustände, die etwas erzählen
   ============================================================ */
/* Themenkacheln: Pfeil wandert, Symbol atmet, Farbverlauf des Organs klingt an */
.topic-card{--uw-akzent:var(--primary)}
.topic-card:after{transition:transform var(--uw-motion) var(--uw-ease),color var(--uw-motion) var(--uw-ease)}
.topic-card:hover:after{transform:translateX(5px);color:var(--primary)}
.topic-card .topic-icon{transition:transform var(--uw-motion) var(--uw-ease),box-shadow var(--uw-motion) var(--uw-ease)}
.topic-card:hover .topic-icon{transform:scale(1.1) rotate(-3deg);box-shadow:0 8px 22px #0a6e5c26}
.topic-card:before{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:var(--uw-akzent);transform:scaleX(0);transform-origin:left;transition:transform var(--uw-motion-lang) var(--uw-ease)}
.topic-card:hover:before{transform:scaleX(1)}
.topic-card:nth-child(1){--uw-akzent:#F97316}
.topic-card:nth-child(2){--uw-akzent:#3B82F6}
.topic-card:nth-child(3){--uw-akzent:#10B981}
.topic-card:nth-child(4){--uw-akzent:#7C3AED}
.topic-card:nth-child(5){--uw-akzent:#F59E0B}
.topic-card:nth-child(6){--uw-akzent:#EC4899}
/* Organliste an der Anatomie: Punkt wächst, Zeile rückt */
#anatomie a[href^="/thema/"]{transition:transform var(--uw-motion) var(--uw-ease),border-color var(--uw-motion) var(--uw-ease),box-shadow var(--uw-motion) var(--uw-ease)}
#anatomie a[href^="/thema/"]:hover{transform:translateX(3px);border-color:var(--primary);box-shadow:0 2px 10px #0a6e5c14}
#anatomie a[href^="/thema/"] .disease-dot{transition:transform var(--uw-motion) var(--uw-ease)}
#anatomie a[href^="/thema/"]:hover .disease-dot{transform:scale(1.35)}
/* Dunkle Bänder: Glanz beim Überfahren, Knopf hebt sich */
a[href="/arztgespraech.pdf"],#zahlen-band{position:relative;overflow:hidden}
a[href="/arztgespraech.pdf"]:after,#zahlen-band:after{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at var(--mx,50%) var(--my,0%),#ffffff1f,transparent 45%);opacity:0;transition:opacity var(--uw-motion-lang) var(--uw-ease);pointer-events:none}
a[href="/arztgespraech.pdf"]:hover:after,#zahlen-band:hover:after{opacity:1}
a[href="/arztgespraech.pdf"] span:last-of-type{transition:transform var(--uw-motion) var(--uw-ease)}
a[href="/arztgespraech.pdf"]:hover span:last-of-type{transform:translateY(1px)}
/* Zahlenkacheln im Band: leichtes Anheben, Zahl bekommt Kontur */
#zahlen-band [style*="border-radius:12px"],#zahlen-band [style*="border-radius:12px"]{transition:transform var(--uw-motion) var(--uw-ease),background-color var(--uw-motion) var(--uw-ease)}
#zahlen-band [style*="border-radius:12px"]:hover,#zahlen-band [style*="border-radius:12px"]:hover{transform:translateY(-2px);background:#ffffff1f}
/* Board-Karte: Bilder rücken auseinander */
#board-teaser img{transition:transform var(--uw-motion-lang) var(--uw-ease)}
#board-teaser:hover img:first-child{transform:translateX(-4px)}
#board-teaser:hover img:last-child{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){
  .topic-card:hover .topic-icon,.topic-card:hover:after,#anatomie a:hover,#anatomie a:hover .disease-dot,#board-teaser:hover img{transform:none}
  .topic-card:before{display:none}
}

/* Vertrauenszahlen: dezenter Zustand, Zählanimation über Skript */
.hero-trust-item{transition:transform var(--uw-motion) var(--uw-ease)}
.hero-trust-item:hover{transform:translateY(-2px)}
.hero-trust-num{font-variant-numeric:tabular-nums;transition:color var(--uw-motion) var(--uw-ease)}
.hero-trust-item:hover .hero-trust-num{color:var(--primary-light)}

/* Medical Board: ruhige Karten mit Akzentkante, Porträt hebt sich */
.uw-beirat-grid>div{position:relative;overflow:hidden;transition:transform var(--uw-motion) var(--uw-ease),box-shadow var(--uw-motion) var(--uw-ease),border-color var(--uw-motion) var(--uw-ease)}
.uw-beirat-grid>div:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--primary),#34D399);transform:scaleX(0);transform-origin:left;transition:transform var(--uw-motion-lang) var(--uw-ease)}
.uw-beirat-grid>div:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0a6e5c1a;border-color:#0a6e5c33}
.uw-beirat-grid>div:hover:before{transform:scaleX(1)}
.uw-beirat-grid img{transition:transform var(--uw-motion-lang) var(--uw-ease),border-color var(--uw-motion) var(--uw-ease)}
.uw-beirat-grid>div:hover img{transform:scale(1.04);border-color:#0A6E5C33}
.uw-beirat-grid h3{letter-spacing:-.01em}
.uw-beirat-grid>div>div:nth-of-type(1){display:inline-block;background:var(--accent);color:var(--primary);padding:2px 10px;border-radius:999px;font-size:.72rem!important;letter-spacing:.03em}
@media(min-width:900px){.uw-beirat-grid img{width:132px!important;height:132px!important}}
@media (prefers-reduced-motion:reduce){.uw-beirat-grid>div:hover,.uw-beirat-grid>div:hover img{transform:none}.uw-beirat-grid>div:before{display:none}}
/* Lesefortschritt oben in Artikeln */
/* Der Balken lag mit z-index 60 unter der Kopfleiste (z-index 1000) und war
   deshalb nie zu sehen, unabhaengig von der Animation. */
.uw-progress{position:fixed;top:0;left:0;right:0;height:3px;background:transparent;z-index:1100;pointer-events:none}
.uw-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--primary),#34D399);transition:width .1s linear}
}

/* Suchfelder: kein zusätzlicher Fokus-Kasten innen */
.hero-search-box input:focus-visible,.search-box:focus-visible,.lex-search input:focus-visible,input[type="text"]:focus-visible,input[type="search"]:focus-visible{outline:none;box-shadow:none;border-radius:inherit}
.hero-search-box:focus-within{border-color:var(--primary);box-shadow:0 16px 48px rgba(10,110,92,.18)}
.search-box:focus-within,.search-box:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0a6e5c1a}

/* Startseiten-Suche: Treffer direkt unter dem Feld */

.hero-res{display:grid;grid-template-columns:1fr auto;grid-template-areas:"tag pfeil" "titel pfeil" "text pfeil";gap:.15rem .6rem;align-items:center;padding:.7rem 1rem;text-decoration:none;color:var(--text);border-bottom:1px solid #F2F2EE;transition:background-color var(--uw-motion) var(--uw-ease)}
.hero-res:last-of-type{border-bottom:none}
.hero-res-tag{grid-area:tag;justify-self:start;display:inline-block;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:.1rem .4rem;border-radius:8px;white-space:nowrap;margin-bottom:.1rem}
.hero-res-t{grid-area:titel;font-weight:600;font-size:.9rem;line-height:1.35}
.hero-res-s{grid-area:text;font-size:.76rem;color:var(--text-secondary);line-height:1.45}
.hero-res-arr{grid-area:pfeil;grid-row:1/4;align-self:center;color:var(--primary);opacity:.4;transform:none;transition:opacity var(--uw-motion) var(--uw-ease),transform var(--uw-motion) var(--uw-ease)}
.hero-res:hover,.hero-res.aktiv{background:var(--accent)}
.hero-res:hover .hero-res-arr,.hero-res.aktiv .hero-res-arr{opacity:1;transform:none}@media(hover:none){.hero-res-arr{opacity:.7}.hero-res:hover{background:transparent}.hero-res:active{background:var(--accent)}}
.hero-res-fuss{padding:.55rem 1rem;font-size:.72rem;color:var(--text-light);background:#FAFAF8;border-top:1px solid #F2F2EE}
.hero-res-fuss a,.hero-res-leer a{color:var(--primary);font-weight:600}
.hero-res-leer{padding:1rem;font-size:.85rem;color:var(--text-secondary);line-height:1.6}
@media(max-width:640px){.hero-res-fuss{display:none}.hero-res-s{display:none}.hero-res{grid-template-areas:"tag pfeil" "titel pfeil"}.hero-res-arr{grid-row:1/3}}

/* Anschluss nach dem Werkzeug-Ergebnis */
.uw-ans{margin-top:1.2rem;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.uw-ans-kopf{background:var(--accent);color:var(--primary);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:.6rem 1.2rem}
.uw-ans-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.uw-ans-block{padding:1.1rem 1.2rem}
.uw-ans-block+.uw-ans-block{border-left:1px solid var(--border)}
.uw-ans-block h4{font-size:.86rem;font-weight:700;margin:0 0 .6rem;color:var(--text)}
.uw-ans-fragen{margin:0;padding-left:1.1rem;font-size:.85rem;line-height:1.6;color:var(--text-secondary)}
.uw-ans-druck{margin-top:.9rem;display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:1px solid var(--primary);color:var(--primary);padding:.45rem .9rem;border-radius:999px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background-color var(--uw-motion) var(--uw-ease),color var(--uw-motion) var(--uw-ease)}
.uw-ans-druck:hover{background:var(--primary);color:#fff}
.uw-ans-arts{display:flex;flex-direction:column;gap:.4rem}
.uw-ans-art{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;padding:.55rem .7rem;border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text);transition:transform var(--uw-motion) var(--uw-ease),border-color var(--uw-motion) var(--uw-ease),background-color var(--uw-motion) var(--uw-ease)}
.uw-ans-art:hover{transform:translateX(3px);border-color:var(--primary);background:var(--accent)}
.uw-ans-art svg{color:var(--primary);opacity:0;transition:opacity var(--uw-motion) var(--uw-ease)}
.uw-ans-art:hover svg{opacity:1}
.uw-ans-rub{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--primary);background:var(--accent);padding:.12rem .4rem;border-radius:8px;white-space:nowrap}
.uw-ans-t{font-size:.85rem;font-weight:600;line-height:1.35}
.uw-ans-finder{display:inline-flex;align-items:center;gap:.4rem;margin-top:.8rem;background:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:12px;text-decoration:none;font-size:.82rem;font-weight:700;transition:transform var(--uw-motion) var(--uw-ease),box-shadow var(--uw-motion) var(--uw-ease)}
.uw-ans-finder:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0a6e5c33}
@media(max-width:700px){.uw-ans-grid{grid-template-columns:1fr}.uw-ans-block+.uw-ans-block{border-left:none;border-top:1px solid var(--border)}}
@media print{.uw-ans-art svg,.uw-ans-druck,.uw-ans-finder{display:none}.uw-ans{border:none}.uw-ans-kopf{background:none;padding-left:0}}

/* Kennzahlenkacheln: gleiche Höhe, Wert oben, Beschreibung auf einer Grundlinie */
.detail-body [style*="grid-template-columns:repeat(auto-fit,minmax(140px,1fr))"]{align-items:stretch}
.detail-body [style*="grid-template-columns:repeat(auto-fit,minmax(140px,1fr))"]>div{display:grid;grid-template-rows:auto 1fr;align-content:start;gap:.35rem;padding:.9rem 1rem!important;min-height:100%}
.detail-body [style*="grid-template-columns:repeat(auto-fit,minmax(140px,1fr))"]>div>div:first-child{font-size:1.45rem!important;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}
.detail-body [style*="grid-template-columns:repeat(auto-fit,minmax(140px,1fr))"]>div>div:last-child{align-self:start;font-size:.75rem!important;line-height:1.45;text-wrap:pretty}
@media(max-width:520px){.detail-body [style*="grid-template-columns:repeat(auto-fit,minmax(140px,1fr))"]{grid-template-columns:1fr 1fr!important}}





/* ---------- UroCheck v208 ---------- */
.uc-notfall{display:flex;gap:.7rem;align-items:flex-start;background:#FEF2F2;border:1px solid #FCA5A5;border-radius:12px;padding:.9rem 1.1rem;margin:0 0 1.2rem;font-size:.84rem;line-height:1.6;color:#7F1D1D}
.uc-notfall svg{flex-shrink:0;margin-top:2px;color:#DC2626}
.uc-fort{height:4px;background:var(--accent);border-radius:8px;overflow:hidden;margin-bottom:1.3rem}
.uc-fort span{display:block;height:100%;background:linear-gradient(90deg,#BEF0DC,#0A6E5C);transition:width .35s cubic-bezier(.32,.72,0,1)}
.uc-kopf{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem;min-height:26px}
.uc-bereich{font-size:.68rem;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;color:var(--primary)}
.uc-back{background:none;border:none;color:var(--text-secondary);font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .3rem;border-radius:8px}
.uc-back:hover{color:var(--text);background:var(--accent)}
.uc-q{font-family:'Instrument Serif','Serif Ersatz',serif;font-size:1.55rem;font-weight:400;line-height:1.25;margin:0 0 .35rem;color:var(--text)}
.uc-hilfe{font-size:.86rem;color:var(--text-secondary);margin:0 0 1.2rem;line-height:1.55}
.uc-opts{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:1rem}
.uc-opt{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.2rem .6rem;background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:.9rem 1.05rem;cursor:pointer;text-align:left;color:var(--text);font-family:inherit;transition:background-color .24s cubic-bezier(.32,.72,0,1),border-color .24s cubic-bezier(.32,.72,0,1),transform .24s cubic-bezier(.32,.72,0,1)}
.uc-opt{min-height:52px}.uc-opt:hover{background:var(--accent);border-color:var(--primary);transform:translateY(-1px)}.uc-opt:focus-visible{outline:2px solid #BEF0DC;outline-offset:2px}.uc-back:focus-visible,.uc-restart:focus-visible{outline:2px solid #BEF0DC;outline-offset:2px}
.uc-opt-t{font-size:.93rem;font-weight:600;line-height:1.3}
.uc-opt-u{grid-column:1/2;font-size:.76rem;color:var(--text-secondary);line-height:1.45;margin-top:.15rem}
.uc-opt-a{grid-row:1/3;grid-column:2/3;color:var(--primary);opacity:.5;transform:none;transition:opacity .24s,transform .24s}
.uc-opt:hover .uc-opt-a,.uc-opt:focus-visible .uc-opt-a{opacity:1;transform:none}@media(hover:none){.uc-opt-a{opacity:.8}.uc-opt:hover{background:var(--accent);border-color:var(--primary);transform:none}.uc-opt:active{background:var(--accent);border-color:var(--primary);transform:scale(.99)}}
.uc-result{background:var(--accent);border:1px solid var(--border);border-radius:12px;padding:1.6rem}
.uc-stufe{display:inline-flex;align-items:center;gap:.4rem;background:color-mix(in srgb,var(--f) 22%,transparent);border:1px solid color-mix(in srgb,var(--f) 55%,transparent);color:var(--f);padding:.28rem .8rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.03em;margin-bottom:.9rem}
.uc-result h4{font-family:'Instrument Serif','Serif Ersatz',serif;font-size:1.45rem;font-weight:400;line-height:1.25;color:var(--text);margin:0 0 .7rem}
.uc-result p{color:var(--text);font-size:.92rem;line-height:1.75;margin:0 0 1.1rem}
.uc-block{border-top:1px solid var(--border);padding-top:1rem;margin-top:1rem}
.uc-block-t{font-size:.72rem;text-transform:uppercase;letter-spacing:1.1px;font-weight:700;color:var(--primary);margin-bottom:.6rem}
.uc-block ul{margin:0;padding-left:1.1rem;color:var(--text);font-size:.87rem;line-height:1.7}
.uc-links{display:flex;flex-direction:column;gap:.4rem}
.uc-links a{display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:var(--accent);border:1px solid var(--border);border-radius:12px;padding:.6rem .85rem;color:var(--text);text-decoration:none;font-size:.87rem;font-weight:600;transition:background-color .24s,transform .24s}
.uc-links a:hover{background:var(--accent);border-color:var(--primary);transform:translateX(3px)}
.uc-links svg{color:var(--primary);flex-shrink:0}
.uc-fuss{margin-top:1.1rem;padding-top:.9rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-secondary);line-height:1.6}
.uc-aktionen{display:flex;gap:.6rem;flex-wrap:wrap;align-items:stretch;margin-top:1.4rem}
.uc-restart{background:var(--accent);border:1px solid var(--border);border-radius:12px;padding:.65rem 1.2rem;cursor:pointer;color:var(--text);font-weight:600;font-family:inherit;font-size:.86rem;transition:background-color .24s}
.uc-restart:hover{background:var(--accent);border-color:var(--primary)}
.uc-finder{background:var(--primary);color:#fff;border:1px solid var(--primary);border-radius:12px;padding:.7rem 1.4rem;text-decoration:none;font-weight:600;font-size:.9rem;line-height:1.2;display:inline-flex;align-items:center;transition:transform .24s}
.uc-finder:hover{transform:translateY(-1px)}
@media(max-width:700px){.uc-opts{grid-template-columns:1fr}.uc-q{font-size:1.28rem}.beschwerde-check-wrap{padding:1.4rem 1.1rem calc(1.4rem + env(safe-area-inset-bottom))}.uc-opts{margin-bottom:.4rem}}

/* Themenseiten: Werkzeugkarten und Übersichtsknopf */
.uw-alle-wrap{text-align:center}
.uw-alle{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;max-width:100%;padding:.85rem 1.6rem;background:#fff;color:var(--c);border:1.5px solid color-mix(in srgb,var(--c) 45%,transparent);border-radius:12px;text-decoration:none;font-weight:700;font-size:.92rem;line-height:1.35;text-align:left;transition:background-color var(--uw-motion) var(--uw-ease),transform var(--uw-motion) var(--uw-ease),border-color var(--uw-motion) var(--uw-ease)}
.uw-alle:hover{background:color-mix(in srgb,var(--c) 8%,#fff);border-color:var(--c);transform:translateY(-1px)}
.uw-alle svg path{stroke:var(--c)!important}
@media(max-width:640px){.uw-alle{width:100%;justify-content:flex-start}.detail-body [style*="minmax(min(100%,260px),1fr)"]{grid-template-columns:1fr!important}}
.uw-thema-karte{min-width:0}
.uw-thema-karte>span:nth-child(2){min-width:0}
.uw-thema-karte>span:nth-child(2)>span{overflow-wrap:anywhere}

.hero-search-results{scrollbar-width:thin;scrollbar-color:#C3D3CE transparent;overscroll-behavior:contain}.hero-search-results::-webkit-scrollbar{width:8px}.hero-search-results::-webkit-scrollbar-track{background:transparent}.hero-search-results::-webkit-scrollbar-thumb{background:#C3D3CE;border-radius:8px;border:2px solid #fff}

.lex-item h3{font-size:.95rem;font-weight:700;margin-bottom:.3rem}

/* Nur die Arztfragen drucken: der Block wird beim Klick nach body kopiert,
   im Druck wird alles andere ausgeblendet. */
.uw-druckliste{display:none}
.uw-fragen-druck{display:inline-flex;align-items:center;gap:.4rem;margin-top:.9rem;
background:#fff;border:1px solid var(--border);border-radius:999px;padding:.42rem .9rem;
font-size:.8rem;font-weight:600;color:var(--primary);cursor:pointer;font-family:inherit}
.uw-fragen-druck:hover{border-color:var(--primary)}
@media print{
html.uw-nur-fragen body>*{display:none!important}
html.uw-nur-fragen .uw-druckliste{display:block!important;padding:0}
.uw-fragen-druck{display:none!important}
.uw-druckliste h1{font-size:16pt;margin:0 0 .2cm}
.uw-druckliste .uw-dl-meta{font-size:9pt;color:#555;margin:0 0 .6cm}
.uw-druckliste .uw-dl-zeile{border-bottom:1px solid #bbb;height:1.1cm}
}

/* Beschwerde-Kacheln: gleiches Verhalten wie die übrigen Karten,
   eine Dauer, eine Kurve, zwei Pixel Hebung, kein Zoom. */
.uw-beschwerde{display:flex;align-items:center;gap:.75rem;background:var(--bg);
border:1px solid var(--border);border-radius:12px;padding:.9rem 1.05rem;text-decoration:none;
color:var(--text);
transition:border-color var(--uw-motion) var(--uw-ease),
box-shadow var(--uw-motion) var(--uw-ease),transform var(--uw-motion) var(--uw-ease)}
.uw-beschwerde:hover{border-color:var(--primary);box-shadow:0 4px 12px #0a6e5c0f;
transform:translateY(-2px)}
.uw-beschwerde:active{transform:none}
.uw-beschwerde:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.uw-beschwerde-i{font-size:1.35rem;flex-shrink:0;line-height:1}
.uw-beschwerde-t{display:block;font-weight:600;font-size:.95rem;line-height:1.3}
.uw-beschwerde-u{display:block;font-size:.8rem;color:var(--text-secondary);line-height:1.4}
@media(hover:none){.uw-beschwerde:hover{border-color:var(--border);box-shadow:none;
transform:none}.uw-beschwerde:active{background:var(--accent)}}
@media(prefers-reduced-motion:reduce){.uw-beschwerde{transition:none}
.uw-beschwerde:hover{transform:none}}

.uc-q:focus,.uc-q:focus-visible{outline:none}
.uw-alle-wrap{margin:1.4rem 0 2.8rem!important}
@media(max-width:768px){.mag-small-list .mag-small:nth-child(n+5){display:none}}

/* Sprungmarken: Die Kopfleiste steht fest oben und verdeckte sonst den oberen
   Rand des angesprungenen Abschnitts. */
:target,[id]{scroll-margin-top:88px}
html{scroll-padding-top:88px}
/* Aus den Seitenkoepfen ausgelagert, v440k */
@media print{
nav,.nav,footer,.uw-toc,.cookie-banner,#ccb,.breadcrumb,.uw-tools,.uw-fb,.uw-navsearch{display:none!important}
.uw-fragen{border:1px solid #999!important;background:#fff!important;page-break-inside:avoid}
body{background:#fff!important;font-size:11pt;color:#000}
.detail-page{padding:0!important}
.detail-inner{max-width:100%!important}
h1{font-size:20pt;margin-bottom:.3cm}
h2{font-size:13pt;page-break-after:avoid;margin-top:.6cm}
p,li{orphans:3;widows:3}
figure,.faq-item,table{page-break-inside:avoid}
figure img{max-width:60%!important}
a{color:#000!important;text-decoration:none}
.detail-body a[href^="/"]::after{content:" (urowissen.de" attr(href) ")";font-size:8pt;color:var(--text-secondary)}
.detail-body a[href^="http"]::after{content:" (" attr(href) ")";font-size:8pt;color:var(--text-secondary)}
[onclick*="uwVideo"],[data-id]{display:none!important}
.faq-a{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important}
.uw-print-hint{display:block!important}
}
.uw-print-hint{display:none}
@media(max-width:768px){
 .uw-toc>div[style*="columns"]{columns:1!important}
 .uw-toc{padding:.9rem 1rem!important}
 .detail-body .uw-zahl{padding:1rem 1.1rem!important;gap:.9rem!important}
 .detail-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .uw-tools{justify-content:flex-start!important;gap:.4rem!important}
 .uw-tools button{padding:.38rem .7rem!important;font-size:.74rem!important}
 .detail-body figure img{max-width:100%!important} .uw-finder{padding:1rem 1.1rem!important;gap:.8rem!important} .uw-finder>span:first-child{width:38px!important;height:38px!important;flex-shrink:0}.uw-finder>span:nth-child(2)>span:first-child{font-size:1.2rem!important} .uw-finder>span:last-child{white-space:normal!important;font-size:.82rem!important}
}
.uw-zoombar{display:none}
@media(max-width:900px){
 .uw-zoom{position:relative;cursor:zoom-in}
 .uw-zoom .uw-zoombar{display:flex;align-items:center;justify-content:center;gap:.35rem;
  margin-top:.5rem;font-size:.74rem;color:var(--text-light)}
}
.uw-lupe{position:fixed;inset:0;background:rgba(8,20,17,.94);z-index:9999;display:none;
 align-items:flex-start;justify-content:flex-start;padding:12px;overflow:auto;-webkit-overflow-scrolling:touch}
.uw-lupe.auf{display:flex}
.uw-lupe-inhalt{background:#fff;border-radius:12px;padding:12px;width:max-content;max-width:none;margin:auto;flex:none}
.uw-lupe-zu{position:fixed;top:14px;right:14px;background:#fff;border:none;border-radius:999px;
 width:40px;height:40px;font-size:20px;line-height:1;cursor:pointer;color:#0A6E5C;font-weight:700;z-index:10000}
.uw-lupe-hinweis{position:fixed;bottom:16px;left:0;right:0;text-align:center;color:#cfe6df;font-size:.78rem}
/* Kurzfassung: zugeklappt, aber mit dem ersten Absatz als Anreiss. Das Zeichen
   des Browsers ist ersetzt, der Hinweis "Weiterlesen" traegt die Einladung. */
.uw-einfach summary::-webkit-details-marker{display:none}
.uw-einfach summary{cursor:pointer}
.uw-einfach .uw-mehr::after{content:" \203A";font-weight:400}
.uw-einfach[open] .uw-mehr{display:none}
.uw-einfach summary:hover .uw-mehr{text-decoration:underline}
.uw-einfach summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}