/* HTML-Darstellung der OGC-Schnittstelle: schlicht, lesbar, barrierefrei; gleiche Spalte und Farben wie die Anwendung */
@import url('/css/basis.css');
body { margin: 0; background: var(--papier); }
body > .muster { background: var(--muster); color: var(--auf-muster); margin: 0; padding: .45rem 1rem; text-align: center; font-size: .875rem; }
header, main, footer { max-width: 1080px; margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; }
header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; padding-top: .8rem; padding-bottom: .8rem;
  border-bottom: 1px solid var(--linie); margin-bottom: 1.5rem; background: var(--flaeche); max-width: none;
  padding-left: max(1.25rem, calc((100% - 1080px) / 2 + 1.25rem)); padding-right: max(1.25rem, calc((100% - 1080px) / 2 + 1.25rem)); }
header .marke { display: inline-flex; align-items: center; gap: .6rem; font-family: var(--titel); font-weight: 800; letter-spacing: -0.025em; text-decoration: none; font-size: 1.1rem; color: var(--tinte); }
header .zur-app { font-weight: 600; }
main h1 { margin-bottom: 1rem; }
table { background: var(--flaeche); border: 1px solid var(--linie); display: block; overflow-x: auto; border-radius: var(--radius); }
td:first-child { min-width: 14rem; }
td a, li a { display: inline-block; padding: .2rem 0; min-height: 24px; }
ul li { margin-bottom: .35rem; }
footer { margin-top: 2.5rem; padding-top: 1rem; padding-bottom: 3rem; border-top: 1px solid var(--linie); color: var(--tinte-2); font-size: .9rem; }