:root { color-scheme: light; font: 14px/1.6 Arial, Helvetica, sans-serif; color: #171717; background: #fff; }
* { box-sizing: border-box; }
body { margin: 0; background: #fff url('/fileadmin/site/datanwg.de/img/enob.bg.gif') center repeat-y; }
a { color: #287fb0; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid #164f80; outline-offset: 3px; }
.site-wrap { max-width: 1200px; margin: auto; min-height: 100vh; padding: 0 15px; background: #fff; box-shadow: 0 0 12px #ddd; }
@media (min-width: 640px) {
  .site-wrap > header { position: sticky; top: 0; z-index: 20; background: #fff; }
  html { scroll-padding-top: calc(var(--site-header-height, 205px) + 12px); }
}
.top-nav { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 24px; padding: 8px 15px; font-size: 12px; min-height: 32px; }
.top-nav a { color: #666; }
.masthead { display: block; min-height: 80px; }
.masthead img { display: block; width: 100%; height: auto; }
.main-nav { background: #7295c4; position: relative; }
.main-nav > ul { display: flex; flex-wrap: wrap; }
.main-nav ul { padding: 0; margin: 0; list-style: none; }
.main-nav li { position: relative; display: flex; align-items: center; }
.main-nav a { display: inline-block; padding: 8px 15px; color: #fff; }
.subnav { margin-right: 10px; }
.subnav summary { cursor: pointer; color: #fff; padding: 4px; }
.subnav ul { position: absolute; z-index: 5; left: 0; top: 100%; min-width: 230px; background: #fff; border: 1px solid #ddd; box-shadow: 0 2px 4px #ddd; }
.subnav li { display: flex; align-items: center; }
.subnav li a { color: #375f8d; display: block; flex: 1; }
.subnav .subnav { margin: 0 8px 0 0; }
.subnav .subnav summary { color: #375f8d; }
.subnav .subnav > ul { left: 100%; top: -1px; }
.subnav .subnav > summary::marker { content: '▸ '; }
.subnav.opens-left > ul { left: auto; right: 100%; }
.subnav.align-right > ul { left: auto; right: 0; }
.subnav.opens-left > summary::marker { content: '◂ '; }
.breadcrumb { margin: 5px 0 12px; font-size: 11px; text-transform: uppercase; }
.columns { display: grid; grid-template-columns: minmax(150px, 1fr) minmax(0, 4fr) minmax(120px, 1fr); gap: 30px; padding: 10px 15px 40px; }
main { min-width: 0; }
h1, h2, h3, h4, h5, h6 { line-height: 1.35; margin: 0 0 14px; font-weight: 400; }
h1 { font-size: 28px; } h2 { font-size: 23px; } h3, h4 { font-size: 24px; } h5 { font-size: 21px; } h6 { font-size: 16px; }
p { margin: 0 0 16px; }
ul, ol { padding-left: 24px; }
img { max-width: 100%; height: auto; }
table { border-collapse: collapse; max-width: 100%; display: block; overflow-x: auto; }
th, td { border: 1px solid #ddd; padding: 6px; }
.legacy-block { display: flow-root; margin-bottom: 20px; scroll-margin-top: 12px; }
.rte { white-space: pre-line; overflow-wrap: anywhere; }
.rte ul, .rte ol, .rte table { white-space: normal; }
.legacy-html figure { max-width: 100%; margin: 16px 0; padding: 10px; border: 1px solid #ddd; }
.legacy-image { max-width: 100%; margin: 0 0 15px; }
.legacy-image.orientation-17, .legacy-image.orientation-1 { float: right; max-width: 40%; margin-left: 18px; }
.legacy-image.orientation-18, .legacy-image.orientation-2 { float: left; max-width: 40%; margin-right: 18px; }
figcaption { font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
.date { font-size: 12px; }
hr { clear: both; border: 0; border-top: 1px solid #e6e6e6; margin: 24px 0; }
.project-sidebar { font-size: 12px; }
.project-sidebar h6 { font-weight: bold; }
.project-sidebar .legacy-block { margin-bottom: 18px; }
.partner-logos { display: flex; gap: 10px; flex-wrap: wrap; }
.partner-logos img { width: 42px; }
.support-sidebar { text-align: center; font-size: 14px; }
.support-sidebar > a { display: block; margin: 14px 0 24px; }
.support-sidebar img { max-width: 140px; width: 100%; object-fit: contain; }
.supporters { display: flex; flex-direction: column; align-items: center; gap: 22px; }
.accordion { clear: both; margin: 30px 0; border-top: 1px solid #ddd; }
.accordion-item { border: 1px solid #ddd; border-top: 0; }
.accordion-item h2 { margin: 0; }
.accordion-trigger { font: bold 14px/1.5 Arial, sans-serif; color: #287fb0; background: #fdfdfd; width: 100%; padding: 18px 40px 18px 16px; border: 0; text-align: left; cursor: pointer; position: relative; }
.accordion-trigger::after { content: '+'; position: absolute; right: 16px; }
.accordion-trigger[aria-expanded='true']::after { content: '−'; }
.accordion-panel { padding: 20px 16px; }
.accordion-panel[hidden] { display: none; }
.news-teaser { border-bottom: 1px solid #ddd; padding: 20px 0; }
.category { padding: 2px 8px; background: #eef3fa; }
footer { padding: 25px 15px; border-top: 1px solid #ddd; color: #666; font-size: 12px; }
.skip-link { position: absolute; left: -9999px; }
.skip-link:focus { left: 15px; top: 15px; background: white; padding: 10px; z-index: 100; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.subnav:not([open]) > ul { display: none; }
@media (max-width: 900px) {
  .main-nav > ul > li { position: static; }
  .main-nav > ul > li > .subnav > ul { left: 0; right: 0; width: 100%; min-width: 0; }
  .subnav li { display: block; }
  .subnav .subnav { margin: 0 0 0 15px; }
  .subnav .subnav > ul { position: static; min-width: 0; border: 0; box-shadow: none; }
}
@media (max-width: 900px) { .columns { grid-template-columns: minmax(125px, 1fr) minmax(0, 4fr); gap: 20px; } .support-sidebar { grid-column: 1 / -1; } .supporters { flex-direction: row; flex-wrap: wrap; justify-content: center; } }
@media (max-width: 600px) { .site-wrap { padding: 0 10px; } .top-nav { gap: 12px; } .columns { display: flex; flex-direction: column; padding: 10px 5px; } main { order: -1; } .main-nav a { padding: 10px; } .subnav ul { min-width: 200px; } .project-sidebar { border-top: 1px solid #ddd; padding-top: 20px; } .project-sidebar img { max-width: 150px; } .legacy-image.orientation-17 { max-width: 45%; } h1 { font-size: 25px; } }
@media print { header, aside, footer, .skip-link { display: none; } .columns { display: block; } .accordion-panel[hidden] { display: block; } .site-wrap { box-shadow: none; } }