.date-selection { display: flex; justify-content: center; margin-block-end: 24px; }
.date-selection label { text-decoration: none; }
article.event { border: 2px double var(--titelBackground); margin-block-end: 10px; line-height: 24px; padding-inline-start: 4px; padding-block-end: 7px; }
div.artistsList label { font-weight: bold; font-size: 20px; white-space: nowrap; word-break: keep-all; }
label.eventName { font-size: 24px; font-weight: bold; }
label.clubName { font-weight: bold; font-size: 16px; }
#view-all, #view-article, #view-map, #view-list, #view-map:checked ~ .events > :not(div), #view-map:checked ~ .events > div > *, #view-list:checked ~ #mapAddress, #view-list:checked ~ .date-selection, #view-list:checked ~ .addr-selection { display: none; }
#view-list:checked ~ [for="view-list"], #view-map:checked ~ [for="view-map"] { display: none; }
#view-all:checked ~ [for="view-all"], #view-list:checked ~ [data-v-map], #view-map:checked ~ [data-v-list], #view-article:checked ~ #mapAddress, #view-article:checked ~ .date-selection, #view-article:checked ~ .addr-selection, #view-article:checked ~ [for="view-list"], #view-article:checked ~ [for="view-map"] { display: none; }
[data-v-map], [data-v-list] { display: block; text-align: left; }
[for="view-list"], [for="view-map"], [for="view-all"] { color: var(--titleColor); background: var(--titelBackground); display: inline-block; padding: 10px 20px; border-radius: 8px; margin: 10px; position: fixed; margin-block-start: -70px; align-self: end; box-shadow: rgb(173, 173, 173) 0px 5px 8px 1px; }
[for="view-list"] { position: absolute; }
[for="view-map"] { }
section { padding-block-start: 80px; display: flex; flex-direction: column; }
.date-selection { position: absolute; margin: 10px; margin-block-start: -60px; }
.addr-selection[data-mode="edit"] #changeAddr, .addr-selection[data-mode="view"] #searchAddr { display: none; }
.addr-selection { display: flex; justify-content: center; }
#fullAddress:read-only { border: 0px; background: transparent; }
#fullAddress:read-only:focus-visible { outline: 0px; }