.Program { background-color: #f4f4f4; padding-top: 60px; }
@media (max-width:768px) {
  .Program { padding-top: 0; }
}
.Program-wrapper { max-width: 1025px; margin: 0 auto; }

.searchbar {
  display: flex;
  justify-content: center;
  margin: 0 0 1.5rem;
}
.searchbar > * {
  border: 1px solid #d3d3d3;
}
.searchbar input {
  width: 100%;
  padding: 1rem;
  font-size: var(--font-size);
}
.searchbar button {
  padding: 1rem 2rem;
  background: #fff url(/themes/custom/fok/icons/svg-search.svg) center no-repeat;
  border-left: 0;
  cursor: pointer;
}
ul.lineup input {
  display: none;
}
ul.lineup {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 0.5rem;
  justify-content: space-between;
}
ul.lineup input:checked + label,
ul.lineup input + label:hover {
  opacity: 1;
}
ul.lineup:has(.default input:checked) + .Filter-Radio-reset {
  display: none;
}
ul.lineup label {
  display: grid;
  cursor: pointer;
  align-items: center;
  color: white;
  line-height: 1.1rem;
  text-align: center;
  border-radius: 1rem;
  opacity: 0.6;
  padding: 0.3rem 0.5rem;
}
ul.lineup li:nth-child(1) label { background: #4c4f53; }
ul.lineup li:nth-child(2) label { background: #ea262a; }
ul.lineup li:nth-child(3) label { background: #ac7412; }
ul.lineup li:nth-child(4) label { background: #2e98b7; }
ul.lineup li:nth-child(5) label { background: #b4c022; }
#programForm {
  width: 80%;
  margin: auto;
}
ul.lineup li label {
  height: 100%;
}

.Filter { padding-bottom: 40px; padding-top: 40px; }
.Filter-wrapper { max-width: 1025px; margin: 0 auto; }
.Filter-boxWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; }
@media (max-width:768px) {
  .Filter-boxWrapper { display: none; }
  .Filter-boxWrapper.Filter-boxWrapper--mobile { display: block; padding: 12px 25px; }
  ul.lineup {grid-template-columns: 1fr;}
}
.Filter-boxWrapper.Filter-boxWrapper--mobile .Filter-box { display: block; width: 100%; font-size: 19px; margin-bottom: 5px; height: 60px; }
.Filter-box { position: relative; color: #fff; font-size: 21px; font-family: 'Soehne', sans-serif; font-weight: normal; margin-right: 6px; height: 90px; min-width: 200px; padding: 9px 10px; line-height: normal; }
@media (max-width:1200px) {
  .Filter-box { min-width: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
}
.Filter-box:last-child { margin-right: 0; }
.Filter-box:hover { text-decoration: none; color: #fff; }
.Filter-box:hover .Filter-boxText { border-color: #fff; }
.Filter-box.Filter-box--active .Filter-boxText { border-color: #fff; }
.Filter-box--grey { background-color: #4c4f53; }
.Filter-box--red { background-color: var(--theme-color); }
.Filter-box--yellow { background-color: #ac7412; }
.Filter-box--blue { background-color: #2e98b7; }
.Filter-box--green { background-color: #b4c022; }
.Filter-boxText { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; border: 1px solid transparent; }
.Filter-download, .Page-download { display: block; position: absolute; top: -35px; right: 7.5px; font-family: 'Soehne', sans-serif; font-size: var(--font-size); line-height: 1.33; font-weight: normal; padding-left: 35px; background: url("../icons/download.svg") left center no-repeat; color: #73767c; }
.Filter-download:hover, .Page-download:hover { color: #73767c; }
@media (max-width:768px) {
  .Filter-download, .Page-download { display: none; }
}
.Filter-Radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media (max-width:768px) {
  .Filter-Radio { display: none; }
}
.Filter-Radio.Filter-Radio--mobile.Filter-Radio--active { display: block; margin-top: 5px; margin-bottom: 15px; }
.Filter-Radio.Filter-Radio--mobile .Filter-Radio-left { padding-right: 0; border-right: none; border-bottom: 1px solid #d3d3d3; margin-bottom: 10px; padding-bottom: 10px; }
.Filter-Radio.Filter-Radio--mobile .Filter-Radio-right { padding-left: 0; }
.Filter-Radio.Filter-Radio--mobile .Filter-Radio-option, .Filter-Radio.Filter-Radio--mobile .Filter-Checkbox { display: block; width: 100%; margin-bottom: 10px; }
.Filter-Radio.Filter-Radio--mobile .Filter-Radio-label, .Filter-Radio.Filter-Radio--mobile .Filter-Checkbox-label { max-width: none; }
.Filter-Radio-left { border-right: 1px solid #b2b2b2; padding-right: 20px; -ms-flex-negative: 0; flex-shrink: 0; }
.Filter-Radio-right { padding-left: 35px; }
.Filter-Radio-title { font-family: "Domaine", serif; display: block; font-size: 25px; color: var(--gray-color); }
.Filter-Radio-reset {     font-size: var(--font-size);
  color: var(--gray-color);
  border: 0;
  display: flex
;
  align-items: center;
  background: none;
  gap: .5rem;
  padding: 0; }
.Filter-Radio-reset:hover { color: #73767c; }
.Filter-Radio-options { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.Filter-Radio-option, .Filter-Checkbox { display: inline-block; margin-right: 20px; position: relative; float: left; }
.Filter-Radio-input, .Filter-Checkbox-input { position: absolute; visibility: hidden; }
.Filter-Radio-input:checked ~ .Filter-Radio-check:before, .Filter-Checkbox-input:checked ~ .Filter-Radio-check:before, .Filter-Radio-input:checked ~ .Filter-Checkbox-check:before, .Filter-Checkbox-input:checked ~ .Filter-Checkbox-check:before { background-color: var(--theme-color); }
.Filter-Radio-label, .Filter-Checkbox-label { display: block; position: relative; z-index: 9; font-family: 'Soehne', sans-serif; font-size: 20px; line-height: 1.25; color: #73767c; margin: 0; padding-left: 30px; cursor: pointer; max-width: 120px; }
.Filter-Radio-check, .Filter-Checkbox-check { display: block; position: absolute; border: 1px solid #73767c; border-radius: 100%; height: 20px; width: 20px; top: 2px; left: 0; z-index: 5; }
.Filter-Radio-check:before, .Filter-Checkbox-check:before { display: block; position: absolute; content: 'http://www.w3.org/2000/svg'; border-radius: 100%; height: 14px; width: 14px; top: 2px; left: 2px; margin: auto; -webkit-transition: background .2s ease; transition: background .2s ease; }
.Filter-Checkbox:hover .Filter-Checkbox-label { color: var(--theme-color); }
@media (max-width:768px) {
  .Filter-Checkbox { display: none; }
}
.Filter-Checkbox-input:checked ~ .Filter-Checkbox-label { color: var(--theme-color); }
.Filter-Checkbox-label { font-size: 40px; font-family: "Domaine", serif; max-width: none; padding-left: 35px; }
.Filter-Checkbox-check { top: 15px; }
.Filter-filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media (max-width:768px) {
  .Filter-filters { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
}
.Filter-Switcher { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: 45px; }
@media (max-width:768px) {
  .Filter-Switcher { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: 0; }
}
.Filter-Switcher-switch { width: 33px; height: 33px; background-position: center; background-repeat: no-repeat; background-size: 33px; font-size: 0; background-color: white }
.Filter-Switcher-switch.grey { background-image: url("../icons/icon-arrow-grey.svg"); }
.Filter-Switcher-switch--prev { background-image: url("../icons/icon-arrow.svg"); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.Filter-Switcher-switch--next { background-image: url("../icons/icon-arrow.svg"); }
.Filter-Switcher-selected { font-family: "Domaine", serif; font-size: 40px; font-weight: 400; color: #73767c; padding: 0 20px; min-width: 180px; text-align: center; }
.Filter-Switcher-selected--active { color: var(--theme-color); }
.Filter-title { display: none; }
@media (max-width:768px) {
  .Filter-title { display: block; margin-bottom: 25px; }
  .Filter-Switcher-selected {padding: 0;line-height: 2rem;margin: 0 0 1rem; }
}
.Filter-toggle { display: none; }
@media (max-width:768px) {
  .Filter-toggle { display: block; margin-bottom: 25px; }
}
@media (max-width:768px) {
  .Filter-break { display: none; }
}
@media screen and (min-width:801px) {
  .Filter-Switcher { float: left; margin-bottom: 20px }
}
@media screen and (max-width:800px) {
  .Filter-Switcher { text-align: center; margin: 0 0 0 10%; width: 80%; }
  .Filter-Checkbox { display: table; width: 100%; text-align: center; }
  .Filter-Checkbox label { margin-right: 0; padding-right: 0 !important; }
}
.Filter-box--active label { border-color: white !important }
.Filter-Checkbox input { position: absolute; visibility: hidden; }
.Filter-Checkbox label { font-size: 40px; font-family: 'Domaine', serif; max-width: none; padding-right: 35px; color: #a8aaaf; }
