*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#eef1f3;color:#1c2528;
 font:15.5px/1.62 Arial,Helvetica,sans-serif}
a{color:#0f5b7a}
a:focus-visible,button:focus-visible{outline:2px solid #b8791a;outline-offset:2px}
img{max-width:100%;height:auto;display:block}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;position:fixed;z-index:9;background:#fff;padding:8px 12px;border:1px solid #0f5b7a}
.wrap{max-width:1240px;margin:0 auto;padding:0 16px}

/* header */
.pkopf{background:#fff;border-bottom:1px solid #c6d0d5}
.pkopf-in{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:16px 0 12px;flex-wrap:wrap}
.marke{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.marke img{width:34px;height:34px}
.marke b{font:700 22px/1 Verdana,Geneva,sans-serif;letter-spacing:.06em;display:block}
.marke span{font-size:12.5px;color:#4a5a60;display:block;margin-top:4px}
.kopfstatus{display:grid;grid-template-columns:auto auto;gap:2px 14px;
 font:12.5px/1.5 Consolas,"Courier New",monospace;color:#4a5a60;padding-top:4px}
.kopfstatus dt{color:#4a5a60}
.kopfstatus dd{margin:0;color:#1c2528}
.einzeiler{border-top:1px solid #e2e8ea;padding:9px 0;font-size:13.5px;color:#4a5a60}

/* tabs */
.reiter{background:#0f5b7a}
.reiter ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.reiter a{display:block;padding:10px 15px;color:#dbe9ef;text-decoration:none;
 font-size:13.5px;border-right:1px solid #2a7a97}
.reiter a:hover{background:#0c4a64;color:#fff}
.reiter [aria-current]{background:#eef1f3;color:#0f2830;font-weight:700}
.reiter [aria-current]::before{content:"\25B8\00a0"}

/* layout */
.raster{display:grid;grid-template-columns:230px minmax(0,1fr) 220px;gap:26px;padding:22px 0 34px;align-items:start}
.schiene h2,.mitte h2{font:700 14px/1.35 Verdana,Geneva,sans-serif;margin:0 0 8px;
 text-transform:uppercase;letter-spacing:.03em;color:#0f2830}
.schiene section{background:#fff;border:1px solid #c6d0d5;padding:12px;margin-bottom:16px}
.schiene ul{list-style:none;margin:0;padding:0;font-size:13.5px}
.schiene li{border-top:1px solid #e2e8ea;padding:5px 0;display:flex;justify-content:space-between;gap:8px}
.schiene li:first-child{border-top:0}
.zahl{font:12px/1.5 Consolas,"Courier New",monospace;color:#4a5a60;flex:0 0 auto}
.schiene .normen li{display:block;font-size:13px;color:#33454c;line-height:1.5}

h1,h2,h3{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
h1{font:700 30px/1.25 Verdana,Geneva,sans-serif;margin:0 0 6px;color:#0f2830}
.mitte>section{background:#fff;border:1px solid #c6d0d5;padding:18px;margin-bottom:18px}
.mitte h3{font:700 19px/1.3 Verdana,Geneva,sans-serif;margin:0 0 6px}

/* program record */
.satz{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px;align-items:start}
.satz figure{margin:0}
.satz figcaption{font:12px/1.5 Consolas,"Courier New",monospace;color:#4a5a60;margin-top:5px}
.satz img{border:1px solid #c6d0d5}
.felder{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:1px 14px;
 font:12.5px/1.65 Consolas,"Courier New",monospace;margin:10px 0 0}
.felder dt{color:#4a5a60}
.felder dd{margin:0;color:#1c2528;overflow-wrap:anywhere}
.zustand{color:#b8791a;font-weight:700}
.merkmale{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid #c6d0d5;
 display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
.merkmale li{border-bottom:1px solid #e2e8ea;padding:8px 0;font-size:14px}
.merkmale b{font:700 12px/1.5 Consolas,"Courier New",monospace;color:#0f5b7a;
 display:block;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}
@media (max-width:700px){.merkmale{grid-template-columns:1fr}}

/* table */
.tabrahmen{overflow-x:auto}
table.best{width:100%;border-collapse:collapse;font-size:13.5px;min-width:560px}
table.best caption{text-align:left;font:12.5px/1.5 Consolas,"Courier New",monospace;
 color:#4a5a60;padding-bottom:7px}
table.best th,table.best td{border:1px solid #c6d0d5;padding:7px 9px;text-align:left;vertical-align:top}
table.best thead th{background:#e5eaec;font:700 12px/1.4 Consolas,"Courier New",monospace;
 text-transform:uppercase;letter-spacing:.04em;color:#0f2830}
table.best tbody tr:nth-child(even){background:#f6f8f9}
table.best td.mono{font:12.5px/1.5 Consolas,"Courier New",monospace;color:#4a5a60;
 white-space:normal;overflow-wrap:break-word}
table.best td.nowrap{white-space:nowrap}

/* requirements */
dl.vor{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:0 16px;margin:0;
 font-size:14px}
dl.vor dt{font:12.5px/1.9 Consolas,"Courier New",monospace;color:#0f5b7a;
 border-top:1px solid #e2e8ea;padding:5px 0}
dl.vor dd{margin:0;border-top:1px solid #e2e8ea;padding:5px 0;line-height:1.9}
dl.vor dt:first-of-type,dl.vor dd:first-of-type{border-top:0}

/* article */
.pfad{font:12.5px/1.6 Consolas,"Courier New",monospace;color:#4a5a60;margin:0 0 10px}
.pfad a{color:#0f5b7a}
.lede{font-size:16.5px;color:#33454c;margin:0 0 14px}
article.text{max-width:70ch;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
article.text li,article.text p,dl.faq dd,dl.faq dt,.lede{overflow-wrap:break-word}
dl.vor dd,dl.vor dt{overflow-wrap:break-word}
article.text h2{font:700 21px/1.3 Verdana,Geneva,sans-serif;margin:26px 0 8px;color:#0f2830;
 text-transform:none;letter-spacing:0}
article.text p{margin:0 0 14px}
article.text ul{margin:0 0 16px;padding-left:20px}
article.text li{margin-bottom:6px}
.quelle{font:12.5px/1.6 Consolas,"Courier New",monospace;color:#4a5a60;
 border-left:3px solid #c6d0d5;padding:6px 0 6px 11px;margin:0 0 16px}
.byline{font:12.5px/1.6 Consolas,"Courier New",monospace;color:#4a5a60;margin:18px 0 0}
.schlag{margin:20px 0 0;padding-top:12px;border-top:1px solid #e2e8ea;font-size:13px;color:#4a5a60}
.blatt{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px;
 padding-top:12px;border-top:1px solid #c6d0d5;font-size:13.5px}

/* faq */
dl.faq dt{font:700 16px/1.4 Verdana,Geneva,sans-serif;margin:20px 0 6px;color:#0f2830}
dl.faq dd{margin:0 0 10px}

/* footer */
.pfuss{background:#0f2830;color:#c3d2d8;margin-top:10px}
.pfuss-in{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:24px 0}
.pfuss h2{font:700 12px/1.4 Consolas,"Courier New",monospace;text-transform:uppercase;
 letter-spacing:.07em;color:#8fb3c0;margin:0 0 8px}
.pfuss ul{list-style:none;margin:0;padding:0;font-size:13.5px}
.pfuss li{padding:3px 0}
.pfuss a{color:#dbe9ef}
.rechte{border-top:1px solid #24444f;padding:11px 0;font:12px/1.5 Consolas,"Courier New",monospace;color:#7f9ba6}

@media (max-width:960px){
 .raster{grid-template-columns:minmax(0,1fr);gap:0;padding-top:16px}
 .schiene-l{order:1;min-width:0}.mitte{order:2;min-width:0}.schiene-r{order:3;min-width:0}
 .schiene-l ul{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px}
 .schiene li{min-width:0}
 .schiene li a,.schiene li span:first-child{min-width:0;overflow-wrap:break-word}
 .satz{grid-template-columns:1fr}
 .reiter ul{flex-wrap:nowrap;overflow-x:auto}
 .reiter a{white-space:nowrap}
 .pfuss-in{grid-template-columns:1fr;gap:18px}
 table.best{min-width:0}
 table.best thead{position:absolute;left:-9999px}
 table.best tr{display:block;border:1px solid #c6d0d5;margin-bottom:10px;background:#fff}
 table.best tbody tr:nth-child(even){background:#fff}
 table.best td{display:flex;gap:10px;border:0;border-top:1px solid #e2e8ea;white-space:normal}
 table.best tr td:first-child{border-top:0}
 table.best td.mono,table.best td.nowrap{white-space:normal}
 table.best td::before{content:attr(data-feld);font:12px/1.6 Consolas,"Courier New",monospace;
  color:#0f5b7a;text-transform:uppercase;letter-spacing:.04em;min-width:74px;flex:0 0 74px}
 dl.vor{grid-template-columns:1fr}
 dl.vor dd{border-top:0;padding-top:0;padding-bottom:7px}
 h1{font-size:25px}
}
@media (max-width:520px){
 .pkopf-in{gap:12px}
 .kopfstatus{grid-template-columns:auto auto}
}