.ki-server-arbeitsbereich { font-size: var(--font-size-md, 1.2rem); }
.ki-server-arbeitsbereich :is(input,select,textarea,button,table,th,td) { font: inherit; }
.ki-server-arbeitsbereich button { cursor: pointer; }
.ki-server-arbeitsbereich th { font-weight: 600; }
.ki-server-bereiche a { font-size: inherit; }
.ki-presentation { display: flex; flex-wrap: wrap; gap: 1rem; border: 0; padding: 0; margin: 0 0 1.5rem; }
.ki-presentation legend { float: left; margin-right: 1rem; }
.ki-presentation label { display: inline-flex; align-items: center; gap: .4rem; }
.ki-presentation[hidden] { display: none; }
[data-collection] > article { margin: 0; padding: .75rem 0; border-bottom: 1px solid #ddd; }
[data-collection] > article > header h2 { font-size: 1em; }
[data-presentation=cards] [data-collection],
[data-presentation=cards] .ki-aufgaben-auswahl { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(100%,14rem),1fr)); gap: 1.25rem; align-items: start; }
[data-presentation=cards] [data-collection] > article { border: 0; padding: 0; min-width: 0; }
[data-presentation=cards] [data-collection] > article.ki-route-active { grid-column: 1 / -1; }
[data-presentation=cards] [data-collection] > article:not(.ki-route-active) > header { display: block; padding: 1rem; text-align: center; background: #f8f8f8; }
[data-presentation=cards] [data-collection] > article:not(.ki-route-active) > header h2 { display: flex; flex-direction: column; align-items: center; margin: 0; gap: .75rem; font-size: 1em; }
[data-presentation=cards] [data-collection] > article:not(.ki-route-active) > header img { width: 56px; height: 56px; margin: 0; object-fit: contain; }
[data-presentation=cards] .ki-aufgaben-auswahl label { flex-direction: column; align-items: center; padding: 1rem; text-align: center; background: #f8f8f8; }
[data-presentation=cards] .ki-aufgaben-auswahl img { order: 0; }
[data-presentation=cards] .ki-aufgaben-auswahl span { order: 1; }
[data-presentation=cards] .ki-aufgaben-auswahl input { order: 2; }
.ki-system-choices .ki-system-choice { display: flex; align-items: center; gap: .75rem; padding: .75rem 0; cursor: pointer; }
.ki-system-choice img { flex-shrink: 0; }
.ki-system-choice small { display: block; font-size: .9em; font-weight: 400; margin-top: .4rem; }
[data-presentation=cards] .ki-system-choices .ki-system-choice { flex-direction: column; padding: 1rem; text-align: center; background: #f8f8f8; }
[data-presentation=cards] .ki-system-choice img { order: 0; }
[data-presentation=cards] .ki-system-choice span { order: 1; }
[data-presentation=cards] .ki-system-choice input { order: 2; }

[data-detail-link] { display: flex; align-items: inherit; flex-direction: inherit; gap: inherit; color: inherit; text-decoration: none; }
[data-detail-link]:hover, [data-detail-link]:focus-visible { text-decoration: underline; }
.ki-route-item:not(.ki-route-active) > :not(header) { display:none; }
.ki-route-selected > header h2 { font-size: 1.5em; }
[data-route-detail] > h2 { display: none; }
[data-route-back][hidden] { display: none; }