/* Vergabekalender -- Grundlayout; Farben und Schrift kommen aus dem Theme (UIkit).
 * Der YOOtheme-Abschnitt setzt per ID-Selektor alle Links auf 22px/fett/padding 0. Die Zeile
 * (ein Link) bekommt deshalb keinen eigenen Abstand: der liegt auf dem li, und die Groessen
 * stehen auf den inneren spans, die der Abschnitt nicht trifft. */

.bsn-vk-filter { display: flex; flex-wrap: wrap; align-items: center; gap: .5em 1em; margin-bottom: 1.5em; }
.bsn-vk-filter .uk-form-label { margin: 0; }

.bsn-vk-list { margin-top: 0; }
.bsn-vk-list > li { margin-top: 0; padding: 1.1rem 0; border-bottom: 1px solid rgba(0, 0, 0, .12); }
.bsn-vk-list > li:first-child { border-top: 1px solid rgba(0, 0, 0, .12); }
.bsn-vk-list > li[hidden] { display: none; }

.bsn-vk-summary {
    display: grid;
    grid-template-columns: 11rem 1fr auto;
    column-gap: 2rem;
    align-items: baseline;
}
.bsn-vk-date { font-size: 1.05rem; white-space: nowrap; }
.bsn-vk-title { font-size: 1.25rem; line-height: 1.3; }
.bsn-vk-org { display: block; margin-top: .3rem; font-size: .95rem; font-weight: 400; }
.bsn-vk-volume { font-size: 1rem; white-space: nowrap; }

/* Details: Bezeichnung links, Wert rechts, buendig unter dem Titel. */
.bsn-vk-details {
    display: grid;
    grid-template-columns: minmax(10rem, 17rem) 1fr;
    gap: .7rem 2rem;
    align-items: baseline;
    margin: 1.2rem 0 .4rem 13rem;
}
.bsn-vk-details dt, .bsn-vk-details dd { margin: 0; }
.bsn-vk-list .uk-accordion-content { margin-top: 0; }

@media (max-width: 959px) {
    .bsn-vk-summary { grid-template-columns: 8.5rem 1fr; }
    .bsn-vk-volume { grid-column: 2; margin-top: .3rem; }
    .bsn-vk-details { margin-left: 10.5rem; grid-template-columns: 1fr; gap: .15rem; }
    .bsn-vk-details dd + dt { margin-top: .7rem; }
}
@media (max-width: 639px) {
    .bsn-vk-summary { grid-template-columns: 1fr; row-gap: .3rem; }
    .bsn-vk-volume { grid-column: 1; margin-top: 0; }
    .bsn-vk-details { margin-left: 0; }
}

/* Pflege */
.bsn-vk-form { max-width: 46em; }
.bsn-vk-form .bsn-vk-field { margin-top: 1.4em; }
.bsn-vk-form .uk-form-label { display: block; margin-bottom: .35em; }
.bsn-vk-form .uk-button { margin-top: 1.2em; }
.bsn-vk-own { margin-top: 1.5em; }
/* Eigene Klasse statt uk-text-meta: das Theme setzt Meta-Text in Versalien. */
.bsn-vk-help { margin: .3em 0 0; font-size: .85em; text-transform: none; letter-spacing: normal; opacity: .75; }
.bsn-vk-visibility { margin: 2.2em 0 0; padding: 1.2em 1.4em 1.4em; border: 1px solid rgba(0, 0, 0, .15); }
.bsn-vk-visibility legend { padding: 0 .4em; font-weight: 700; }
.bsn-vk-visibility .bsn-vk-field:first-of-type { margin-top: .4em; }