/* CSS-Präfix: dsx */
.lag-hero { background: #f2f5f9; border-radius: 24px; padding: 2rem 2rem 1.8rem; margin-bottom: 2.5rem; }
.lag-hero h1 { font-size: 2.4rem; font-weight: 600; letter-spacing: -0.02em; margin: 0 0 0.5rem 0; color: #0b1a2e; }
.lag-hero p { color: #2c3e50; font-size: 1.1rem; margin: 0; max-width: 700px; }
.lag-hero .lag-badge { display: inline-block; background: #d4e0f0; color: #0b3b5c; border-radius: 40px; padding: 0.2rem 1rem; font-size: 0.85rem; font-weight: 500; margin-top: 0.8rem; }

.lag-sec-syn { background: #ffffff; border-left: 6px solid #3b7fb5; padding: 1.6rem 2rem; margin-bottom: 2rem; border-radius: 12px; box-shadow: 0 2px 6px rgba(0,0,0,0.02); }
.lag-sec-syn h2, .lag-sec-kw h2, .lag-faq h2, .lag-sources h2, .lag-related h2 { font-size: 1.6rem; font-weight: 500; margin-top: 0; margin-bottom: 1.2rem; color: #1a2b3e; display: flex; align-items: center; gap: 0.5rem; }
.lag-sec-syn h2::before { content: „⇄“; font-size: 1.8rem; color: #3b7fb5; }
.lag-sec-syn ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 0.6rem 1.2rem; }
.lag-sec-syn li { background: #eef3f9; padding: 0.4rem 1.2rem; border-radius: 40px; font-size: 1rem; color: #1a2b3e; border: 1px solid #d5e0ec; }

.lag-sec-kw { background: #ffffff; padding: 1.6rem 2rem; margin-bottom: 2rem; border-radius: 18px; box-shadow: 0 4px 12px rgba(0,0,0,0.02); border: 1px solid #e7edf4; }
.lag-sec-kw h2::before { content: „▦“; font-size: 1.8rem; color: #2c6a9b; margin-right: 0.4rem; }
.lag-kw-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem 2rem; margin-bottom: 0.5rem; }
.lag-kw-row > div { padding: 0.6rem 0.8rem; background: #f8fafc; border-radius: 12px; border-bottom: 1px solid #e0e9f2; display: flex; align-items: baseline; }
.lag-kw-row .lag-kw { font-weight: 600; color: #0b2b44; min-width: 7ch; }
.lag-kw-row .lag-desc { color: #2c4a6a; margin-left: 0.5rem; }
.lag-kw-row:nth-child(odd) > div { background: #f4f8fe; }

.lag-faq { background: #f9fcff; padding: 1.6rem 2rem; margin-bottom: 2rem; border-radius: 20px; border: 1px solid #dce6f2; }
.lag-faq h2::before { content: „❓“; margin-right: 0.6rem; color: #2c6a9b; }
.lag-faq details { margin-bottom: 0.7rem; border-bottom: 1px solid #e2eaf3; padding-bottom: 0.6rem; }
.lag-faq summary { font-weight: 500; cursor: pointer; color: #153b57; padding: 0.3rem 0; }
.lag-faq p { margin: 0.4rem 0 0.2rem 1.2rem; color: #2c3e50; }

.lag-sources { background: #f4f7fb; padding: 1.4rem 2rem; margin-bottom: 2rem; border-radius: 20px; }
.lag-sources h2::before { content: „📚“; margin-right: 0.6rem; }
.lag-sources ol { padding-left: 1.8rem; margin: 0.5rem 0; }
.lag-sources li { margin-bottom: 0.4rem; color: #1f3b57; }
.lag-sources a { color: #1f6390; text-decoration: none; border-bottom: 1px dotted #8fb3d1; }
.lag-sources a:hover { border-bottom: 2px solid #1f6390; }

.lag-related { background: #ffffff; padding: 1.4rem 2rem; border-radius: 20px; border: 1px solid #e2eaf3; }
.lag-related h2::before { content: „🔗“; margin-right: 0.6rem; color: #2c6a9b; }
.lag-related ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 0.8rem 1.5rem; }
.lag-related a { color: #1f6390; text-decoration: none; padding: 0.3rem 0.8rem; background: #edf4fc; border-radius: 40px; border: 1px solid #d3e2f2; }
.lag-related a:hover { background: #dce9f7; border-color: #8fb9db; }

body { font-family: system-ui, -apple-system, ‚Segoe UI‘, Roboto, ‚Helvetica Neue‘, sans-serif; max-width: 1000px; margin: 2rem auto; padding: 0 1.5rem; background: #f0f4fa; color: #1a2b3e; }
.lag-wrapper { background: #ffffff; padding: 2rem 2rem 2.5rem; border-radius: 32px; box-shadow: 0 8px 24px rgba(0,0,0,0.04); }
hr { border: none; border-top: 2px solid #e0e9f2; margin: 1.8rem 0; }
.lag-footer-note { font-size: 0.8rem; color: #6a7f96; margin-top: 1.5rem; text-align: center; }