body {overflow-x: hidden;}
    main {padding-bottom: 0;}
    .img_link {background-color: #D9DADB; margin: auto; max-width: 360px; position: relative; transform: rotate(.0001deg);}
    .img_link .hover {background-color: #5D5E60; opacity: 0; position: absolute; top: 0;}
    .img_link--up {background-color: #006FAD; margin: auto; max-width: 360px;}
    @property --img_link-opacity {syntax: '<number>'; inherits: true; initial-value: 0;}
    .anim {animation: blik 0.5s ease-out;}
    .anim img.hover {opacity: var(--img_link-opacity, 0);}
    @keyframes blik {0% {background-color: #D9DADB; --img_link-opacity: 0;} 50% {background-color: #5D5E60; --img_link-opacity: 1;} 100% {background-color: #D9DADB; --img_link-opacity: 0;}}
    .img_link--up.anim {animation: blik--up 0.5s ease-out;} @keyframes blik--up {0% {background-color: #006FAD;} 50% {background-color: #00568C;} 100% {background-color: #006FAD;}}
    .img_link .disabled, .img_link--up .disabled {cursor: default; filter: blur(4px) grayscale(); pointer-events: none;}
    .img_link a {-webkit-tap-highlight-color: transparent;}
    header {align-content: center;}
    h1 {font-size: 2.074em;}
    h2 {font-size: 1.728em; margin-top: 0;}
    h3 {font-size: 1.44em; margin-top: 0;}
    h4 {font-size: 1.2em; margin-top: 0;}
    .ce-uploads {display: inline-block;}
    .panel {margin-bottom: 0;}
    .panel-default {border: none;}
    .panel-body {padding: 0;}
    .panel-body:first-child {padding: 0 0 11px;}
    .ghost-button, #scrollspyAlt a, .frame-type-expanding_content button {display: inline-flex; align-items: center; justify-content: center; gap: 8px; background-color: #006FAD; border: 1px solid transparent; border-radius: 6px; color: #FFF; font-size: 0.95em; font-weight: 500; padding: 6px 14px; transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;}
    .ghost-button--small, #scrollspyAlt a, .frame-type-expanding_content button {padding: 4px 10px; font-size: 0.85em; border-radius: 4px;}
    .frame-type-expanding_content button {margin-bottom: 11px;}
    .ghost-button:last-child {margin-bottom: 0;}
    p:has(.ghost-button) {display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap;}
    #tx_cookies {z-index: 1;}
    #top-link-block {z-index: 2;}
    @media screen and (max-width: 390px) {#page__title--xs {margin-bottom: 15px;}}
    @media screen and (min-width: 391px) and (max-width: 399px) {#page__title--xs {margin-bottom: calc(15px + (100vw - 390px) / 2);}}
    @media screen and (min-width: 400px) and (max-width: 767px) {#page__title--xs {margin-bottom: 20px;}}
    @media screen and (max-width: 767px) {
      html, body {max-width: 100%; overflow-x: hidden; position: relative;}
      #page__title--xs h4 {font-size: 1em; margin-top: 11px;}
      #scrollspyAlt {align-items: center; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;}
      #scrollspyAlt p {margin: 0;}
      br:has(+ #scrollspyAlt), #scrollspyAlt + hr {display: none;}
      .ghost-button, #scrollspyAlt a, .frame-type-expanding_content button {background-color: #00568C; box-shadow: 0 2px 6px rgba(0, 86, 140, 0.25); -webkit-tap-highlight-color: transparent;}
      .ghost-button:active, #scrollspyAlt a:active, .frame-type-expanding_content button:active, .ghost-button:focus, #scrollspyAlt a:focus, .frame-type-expanding_content button:focus {color: #FFF; background-color: #00426C; transform: scale(0.96); box-shadow: 0 1px 3px rgba(0, 86, 140, 0.15);}
      #scrollspyAlt a, .frame-type-expanding_content button {padding: 5px 12px;}
    }
    @media screen and (min-width: 768px) {
      body {background-color: #2B2B2B;}
      .ghost-button:active, #scrollspyAlt a:active, .frame-type-expanding_content button:active, .ghost-button:focus, #scrollspyAlt a:focus, .frame-type-expanding_content button:focus {color: #FFF; transform: scale(0.98);}
    }
    @media screen and (min-width: 768px) and (hover: hover) {
      .img_link img:hover {opacity: 1;} .img_link--up img:hover {background-color: #00568C;}
      :where(.navbar-brand, a img, button, .novinka__article, .kalendar__container, .kalendar__event, .board_item, .board_item__title, .content__tile, .content__tile > img, .content__tile--equal, .content__tile--equal > img, .footer__img img, .footer__logo img) {transition: none;}
      .navbar-brand, .footer__logo img {transition: background-color 0.2s ease-out;}
      a img, .content__tile--equal > img, .content__tile > img {transition: background-color 0.2s ease-out, opacity 0.2s ease-out, transform 0.2s ease-out;}
      button {transition: background-color 0.15s ease-out, border-color 0.15s ease-out, box-shadow 0.15s ease-out;}
      .novinka__article, .kalendar__container, .board_item, .content__tile, .content__tile--equal {transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out, color 0.2s ease-out;}
      .kalendar__event, .board_item__title {transition: color 0.15s ease-out;}
      .ghost-button:hover, #scrollspyAlt a:hover, .frame-type-expanding_content button:hover {background-color: #00568C; color: #FFF; box-shadow: 0 4px 12px rgba(0, 86, 140, 0.2);}
      .footer__img img {transition: transform 0.2s ease-out;}
    }
@media screen and (max-width: 767px) {#page__container nav {overflow: hidden; /*padding-left: 5px;*/ /*width: 100%;*/} .breadcrumb-up {display: block !important;} .fal-gallery > .row > .col {max-width: 33.33333%; width: auto;}}.breadcrumb-up {background: transparent !important; margin-left: -50px; /*margin-right: -65px;*/ margin-right: -9px; padding-bottom: 20px; padding-left: 65px; position: relative; z-index: 1;}.breadcrumb-up::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.95); -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0) 100%), linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 5%, rgba(0,0,0,1) 95%, rgba(0,0,0,0) 100%); mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0) 100%), linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 5%, rgba(0,0,0,1) 95%, rgba(0,0,0,0) 100%); -webkit-mask-composite: source-in; mask-composite: intersect; z-index: -1;}main .lcol-whitebg {border-radius: 8px; margin: 15px 0; padding-bottom: 1px;} .fal-gallery > .row > .col > a > img {border-radius: 8px;}@media screen and (min-width: 768px) {.panel .nav-tabs, .panel .nav-tabs > li > a, .panel .nav-tabs > li.active > a {border-bottom: none;} #scrollspy {background-color: #FFF; border-radius: 8px; padding: 14px 20px; width: 220px !important;} #scrollspy.affix-top {margin-top: 15px;}}@media screen and (min-width: 768px) and (max-width: 991px) {.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery {max-width: 200px;}}@media screen and (min-width: 992px) {#scrollspy {width: 293px !important;}}@media screen and (min-width: 1200px) {#scrollspy {width: 360px !important;}}.background {background-position: center; background-repeat: no-repeat; background-size: cover;}    @media (max-width: 767px) {.background {background-image: url("/files/cm/SKaM/web_pozadie_4_mobile_portrait_enh.webp");}}
    @media (min-width: 768px) and (max-width: 1024px) {.background {background-image: url("/files/cm/SKaM/web_pozadie_3_tablet_landscape_enh.webp");}}
    @media (min-width: 1025px) and (max-width: 1920px) {.background {background-image: url("/files/cm/SKaM/web_pozadie_2_desktop_standard_enh.webp");}}
    @media (min-width: 1921px) {.background {background-image: url("/files/cm/SKaM/web_pozadie_1_desktop_master_2k_enh.webp");}}
    @media screen and (max-width: 767px) {.background {min-height: 100vh;}}
    @media screen and (min-width: 768px) {.background {min-height: calc(100vh - 103px);}}
    @media screen and (min-width: 992px) {.background {min-height: calc(100vh - 116px);}}
    @media screen and (min-width: 1200px) {.background {min-height: calc(100vh - 145px);}}
    .news-title {display: block; font-size: 1.2em;}
    .news-text {float: right;}
    .novinka__article > .novinka__time {font-size: 1em; font-style: italic;}
    #gallery__row {margin: 0;}
    @media screen and (max-width: 767px) {
      .img_link, .img_link--up {margin: 0 auto 20px auto;}
      .news-list-right, .novinky__row {margin: 0 0 20px;}
      /*.novinka__article {--img-width: clamp(160px, 160px + (100vw - 390px) / 6, 223px);}*/
      .novinka__article {--img-width: clamp(120px, 120px + (100vw - 375px) / 3, 250px);}
      .novinka__article > .novinka__img {max-width: unset; width: var(--img-width);}
      /*.novinka__article > .novinka__header {max-width: unset; padding: 0 0 1em .25em; width: calc((100vw - 30px - 2em) - var(--img-width) - 0.25em);}*/
      .novinka__article > .novinka__header {max-width: unset; padding: 0 0 1em .25em; width: calc(100vw - 30px - 2em - var(--img-width));}
      .novinka__article > .novinka__time {bottom: .5em; position: absolute; right: 1em;}
    }
    @media screen and (min-width: 768px) {
      .novinky__row {margin-left: -20px; margin-right: -10px; margin-top: -10px;}
      .news-list-right {margin: 0;}
      .novinka__container {padding: 10px;}
      .novinka__article::before {content: unset; padding-bottom: unset;}
      .novinka__article:hover {box-shadow: 0 0 9px 6px rgba(43,43,43,.5);}
      .novinka__article:hover img {opacity: .98; transform: scale(1.02) rotate(.0001deg);}
      .novinka__article > .novinka__img {align-content: center; aspect-ratio: 16/9; display: flex; flex-wrap: wrap; padding: 0;}
      .novinka__article > .novinka__header {font-size: 1.2em; padding: 10px;}
      .novinka__article > .novinka__time {padding-right: 10px; right: 10px;}
      .novinky__all {margin-right: 0;}
    }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .novinka__container {width: 50%;}
      .novinka__article {aspect-ratio: 16/21.3;}
      .novinka__article > .novinka__time {bottom: 15px;}
    }
    @media (min-width: 992px) {
      .novinky__row {margin-left: -15px; margin-right: -15px; margin-top: -15px;}
      .novinka__container {padding: 15px;}
      .novinka__article {aspect-ratio: 16/16;}
      .novinka__article > .novinka__header {font-size: 1.2em; padding: 20px;}
      .novinka__article > .novinka__time {padding-right: 20px; right: 15px;}
      #gallery .ce-textpic.ce-center.ce-above {padding-left: 10px; padding-right: 10px;}
    }
    @media (min-width: 1200px) {
      .novinka__article {aspect-ratio: 16/14;}
    }