.header { margin-bottom: 0.5rem; border-bottom: 1px solid var(--crna); }
.header .city { display: inline-block; margin-right: 1em; }
.header .city[data-city="Berlin"] strong { color: var(--turkizna1); }
.header .city[data-city="New_York"] strong { color: var(--modra1); }
.header .city[data-city="London"] strong { color: var(--cokoladna); }
.header .city[data-city="Vienna"] strong { color: var(--rdeca); }
.chart .box { cursor: pointer; }
.chart .box:hover { background-color: var(--crna); }
.chart .box[data-city="Berlin"] { color: var(--turkizna1); }
.chart .box[data-city="New_York"] { color: var(--modra1); }
.chart .box[data-city="London"] { color: var(--cokoladna); }
.chart .box[data-city="Vienna"] { color: var(--rdeca); }
.chart .box[data-city="Berlin"]:hover { background-color: var(--turkizna1); }
.chart .box[data-city="New_York"]:hover { background-color: var(--modra1); }
.chart .box[data-city="London"]:hover { background-color: var(--cokoladna); }
.chart .box[data-city="Vienna"]:hover { background-color: var(--rdeca); }
.chart .box[data-city="Berlin"].selected { background-color: var(--turkizna1); }
.chart .box[data-city="New_York"].selected { background-color: var(--modra1); }
.chart .box[data-city="London"].selected { background-color: var(--cokoladna); }
.chart .box[data-city="Vienna"].selected { background-color: var(--rdeca); }
.chart th { padding-right: 1rem; }
.legend { margin-right: 2rem; }
.legend th { padding-right: 1rem; cursor: pointer; }
.legend th:hover { text-decoration: underline; }
.legend th.selected { background: var(--zelena); color: white; }
.legend th, .legend td { font-size: smaller; }
.details p { margin: 1rem0; }
.details pre { display: none; }
.description { font-size: smaller; margin: 0 0 1rem 0; }
.categories { font-size: smaller; }
.categories .category { font-weight: bold; font-size: smaller; margin-right: 0.5rem; }
.categories .category:before { content: '#'; }
.residency-info { padding: 1rem; background: var(--bela); }
.residency-info:empty { display: none; }
.residency-info ul { margin: 1rem 0; }
body.anon .residency-info .record { display: none; }
.hgroup { display: flex; }
.artists { font-weight: bold; margin-top: 0.5rem;}
.links, .time { font-size: smaller; }
.categories { margin-top: 1rem; }
.related { font-size: smaller; padding-left: 0; list-style: none; }
.related li:before { font-family: "culture_ico" !important; content: " "; }
@media (max-width: 1023px) { 
    .hgroup { flex-direction: column; } 
    .legend { margin-bottom: 1rem; }
    .legend tr { display: inline-block; margin-right: 1rem; }
    .legend th { padding-right: 0.5rem; }
}