.scroll-x { overflow-x: auto; }
.chart div { margin: 1px; float: left; margin: 0 0.2% 0 0px; }
.legend span { font-size: 10px; }
.chart { padding-top: 4px; display: flex; align-items: flex-end; }
.chart div .box { width: 100%; height: 13px; margin-bottom: 1px; }
.chart .col.current { background: var(--bela); }
.box:hover { cursor: pointer; }
#qspinner { padding: 2em; text-align: center; width: 100%; }
#short_description { height: 24px; white-space: nowrap; }
.legend span { display: inline-block; border-left: 1px solid black; text-align: center; }
.legend2 { padding-top: 10px; text-align: center !important;}
.legend2 > span { padding-right: 10px; line-height: 2em !important;}
.legend2 p > br { display: inline !important;}
.legend2 p { text-align: center !important; line-height: 2em !important;}
.lbox { width: 13px; height: 13px; display: inline-block; margin-right: 3px;}
#qcontainer > #description { border-radius: 3px; word-break: break-word; }
#qcontainer #description { background: var(--bela); padding-left: 0.4rem; }
#qcontainer #description h3 { padding-bottom: 0; margin-bottom: 0; }
.horizontal-normal #qcontainer.v2026 .chart { min-height: initial; }
.horizontal-compact #qcontainer.v2026 .chart { min-width: 690px; }
.horizontal-compact #festivals-infographic div#description,
#qcontainer.v2026 div#description
{
    display: block;
    position: initial;
    width: initial;
    max-width: initial;
}
#qcontainer #count { width: 3em; display: inline-block; text-align: left; }
#qcontainer .timeline .row { padding: 1px; }
#qcontainer .timeline .row:hover { background-color: var(--bela); }
#qcontainer .timeline .row .bar { display: inline-block; border-top: 4px solid green; padding: 0 0; margin: 0; }
#qcontainer .timeline.klass-fat .row .bar { border-top: 12px solid green; }
#qcontainer .timeline.klass-thin .row .bar { border-top: 6px solid green; }
#qcontainer .timeline.klass-normal .row .bar { border-top: 8px solid green; }
#qcontainer .timeline .row:hover .bar {  border-color: red !important; }
#qcontainer .timeline .row.selected .bar {  border-color: red !important; }
#qcontainer .timeline .row .bar label { white-space: nowrap; font-size: small; display: none; }
#qcontainer .timeline .row:hover .bar label { }
#qcontainer details { margin-top: 1rem; }
#qcontainer details > div { margin-top: 0.4rem; }
#qcontainer summary { font-family: Republika; }
#mytooltip {
    position: fixed;
    min-width: 260px;
    margin-left: -130px;
    margin-top: -76px;
    padding: 8px;
    z-index: 1000;
    border: none;
    background: rgba(255,255,255,0.9);
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
    white-space: nowrap;
}
#mytooltip .label { font-weight: bold; }