@charset "utf-8";
/* :root { --highlight: #005f97; --highlight-hover: #005f97; --gray: #f3f3f3; --yellow: #fab800; --yellow-hover: #fbc911; } */

*, *::before, *::after {box-sizing: inherit;}
html {box-sizing: border-box;margin: 0;padding: 0;}
html, html:focus-within {scroll-behavior: smooth;}
body {margin: 0;padding: 0;min-height: 100vh;display: flex;flex-direction: column;}
body>main {flex: 1;overflow-x:hidden;}
p {margin: 0;padding:0;}

/* Wrappery a helpery pro content */
:root {
    --max-content-width: 1200px;
    --content-max-width: 1200px;
    --content-max-width--extra: calc(var(--content-max-width) / 2);
    --content-max-width--extra-2: calc(var(--content-max-width) / 3 * 2);
    --content-padding-left: 0;
    --content-padding-right: 0;
    --content-padding-top: 64px;
    --content-padding-bottom: 64px;
    --content-margin-top: 64px;
    --content-margin-bottom: 64px;
    --bg-selection: hsl(203.04deg 63% 43% / .35);
    --fg-selection: black;
}
.content-max-width {margin-left: auto;margin-right: auto;max-width: var(--content-max-width);}
.content-max-width--extra {max-width: var(--content-max-width--extra, 600px);margin: auto;}
.content-max-width--extra-2 {max-width: var(--content-max-width--extra-2, 800px);margin: auto;}
.content-padding-x {padding-left: var(--content-padding-left);padding-right: var(--content-padding-right);}
.content-padding-y {padding-top: var(--content-padding-top);padding-bottom: var(--content-padding-bottom);}
.content-padding-t {padding-top: var(--content-padding-top);}
.content-padding-b {padding-bottom: var(--content-padding-bottom);}
.content-margin-y {margin-top: var(--content-margin-top);margin-bottom: var(--content-margin-bottom);}
.content-margin-t {margin-top: var(--content-margin-top);}
.content-margin-b {margin-bottom: var(--content-margin-bottom);}
.content {margin-left: auto;margin-right: auto;max-width: var(--content-max-width);padding-left: var(--content-padding-left);padding-right: var(--content-padding-right);padding-top: var(--content-padding-top);padding-bottom: var(--content-padding-bottom);}

/* ::-moz-selection {background: var(--bg-selection);color: var(--fg-selection);}
::selection {background: var(--bg-selection);color: var(--fg-selection);} */

.font-size-14 {
    font-size: 14px;
    line-height: 1.7;
}

/* .no-scroll {overflow: hidden!important;} */

@media screen and (max-width: 1200px) {
    :root {
        --content-padding-left: 1rem;
        --content-padding-right: 1rem;
    }
    .content-max-width {max-width: 100vw;max-width: 100dvw;}
}
@media screen and (max-width: 600px) {
    :root {
        --content-padding-left: 3%;
        --content-padding-right: 3%;
        --content-margin-top: 1rem;
        --content-margin-bottom: 1rem;
    }
}

/******************************************************************************/

.content-menu {display: grid;grid-template-areas: "menu line text";grid-template-columns: 200px auto 1fr;gap: 1em;}
.content-menu::before {content: "";grid-area: line;display: block;background: currentColor;width: 1px;height: 100%;opacity: .2;}
.content-menu__text {grid-area: text;max-width: var(--content-max-width--extra, 600px);margin:auto;}
.content-menu__left {grid-area: menu;}
.content-menu>div>h1,
.content-menu>div>.h1 {margin-top: 0;}

@media (max-width: 850px) {
    .content-menu {grid-template-columns: 1fr;grid-template-areas: "menu" "line" "text";}
    .content-menu::before {display: none;}
    .content-menu__left {position: relative;}
    .content-menu__left::before {content: "";display: block;position: absolute;left: 0;bottom: -1em;background: currentColor;width: 100%;height: 1px;opacity: .2;}
}
/******************************************************************************/

input, textarea, select { padding: 4px 5px; }
select option[disabled="disabled"] { color: #990033; }
fieldset { background: rgba(230, 230, 230, 0.25); border: 1px solid #dedede; border-radius: 5px; float: left; margin-right: 10px; padding: 5px 10px; }
fieldset legend .fa { color: #aaa; padding: 0 2px; }
fieldset legend .fa:hover { color: #444; }
.input { padding: 7px; width: calc(100% - 16px); }
.select { padding: 7px; width: 100%; }
.submit { padding: 10px; width: 100%; }
.responsive-design { font-size: 1em; }
details summary {cursor: pointer;white-space: nowrap;}

/******************************************************************************/

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: oswald; font-size: 1em; }
.custom-combobox-toggle { margin: -2px 0 0 1px; padding: 8px 2px 8px 1px; }

a[href^="tel"] { color: inherit; text-decoration: none; } /*, a[href^="mail"]*/
a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; }

/******************************************************************************/

.highlight { color: var(--higlight); }
.highlight2 { color: var(--yellow); }
.nu { text-decoration: none; }
.nu:hover { text-decoration: underline; }
.un { text-decoration: underline; }
.un:hover { text-decoration: none; }
.nn { text-decoration: none; }
.nn:hover { text-decoration: none; }
.nc { text-decoration: none; }
.nc:hover { color: #eb2332; color: #1aa9e6; }
.ui-tooltip { background: #444; border: 0; border-radius: 2px; box-shadow: none; color: #fff; font-family: oswald; font-size: 12px; }
.hidden { display: none !important; }
.clear { clear: both; }
.text-shadow { text-shadow: 1px 2px 3px #222; }
.center { text-align: center; }
.uppercase { text-transform: uppercase; }
.go-back { display: inline-block; margin-top: 0em; text-transform: lowercase; }

/******************************************************************************/
/* hlášky */

.msg-ok { background: #0a0; color: #fff; margin-bottom: 1em; padding: 5px 15px; }
.msg-error { background: #c00; color: #fff; margin-bottom: 1em; padding: 5px 15px; }
.msg-ok a, .msg-error a { color: #fff; }

/******************************************************************************/

.wrap1 { clear: both; position: relative; width: 100%;}
.wrap2 {
    /* dev */
    /* outline: 1px solid #ffc8c8;  */
}
.wrap2.is-limited {max-width: var(--max-content-width, 1280px);margin-left: auto;margin-right: auto;}
.anchor {display: block;height: 0;width: 0;}

.wrap1 iframe {
    max-width: 100%;
}

.wrap1--efekty {
    background-color: var(--color-bg-2);
}
.wrap1--banner {
    /* --content-padding-top: 0rem; */
    /* --content-padding-bottom: 0rem; */
}
.wrap1--video {
    background-color: var(--color-bg-2);
    --content-padding-top: 7rem;
    --content-padding-bottom: 7rem;
}
.wrap1--contact-form {
    /* --content-padding-top: 7rem; */
    --content-padding-bottom: 5rem;
}
.wrap1--bg-silver {
    background-color: var(--color-bg-2);
}
.wrap1--border-radius {
    border-radius: var(--global-border-radius);
}
.wrap1--bg-primary {
    background-color: var(--color-bg-1);
    color: var(--color-fg-3);
}
.wrap1--bg-primary h1,
.wrap1--bg-primary h2,
.wrap1--bg-primary h3,
.wrap1--bg-primary h4,
.wrap1--bg-primary .h1,
.wrap1--bg-primary .h2,
.wrap1--bg-primary .h3,
.wrap1--bg-primary .h4 {
    color: inherit;
}

.wrap1--partners {
    --content-padding-top: 7rem;
    --content-padding-bottom: 8rem;
}

/******************************************************************************/

.skip-link { position: fixed; top: 0; left: 0; z-index: 1000; background: white; display: block; padding: 1em; border-radius: 0 0 1em 0; box-shadow: 0 0 .5em gray; overflow: hidden; transition: .3s transform, .3s opacity; transform: translateY(-200%);}
.skip-link:focus-within { transform: translateY(0%);}

/******************************************************************************/
/* Hlavička */
#wrap-head {
    background: white;
    color: var(--color-fg-2);
}
.head-content {
    --head-menu-color-1: var(--color-fg-2);
    --head-menu-color-2: var(--color-fg-1);
    display: grid;
    /* grid-template-areas: "social social lang" "logo menu menu"; */
    /* grid-template-areas: "logo menu social c2a"; */
    /* grid-template-columns: 1fr auto auto auto; */

    grid-template-areas:
        "logo . social c2a lang"
        "logo menu menu menu menu";
    grid-template-columns: 1fr auto auto auto auto;
    gap: 1.1em 3%;
    justify-items: end;
    align-items: center;
    /* padding-top: 2rem; */
    padding-top: 8px;
    padding-bottom: 1em;
    position: relative;
}
.head-logo {grid-area: logo;justify-self: start;}
.head-logo__img {display: block;height: 70px;max-width: 100%;margin-bottom:-1em;min-width: 160px;}

.social-panel { position: fixed; right: 0; top: 50%; padding-left: 16px; padding-right: 16px; display: grid; justify-items: center; gap: 16px; transform: translateY(-50%); z-index: 1; overflow: hidden; pointer-events: none; max-width: 54px;}
.social-panel > * {pointer-events: auto;}
.head-social {grid-area: social;font-size: 1rem;display: flex;flex-wrap: wrap;gap: 1em;}
.head-social__item { display: flex; gap: .4em; align-items: center; text-decoration-color: transparent; transition: .2s color, .2s transform; color: hsl(0deg 0% 50%)}
.head-social__item:hover { /* color: var(--color-fg-1); */ color: black; transform: scale(1.25) !important;}
.head-social__item svg { max-width: 100%;}
.head-social__icon { font-size: 1.6em; display: grid;}

.social-panel--v2 {
    background: var(--color-bg-1);
    background: var(--color-bg-2);
    padding: 16px;
    border-radius: var(--global-border-radius) 0 0 var(--global-border-radius);
    box-sizing: content-box;
    max-width: 22px;
    /* box-shadow: 0px 1px 4px hsl(0deg 0% 50% / .25); */
}
.social-panel>* {
    /* transform: translateX(3em);
    animation: social-panel__anim 0.4s cubic-bezier(0.47, -1.24, 0.48, 1.99) forwards;
    animation-delay: calc(var(--i, 0) * 0.1s); */
}
.social-panel>*:nth-child(1) { --i: 1;}
.social-panel>*:nth-child(2) { --i: 2;}
.social-panel>*:nth-child(3) { --i: 3;}
.social-panel>*:nth-child(4) { --i: 4;}
.social-panel>*:nth-child(5) { --i: 5;}
.social-panel>*:nth-child(6) { --i: 6;}

@keyframes social-panel__anim {
    from { transform: translateX(3em); }
    to { transform: translateX(0); }
}
@keyframes social-panel__anim_rev {
    from { transform: translateX(0em); }
    to { transform: translateX(3em); }
}
@media (max-width: 1200px) {
    /* .is-scroll-down:not(.is-scroll-top) .social-panel>* {transform: translateX(0em); animation-name: social-panel__anim_rev;} */
    /* .social-panel {top:unset;transform: none;bottom: 0;} */
}
@media (max-width: 1320px) {
    .social-panel { display: none; }
}
@media (max-width: 850px) {
    .social-panel { display: none; }
    .social-panel { top: 90px; transform: none; }
}

.head-c2a {grid-area: c2a;}
.button.head-c2a__button {padding: 1em 4em;}
.head-c2a .button.head-c2a__button {display:none;}
.head-menu__item .button.head-c2a__button {
    --_padding-top: 0.0em;
    --_padding-top: 0.5em;
    --_padding-top: 0.7em;
    padding: var(--_padding-top) 1.5em;
    margin-top: calc(var(--_padding-top) * -1);
    margin-bottom: calc(var(--_padding-top) * -1);
    z-index: 1;
    line-height: 1;
}

.head-logo span {color: var(--color-fg-2);margin-top: 1rem;display: block;font-size: 14px;line-height: 1;position: absolute;font-weight: bold;margin-left: 66px;margin-top: 0px;}

/* .head-lang {display:none !important;} */
.head-lang {
    display: flex;
    grid-area: lang;
    font-size: 14px;
    gap: 1em;
    justify-self: end;
    line-height: 1;
    /* position: absolute;
    top: 8px;
    right: 8px; */
}
.head-lang__item {display: flex;}
.head-lang__link {color: var(--head-menu-color-1);text-decoration: underline;}
.head-lang__link--active {color: var(--head-menu-color-2);text-decoration: none;font-weight: 700;}
.head-lang__link:hover {color: var(--head-menu-color-2);text-decoration: none;}

.head-menu {grid-area: menu;display: flex;align-items: baseline;color: var(--head-menu-color-1);font-size: 18px;}
.head-menu__list {display: flex;padding: 0;margin: 0;list-style: none;gap: .5em 1.3em;flex-wrap: wrap;justify-content: end;}
.head-menu__item {color: var(--head-menu-color-1);position: relative;transition: .2s color;line-height: 1.2;}
.head-menu__item::before,
.head-menu__item::after {content: "";display: block;background: var(--head-menu-color-1);width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;}
.head-menu__item::after {background: var(--head-menu-color-2);transform: scaleX(0);transform-origin: right;transition: .4s transform;background: white;}
.head-menu__item--active {color: var(--head-menu-color-2);font-weight: 700;}

.head-menu__item:hover,
.head-menu__item:focus-within {color: var(--head-menu-color-2);}

.head-menu__item--active::after,
.head-menu__item:focus-within::after,
.head-menu__item:hover::after {transform: scaleX(1);transform-origin: left;}
.head-menu__link {text-decoration: none;display: inline-block;white-space: nowrap;}

.head-menu__mobile-only {display: none;}
.head-menu__button {font-size: 48px;color: currentcolor;text-decoration: none;}
.head-menu__list--2 { position: absolute; z-index: 3; display: block; min-width: 250px; background: var(--color-bg-2); padding: 1em 1em; font-weight: 400; color: var(--color-fg-2); transform: scaleY(0); transform-origin: top; transition: transform; transition-duration: .1s; transition-delay: .3s; border-radius: var(--global-border-radius); border-top: 16px solid white;}
.head-menu__list--2.head-menu__list--active { font-weight: 500; color: var(--color-fg-1);}
.head-menu__item:hover .head-menu__list--2,.head-menu__item:focus-within .head-menu__list--2 { transform: scaleY(1);}
.head-menu__list--2 .head-menu__item { font-size: 14px; line-height: 1; text-decoration: underline; font-weight: 300;}
.head-menu__list--2 .head-menu__item::before, .head-menu__list--2 .head-menu__item::after { content: none; display: none;}
.head-menu__list--2 .head-menu__link { padding: .5em 0; display: block;}
.head-menu__list--2 .head-menu__link::before { content: ""; background: var(--color-fg-1); --size: 4px; width: var(--size); height: var(--size); display: inline-block; vertical-align: middle; margin-left: .5em; margin-right: .5em; opacity: 1;}
.head-menu__list--2 .head-menu__link:not(:hover)::before { opacity: 0;}
.head-menu__list--2 .head-menu__item>.head-menu__link::after { display: none;}
.head-menu__list--2 .head-menu__item--active { color: var(--head-menu-color-2); font-weight: bold;}
body.menu-open .head-menu__button-icon-open {display: none;}
body:not(.menu-open) .head-menu__button-icon-close {display: none;}


#head.fixed  {position: fixed;top: 0;left: 0;right: 0;z-index: 10;box-shadow: var(--box-shadow);background: inherit;}
.is-scroll-direction-enabled #head.fixed  {transform: translateY(-100%);transition: .2s transform;}
.is-scroll-direction-enabled.is-scroll-top #head.fixed ,
.is-scroll-direction-enabled.is-scroll-up #head.fixed {transform: translateY(0%);}
.is-scroll-direction-enabled.is-scroll-middle #head.fixed {
    box-shadow: 0px 0px 8px hsl(0deg 0% 0% / .07);
}

@media (max-width: 1100px) {
    .head-menu__list {
        gap: 1em 1em;
        font-size: .9em
    }
}
@media (max-width: 850px) {
    .head-content {
        padding-bottom: 0;
        grid-template-areas:
            "logo social lang lang"
            "logo social c2a menu"
        ;
        gap: 0 1rem;
    }
    .head-menu__list {display: none;}
    .head-menu__mobile-only {display: block;}
    .head-social {display: none;}
    .head-lang {justify-self: end;}

    .head-logo__img {min-width: unset;}
    .button.head-c2a__button {padding: 12px 24px;}
    .head-c2a .button.head-c2a__button {display:block;}
}
@media (max-width: 530px) {
    .head-contact {display: none;}
}

/******************************************************************************/
/* Levé menu */

#submenu li {margin-bottom: .25em;}
#submenu li.active {font-weight: bold;}
#submenu a {text-decoration: none;}
#submenu a:hover {text-decoration: underline;}

/******************************************************************************/
/* Mobilní menu */
.mobile-menu {--head-menu-color-1: var(--color-fg-2);--head-menu-color-2: var(--color-fg-1);}
.mobile-menu {display: none;position: fixed;left: 0;right: 0;bottom: 0;top: 0;background: #00000066;z-index: 99;isolation: isolate;opacity: 0;visibility: hidden;transition: opacity, visibility;transition-duration: .3s, 0s;transition-delay: 0s, .3s;}
.mobile-menu__content {background: var(--color-bg-3);color: var(--head-menu-color-1);display: grid;grid-template-areas: "lang lang" "logo button" "list list";grid-template-columns: 1fr auto;grid-template-rows: auto auto 1fr;min-height: 100vh;max-height: 100vh;padding: 8px 3% 0px 3%;transition: transform;transition-duration: .3s;transform: translateX(-100%);text-transform: uppercase;}
.mobile-menu__logo {grid-area: logo;align-self: center;}
.mobile-menu__logo .head-logo__img {margin-bottom: 0;}
.mobile-menu__lang {grid-area: lang;justify-self: end;}
.mobile-menu__list {grid-area: list;padding: 0;margin: 0;list-style: none;margin-top: 1em;}
.mobile-menu__content>.mobile-menu__list {overflow: auto;padding-bottom: 6em;}
.mobile-menu__item {margin-bottom: .5em;font-size: 18px;}
.mobile-menu__item:not(:last-child) {border-bottom: 1px solid var(--head-menu-color-1);}
.mobile-menu__item--active {color: var(--head-menu-color-2);font-weight: 500;}
.mobile-menu__item:hover {color: var(--head-menu-color-2);}

.mobile-menu__link {text-decoration: none;display: block;padding: 4px;}
.mobile-menu__button {grid-area: button;justify-self: end;}

.mobile-menu__list--2 {margin-top: 0;margin-bottom: 1em;margin-left: .5em;padding-left: .5em;border-left: 1px solid var(--head-menu-color-1);}
.mobile-menu__list--2 .mobile-menu__item {font-size: 0.9em;color: var(--head-menu-color-1);font-weight: 400;}
.mobile-menu__list--2 .mobile-menu__item:hover {color: var(--head-menu-color-2);}
.mobile-menu__list--2 .mobile-menu__item--active {color: var(--head-menu-color-2);font-weight: 500;}

body.menu-open .mobile-menu__content {transform: translateX(0%);}
body.menu-open .mobile-menu {opacity: 1;visibility: visible;transition: opacity, visibility;transition-duration: .3s, 0s;transition-delay: 0s, 0s;}
@media (max-width: 850px) {
    .mobile-menu {display: block;}
}

/******************************************************************************/
/* Slider 0 */
.slider0 {
    --swiper-pagination-bullet-width: 10px;
    --swiper-pagination-bullet-height: 10px;
    --swiper-pagination-bullet-border-radius: 0;
    --swiper-pagination-bullet-inactive-color: var(--color-fg-3);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-color: var(--color-fg-1);
    display: flex;
    user-select: none;
    isolation: isolate;
    position: relative;
    border-radius: var(--global-border-radius);
    overflow: hidden;
}
.slider0__content {width: 100%;}
.slider0__slide {display: grid;align-items: center;}
.slider0__slide>* {grid-row: 1;grid-column: 1;}
.slider0__box {width: 85%;}
.slider0__text {background: var(--color-bg-1);color: var(--color-fg-3);padding: 1em;line-height: 1.2;font-size: 40px;text-transform: uppercase;font-weight: 800;display: inline-block;max-width: 100%;}

.slider0__img::before {content: "";display: block;padding-top: calc(465 / 1200 * 100 * 1%);}
.slider0__img img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;}
/* .slider0__img img {width: 100%;height: 100%;object-fit: cover;} */

/* .slider0__video::before {content: "";display: block;padding-top: calc(720 / 1200 * 100 * 1%);} */
.slider0__video::before {content: "";display: block;padding-top: calc(460 / 1200 * 100 * 1%);}
.slider0__video video {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;}

.slider0__arrow {--slider-arrow-padding: 0rem;display: grid;align-items: center;cursor: pointer;font-size: 128px;color: var(--color-fg-3);position: absolute;z-index: 2;top: 50%;transform: translateY(-50%);opacity: .6;transition: .2s color, .2s opacity;}
.slider0__arrow--prev {left: var(--slider-arrow-padding);}
.slider0__arrow--next {right: var(--slider-arrow-padding);}
.slider0__arrow:hover {color: var(--color-fg-1);opacity: .6;}
.slider0__arrow.swiper-button-disabled {opacity: 0;cursor: not-allowed;}
.slider0__arrow.swiper-button-lock {opacity: 0; visibility: hidden;}

@media (max-width: 1000px) {
    .slider0__arrow {font-size: 100px;}
}
@media (max-width: 850px) {
    .slider0__arrow {font-size: 80px;}
}
@media (max-width: 450px) {
    .slider0__arrow {font-size: 60px;}
}

/******************************************************************************/
/* Slider v4 - foto galerie */
.slider4 {display: flex;user-select: none;}
.slider4__arrow {display: grid;align-items: center;cursor: pointer;font-size: 32px;color: var(--color-bg-1);transition: .2s filter;}
.slider4__arrow:hover {filter: brightness(0.8);}
.slider4__arrow--prev {transform: translateX(-200%);}
.slider4__arrow--next {transform: translateX(200%);}
.slider4__arrow.swiper-button-disabled {opacity: 0;cursor: not-allowed;}
.slider4__arrow.swiper-button-lock {opacity: 0;display: none;}
.slider4__content {width: 100%;height: 100%;}
.slider4 .swiper-slide {height: auto;width: auto;display: grid;align-items: center;}
.slider4__img {width: 100%;height: auto;object-fit: contain;max-height: 300px;}

@media (max-width: 1280px) {
    .slider4__arrow--prev {transform: translateX(0);margin-right: 8px;}
    .slider4__arrow--next {transform: translateX(0);margin-left: 8px;}
}
@media (max-width: 600px) {
    .slider4__img {max-height: 200px;}
}

/******************************************************************************/
/* Slider v6 */
.slider6 { isolation: isolate; display: flex;}
.slider6 .swiper-pagination { display: none;}
.slider6__slide { display: grid;}
.slider6__arrow { display: grid; align-items: center; justify-content: center; cursor: pointer; color: #e4e4e4; transition: .2s filter, .2s color; z-index: 5; position: relative; border-radius: var(--global-border-radius); font-size: 128px; width: 1em; overflow: hidden;}
.slider6__arrow:hover { color: var(--color-fg-1);}
.slider6__arrow.swiper-button-disabled { /* opacity: 0; */ cursor: not-allowed;color: #e4e4e4;}
.slider6__arrow.swiper-button-lock { /* opacity: 0; */}
.slider6__text { font-size: 14px; line-height: 1.7; font-weight: 300;}
.slider6__text--1 strong { font-weight: 600; }
.slider6__text--2 strong { font-weight: 700; font-size: 18px;}

/* Optimalizace problikávání při načtení */
.slider6__content:not(.swiper-initialized) { max-width: 85%;}
.slider6__content:not(.swiper-initialized) .swiper-slide {width: 32%;margin-right: 0;}
.slider6__content:not(.swiper-initialized) .swiper-slide:not(:first-child) {margin-left: 2%;}

@media (max-width: 1000px) {
    .slider6__content:not(.swiper-initialized) .swiper-slide {width: 49%;margin-right: 0;}
    .slider6__content:not(.swiper-initialized) .swiper-slide:not(:first-child) {margin-left: 3%;}
}
@media (max-width: 600px) {
    .slider6__content:not(.swiper-initialized) .swiper-slide {width: 100%;margin-right: 0;}
    .slider6__content:not(.swiper-initialized) .swiper-slide:not(:first-child) {margin-left: 0;}
}

/******************************************************************************/
/* Počítadlo */
.wrap1--numbers {background-color: #d29504;position: relative;isolation: isolate;}
.wrap1--numbers::before {content: ' ';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;opacity: 0.1;background-image: var(--img, url("https://www.gebeshuber.cz/www/img/tmp/stroj.png"));background-repeat: no-repeat;background-size: cover;background-position: center;}
.counter-box {display: grid;grid-template-columns: 1fr auto;}

.counter-box__picture {display: none;width: 340px;margin-top: -64px;}
.counter-box__img {width: 100%;height: auto;}

.counter-box__counters {display: grid;grid-auto-flow: column;align-items: center;gap: 1em;margin: 4em 0;}
.counter-box__counter {display: grid;justify-items: center;}
.counter-box__number {font-weight: 900;font-size: 4.2em;}
.counter-box__text {text-transform: uppercase;font-weight: 600;font-size: 1.25em;text-align: center;}
@media (max-width: 850px) {
    .counter-box {grid-template-columns: 1fr;}
    .counter-box__counters {grid-auto-flow: row;}
    .counter-box__picture {width: 300px;margin-top: -150px;margin-left: -96px;}
}

/******************************************************************************/
/* Patička — styly přesunuty do tpl/comp/site_footer_a/site_footer_a.css */

.wrap1--footer--2 {background: unset;color: unset;padding: unset;overflow: hidden;}
.wrap1--footer--2 .content-max-width {position: relative;isolation: isolate;--padding-block: 3em;--p-t: 5em;--p-b: calc(100% - var(--p-t));--p-b: 100%;padding-top: calc(var(--p-t) + var(--padding-block));padding-bottom: 1rem;padding-inline: 2%;}
.wrap1--footer--2 .content-max-width::before {content: "";background: hsl(82deg 66% 80%);position: absolute;height: 100%;top: 0;right: 100%;width: calc((100vw - 100%) / 2);-webkit-clip-path: polygon(0 0%, 100% var(--p-t), 100% var(--p-b), 0 100%);clip-path: polygon(0 0%, 100% var(--p-t), 100% var(--p-b), 0 100%);z-index: -1;}
.wrap1--footer--2 .content-max-width::after {content: "";background: hsl(82deg 66% 92%);position: absolute;height: 100%;top: 0;left: 0;width: calc((100vw - 100%) / 2 + 100%);-webkit-clip-path: polygon(0 var(--p-t), 100% 0, 100% 100%, 0 var(--p-b));clip-path: polygon(0 var(--p-t), 100% 0, 100% 100%, 0 var(--p-b));z-index: -1;}

/******************************************************************************/
/* Reference */
.wrap1--reference {background: #e9e9e9;}
.references__list {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 4em .5em;}
.references__item {text-decoration: none;font-size: 14px;}
.references__picture {display: grid;position: relative;}
.references__picture::before {content: "";display: block;padding-top: calc(234 / 374 * 100 * 1%);}
.references__img {position: absolute;width: 100%;height: 100%;object-fit: cover;}
.references__content {margin-top: 1em;}
.references__buttons {margin-top: 4em;margin-bottom: 2em;}

/******************************************************************************/
/* Reference v2 */
.wrap1--reference-v2 { /* --content-padding-top: .5rem; */ --content-padding-bottom: 0rem;}
.wrap1--reference-v2 .wrap1 { --content-padding-top: 2rem; --content-padding-bottom: 2rem;}
.wrap1--reference-bg-silver { background: var(--color-bg-2); color: var(--color-fg-2);}
.references2__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 3rem 2rem;}
.references2__item { text-decoration: none; font-size: 14px; border: 1px solid #ccc; padding: 1.25rem; display: grid; grid-template-rows: auto auto 1fr auto; background: #fff;}
.references2__picture { display: grid; position: relative; overflow: hidden;}
.references2__picture::before { content: ""; display: block; padding-top: calc(234 / 374 * 100 * 1%); background: var(--color-bg-2);}
.references2__img { position: absolute; width: 100%; height: 100%; object-fit: cover;}
.references2__content { margin-top: 2.5em;}
.references2__title h2 { margin-top: 0; margin-bottom: 0; min-height: calc(2em * 1.25); margin-bottom: 1rem;}
.wrap1--reference-bg-silver .references2__item { border: none;}

@supports (grid-template-rows: subgrid) {
    .references2__list {
        grid-template-rows: auto auto 1fr auto;
    }
    .references2__item {
        grid-row: span 4;
        display: grid;
        grid-template-rows: subgrid;
        gap: 0;
    }
}

/******************************************************************************/
/* Reference v3 */
.wrap1--reference-v3 { --content-padding-bottom: 1rem;}
.wrap1--reference-v3 .wrap1 { --content-padding-top: 0rem; --content-padding-bottom: 2rem;}
 .references3__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 3rem 1.5rem;}
.references3__item { text-decoration: none; font-size: 14px; display: grid; text-align: center;}
.references3__picture { display: grid; position: relative; overflow: hidden;}
.references3__picture::before { content: ""; display: block; padding-top: calc(234 / 374 * 100 * 1%);}
.references3__img { position: absolute; width: 100%; height: 100%; object-fit: scale-down;}
.references3__title h2 { margin-bottom: .75em; text-transform: uppercase;}
.references3__buttons {margin-top: 1rem;}

@supports (grid-template-rows: subgrid) {
    .references3__list {
        grid-template-rows: auto auto 1fr auto;
    }
    .references3__item {
        grid-row: span 4;
        display: grid;
        grid-template-rows: subgrid;
        gap: 0;
    }
}

/******************************************************************************/
/* Card List v1 */
.card-list-v1__list {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 4em .75em;justify-items: center;}
.card-list-v1__item {text-decoration: none;font-weight: 300;line-height: 1.25;max-width: 400px;}
.card-list-v1__item { font-size: 14px; line-height: 1.7; font-weight: 300;}
.card-list-v1__content {padding-right: 2em;}
.card-list-v1__picture {display: grid;position: relative;border-radius: var(--global-border-radius);overflow: hidden;}
.card-list-v1__picture::before {content: "";display: block;padding-top: calc(200 / 392 * 100 * 1%);}
.card-list-v1__img {position: absolute;width: 100%;height: 100%;object-fit: cover;opacity: 0.9999;}
.card-list-v1__content {margin-top: 1em;}
.card-list-v1__buttons {margin-top: 4em;margin-bottom: 2em;}
.card-list-v1 h2,
.card-list-v1 .h2,
.card-list-v1 h3,
.card-list-v1 .h3 {color: var(--color-fg-2);text-transform: uppercase;font-weight: 300;text-decoration-thickness: 1px;text-decoration-line: underline;text-decoration-style: solid;text-underline-offset: .2em;}
.card-list-v1 h2,
.card-list-v1 .h2,
.card-list-v1 h3,
.card-list-v1 .h3 { font-size: 24px; min-height: 2.5em; line-height: 1.25; margin-bottom: 1em;}
.card-list-v1__item:hover h2,
.card-list-v1__item:hover .h2,
.card-list-v1__item:hover h3,
.card-list-v1__item:hover .h3 {text-decoration-line: none;}

.card-list-v1__item .card-list-v1__picture::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; box-shadow: inset 0px 0px 1rem hsl(0deg 0% 50% / .3); opacity: 0; transition: .2s opacity; border-radius: var(--global-border-radius);}
.card-list-v1__item:hover .card-list-v1__picture::after { opacity: 1;}

/******************************************************************************/
/* Card List v3 */
.card-list-v3__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1em 1em;}
.card-list-v3__item { text-decoration: none; font-weight: 300; font-size: 14px; line-height: 1.7; border: 1px solid #ddd; padding: 2rem; display: flex; flex-direction: column; border-radius: var(--global-border-radius);}
.card-list-v3__picture { display: grid; position: relative; margin-top: 2em; margin-bottom: 2em;}
.card-list-v3__picture::before { content: ""; display: block; padding-top: calc(163 / 208 * 100 * 1%);}
.card-list-v3__img { position: absolute; width: 100%; height: 100%; object-fit: scale-down; opacity: 0.9999;}
.card-list-v3__content { margin-top: 1em;flex:1;}
.card-list-v3 h2,.card-list-v3 .h2,.card-list-v3 h3,.card-list-v3 .h3 { color: var(--color-fg-2); text-transform: uppercase; font-weight: 800; font-size: 24px; min-height: 2.5em;}
.card-list-v3 .card-list-v3__button { margin-top: 2em; padding: 1rem 1.5rem; text-align: center;}

/* hover */
.card-list-v3__item {transition: .3s opacity, .3s transform;}
.card-list-v3__picture {transition: .3s opacity, .3s transform;}
.card-list-v3__item:hover { transform: translateY(-1em);}
.card-list-v3__item:hover .card-list-v3__picture { transform: scale(1.1);}

/* button v2 */
.card-list-v3__button--v2 { margin-top: 2em; font-weight: 600; font-size: 1em; text-decoration: none; position: relative; align-self: start;}
.card-list-v3__button--v2::after {
    display: inline-block; height: 1em; margin-left: .2em; transition: .2s transform;
    /* width: 0.63em;vertical-align: -0.2em;content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256L34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941'/%3E%3C/svg%3E"); */
    width: .8em;vertical-align: -0.05em;content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M6.263 15.146L12.31 8L6.263.854L4.737 2.146L9.69 8l-4.953 5.854z'/%3E%3C/svg%3E");
    /* width: .8em;vertical-align: -0.1em;content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 30l12-14L12 2'/%3E%3C/svg%3E"); */
}
.card-list-v3__button--v2::before { content: ""; display: block; background: currentColor; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; transform: scaleX(0); transition: .2s transform; transform-origin: right;}
.card-list-v3__button--v2:hover {}
.card-list-v3__button--v2:hover::after { transform: translateX(.4em);}
.card-list-v3__button--v2:hover::before { transform: scaleX(1); transform-origin: left;}


/******************************************************************************/
/* Card List v4 */
.card-list-v4__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1em 0em;}
.card-list-v4__item { text-decoration: none; font-weight: 300; font-size: 14px; line-height: 1.7; margin-right: 1.5em; padding-right: 1.5em; padding-top: 3em; padding-bottom: 4em;}
.card-list-v4__item:not(:last-child) { border-right: 1px solid #f1f1f1;}
.card-list-v4__item img { height: 90px; object-fit: contain; object-position: left;}

@media (max-width: 800px) {
    .card-list-v4__item {max-width: 300px; margin:auto;}
}
@media (max-width: 600px) {
    .card-list-v4__item img {height: 15vw;width: 15vw;}
}

/******************************************************************************/
/* Card List v5 */
.card-list-v5__list { --minmax: 200px; display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--minmax, 200px), 1fr)); gap: 4em .75em; /*justify-items: center;*/}
.card-list-v5__item { text-decoration: none; font-weight: 300; font-size: 14px; line-height: 1.25; max-width: 400px;}
.card-list-v5__content { padding-right: 2em; margin-top: 1.5em;}
.card-list-v5__content strong { font-size: 16px; font-weight: 600;}
.card-list-v5__picture { display: grid; position: relative; border-radius: var(--global-border-radius); overflow: hidden;}
.card-list-v5__picture::before { content: ""; display: block; padding-top: calc(194 / 294 * 100 * 1%);}
.card-list-v5__img { position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: 0.999; background-color: var(--color-bg-2); background-image: linear-gradient(to bottom right, transparent, hsl(0deg 0% 50% / .5));}

@media (max-width: 850px) {
    .card-list-v5__list {--minmax: 160px;}
}

/******************************************************************************/
/* Card List v6 */
.card-list-v6 { --minmax: 230px; }
.card-list-v6__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--minmax, 230px), 1fr));
    gap: 2em 1em;
}
.card-list-v6__item { position: relative; display: grid; text-decoration: none; font-weight: 300; font-size: 14px; line-height: 1.25; transition: .3s opacity, .3s transform;background:var(--color-bg-3);}
.card-list-v6__item-content { display: flex; flex-direction: column; border: 1px solid #ddd; padding: 2rem; border-radius: var(--global-border-radius);}
.card-list-v6__picture-wrap { display: grid; position: relative; margin-top: 2em; margin-bottom: 2em;}
.card-list-v6__picture { display: grid; position: relative; grid-row: 1; grid-column: 1; transition: .3s opacity, .3s transform;}
.card-list-v6__picture::before { content: ""; display: block; padding-top: calc(163 / 208 * 100 * 1%);}
.card-list-v6__img { position: absolute; width: 100%; height: 100%; object-fit: scale-down; opacity: 0.9999;}
.card-list-v6__content { margin-top: 1em; flex: 1;}
.card-list-v6__content strong { font-size: 22px; font-weight: 400; display: inline-block; margin-bottom: .5em;}
.card-list-v6__content h2, .card-list-v6__content h3 {margin: 0;color: inherit;}
.card-list-v6 .card-list-v6__button { margin-top: 2em; padding: 1rem 1.5rem; text-align: center;}
.card-list-v6__eco { position: absolute; top: 8px; right: 8px; display: grid; gap: 4px;}
.card-list-v6__eco-img { --icon-size: 36px; width: var(--icon-size); height: var(--icon-size); object-fit: contain;}

.card-list-v6__table b { font-weight: 600;}
.card-list-v6__table td:nth-child(1) { text-align: right; padding-right: 0.5em; }

/* Card List v6 - Reference */
.card-list-v6--reference .card-list-v6__picture-wrap { margin-top: 0; margin-bottom: 4em;}
.card-list-v6--reference .card-list-v6__list { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));}

/* Card List v6 - blog */
.card-list-v6--blog .card-list-v6__picture-wrap { margin-top: 0; margin-bottom: 1em;}
.card-list-v6--blog .card-list-v6__list { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));}
.card-list-v6--blog a {text-decoration: none;}

/* hover */
.card-list-v6__item:hover { transform: translateY(-1em);}
.card-list-v6__picture { opacity: 0; }
.card-list-v6__picture:last-child { opacity: 1; }
.card-list-v6__item:hover .card-list-v6__picture { transform: scale(1.25);}
.card-list-v6__item:hover .card-list-v6__picture:nth-child(1) { opacity: 1;}
.card-list-v6__item:hover .card-list-v6__picture:nth-child(2) { opacity: 0;}

/* Animace */
.card-list-v6__item.anim--able { --duration: .4s; --delay: 0s;}
.card-list-v6__item.anim--able .card-list-v6__item-content { transform: translateY(50%); opacity: 0; transition: transform, opacity; transition-duration: var(--duration, .5s); transition-delay: var(--delay, 0s); transition-delay: calc( (var(--i, 0) - 1) * 0.1s * var(--delay, 0s));}
.card-list-v6__item.anim--able.anim--show .card-list-v6__item-content { transform: translateX(0%); opacity: 1;}
.card-list-v6__item:nth-child(4n+1) { --i: 1;}
.card-list-v6__item:nth-child(4n+2) { --i: 2;}
.card-list-v6__item:nth-child(4n+3) { --i: 3;}
.card-list-v6__item:nth-child(4n+4) { --i: 4;}

/* button v2 */
.card-list-v6__button--v2 { margin-top: 3em; font-weight: 600; font-size: 1em; text-decoration: none; position: relative; align-self: start;display:flex; align-items: center;cursor:pointer;}
.card-list-v6__button--v2::after {
    display: inline-block; height: 1em; margin-left: .2em; transition: .2s transform;
    /* width: 0.63em;vertical-align: -0.2em;content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256L34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941'/%3E%3C/svg%3E"); */
    width: .8em;vertical-align: -0.05em;content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M6.263 15.146L12.31 8L6.263.854L4.737 2.146L9.69 8l-4.953 5.854z'/%3E%3C/svg%3E");
    /* width: .8em;vertical-align: -0.1em;content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 30l12-14L12 2'/%3E%3C/svg%3E"); */
}
.card-list-v6__button--v2::before { content: ""; display: block; background: currentColor; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; transform: scaleX(0); transition: .2s transform; transform-origin: right;}
.card-list-v6__button--v2:hover {}
.card-list-v6__button--v2:hover::after { transform: translateX(.4em);}
.card-list-v6__button--v2:hover::before { transform: scaleX(1); transform-origin: left;}

.card-list-v6__show-all {
    display: grid;
    justify-content: center;
}

@media (max-width: 800px) {
    .card-list-v6 { --minmax: 180px; }
    .card-list-v6__item-content { padding: 16px; }
    .card-list-v6__content>*:not(:first-child) {display: none;}
    .card-list-v6__button--v2 {margin-top: 2rem;}
    .card-list-v6__eco-img {--icon-size: 30px;}
}
@media (max-width: 650px) {
    .card-list-v6 { --minmax: 150px; }
    .card-list-v6__button--v2 {margin-top: 1rem;}
}

@media (max-width: 550px) {
    .card-list-v6 { --minmax: 130px; }
    .card-list-v6__list {gap: 1rem .5rem; }
    .card-list-v6__button--v2 {margin-top: 1rem;}
    .card-list-v6__picture-wrap { margin-inline: -.5rem; margin-bottom: .5rem;}
    .card-list-v6__eco-img {--icon-size: 24px;}
}

/******************************************************************************/
/* Card List v7 */
.card-list-v7__list {
    --minmax: 200px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--minmax, 200px), 1fr));
    gap: 4em .75em;
    /* justify-items: center; */
}
.card-list-v7__item {
    text-decoration: none;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.25;
    max-width: 400px;
    text-align: center;
}
.card-list-v7__item:not(:last-child) {
    border-right: 1px solid #f1f1f1;
}
.card-list-v7__content {
    padding-right: 2em;
    margin-top: 1.5em;
}
.card-list-v7__content strong {
    font-size: 16px;
    font-weight: 600;
}
/* .card-list-v7__picture { display: grid; position: relative; border-radius: var(--global-border-radius); overflow: hidden;} */
/* .card-list-v7__picture::before { content: ""; display: block; padding-top: calc(194 / 294 * 100 * 1%);} */
/* .card-list-v7 img { position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: 0.999; background-color: var(--color-bg-2); background-image: linear-gradient(to bottom right, transparent, hsl(0deg 0% 50% / .5));} */
.card-list-v7__item img { height: 90px; object-fit: contain; margin:auto;display: block;}


@media (max-width: 850px) {
    .card-list-v7__list {--minmax: 160px;}
}
/*
.card-list-v7__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1em 0em;}
.card-list-v7__item { text-decoration: none; font-weight: 300; font-size: 14px; line-height: 1.7; margin-right: 1.5em; padding-right: 1.5em; padding-top: 3em; padding-bottom: 4em;}
.card-list-v7__item:not(:last-child) { border-right: 1px solid #f1f1f1;}
.card-list-v7__item img { height: 90px; object-fit: contain; object-position: left;}

@media (max-width: 800px) {
    .card-list-v7__item {max-width: 300px; margin:auto;}
}
@media (max-width: 600px) {
    .card-list-v7__item img {height: 15vw;width: 15vw;}
} */

/******************************************************************************/
/* Grid photo list */
.wrap1--reference-znacky {
    /* --content-padding-bottom: 90px; */
}

.grid-photo-list__list { --minmax:125px; display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--minmax, 125px), 1fr)); gap: 3rem 1rem;}
.grid-photo-list__picture { display: grid; position: relative;}
.grid-photo-list__picture::before { content: ""; display: block; padding-top: calc(220 / 350 * 100 * 1%);}
.grid-photo-list__img { position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: 0.9999;}

@media (max-width: 850px) {
    .grid-photo-list__list {--minmax: 100px;}
}
@media (max-width: 650px) {
    .grid-photo-list__list {--minmax: 80px;}
}

/******************************************************************************/


/******************************************************************************/
/* Section Obrázek pod textem */
.wrap1--section-image-under-text {
    --content-padding-top: 46px;
    --content-padding-bottom: 96px;
}

.section-image-under-text {display: grid;grid-template-columns: 1fr;align-items: center;}
.section-image-under-text__text,
.section-image-under-text__picture {grid-row: 1;grid-column: 1;}
.section-image-under-text__text {
    justify-self: end;
    position: relative;
    color: var(--color-fg-3);
    background: var(--color-bg-1);
    padding: 3rem 4rem;
    isolation: isolate;
    width: 100%;
    max-width: var(--content-max-width--extra);
    font-size: 14px;
    line-height: 1.7;
    font-weight: 300;
    border-radius: var(--global-border-radius);
}
.section-image-under-text__text h1,
.section-image-under-text__text .h1,
.section-image-under-text__text h2,
.section-image-under-text__text .h2,
.section-image-under-text__text h3,
.section-image-under-text__text .h3,
.section-image-under-text__text h4,
.section-image-under-text__text .h4 { color: inherit; }
.section-image-under-text__text h1,
.section-image-under-text__text .h1 {margin-top: 0; }
.section-image-under-text__text::after {content: "";display: block;background: inherit;position: absolute;top: 0;left: 0;width: 100vw;height: 100%;z-index: -1;border-radius: var(--global-border-radius);}
.section-image-under-text__picture {display: grid;justify-content: start;}
.section-image-under-text__img {max-width: 100%;border-radius: var(--global-border-radius);}

/* Obrácená sekce */
.section-image-under-text--reverse .section-image-under-text__text { justify-self: start; }
.section-image-under-text--reverse .section-image-under-text__text::after { right: 0; left: unset; }
.section-image-under-text--reverse .section-image-under-text__picture { justify-content: end; }

/* Sekce s videem */
.section-image-under-text__video-box { grid-column: 1; grid-row: 1; overflow: hidden; background: hsl(15deg 6% 74%); background-image: linear-gradient(to top left, hsl(0deg 0% 60%), hsl(0deg 0% 90%)); height: 700px; width: 70vw; max-width: 700px; padding: 3rem; border-radius: var(--global-border-radius); display: flex; justify-content: center;}
.section-image-under-text__video { height: 100%; border-radius: var(--global-border-radius); max-width: 100%;}
@media (max-width: 1130px) {
    .section-image-under-text__video-box { justify-content: start; }
}
@media (max-width: 1000px) {
    .section-image-under-text__video-box { --shift: 12rem; grid-row: 2; justify-self: center; justify-content: center; width: 100%; margin-top: calc(-1 * (var(--shift) - 3rem)); height: calc(800px + var(--shift)); padding-top: var(--shift); padding-bottom: var(--content-padding-bottom); }
}
@media (max-width: 460px) {
    .section-image-under-text__video-box { padding: 3rem 1rem; margin-top: 0; height: auto; }
}


/* Animace */
@media (min-width: 600px) {
    .section-image-under-text.anim--able { --duration: .5s; --delay: 0s; }
    .section-image-under-text.anim--able .section-image-under-text__text { transform: translateX(100%); opacity: 0; transition: transform, opacity; transition-duration: var(--duration, .5s); transition-delay: var(--delay, 0s); }
    .section-image-under-text.anim--able.anim--show .section-image-under-text__text { transform: translateX(0%); opacity: 1; }
}


/******************************************************************************/
/* Section dva sloupce textu */
.section-text-2col { display: grid; grid-template-columns: 1fr 1fr;}
.section-text-2col__wrap-normal { display: flex; flex-direction: column;}
.section-text-2col__normal { padding: 2rem 20% 2rem 0rem;}
.section-text-2col__space { flex: 1; }
.section-text-2col__special { padding: 2rem 0rem 2rem 2rem; position: relative; color: var(--color-fg-3); background: var(--color-bg-1); isolation: isolate; width: 100%; max-width: var(--content-max-width--extra); border-radius: var(--global-border-radius);align-self: center;}
.section-text-2col__special h1,.section-text-2col__special .h1,.section-text-2col__special h2,.section-text-2col__special .h2,.section-text-2col__special h3,.section-text-2col__special .h3,.section-text-2col__special h4,.section-text-2col__special .h4 { color: inherit; margin: 0; font-weight: 700;}
.section-text-2col__special ul { margin: 0;}
.section-text-2col__special ul li::marker { color: inherit;}
.section-text-2col__special::after { content: ""; display: block; background: inherit; position: absolute; top: 0; left: 0; width: 110vw; height: 100%; z-index: -1; border-radius: var(--global-border-radius);}
.section-text-2col__buttons { margin-top: 3rem; display: flex; flex-wrap: wrap; gap: 1rem 2rem; justify-content:space-between;}
.section-text-2col__buttons > * { flex: 1; font-size: 1rem;}

/* Blok využiti */
.section-text-2col__normal-bottom { flex: 1; display: grid; align-items: center;}
.section-text-2col__event-info { border: 2px solid #f2f2f2; border-radius: var(--global-border-radius) 0 0 var(--global-border-radius); padding: 2.5rem 2.5rem 4rem 2.5rem; border-right: none; container-type: inline-size;}
.section-text-2col__event-title { font-size: 24px;text-transform: uppercase;font-weight: 700; line-height: 1; margin-bottom: 1rem;}
.section-text-2col__event-list { font-weight: 300; display: grid; gap: 0 2rem;}
.section-text-2col__event-list>* { padding-top: 1rem;}
.section-text-2col__event-list>*:not(:first-child) { margin-top: 1rem; border-top: 1px solid black;}
.section-text-2col__event-list>*::before { content: ""; width: 0.7em; height: 0.7em; display: inline-block; background: currentColor; margin-right: 0.5em;}

@container (min-width: 400px) {
    .section-text-2col__event-list { grid-template-columns: 1fr 1fr; }
    .section-text-2col__event-list>*:nth-child(-n+2) { margin: 0; border: none; }
}


@media (max-width: 750px) {
    .section-text-2col { grid-template-columns: 1fr; }
    .section-text-2col__normal, .section-text-2col__special { padding-left: 0; padding-right: 0; }
    .section-text-2col__special::after { transform: translateX(-10vw); }
    .section-text-2col__event-info { border: 2px solid #f2f2f2; border-radius: var(--global-border-radius); padding: 2rem; margin-bottom: 1rem;}
}


/******************************************************************************/
/* Kariera */
.career-list {display: grid; gap: 3em;}
.career {display: grid;grid-template-columns: 1fr 1fr;grid-template-areas: "left right";font-size: 14px;}
.career:nth-child(2n) {grid-template-areas:"right left";}
.career__left {grid-area: left;}
.career__right {grid-area: right;display: grid;grid-template-rows: 1fr auto;}
.career:nth-child(2n+1) .career__right {padding-left: 4em;}
.career:nth-child(2n) .career__right {padding-right: 4em;}
.career h1, .career h2, .career h3, .career h4, .career .h1, .career .h2, .career .h3, .career .h4 {font-size: 24px;font-weight: normal;color: var(--color-fg-1);margin-bottom: 1em;}
.career__picture {display: grid;/* margin: auto; */}
.career__img {width: 100%;height: auto;object-fit: cover;}

@media (max-width: 800px) {
    .career {grid-template-columns: 1fr;grid-template-areas: "right" "left";gap: 1em;}
    .career:nth-child(2n+1) .career__right {padding-left: 0em;}
    .career:nth-child(2n) .career__right {padding-right: 0em;}
    .career__picture {max-width: 400px;}
    .career__right {padding-left: 0;}
}

/******************************************************************************/
/* Kontaktni formular */
/* .cf-wrap {border: 1px solid #9d9d9d;padding-top: 2rem;padding-bottom: 4rem;margin-bottom: 4rem;} */
.cf {overflow: hidden;max-width: 500px;margin: auto;padding: 0;font-size: 16px;padding: 0;}
.cf__body {}
.cf__col--info {}
.cf__label {display: grid;line-height: 1;gap: 0rem;color: #595959;}
.cf__label:focus-within {color: var(--color-fg-1);}
.cf__label span::after {}
.cf__label input {appearance: none;border: none;outline: none;color: inherit;background: inherit;font-family:inherit;font-size:inherit;padding: 0.6em;border: 1px solid currentColor;border-radius: var(--global-border-radius);}
.cf__label textarea {appearance: none;border: none;outline: none;color: inherit;background: inherit;font-family:inherit;font-size:inherit;padding: 0;border: 1px solid currentColor;padding: .6em;resize: vertical;border-radius: var(--global-border-radius);}
.cf__label select {appearance: none;border: none;outline: none;color: inherit;background: inherit;font-family:inherit;font-size:inherit;padding: 0.6em;border: 1px solid currentColor;border-radius: var(--global-border-radius);}
.cf__label select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23878787' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-size: 16px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    padding-right: 32px;
}
.cf__label select option {color: black;}
.cf__col--text .cf__label {grid-template-columns: 1fr;}
.cf__foot-checkbox {display: grid;margin-bottom: 2.2rem;}
.cf .checkbox {--mark-checked-color: var(--color-fg-3);--mark-checked-background: var(--color-bg-1);--mark-size: 1.2em;}
.cf .checkbox__label {font-size: 14px;}
.cf__head, .cf__foot {max-width: var(--content-max-width--extra);margin: auto;}

.cf__label>:last-child {
    --transform: scale(1) translateY(1.8em) translateX(1em);
    transform: var(--transform);
    transform-origin: left bottom;
    transition: .3s transform;
    pointer-events: none;
    grid-row: 1;
}
.cf__label:focus-within>:last-child,
.cf__label>input:not(:placeholder-shown) ~ *,
.cf__label>textarea:not(:placeholder-shown) ~ *,
.cf__label>select:not(:placeholder-shown) ~ *,
.cf__label>input:autofill ~ *,
.cf__label>textarea:autofill ~ *,
.cf__label>select:autofill ~ *
{transform: scale(0.9) translateY(0) translateX(0);}


.cf--v1 {}
.cf--v1 .cf__label { margin-bottom: 2.2rem; }

.cf--v2 {max-width: 100%;}
.cf--v2 .cf__col--info {display: grid;grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) );gap: .5em 1.5em;margin-bottom: .5em;}
.cf--v2 .cf__col--info>:last-child:nth-child(2n+1) {grid-column: 1 / -1;}
.cf--v2 .cf__foot-checkbox {display: grid;margin-top: 2em; margin-bottom: 2em;}
@media (max-width: 900px) {
    .cf--v2 .cf__col--info {grid-template-columns: repeat( auto-fit, minmax(280px, 1fr) );}
}

.cf--v3 {max-width: var(--content-max-width--extra);}
.cf--v3 .cf__col--info {display: grid;grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) );gap: .5em 1.5em;margin-bottom: .5em;align-items:start;}
.cf--v3 .cf__col--info>:last-child:nth-child(2n+1) {grid-column: 1 / -1;}
.cf--v3 .cf__foot-checkbox {display: grid;margin-top: 2em; margin-bottom: 2em;}
.cf--v3 .cf__foot-buttons {display: grid;}
@media (max-width: 900px) {
    .cf--v3 .cf__col--info {grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) );}
}

/******************************************************************************/
/* Newsletter v1 */

#nl { scroll-margin-top: 25vh;}
.nl1 { display: grid; grid-template-columns: 3fr 2fr; gap: 3rem;align-items: center;}
.nl1>:nth-child(2) { display: grid; gap: 1rem;}
.nl1 .cf__label {}
.nl1 .cf__label:focus-within { color: black;}
.nl1 .cf__input { background: white;}
.nl1 .checkbox { --mark-color: #878787; --mark-background: white; --mark-checked-color: black; --mark-checked-background: white;}
.nl1 .checkbox { transition: .2s color;}
.nl1 .checkbox:hover, .nl1 .checkbox:focus-within { color: black;}
.nl1 .h1, .nl1 .h2, .nl1 .h3 {margin-top:0;}

@media (max-width: 700px) {
    .nl1 {grid-template-columns: 1fr 1fr;}
}
@media (max-width: 600px) {
    .nl1 {grid-template-columns: 1fr;gap: 1rem;}
}

/******************************************************************************/
/* Newsletter v2 */

.nl2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;align-items: start;}
.nl2>:nth-child(2) { display: grid; gap: 1rem; margin-top: -1rem;}
.nl2 .cf__label {}
.nl2 .cf__label:focus-within { color: black;}
.nl2 .cf__input { background: white;}
.nl2 .checkbox { --mark-color: #878787; --mark-background: white; --mark-checked-color: black; --mark-checked-background: white;}
.nl2 .checkbox { transition: .2s color;}
.nl2 .checkbox:hover, .nl2 .checkbox:focus-within { color: black;}

@media (max-width: 700px) {
    .nl2 {grid-template-columns: 1fr 1fr;}
}
@media (max-width: 600px) {
    .nl2 {grid-template-columns: 1fr;gap: 1rem;}
}

/******************************************************************************/
/* Login */


/******************************************************************************/
/* Hero v1 */
.hero__picture {display: block;}
.hero__img {width: 100%;object-fit: cover;min-height: 240px;max-height: 450px;}

/* Hero v1 */
.hero--v2 .hero__img {width: 100%;object-fit: cover;min-height: 350px;max-height: 350px;}

/******************************************************************************/

.history {display: grid;grid-template-columns: 1fr 1fr;position: relative;gap: 0 54px;}
.history::before {content: "";position: absolute;left: 50%;transform: translateX(-50%);background: silver;width: 1px;bottom: 0;top: 10px;}
.history__item:nth-child(2n) {text-align: left;}
.history__item:nth-child(2n+1) {text-align: right;}
.history__item::before {content: "";display: block;background: var(--color-fg-1);border-radius: 100%;height: 13px;width: 13px;position: absolute;left: 50%;transform: translateX(-50%);}
.history__item--empty::before {content: none;display: none;}
.history__item>:nth-child(1) {font-size: 24px;color: var(--color-fg-1);}
.history__item>:nth-child(2) {font-weight: bold;text-transform: uppercase;}
.history__item--2008 {margin-top: 1em;}
.history__item--2020 {margin-top: 6em;}
.history__item--2021 {margin-top: -2em;}
/******************************************************************************/
.wrap1--machine-box--0 {margin-top: 60px;}
.wrap1--machine-box--1 {background: var(--color-bg-2);padding-top: 100px;padding-bottom: 30px;}
.wrap1--machine-box--last {margin-bottom: 50px;}
.image-bg {display: grid;grid-template-columns: 1fr 1fr;gap: 2em;min-width: 0;width: 100%;}
.image-bg__picture {display: flex;justify-content: end;min-width: 0;}
.wrap1--machine-box--1 .image-bg__picture {grid-column: 2;justify-content: start;}
.machine-box__2col {display: grid;grid-template-columns: 1fr 1fr;gap: 2em;}
.machine-box__2col>* {grid-column: 2;}
.wrap1--machine-box--1 .machine-box__2col>* {grid-column: 1;}
.wrap2--machine-box {display: grid;}
.wrap2--machine-box>* {grid-column: 1;grid-row: 1;}
.machine-box__title {padding-bottom: 1em;font-size: 30px;color: var(--color-fg-1);text-transform: uppercase;text-decoration-thickness: 1px;text-decoration-line: none;}
.machine-box__title:hover {text-decoration-thickness: 1px;text-decoration-line: underline;}
.machines-list__title {font-size: 18px;text-decoration-thickness: 1px;margin-bottom: 8px;display: inline-block;}
.machines-list__item {padding: 16px 0;font-size: 14px;}
.machines-list__item:not(:last-child) {border-bottom: 1px solid silver;}
.machines-list__item:first-child {border-top: 1px solid silver;}
.machines-list__item--perex {padding-top: 0;padding-bottom: 3em;}
.machines-list__item--perex:first-child {border-top: none;}

.machines-list--noone-has-perex {border-top:1px solid silver;}
.machines-list--noone-has-perex .machines-list__item {border-top: none;border-bottom: none;padding: 0;margin: 1.5em 0;}
.machines-list__more {margin-top: 8px;text-align: right;}
.machines-list__more__link {color: var(--color-fg-1);}

.machines-list--one-row .machines-list__item {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 0 1em;}
.machines-list--one-row .machines-list__title {margin-bottom: 0;}


@media (max-width: 850px) {
    .machine-box__2col {grid-template-columns: 1fr;}
    .machine-box__2col>* {grid-column: auto;}
    .wrap2--machine-box>* {grid-column: auto;grid-row: auto;}

    .image-bg {grid-template-columns: 1fr;}
    .image-bg__picture {justify-content: center;margin-bottom: 1em;}
    .wrap1--machine-box--0 {margin-top: 30px;margin-bottom: 30px;}
    .wrap1--machine-box--1 {padding-top: 30px;padding-bottom: 30px;}
    .wrap1--machine-box--1 .image-bg__picture {grid-column: auto;justify-content: center;}
    .image-bg__img {max-height: 300px;width: 100%;object-fit:contain;}
}
@media (max-width: 600px) {
    .wrap1--machine-box--0 {margin-top: 2em;margin-bottom: 2em;}
    .wrap1--machine-box--1 {padding-top: 2em;padding-bottom: 2em;}
    .machine-box__title {padding-bottom: .5em;font-size: 24px;}
    .machines-list__title {font-size: 20px;margin-bottom: 0;}
    .machines-list--noone-has-perex .machines-list__item {padding: 0;margin: 1em 0;}
}

/******************************************************************************/

.wrap1--machine-box2 {padding-top: 24px;padding-bottom: 60px;}
.wrap1--machine-box2--0, .wrap1--machine-box2--0 .zvyrazneni {background: var(--highlight-hover);color:#fff;}

.machine-box2__2col {display: grid;grid-template-areas: "photo text";grid-template-columns: 1fr 1fr;align-items: center;}
.wrap1--machine-box2--1 .machine-box2__2col {grid-template-areas: "text photo";}

.machine-photos {grid-area: photo;display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px;}
.machine-photo__picture {display: grid;align-items: center;justify-content: center;}
.machine-photo__img {max-width: 100%;height: auto;max-height: 450px;object-fit: scale-down; width: 100px;}
.machine-photos>:first-child {grid-column: 1/-1;}

.machine-text {--margin-beetween: min(90px, 15%);grid-area: text;margin-left: var(--margin-beetween, 90px);}

.wrap1--machine-box2--1 .machine-text {margin-right: var(--margin-beetween, 90px);margin-left: 0;}
@media (max-width: 1200px) {
    .machine-text {--margin-beetween: 5%;}
}
@media (max-width: 700px) {
    .machine-box2__2col {grid-template-areas: "text" "photo";grid-template-columns: 1fr;gap: 1em;}
    .wrap1--machine-box2--1 .machine-box2__2col {grid-template-areas: "text" "photo";}
    .machine-text {--margin-beetween: 0;}
}
@media (max-width: 600px) {
    .wrap1--machine-box2 {padding-top: 1em;padding-bottom: 2em;}
}

/******************************************************************************/
/* Aktuality - Slider */

.wrap1--slider-news {margin-top: 64px;margin-bottom: 180px;}
.slider-news {--swiper-pagination-bullet-horizontal-gap: 8px;--swiper-pagination-bullet-size: 12px;--swiper-pagination-color: #d39603;--news-tag-color-1: #fff;--news-tag-color-2: #d29504;}
.slider-news__head {position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 2em;margin-bottom: 2em;}
.slider-news__pagination.swiper-pagination-horizontal {position: static;width: unset;}
.slider-news .swiper-pagination-bullet {border-radius: 0;}

.slider-news .swiper-slide {height: unset;}
.slider-news__slide {display: grid;grid-template-columns: 1fr;grid-template-rows: auto auto 1fr auto;height: 100%;gap: 2em;}

.slider-news__slide-head {position: relative;}
.slider-news__picture {display: flex;position: relative;overflow: hidden;padding: 33.33%;}
.slider-news__img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;object-fit: cover;width: 100%;height: 100%;}

.slider-news__picture {--news-picture-color-1: #182744;background: var(--news-picture-color-1);background-image: url("https://www.gebeshuber.cz/www/img/tmp/logo_2.png");background-repeat: no-repeat;background-size: 500px;background-position: left -236px top -20px;}
.swiper-slide:nth-child(2n) .slider-news__picture {background-position: right -270px top -20px;}

.slider-news .slider-news__slide-title {margin-top: 0;margin-bottom: 0;}

.slider-news__tag {display: grid;grid-auto-flow: column;position: absolute;right: 0;top: 2em;isolation: isolate;}
.slider-news__tag-content {text-transform: uppercase;font-weight: 300;color: var(--news-tag-color-1);background: var(--news-tag-color-2);line-height: 1;padding: .5em 1em;}
.slider-news__tag::before {content: "";display: block;width: 2em;background: var(--news-tag-color-2);transform: skew(34deg);margin-right: -1em;height: calc(100%);z-index: -1;/* transform: translateX(0px); */}
/* .slider-news__tag::before {content: "";display: block;width: 1em;background-image: linear-gradient(to bottom left, var(--news-tag-color-2) 50%, transparent 50%);transform: translateX(0px);} */

.slider-news__text {--line: 6;max-height: calc(var(--line) * 1.25em);line-height: 1.25;overflow: hidden;text-overflow: ellipsis;}
@media (max-width: 600px) {
    .wrap1--slider-news {margin-bottom: 100px;}
}

/* Optimalizace problikávání při načtení */
.slider-news__content:not(.swiper-initialized) .swiper-slide {width: 32%;margin-right: 2%;}
@media (max-width: 1000px) {
    .slider-news__content:not(.swiper-initialized) .swiper-slide {width: 47%;margin-right: 3%;}
}
@media (max-width: 600px) {
    .slider-news__content:not(.swiper-initialized) .swiper-slide {width: 100%;margin-right: 0%;}
}

/******************************************************************************/
/* Aktuality - seznam */
.news-list a { border-bottom: 1px solid transparent; display: inline-block; text-decoration: none; }
.news-list a:hover { border-bottom: 1px solid #000; color: #000; }
.news-list a .date {margin-right: 25px;display: inline-block;width: 9ch;}
.news-list a .more { color: #999; }

/******************************************************************************/
/* Foto galerie - Mřížka */
.gallery-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 1em;}
.gallery-grid__figure {margin: 0;padding: 0;}
.gallery-grid__picture {display: block;position: relative;max-height: 250px;}
.gallery-grid__picture::before {content: "";padding-top: 100%;display: block;}
.gallery-grid__img {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}

/* ! *****************************************************************************/
/* ! *****************************************************************************/

@keyframes shake1 {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@keyframes shake2 {
    0% { transform: rotate(0deg); }
    10% { transform: rotate(-10deg); }
    20% { transform: rotate(10deg); }
    30% { transform: rotate(0deg); }
    40% { transform: rotate(10deg); }
    50% { transform: rotate(-10deg); }
    60% { transform: rotate(0deg); }
    70% { transform: rotate(-10deg); }
    80% { transform: rotate(10deg); }
    90% { transform: rotate(0deg); }
    100% { transform: rotate(-10deg); }
}

/******************************************************************************/
/* obsah */

#homepage #content { display: none; }
#homepage { padding-top: 0 !important; }

/* #breadcrumbs { margin-bottom: 1em; } */
#breadcrumbs {background: transparent;border: none;padding: 0;margin-top: 2em;font-size:14px;}
#breadcrumbs>* {margin: 0 4px;}
#breadcrumbs>:last-child {color: var(--color-fg-1); }
#breadcrumbs a:hover, #breadcrumbs a:focus {color: var(--color-prim);}

#content { margin: auto; padding: 8px 0; }
#content .text { line-height: 1.75em; font-weight: var(--fw-light); }

#content.view-menu-left .content { background: url('../img/bg_content.png') 225px 0 repeat-y; }

/******************************************************************************/
/* pomocná kotva; řeší zafixované menu */

.anchor { position: absolute; top: -100px; }

/******************************************************************************/
/* obsah - levá + pravá strana */

.wrap-left.view-menu-left { display: inline-block; padding-right: 25px; vertical-align: top; width: 200px; }
.wrap-right.view-menu-left { display: inline-block; padding-left: 25px; vertical-align: top; width: calc(100% - 250px); }

#content .wrap-left ul { margin-top: 0; }

/******************************************************************************/
/* fotografie */

.wrap-photo { display: flex;flex-wrap: wrap;justify-content: center;text-align: center; }
.wrap-photo { margin: 1rem 0; }
.wrap-photo img { max-width: 100%; max-height: 15rem; object-fit: contain; }

.photo { display: inline-block; margin: 5px; }
.photo img { height: auto; vertical-align: top; width: 147px; }
.photo:hover img { opacity: 0.95; }

.photo-product { display: inline-block; margin: 1em 28px 8px 0; }
.photo-product .title { font-weight: 300; margin-bottom:.5em; }
.photo-product img {width: 240px;height: 240px;object-fit: cover;}

/******************************************************************************/
/* mapa */

#map-title { }
#map-title .content { font-size: 50px; font-weight: bold; padding: 100px 0; text-align: center; }

#map { position: relative; text-align: center; overflow: hidden; margin: 2em 0;}
/* #map>div {margin-top: -59px;} */
#map .wrap2 { width: 100%; }
#map .content { padding: 0; }

#google-maps { }
#google-maps iframe { pointer-events: none; z-index: -1; }

/******************************************************************************/
/* FAQ */
.faq {
    position: relative;
    overflow: hidden;
    border-radius: var(--global-border-radius);
    border: 1px solid #ddd;
}
.faq__item+.faq__item {
    margin-top: 1px;
}
.faq__item {
    display: grid;
    grid-template-rows: auto 1fr;
    transition: grid-template-rows, opacity;
    transition-duration: .3s;
    overflow: hidden;
}

.faq__item--close {
    grid-template-rows: auto 0fr;
}

.faq__item--close .faq__body {
    opacity: 1;
}

.faq__item--close .faq__indicator::before {
    transform: rotate(180deg);
}

.faq__item--close .faq__indicator::after {
    transform: rotate(90deg);
}

.faq__head {
    display: flex;
    align-items: center;
    gap: 1em;
    padding: 0 1em;
    transition: .3s background;
    background: var(--color-bg-1);
    color: var(--color-fg-3);
    cursor: pointer;
    position: relative;
    isolation: isolate;
    border-top: 1px solid transparent;
    user-select: none;
}
button.faq__head {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    font-size: inherit;
    text-align: inherit;
    font-family: inherit;
    line-height: inherit;
}

.faq__indicator {
    display: inline-grid;
    height: 1em;
    width: 1em;
    justify-items: center;
    align-items: center;
}

.faq__indicator::before,
.faq__indicator::after {
    content: "";
    background: currentColor;
    width: 1em;
    height: 2px;
    display: block;
    grid-row: 1;
    grid-column: 1;
    transform: rotate(0deg);
    transition: transform .5s ease;
}

.faq__question {
    margin: .5em 0;
    transition: .2s transform;
    font-weight: 600;
    /* text-transform: uppercase; */
    flex: 1;
}

.faq__head:hover .faq__question {
    transform: translateX(.5em);
}

.faq__body {
    background: var(--color-bg-2);
    color: var(--color-fg-2);
    opacity: 1;
    transition: .3s opacity;
    align-self: start;
    overflow: hidden;
}

.faq__body>div {
    padding: 1em 1em 1em 3em;
}

/* Vypnutí animací */
.faq--no-anim .faq__item,
.faq--no-anim .faq__head,
.faq--no-anim .faq__question,
.faq--no-anim .faq__body,
.faq--no-anim .faq__indicator::before,
.faq--no-anim .faq__indicator::after {
    transition-duration: 0s !important;
}

/******************************************************************************/
/* Contact form */

/* #contact-form { background: #3b3330; color: #eee; } */
#contact-form { background-color: var(--contact-form-bg-color); color: var(--contact-form-fg-color-prim); margin-top: 3rem;padding-top: 2rem; }
#contact-form a { color: var(--contact-form-fg-color-link); }


#contact-form .content>* { flex: 1 1 0px; }
#contact-form .content img { object-fit: cover; width: 100%; height: 100%; max-height: 57em; max-width: 100vw; }
.mapsitna { display: none; }

.wrap-contact-form { padding: 2rem 0 2rem 0; }

.contact-form2 { display: flex; flex-direction: column; /* padding: 2em; */ }
.contact-form2 .basic { display: grid; grid-template-columns: 1fr 1fr; justify-items: right; grid-gap: 0 10vw;font-size: 14px; }
.contact-form2 input[type="submit"] {color: var(--contact-form-submit-fg-color);background-color: var(--contact-form-submit-bg-color);width: min-content;margin-left: auto;padding: .7rem 4rem;text-transform: capitalize;font-size: inherit;font-weight: unset;border-radius: var(--contact-form-submit-radius);appearance: none;-moz-appearance: none;-webkit-appearance: none;font-weight: 400;}
.contact-form2 input[type="submit"] {filter: var(--hp-filter-shadow-dark);transition: 0.3s transform, 0.3s background-color;}
.contact-form2 input[type="submit"]:hover, .contact-form2 input[type="submit"]:focus {transform: scale(1.1);background-color: var(--contact-form-submit-bg-color-hover);}

.contact-form2 .basic * { color: var(--contact-form-fg-color-prim); }
.contact-form2 .basic label { width: 100%; border-bottom: 1px solid var(--contact-form-line-color); display: flex; white-space: nowrap; padding: 2rem 0 .1rem 0; }
/* .contact-form2 .required::before { content: '* '; } */
.contact-form2 .not-required > span::after { content: '* '; }
.contact-form2 label > span { font-weight: 500; }
.contact-form2 .basic > label > span { min-width: 130px; }
.contact-form2 .basic label span { padding: 0 .5em 0 .1em; }
.contact-form2 .basic input,
.contact-form2 .basic textarea {border: none;border-radius: unset;width: 100%;height: 1.5em;background-color: transparent;appearance: none; -moz-appearance: none; -webkit-appearance: none;padding-top: 0;padding-bottom: 0;resize: vertical;}
.contact-form2 .basic .textarea {grid-column: 2;grid-row: 1/5;}
.contact-form2 .checkbox { align-self: flex-end; margin: 3rem 0 2rem 0; max-width: 50%; }

.contact-form2 .basic input, .contact-form2 .basic textarea {height: 100%;padding: 0;}
.contact-form2 .basic label.textarea {flex-direction: column;}
.contact-form2 .basic label span {opacity: 0.5;text-transform: uppercase;font-size: 1em;}
.contact-form2 input[type="submit"] {font-weight: 400;text-transform: uppercase;}

.contact-form2 .additional { display: flex; margin: 3rem 0 2rem 0; justify-content: space-between;font-size: 14px; }
.contact-form2 .additional .checkbox { margin: 0; }
.contact-form2 .additional .legend { text-transform: uppercase; }
.contact-form2 span, .contact-form2 .basic label span { font-weight: 600;}

/* checkbox */
.checkbox {
    --mark-border-color: var(--contact-form-line-color);
    --mark-border: 1px solid var(--mark-border-color);
    --mark-color: inherit;
    --mark-background: transparent;
    --mark-checked-color: #fff;
    --mark-checked-background: var(--color-prim);
    --mark-size: 1.5em;
    --mark-transition-duration: 0.3s;
}
.checkbox { color: inherit; display: inline-grid; grid-template-columns: auto 1fr; grid-template-areas: "input label"; position: relative; justify-content: center; align-items: center; gap: 0.8em;grid-gap: 0.8em; cursor: pointer; }
.checkbox__input { box-sizing: content-box; grid-area: input; display: grid; grid-template-areas: "mark"; width: var(--mark-size); height: var(--mark-size); border: var(--mark-border, 1px solid currentColor); color: var(--mark-color, currentColor); background: var(--mark-background, transparent); box-shadow: inset 0px 0px 0.1em var(--mark-border-color); }
.checkbox__input:focus-within { outline: 1px solid black; }
.checkbox__mark { grid-area: mark; transition: color, background-color; transition-duration: var(--mark-transition-duration); height: var(--mark-size);}
.checkbox__mark > * { opacity: 0; transform: scale(0); transform-origin: left bottom; transition: opacity, transform; transition-duration: var(--mark-transition-duration); }
.checkbox__mark svg { width: 100%; height: 100%; }
.checkbox__input input { grid-area: mark; width: 100%; height: 100%; margin: 0; padding: 0; z-index: -10; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.checkbox__input input:focus ~ .checkbox__mark {outline: 2px solid;}

.checkbox input:focus { border: none; outline: none; }
.checkbox input:focus + .checkbox__mark, .contact-form2 input[type="submit"]:focus { outline: var(--default-focus-outline); }
.checkbox__input input:checked + .checkbox__mark { color: var(--mark-checked-color); background-color: var(--mark-checked-background); }
.checkbox__input input:checked + .checkbox__mark > * { opacity: 1; transform: scale(1); }
.checkbox__label{user-select:none;font-size: 14px;}

/* *********************************************************************** */

.button-go-top { position: fixed; bottom: 1rem; right: 1rem; transition: .3s transform;}
.button-go-top a { cursor: pointer; font-size: 2.5rem; width: 1em; height: 1em; background: var(--color-bg-1); color: var(--color-fg-3); border-radius: 100%; display: grid; justify-content: center; align-items: center; line-height: 1;opacity:.5;filter: drop-shadow(1px 1px 1px black);transition: .3s all;}
.button-go-top a:hover { background: black;opacity:1;}
body.is-scroll-top .button-go-top {transform: translateY(200%);}

/* *********************************************************************** */
/* Vyjimky pro Homepage */

#homepage .wrap1--slider {
    --content-padding-top: 24px;
    --content-padding-bottom: 0px;
}
#homepage h1,
#homepage .h1
{
    margin-top: 0;
}
#homepage .wrap1--co-si-u-nas-muzete-objednat {
    --content-padding-top: 100px;
    /* --content-padding-bottom: 0px; */
}

#cf h1,
#cf .h1
{
    margin-bottom: 1rem;
}

/* *********************************************************************** */

iframe#launcher {margin-right: 70px !important;}

/* *********************************************************************** */

/* Pomocné */

.f-weight { font-weight: 700; }

.m-0 { margin: 0 !important; }
.m-1 { margin: 0.5rem !important; }
.m-2 { margin: 1rem !important; }
.m-3 { margin: 1.5rem !important; }
.m-4 { margin: 2rem !important; }

.mx-0 { margin-left: 0 !important; margin-right: 0 !important;}
.mx-1 { margin-left: 0.5rem !important; margin-right: 0.5rem !important;}
.mx-2 { margin-left: 1rem !important; margin-right: 1rem !important;}
.mx-3 { margin-left: 1.5rem !important; margin-right: 1.5rem !important;}
.mx-4 { margin-left: 2rem !important; margin-right: 2rem !important;}

.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: 0.5rem !important; }
.ml-2 { margin-left: 1rem !important; }
.ml-3 { margin-left: 1.5rem !important; }
.ml-4 { margin-left: 2rem !important; }

.mr-0 { margin-right: 0 !important;}
.mr-1 { margin-right: 0.5rem !important;}
.mr-2 { margin-right: 1rem !important;}
.mr-3 { margin-right: 1.5rem !important;}
.mr-4 { margin-right: 2rem !important;}

.my-0 { margin-top: 0 !important; margin-bottom: 0 !important;}
.my-1 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}
.my-2 { margin-top: 1rem !important; margin-bottom: 1rem !important;}
.my-3 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;}
.my-4 { margin-top: 2rem !important; margin-bottom: 2rem !important;}

.mb-0 { margin-bottom: 0 !important;}
.mb-1 { margin-bottom: 0.5rem !important;}
.mb-2 { margin-bottom: 1rem !important;}
.mb-3 { margin-bottom: 1.5rem !important;}
.mb-4 { margin-bottom: 2rem !important;}

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.5rem !important; }
.mt-2 { margin-top: 1rem !important; }
.mt-3 { margin-top: 1.5rem !important; }
.mt-4 { margin-top: 2rem !important; }

.p-0 { padding: 0 !important; }
.p-1 { padding: 0.5rem !important; }
.p-2 { padding: 1rem !important; }
.p-3 { padding: 1.5rem !important; }
.p-4 { padding: 2rem !important; }

.px-0 { padding-left: 0 !important; padding-right: 0 !important;}
.px-1 { padding-left: 0.5rem !important; padding-right: 0.5rem !important;}
.px-2 { padding-left: 1rem !important; padding-right: 1rem !important;}
.px-3 { padding-left: 1.5rem !important; padding-right: 1.5rem !important;}
.px-4 { padding-left: 2rem !important; padding-right: 2rem !important;}

.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: 0.5rem !important; }
.pl-2 { padding-left: 1rem !important; }
.pl-3 { padding-left: 1.5rem !important; }
.pl-4 { padding-left: 2rem !important; }

.pr-0 { padding-right: 0 !important;}
.pr-1 { padding-right: 0.5rem !important;}
.pr-2 { padding-right: 1rem !important;}
.pr-3 { padding-right: 1.5rem !important;}
.pr-4 { padding-right: 2rem !important;}

.py-0 { padding-top: 0 !important; padding-bottom: 0 !important;}
.py-1 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}
.py-2 { padding-top: 1rem !important; padding-bottom: 1rem !important;}
.py-3 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}
.py-4 { padding-top: 2rem !important; padding-bottom: 2rem !important;}

.pb-0 { padding-bottom: 0 !important;}
.pb-1 { padding-bottom: 0.5rem !important;}
.pb-2 { padding-bottom: 1rem !important;}
.pb-3 { padding-bottom: 1.5rem !important;}
.pb-4 { padding-bottom: 2rem !important;}
.pb-5 { padding-bottom: 2.5rem !important;}
.pb-6 { padding-bottom: 3rem !important;}
.pb-7 { padding-bottom: 3.5rem !important;}
.pb-8 { padding-bottom: 4rem !important;}

.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.5rem !important; }
.pt-2 { padding-top: 1rem !important; }
.pt-3 { padding-top: 1.5rem !important; }
.pt-4 { padding-top: 2rem !important; }
.pt-5 { padding-top: 2.5rem !important; }
.pt-6 { padding-top: 3rem !important; }
.pt-7 { padding-top: 3.5rem !important; }
.pt-8 { padding-top: 4rem !important; }

.line-height-1 { line-height: 1em }
.line-height-1-1 { line-height: 1.1em }
.line-height-1-2 { line-height: 1.2em }

.sr-only { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; margin: -1px !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important;}

/******************************************************************************/
/* TinyMCE Responsive */
@media only screen and (max-width: 900px), (max-device-width: 900px) {
    /* tabulka - ceník */
    .table-price-list { width: 100%; }

    /* tabulka - adresa */
    .table-address, .table-address thead, .table-address tbody, .table-address tr, .table-address tr th, .table-address tr td { display: block; height: auto !important; text-align: left !important; width: auto !important; }
    .table-address tr td { margin-bottom: 1em; padding: 0 !important; }
    .table-address tr td:last-child { margin-bottom: 0; }

    .table-opening-hours { display: table; margin-bottom: 1.5em; }
    .table-opening-hours thead { display: table-header-group; }
    .table-opening-hours tbody { display: table-row-group; }
    .table-opening-hours tr { display: table-row; }
    .table-opening-hours tr td { display: table-cell; padding: 0 15px !important; }

    /* tabulka - kontakty */
    /* .table-contacts, .table-contacts thead, .table-contacts tbody, .table-contacts tr, .table-contacts tr th, .table-contacts tr td { display: block; height: auto !important; text-align: left !important; width: auto !important; } */
    /* .table-contacts tr td { margin-bottom: 2em; padding: 0 !important; } */
    /* .table-contacts tr:last-child td:last-child { margin-bottom: 0; } */
}

@media only screen and (max-width: 770px), (max-device-width: 770px) {
    /* responzivní tabulka */
    .responzivni-tabulka, .responzivni-tabulka thead, .responzivni-tabulka tbody, .responzivni-tabulka tr, .responzivni-tabulka tr th, .responzivni-tabulka tr td { display: block; height: auto !important; text-align: left !important; width: auto !important; }
    .responzivni-tabulka tr td { margin-bottom: 1em; padding: 0 !important; }
    .responzivni-tabulka tr:last-child td:last-child { margin-bottom: 0; }
}

/******************************************************************************/
/* .divize-rozcestnik */
.divize-rozcestnik {
    --divize-line: hsl(0deg 0% 100% / .2);
    --divize-bg: var(--color-bg-1);
    --divize-bg-hover: color-mix(in srgb, var(--color-bg-1) 82%, white);
    --divize-cols: 3;
    --divize-radius: calc(var(--global-border-radius) * 2);
}

/* mřížka – 1px mezery odhalují barvu podkladu jako oddělovací linky */
.divize-rozcestnik__list {
    display: grid;
    grid-template-columns: repeat(var(--divize-cols), 1fr);
    gap: 1px;
    background: var(--divize-line);
    border: 1px solid var(--divize-line);
    border-radius: var(--divize-radius);
    overflow: hidden;
}

/* jednotlivá dlaždice */
.divize-rozcestnik__item {
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "icon" "title" "arrow";
    gap: 1em;
    min-height: 200px;
    padding: 1.75em 1.75em 1.5em;
    background: var(--divize-bg);
    color: var(--color-fg-3);
    text-decoration: none;
    transition: background-color .25s ease;
}
a.divize-rozcestnik__item:hover {
    background: var(--divize-bg-hover);
}

/* ikona (SVG) vlevo nahoře */
.divize-rozcestnik__picture {
    grid-area: icon;
    justify-self: start;
    display: block;
    line-height: 0;
}
.divize-rozcestnik__img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    opacity: .9;
}

/* titulek – vodorovně i svisle na střed */
.divize-rozcestnik__title {
    grid-area: title;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.divize-rozcestnik__title h2,
.divize-rozcestnik__title .h3 {
    margin: 0;
    color: inherit;
    font-size: 18px;
    font-weight: var(--fw-light, 300);
    line-height: 1.3;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-wrap: balance;
}

/* šipka vpravo dole */
.divize-rozcestnik__buttons {
    grid-area: arrow;
    justify-self: end;
    align-self: end;
}
.divize-rozcestnik__arrow {
    display: block;
    line-height: 0;
    color: var(--color-fg-3);
}
.divize-rozcestnik__arrow svg {
    display: block;
    width: 34px;
    height: auto;
    transition: transform .25s ease;
}
a.divize-rozcestnik__item:hover .divize-rozcestnik__arrow svg {
    transform: translateX(.35em);
}

/* responsivita – řízeno počtem sloupců */
@media (max-width: 850px) {
    .divize-rozcestnik { --divize-cols: 2; }
    .divize-rozcestnik__item { min-height: 170px; }
}
@media (max-width: 560px) {
    .divize-rozcestnik { --divize-cols: 1; }
    .divize-rozcestnik__item { min-height: 130px; padding: 1.5em; }
}



/* Animace - Intro */
.content-animation-show.anim--able {
    --duration: .5s;
    --delay: 0s;
    --delay-step: .1s;
}
.content-animation-show.anim--able > * {
    transform: translateX(0%) translateY(100%);
    opacity: 0;
    transition: transform, opacity;
    transition-duration: var(--duration, .5s);
}
.content-animation-show.anim--able.anim--show > * {
    --delay: calc(var(--step) * var(--delay-step));
    transition-delay: var(--delay, 0s);
    transform: translateX(0%) translateY(0%);
    opacity: 1;
}
.content-animation-show.anim--able > :nth-child(1) { --step: 1;}
.content-animation-show.anim--able > :nth-child(2) { --step: 2;}
.content-animation-show.anim--able > :nth-child(3) { --step: 3;}
.content-animation-show.anim--able > :nth-child(4) { --step: 4;}
.content-animation-show.anim--able > :nth-child(5) { --step: 5;}
.content-animation-show.anim--able > :nth-child(6) { --step: 6;}
.content-animation-show.anim--able > :nth-child(7) { --step: 7;}
.content-animation-show.anim--able > :nth-child(8) { --step: 8;}
.content-animation-show.anim--able > :nth-child(9) { --step: 9;}
.content-animation-show.anim--able > :nth-child(10) { --step: 10;}
.content-animation-show.anim--able > :nth-child(11) { --step: 11;}
.content-animation-show.anim--able > :nth-child(12) { --step: 12;}
.content-animation-show.anim--able > :nth-child(13) { --step: 13;}
.content-animation-show.anim--able > :nth-child(14) { --step: 14;}
.content-animation-show.anim--able > :nth-child(15) { --step: 15;}
.content-animation-show.anim--able > :nth-child(16) { --step: 16;}
.content-animation-show.anim--able > :nth-child(17) { --step: 17;}
.content-animation-show.anim--able > :nth-child(18) { --step: 18;}
.content-animation-show.anim--able > :nth-child(19) { --step: 19;}
.content-animation-show.anim--able > :nth-child(20) { --step: 20;}

:root {
    --color-cta: #f7e32f; /* CTA */
    --color-cta-hover: #e6d21e;

    --fw-light: 300;
    /* ! Nové barvy */
    --highlight: #D80010;
    --highlight-hover: #D80010;
    --highlight2: #d29504;

    --color-fg-1: #035080;
    --color-fg-2: #484848;
    --color-fg-3: #ffffff;
    --color-fg-4: #000000;
    --color-fg-5: #355566;
    --color-fg-6: #D80010;
    /* --color-bg-1: #237DB5; */ /* Malý kontrast s bílou barvou */
    --color-bg-1: #035080;
    --color-bg-2: #F7F7F7;
    --color-bg-3: #ffffff;
    --color-bg-4: #D80010;

    --global-border-radius: 6px;
}
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;

  font-size: 16px;
  line-height: 1.5;
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  color: var(--color-fg-2);
  accent-color: var(--color-fg-1);
  background-color: var(--color-bg-3);
}
body {
    font-size: 16px;
    line-height: 1.4;
    position: relative;
}
/******************************************************************************/

/* h1, .h1, h2, .h2, h3, .h3, h4, .h4 { } */
h1, .h1 { font-size: 55px; font-weight: 300; line-height: 1.25; margin-top: .5em; margin-bottom: .5em; text-wrap: balance; color: var(--color-fg-1);}
h2, .h2 { font-size: 45px; font-weight: 300; line-height: 1.25; margin: 0; margin-top: .5em; margin-bottom: .5em; text-wrap: balance; color: var(--color-fg-1);}
h3, .h3 { font-size: 24px; font-weight: normal; line-height: 1.25; margin: 0; margin-top: .5em; margin-bottom: .5em; text-wrap: balance; color: var(--color-fg-2); }
h4, .h4 { font-size: 20px; font-weight: normal; line-height: 1.25; margin: 0; text-wrap: balance; color: var(--color-fg-2); }

.h1, .h2, .h3, .h4 { display: block; }

h1 strong, .h1 strong,
h2 strong, .h2 strong,
h3 strong, .h3 strong {
    font-weight: 900;
}

/* .h1::after { content: ""; background: currentColor; height: .15em; width: 4em; display: block; margin-top: .25em;} */


@media (max-width: 850px) {
    h1, .h1 { font-size: 36px; }
}
@media (max-width: 450px) {
    h1, .h1 { font-size: 28px; }
}

/* .underline, .underline--left {text-align: left;}
.underline::after, .underline--left::after { content: ""; background: currentColor; height: .15em; width: 4em; display: block; margin-top: .25em;}
.underline--center {text-align: center;}
.underline--center::after { content: ""; background: currentColor; height: .15em; width: 4em; display: block; margin: auto; margin-top: .25em;}
.underline--right {text-align: right;}
.underline--right::after { content: ""; background: currentColor; height: .15em; width: 4em; display: block; margin-left: auto; margin-top: .25em;}
 */

/******************************************************************************/

table {	border-collapse: collapse; }
p { margin: 0; }
/* a { color: inherit; } */
a { color: var(--color-fg-1); }
a:hover { text-decoration: none; }
img { border: 0; margin: 0; padding: 0; vertical-align: bottom; }


ul {
    padding-left: 1em;
    margin: 1em 0;
}
ul li::marker {
    color: var(--color-fg-1);
    font-size: .6em;
}

/* 4. typ odrážek: outline trojúhelníky se zaoblenými rohy (ul.ul-triangle) */
ul.ul-triangle {
    list-style: none;
    padding-left: 1.6em;
}
ul.ul-triangle > li {
    position: relative;
}
ul.ul-triangle > li::before {
    content: "";
    position: absolute;
    left: -1.5em;
    top: 0.2em;
    width: 0.9em;
    height: 0.9em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23035080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5 18 12 8 19Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

input, textarea, select { font-family: inherit; font-size: 1rem; }

hr {opacity: .15;height: 1px;background: currentColor;border: none;margin: 1em 0;}

@media (max-width: 600px) {
    /* h1, .h1 { font-size: 32px; margin-top: .5em; margin-bottom: .5em;} */
    /* h2, .h2 { font-size: 22px; margin-top: .5em; margin-bottom: .5em; } */
    /* h3, .h3 { font-size: 18px; margin: 0; } */
    /* h4, .h4 { font-size: 16px; margin: 0; } */
}

/******************************************************************************/

.velka-pismena { text-transform: uppercase; }

/******************************************************************************/

/* .zvyrazneni { color: #00a1e2; } */
.zvyrazneni { color: var(--highlight); }
.zvyrazneni-seda { color: #666; }
.zvyrazneni-zluta { color: #d39603; }

/******************************************************************************/

.text-tentky { font-weight: 300; }
.text-tlustejsi { font-weight: 600; }
.text-tlusty { font-weight: 700; }
.text-extra-tlusty { font-weight: 800; }

/******************************************************************************/
/* tabulka */

.table {}
.table tr th { line-height: 1.5; }
.table tr th, .table tr td { padding: 0px 15px 0px 0; }
.table tr th, .table thead tr td, .table tr.th td { background: var(--highlight); background: #ccc; color: #111; font-weight: normal; }

/******************************************************************************/
.text-max4 { width: 100% !important;height: auto !important;}
.text-max4 tr { height: auto !important;}
.text-max4 td { width: 100% !important;height: auto !important;columns: 230px;column-gap: 1em;}
/******************************************************************************/

.content-table {
    --content-table--column-max-width: 300px;
}
.content-table { width: 100% !important;height: auto !important;}
.content-table tr {display: grid;grid-template-columns: repeat(auto-fill, minmax(var(--content-table--column-max-width, 440px), 1fr));gap: 1em;height: auto !important;}
.content-table td {display: block;width: 100% !important;height: auto !important;}
.content-table img {max-width: 100%;object-fit: contain;height: auto;}

/******************************************************************************/

.content-table-b { width: 100% !important; height: auto !important;}
.content-table-b tr { display: grid; grid-template-columns: repeat(auto-fill, minmax(440px, 1fr)); gap: 4em; height: auto !important;}
.content-table-b td { /* font-size:14px; */ display: block; width: 100% !important; height: auto !important;}
.content-table-b td>:first-child :where(.h1, .h2, .h3) { margin-top: 0;}
.content-table-b img { max-width: 100%; object-fit: contain; height: auto;}
@media (max-width: 600px) { .content-table tr { grid-template-columns: 1fr; } }

/******************************************************************************/

.content-table-reverse { width: 100% !important;height: auto !important;}
.content-table-reverse tr {display: grid;grid-template-columns: 1fr 1fr;/* grid-template-columns: repeat(auto-fill, minmax(440px, 1fr)); */gap: 1em;height: auto !important;}
.content-table-reverse td {/* font-size:14px; */display: block;width: 100% !important;height: auto !important;}
.content-table-reverse img {max-width: 100%;object-fit: contain;height: auto;}
@media (max-width: 900px) {
    .content-table-reverse tr {grid-template-columns: 1fr;}
    .content-table-reverse td:first-child {order: 2;}
}
@media (max-width: 600px) {
    .content-table-reverse tr {grid-template-columns: 1fr;}
}

/******************************************************************************/

.content-table-4 { width: 100% !important;height: auto !important;}
.content-table-4 tr {display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: 1em;height: auto !important;}
.content-table-4 td {/* font-size:14px; */display: block;width: 100% !important;height: auto !important;}
.content-table-4 img {max-width: 100%;object-fit: contain;height: auto;}
@media (max-width: 600px) {
    .content-table-4 tr {grid-template-columns: 1fr;}
}

/******************************************************************************/
/* tlačítka */

.button {
    --color-1: var(--__btn-bg, var(--color-bg-4));
    --color-2: var(--__btn-fg, var(--color-fg-3));
    position: relative;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    isolation: isolate;
    padding: 1em 2.5em;
    color: var(--color-2);
    appearance: none;
    border: none;
    background: var(--color-1);
    cursor: pointer;
    font-size: 1rem;
    font-family: inherit;
    line-height: 1;
    min-width: min(100%, 200px);
    transition: .2s background, .2s color, .2s transform;
    box-sizing: border-box;
    border-radius: 3rem;
    /* border-radius: var(--global-border-radius); */
}
/* .button {
    background-image: linear-gradient(to bottom, transparent 50%, hsl(35.79deg 0% 0% / .2));
} */
.button:hover {
    --color-1: #000;
    --color-2: #fff;
}
.button:active {
    transform: scale(0.95);
}
.button.button--light {
    --color-1: var(--color-bg-3);
    --color-2: var(--color-fg-1);
}
.button.button--light:hover {
    --color-1: #000;
    --color-2: #fff;
}
.button.button--outline {
    border: 1px solid currentColor;
    background: transparent;
    color: var(--color-1);
}

.button.button-bigger {
    font-size: 1.3em;
}


.button-black { background: #000; color: #fff; }
.button-black:hover { background: #111; }
.button-white { background: #fff; color: #222; }
.button-white:hover { background: #eee; }
.button-yellow { background: var(--yellow); color: #222; }
.button-yellow:hover { background: var(--yellow-hover); }
.button-cta { background: var(--color-cta); }
.button-cta:hover { background: var(--color-cta-hover); }

.button-float-right {float: right;}

/* Animace */
@keyframes anim-pulse {
    0% { }
    70% { box-shadow: 0 0 0 .6em var(--shadow-2); }
    100% { box-shadow: 0 0 0 0 var(--shadow-2); }
}
@keyframes anim-stamp {
    0% { }
    70% { box-shadow: 0 0 0 .6em var(--shadow-2); transform: scale(1); }
    100% { box-shadow: 0 0 0 0 var(--shadow-2); transform: scale(1.01); }
}
.button {
    --r: 228;
    --g: 136;
    --b: 0;
    --shadow-1: rgba(var(--r), var(--g), var(--b), .3);
    --shadow-2: rgba(var(--r), var(--g), var(--b), 0);
    box-shadow: 0 0 0 0 var(--shadow-1);
    /* animation: anim-pulse 2s infinite; */
}
.button--light {
    --r: 255;
    --g: 255;
    --b: 255;
}

.button--animation {
    animation: anim-pulse 2s infinite;
}

/******************************************************************************/

.table-block-outline { --background: transparent; --color: inherit; --border: 1px solid #e2e2e2; }
.table-block-white { --background: #ffffff; --color: inherit; --border: none; }
.table-block-gray { --background: #f7f7f7; --color: #182744; --border: none; }
.table-block-blue { --background: #02428a; --color: #ffffff; --border: none; }
.table-block-outline,
.table-block-white,
.table-block-gray,
.table-block-blue
{ --space-inline: 1.5rem; --space-block: 1.5rem; --border-radius: 1rem; width: 100% !important; border-collapse: separate !important; }
.table-block-outline td,
.table-block-white td,
.table-block-gray td,
.table-block-blue td
{ background: var(--background, transparent); color: var(--color, inherit); padding-top: var(--space-block, 0); padding-bottom: var(--space-block, 0); padding-left: var(--space-inline, 0); padding-right: var(--space-inline, 0); border: var(--border, none); border-radius: var(--border-radius, 0);}


.table-block-out-gray { --background: #f7f7f7; --color: #182744;}
.table-block-out-blue { --background: #02428a; --color: #ffffff;}
.table-block-out-gray,
.table-block-out-blue
{ --space-inline: 9rem; --space-block: 1.5rem; width: calc(100% + var(--space-inline, 0) * 2) !important; max-width: calc(100vw + var(--space-inline, 0)); --border-radius: 1rem;}
.table-block-out-gray td,
.table-block-out-blue td
{ background: var(--background, transparent); color: var(--color, inherit); padding-top: var(--space-block, 0); padding-bottom: var(--space-block, 0); padding-left: var(--space-inline, 0); padding-right: var(--space-inline, 0); transform: translateX(calc(-1 * var(--space-inline, 0))); border-radius: var(--border-radius, 0);}

/******************************************************************************/

.table-block-outline-2x {
    --background: transparent;
    --color: inherit;
    --border: 1px solid #e2e2e2;
    --space-inline: 2rem;
    --space-block: 2rem;
    --border-radius: 1rem;
}
.table-block-outline-2x {
    display: grid;
    width: 100% !important;
    border-collapse: separate !important;
}
.table-block-outline-2x tbody {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.table-block-outline-2x tr {
    display: inline-grid;
}
.table-block-outline-2x td {
    display: block;
    background: var(--background, transparent);
    color: var(--color, inherit);
    padding-top: var(--space-block, 0);
    padding-bottom: var(--space-block, 0);
    padding-left: var(--space-inline, 0);
    padding-right: var(--space-inline, 0);
    border: var(--border, none);
    border-radius: var(--border-radius, 0);
}
.table-block-outline-2x td > p, .table-block-outline-2x td > p > * {
    margin-top: 0;
    margin-bottom: 0;
}

/******************************************************************************/

.my-0 { margin-top: 0 !important; margin-bottom: 0 !important;}
.mb-0 { margin-bottom: 0 !important;}
.mt-0 { margin-top: 0 !important; }

/******************************************************************************/

/* Modální panel - boční vyjíždějící okno */ 
.modal-panel {--duration: 0.3s;}

.modal-panel {position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 1000;visibility: hidden;transition: visibility; transition-delay: var(--duration);}
.modal-panel__shadow {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: black;opacity: 0;cursor: pointer;transition: var(--duration) opacity;}
.modal-panel__panel {
    max-width: 600px;
    max-width: 90vw;
    min-width: 30vw;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: var(--duration) transform;
    overflow: auto;
    background: var(--color-bg-1, white);
    border-left: 1px solid white;
    box-shadow: 0px 0px 6px hsl(0deg 0% 50% / .5);
}
.modal-panel__panel>* {padding-left: 22px;padding-right: 22px;}
.modal-panel__head {display: flex;align-items: center;/*box-shadow: 0px 1px 1px silver;*/}
.modal-panel__head>* {padding-top: 14px;padding-bottom: 14px;padding-right: 18px;}
.modal-panel__title {flex: 1;}
.modal-panel__title>* {margin: 0;}

.modal-panel__close { padding-left: 8px; padding-right: 8px; cursor: pointer; /*position: absolute;*/ top: 0; right: 0; line-height: 1; display: flex; align-items: center;transition: .3s color;}
.modal-panel__close-icon { font-size: 28px;}
.modal-panel__close-title { font-size: 22px; display: inline-block; margin-right: 10px;}
.modal-panel__close:hover {color: black;}

.modal-panel__body {padding-top: 16px;padding-bottom: 16px;}
.modal-panel__body > div > :first-child {margin-top: 0;}
.modal-panel__foot {padding-bottom: 160px;}

/* Otevřený panel */
.modal-panel.open {visibility: visible;transition-delay: 0s;}
.modal-panel.open .modal-panel__panel {transform: translateX(0%);}
.modal-panel.open .modal-panel__shadow {opacity: .1;}

/* Animace */
.modal-panel__close-icon {
    transition: .5s transform;
}
.modal-panel__close:hover .modal-panel__close-icon {
    transform: rotate(180deg);
}
/******************************************************************************/
/** Soubor: /tpl/comp/popup_a/popup_a.css */
/** Univerzální centrovaný popup / modální dialog. */
/******************************************************************************/

.popup-a {
    --duration: .25s;
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    /* skryté – přepíná .popup-a--open */
    visibility: hidden;
    opacity: 0;
    transition: opacity var(--duration), visibility var(--duration);
}

.popup-a__shadow {
    position: absolute;
    inset: 0;
    background: #000;
    opacity: .6;
}
/* kurzor kliknutí jen když klik na stín skutečně zavírá */
.popup-a__shadow[data-popup-a-close] {
    cursor: pointer;
}
.popup-a--no-backdrop .popup-a__shadow {
    display: none;
}

.popup-a__panel {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    max-width: var(--popup-a-max-w, 700px);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    background: #fff;
    border-radius: 20px;
    padding: 4rem;
    box-shadow: 0 20px 60px hsl(0deg 0% 0% / .35);
    transform: translateY(12px) scale(.98);
    transition: transform var(--duration);
}
.popup-a__panel:focus {
    outline: none;
}

.popup-a__close {
    position: absolute;
    top: .75rem;
    right: .75rem;
    appearance: none;
    border: 0;
    background: none;
    padding: .35em;
    line-height: 1;
    font-size: 22px;
    color: hsl(0deg 0% 40%);
    cursor: pointer;
    border-radius: 50%;
    transition: .2s color, .2s background;
}
.popup-a__close:hover {
    color: #000;
    background: hsl(0deg 0% 0% / .06);
}
.popup-a__close:focus-visible {
    outline: 2px solid var(--color-cta, #d1002a);
    outline-offset: 2px;
}

.popup-a__title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.popup-a__title > :first-child { margin-top: 0; }
.popup-a__title > :last-child  { margin-bottom: 0; }

.popup-a__body {
    font-size: 1.5rem;
    line-height: 1.5;
    color: hsl(0deg 0% 20%);
}
.popup-a__body > :first-child { margin-top: 0; }
.popup-a__body > :last-child  { margin-bottom: 0; }

.popup-a__foot {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 2rem;
}

/******************************************************************************/
/* Otevřený stav */
.popup-a--open {
    visibility: visible;
    opacity: 1;
}
.popup-a--open .popup-a__panel {
    transform: translateY(0) scale(1);
}

/* Zámek scrollu pozadí (self-contained – nespoléhá na .no-scroll) */
/* padding-right dorovná šířku zmizelého scrollbaru - obsah "neposkočí" */
body.popup-a-lock {
    overflow: hidden;
    padding-right: var(--popup-a-sbw, 0);
}

/******************************************************************************/
/* Responsive */
@media (max-width: 850px) {
    .popup-a__panel {
        border-radius: 16px;
        padding: 2rem;
    }
    .popup-a__body {
        font-size: 1rem;
    }
    .popup-a__foot {
        flex-direction: column-reverse;
        gap: .75rem;
    }
    .popup-a__foot > .button {
        width: 100%;
    }
}
/******************************************************************************/
/** Soubor: /tpl/comp/pagination_b/pagination_b.css */

.pagination-b__list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.pagination-b__item {
    text-decoration: none;
    color: currentColor;
    font-size: 1.25em;
    padding: 0 .3em;
    display: inline-block;
    opacity: .6;
}

.pagination-b__item--active {
    font-weight: bold;
    opacity: 1;
}

.pagination-b__item:hover {
    opacity: 1;
}
/******************************************************************************/
/** Soubor: /tpl/comp/counter_box_a/counter_box_a.css */

/******************************************************************************/
/* Počítadlo */

.counter-box-a {
    display: block;
    color: #000;
    /* --border-color: #707070; */
    --border-color: #DEDEDE;
}
.counter-box-a__counters {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    margin: 3em 0;
}
.counter-box-a__counter {
    display: grid;
    justify-items: center;
    padding: 1em 1.5em;
    border-right: 1px solid var(--border-color);
    grid-template-rows: auto 1fr;
}
.counter-box-a__counter:last-child {
    border-right: none;
}
.counter-box-a__number {
    display: flex;
    align-items: baseline;
    color: #cc1414;
    font-weight: 700;
    font-size: 3.3em;
    line-height: 1;
}
.counter-box-a__text {
    margin-top: .5rem;
    font-weight: 400;
    font-size: 1em;
    text-align: center;
    line-height: 1.25;
}
@media (max-width: 850px) {
    .counter-box-a__counters {
        grid-template-rows: 1fr 1fr;
    }
    .counter-box-a__number {
        font-size: 3em;
    }
}
@media (max-width: 650px) {
    .counter-box-a__counters {
        grid-auto-flow: row;
        grid-auto-columns: auto;
        margin: 0;
    }
    .counter-box-a__counter {
        border-right: none;
        border-bottom: 1px solid var(--border-color);
        padding: 1.5em 1em;
    }
    .counter-box-a__counter:last-child {
        border-bottom: none;
    }
    .counter-box-a__number {
        font-size: 2.5em;
    }
    .counter-box-a__text {
        font-size: 14px;
    }
}

/* Animace */
.counter-box-a.anim--able {
    --duration: 0.75s;
    --delay: 0s;
}
.counter-box-a.anim--able .counter-box-a__counter {
    transform: translateY(100%);
    opacity: 0;
    transition: transform, opacity;
    transition-duration: var(--duration, .5s);
    /* Nadskočit */
    /* transition-timing-function: cubic-bezier(0.39, 0.23, 0.55, 2); */
    transition-timing-function: cubic-bezier(0.39, 0.23, 0.36, 2.81);
}
.counter-box-a.anim--able.anim--show .counter-box-a__counter {
    transition-delay: var(--delay, 0s);
    transform: translateY(0%);
    opacity: 1;
}/******************************************************************************/
/** Soubor: /tpl/comp/lang_select/lang_select.css */

.lang-select {
    position: relative;
    display: inline-flex;
    align-items: center;
}
.lang-select__select {
    appearance: none;
    border: none;
    background: none;
    font-family: inherit;
    font-size: 1em;
    line-height: 1;
    font-weight: 300;
    cursor: pointer;
    color: inherit;
    padding-block: 0;
    padding-right: calc(11px + 0.2em);
}
.lang-select__select option {
    color: black;
}
.lang-select__arrow {
    position: absolute;
    right: 0;
    pointer-events: none;
    display: block;
    width: 11px;
    height: 11px;
}


/* @media only screen and (max-width: 600px) {} */
/******************************************************************************/
/** Soubor: /tpl/comp/site_header_a/site_header_a.css */
/******************************************************************************/

.site-header-a {
    /* --sha-bg: #0d3b55; */
    /* --sha-bg: rgb(35 125 181 / .6); */
    --sha-bg: rgb(35 125 181 / .75);
    --sha-bg: hsl(207deg 95% 24% / .9);
    --sha-bg: #035080;
    --sha-fg: #ffffff;
    --sha-menu-color: rgba(255, 255, 255, 0.85);
    --sha-menu-color-active: #ffffff;
    --sha-logo-height: 60px;
}

/******************************************************************************/
/* Bar (vizuální pruh) */
.site-header-a__bar {
    background: var(--sha-bg);
    color: var(--sha-fg);
    backdrop-filter: blur(2px);
}

/******************************************************************************/
/* Inner (grid) */
.site-header-a__inner {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    grid-template-areas: "logo spacer menu lang";
    align-items: center;
    gap: 0 1.5em;
    padding-top: 20px;
    padding-bottom: 24px;
}

.site-header-a__spacer { grid-area: spacer; }

/******************************************************************************/
/* Logo */
.site-header-a__logo-box  { grid-area: logo; }
.site-header-a__logo-link { display: block; }
.site-header-a__logo-img  { display: block; height: var(--sha-logo-height); max-width: 100%; }

/******************************************************************************/
/* Menu (desktop) */
.site-header-a__menu-box { grid-area: menu; }

/******************************************************************************/
/* Jazyk */
.site-header-a__lang-box { grid-area: lang; }

/******************************************************************************/
/* Hamburger */
.site-header-a__burger {
    display: none;
    grid-area: burger;
    background: none;
    border: none;
    color: var(--sha-fg);
    font-size: 28px;
    cursor: pointer;
    padding: 4px 8px;
    line-height: 1;
}
.site-header-a__burger-icon--close { display: none; }
.site-header-a--menu-open .site-header-a__burger-icon--open  { display: none; }
.site-header-a--menu-open .site-header-a__burger-icon--close { display: inline; }

/******************************************************************************/
/* Sticky */
.site-header-a--fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}
.is-scroll-direction-enabled .site-header-a--fixed .site-header-a__bar {
    transform: translateY(-100%);
    transition: transform, background, box-shadow;
    transition-duration: .3s, .3s, .3s;
    /* box-shadow: 0 2px 8px rgba(0, 0, 0, .25); */
}
.is-scroll-direction-enabled .site-header-a--fixed .site-header-a__bar:focus-within,
.is-scroll-direction-enabled.is-scroll-top .site-header-a--fixed .site-header-a__bar,
.is-scroll-direction-enabled.is-scroll-up  .site-header-a--fixed .site-header-a__bar {
    transform: translateY(0%);
}

.site-header-a--transparent .site-header-a__bar {
    background: transparent;
}
.is-scroll-direction-enabled:not(.is-scroll-top) .site-header-a--fixed .site-header-a__bar {
    background: var(--sha-bg);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
    transition-delay: 0s, .3s, .3s;
}

/******************************************************************************/
/* Drawer overlay */
.site-header-a__drawer {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility 0s .3s;
}
.site-header-a__drawer__content {
    background: var(--sha-bg);
    color: var(--sha-fg);
    max-width: 320px;
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr;
    transform: translateX(-100%);
    transition: transform .3s;
    overflow-y: auto;
}
.site-header-a--menu-open .site-header-a__drawer {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s;
}
.site-header-a--menu-open .site-header-a__drawer__content {
    transform: translateX(0%);
}

/* Drawer – horní řádek */
.site-header-a__drawer__top {
    display: grid;
    grid-template-columns: 1fr auto auto;
    grid-template-areas: "logo lang close";
    align-items: center;
    gap: .5em 1em;
    padding: 14px 1em;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}
.site-header-a__drawer__logo-box { grid-area: logo; }
.site-header-a__drawer__lang-box { grid-area: lang; }
.site-header-a__drawer__close {
    grid-area: close;
    background: none;
    border: none;
    color: var(--sha-fg);
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    line-height: 1;
}

/* Drawer – menu */
.site-header-a__drawer__menu-box {
    padding: 1em;
}

/******************************************************************************/
/* Mobilní breakpoint */
@media (max-width: 850px) {
    .site-header-a__inner {
        grid-template-columns: auto 1fr auto;
        grid-template-areas: "logo spacer burger";
    }
    .site-header-a__menu-box { display: none; }
    .site-header-a__lang-box { display: none; }
    .site-header-a__burger   { display: block; }
    .site-header-a__drawer   { display: block; }

    .site-header-a {
        --sha-logo-height: 45px;
    }
}
/******************************************************************************/
/** Soubor: /tpl/comp/site_header_b/site_header_b.css */
/******************************************************************************/

.site-header-b {
    /* --sha-bg: #0d3b55; */
    /* --sha-bg: rgb(35 125 181 / .6); */
    --sha-bg: rgb(35 125 181 / .75);
    --sha-bg: hsl(207deg 95% 24% / .9);
    --sha-bg: #035080;
    --sha-fg: #ffffff;
    --sha-menu-color: rgba(255, 255, 255, 0.85);
    --sha-menu-color-active: #ffffff;
    --sha-logo-height: 60px;
}

/******************************************************************************/
/* Bar (vizuální pruh) */
.site-header-b__bar {
    /* background: var(--sha-bg); */
    background: transparent;
    color: var(--sha-fg);
    backdrop-filter: blur(2px);
}

/******************************************************************************/
/* Inner (grid) */
.site-header-b__inner {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    grid-template-areas: "logo spacer menu lang";
    align-items: center;
    gap: 0 1.5em;
    padding-top: 20px;
    padding-bottom: 24px;
}

.site-header-b__spacer { grid-area: spacer; }

/******************************************************************************/
/* Logo */
.site-header-b__logo-box  { grid-area: logo; }
.site-header-b__logo-link { display: block; }
.site-header-b__logo-img  { display: block; height: var(--sha-logo-height); max-width: 100%; }

/******************************************************************************/
/* Menu (desktop) */
.site-header-b__menu-box { grid-area: menu; position: relative; }
.site-header-b__menu-box-burger {
    display: grid !important;
    justify-items: center;
    align-items: center;
}
.site-header-b__menu-box-burger + * {
    position: absolute;
    right: 0;
}
.site-header-b__menu-box:not(:hover):not(:focus-within) .site-header-b__menu-box-burger + * {
    display: none;
}


/******************************************************************************/
/* Jazyk */
.site-header-b__lang-box { grid-area: lang; }

/******************************************************************************/
/* Hamburger */
.site-header-b__menu-box-burger,
.site-header-b__burger {
    display: none;
    grid-area: burger;
    background: none;
    border: none;
    color: var(--sha-fg);
    font-size: 28px;
    cursor: pointer;
    padding: 4px 8px;
    line-height: 1;
}
.site-header-b__burger-icon--close { display: none; }
.site-header-b--menu-open .site-header-b__burger-icon--open  { display: none; }
.site-header-b--menu-open .site-header-b__burger-icon--close { display: inline; }

/******************************************************************************/
/* Sticky */
.site-header-b--fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}
.is-scroll-direction-enabled .site-header-b--fixed .site-header-b__bar {
    transform: translateY(-100%);
    transition: transform, background, box-shadow;
    transition-duration: .3s, .3s, .3s;
}
.is-scroll-direction-enabled .site-header-b--fixed .site-header-b__bar:focus-within,
.is-scroll-direction-enabled.is-scroll-top .site-header-b--fixed .site-header-b__bar,
.is-scroll-direction-enabled.is-scroll-up  .site-header-b--fixed .site-header-b__bar {
    transform: translateY(0%);
}

.is-scroll-direction-enabled:not(.is-scroll-top) .site-header-b--fixed .site-header-b__bar {
    background: var(--sha-bg);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
    transition-delay: 0s, .3s, .3s;
}

/******************************************************************************/
/* Drawer overlay */
.site-header-b__drawer {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility 0s .3s;
}
.site-header-b__drawer__content {
    background: var(--sha-bg);
    color: var(--sha-fg);
    max-width: 320px;
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr;
    transform: translateX(-100%);
    transition: transform .3s;
    overflow-y: auto;
}
.site-header-b--menu-open .site-header-b__drawer {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s;
}
.site-header-b--menu-open .site-header-b__drawer__content {
    transform: translateX(0%);
}

/* Drawer – horní řádek */
.site-header-b__drawer__top {
    display: grid;
    grid-template-columns: 1fr auto auto;
    grid-template-areas: "logo lang close";
    align-items: center;
    gap: .5em 1em;
    padding: 14px 1em;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}
.site-header-b__drawer__logo-box { grid-area: logo; }
.site-header-b__drawer__lang-box { grid-area: lang; }
.site-header-b__drawer__close {
    grid-area: close;
    background: none;
    border: none;
    color: var(--sha-fg);
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    line-height: 1;
}

/* Drawer – menu */
.site-header-b__drawer__menu-box {
    padding: 1em;
}

/******************************************************************************/
/* Mobilní breakpoint */
@media (max-width: 850px) {
    .site-header-b__inner {
        grid-template-columns: auto 1fr auto;
        grid-template-areas: "logo spacer burger";
    }
    .site-header-b__menu-box { display: none; }
    .site-header-b__lang-box { display: none; }
    .site-header-b__burger   { display: block; }
    .site-header-b__drawer   { display: block; }

    .site-header-b {
        --sha-logo-height: 45px;
    }
}
/******************************************************************************/
/** Soubor: /tpl/comp/menu_a/menu_a.css */
/******************************************************************************/

.menu-a {
    --menu-a-color-1: rgba(255, 255, 255, 0.85);
    --menu-a-color-2: #ffffff;
    --menu-a-dropdown-bg: var(--color-bg-2, #fff);
    --menu-a-dropdown-gap-color: var(--sha-bg, #0d3b55);
    display: flex;
    align-items: baseline;
    color: var(--menu-a-color-1);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300;
}

.menu-a a {
    color: inherit;
}

/******************************************************************************/
/* Seznam */
.menu-a__list {
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: .5em 3em;
    flex-wrap: wrap;
    justify-content: flex-end;
}

/******************************************************************************/
/* Položka */
.menu-a__item {
    color: var(--menu-a-color-1);
    position: relative;
    transition: .2s color;
    line-height: 1.2;
}
.menu-a__item::before,
.menu-a__item::after {
    content: "";
    display: block;
    background: transparent;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.menu-a__item::after {
    background: var(--menu-a-color-2);
    transform: scaleX(0);
    transform-origin: right;
    transition: .4s transform;
}
.menu-a__item--active {
    color: var(--menu-a-color-2);
    font-weight: 700;
}
.menu-a__item:hover,
.menu-a__item:focus-within {
    color: var(--menu-a-color-2);
}
.menu-a__item--active::after,
.menu-a__item:focus-within::after,
.menu-a__item:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/******************************************************************************/
/* Odkaz */
.menu-a__link {
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
}

/******************************************************************************/
/* Dropdown (2. úroveň) */
.menu-a__list--2 {
    position: absolute;
    z-index: 3;
    display: block;
    flex-direction: column;
    min-width: 250px;
    background: var(--menu-a-dropdown-bg);
    padding: 1em;
    font-weight: 400;
    color: var(--color-fg-2, #333);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .1s;
    transition-delay: .3s;
    border-radius: var(--global-border-radius, 4px);
    border-top: 16px solid var(--menu-a-dropdown-gap-color);
}
.menu-a__item:hover  .menu-a__list--2,
.menu-a__item:focus-within .menu-a__list--2 {
    transform: scaleY(1);
}
.menu-a__list--2 .menu-a__item {
    color: var(--color-fg-1, #000);
    font-size: 14px;
    line-height: 1;
    text-decoration: underline;
    font-weight: 300;
}
.menu-a__list--2 .menu-a__item::before,
.menu-a__list--2 .menu-a__item::after {
    content: none;
    display: none;
}
.menu-a__list--2 .menu-a__item--active {
    color: var(--color-fg-1, #000);
    font-weight: bold;
}
.menu-a__list--2 .menu-a__link {
    padding: .5em 0;
    display: block;
}
.menu-a__list--2 .menu-a__link::before {
    content: "";
    background: var(--color-fg-1, #000);
    --size: 4px;
    width: var(--size);
    height: var(--size);
    display: inline-block;
    vertical-align: middle;
    margin-left: .5em;
    margin-right: .5em;
    opacity: 0;
}
.menu-a__list--2 .menu-a__link:hover::before {
    opacity: 1;
}
.menu-a__list--2 .menu-a__item > .menu-a__link::after {
    display: none;
}

/******************************************************************************/
/* Responsive */
@media (max-width: 1100px) {
    .menu-a__list {
        gap: 1em 1em;
        font-size: .9em;
    }
}
/******************************************************************************/
/** Soubor: /tpl/comp/menu_b/menu_b.css */
/******************************************************************************/

.menu-b {
    --menu-b-color-1: rgba(255, 255, 255, 0.85);
    --menu-b-color-2: #ffffff;
    color: var(--menu-b-color-1);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    display: block;
}

.menu-b a {
    color: inherit;
}

/******************************************************************************/
/* Seznam */
.menu-b__list {
    display: grid;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 0;
}

/******************************************************************************/
/* Položka */
.menu-b__item {
    color: var(--menu-b-color-1);
    position: relative;
    transition: .2s color;
    line-height: 1.2;
    display: grid;
    padding: .5em 0;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    text-transform: uppercase;
}
.menu-b__item--active {
    color: var(--menu-b-color-2);
    font-weight: 700;
}
.menu-b__item:hover,
.menu-b__item:focus-within {
    color: var(--menu-b-color-2);
}

/******************************************************************************/
/* Odkaz */
.menu-b__link {
    text-decoration: none;
    display: block;
    white-space: nowrap;
    padding: .5em 0;
    white-space: normal;
}

/******************************************************************************/
/* Dropdown (2. úroveň) */
.menu-b__list--2 {
    display: block;
    padding: 1em;
    font-weight: 400;
    color: var(--color-fg-2, #333);
    background: transparent;
    border: none;
    padding: 0 0 .5em .75em;
    border-left: 1px solid rgba(255, 255, 255, .3);
    margin-left: .25em;
}
.menu-b__list--2 .menu-b__item--active {
    color: var(--menu-b-color-2);
    font-weight: 700;
}
.menu-b__list--2 .menu-b__item {
    line-height: 1;
    font-size: .9em;
    border-bottom: none;
}
.menu-b__list--2 .menu-b__item::before,
.menu-b__list--2 .menu-b__item::after {
    content: none;
    display: none;
}
.menu-b__list--2 .menu-b__link {
    padding: .5em 0;
    display: block;
}
.menu-b__list--2 .menu-b__item > .menu-b__link::after {
    display: none;
}
/******************************************************************************/
/** Soubor: /tpl/comp/menu_c/menu_c.css */
/******************************************************************************/

.menu-c {
    --menu-c-color-1: #959595;
    --menu-c-color-2: #000;
    color: var(--menu-c-color-1);
    text-transform: uppercase;
    font-size: 16px;
    text-align: right;
    font-weight: 400;
    padding-top: .5em;
}

.menu-c a {
    color: inherit;
}

/******************************************************************************/
/* Seznam */
.menu-c__list {
    display: grid;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: .5em 3em;
    background: #ffffff;
    padding: 1.5em 2em;
    border-radius: 8px;
}

/******************************************************************************/
/* Položka */
.menu-c__item {
    color: var(--menu-c-color-1);
    position: relative;
    transition: .2s color;
    line-height: 1.2;
    display: grid;
    padding: .5em 0;
}
.menu-c__item::before,
.menu-c__item::after {
    content: "";
    display: block;
    background: transparent;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.menu-c__item::after {
    background: var(--menu-c-color-2);
    transform: scaleX(0);
    transform-origin: left;
    transition: .4s transform;
}
.menu-c__item--active {
    color: var(--menu-c-color-2);
    font-weight: 700;
}
.menu-c__item:hover,
.menu-c__item:focus-within {
    color: var(--menu-c-color-2);
}
.menu-c__item--active::after,
.menu-c__item:focus-within::after,
.menu-c__item:hover::after {
    transform: scaleX(1);
    transform-origin: right;
}

/******************************************************************************/
/* Odkaz */
.menu-c__link {
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
}

/******************************************************************************/
/* Dropdown (2. úroveň) */
.menu-c__list--2 {
    position: absolute;
    z-index: 3;
    display: block;
    flex-direction: column;
    min-width: 250px;
    background: var(--menu-c-dropdown-bg);
    padding: 1em;
    font-weight: 400;
    color: var(--color-fg-2, #333);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .1s;
    transition-delay: .3s;
    border-radius: var(--global-border-radius, 4px);
    border-top: 16px solid var(--menu-c-dropdown-gap-color);
}
.menu-c__list--2 .menu-c__item--active {
    color: var(--color-fg-1, #000);
    font-weight: bold;
}
.menu-c__item:hover  .menu-c__list--2,
.menu-c__item:focus-within .menu-c__list--2 {
    transform: scaleY(1);
}
.menu-c__list--2 .menu-c__item {
    font-size: 14px;
    line-height: 1;
    text-decoration: underline;
    font-weight: 300;
}
.menu-c__list--2 .menu-c__item::before,
.menu-c__list--2 .menu-c__item::after {
    content: none;
    display: none;
}
.menu-c__list--2 .menu-c__link {
    padding: .5em 0;
    display: block;
}
.menu-c__list--2 .menu-c__link::before {
    content: "";
    background: var(--color-fg-1, #000);
    --size: 4px;
    width: var(--size);
    height: var(--size);
    display: inline-block;
    vertical-align: middle;
    margin-left: .5em;
    margin-right: .5em;
    opacity: 0;
}
.menu-c__list--2 .menu-c__link:hover::before {
    opacity: 1;
}
.menu-c__list--2 .menu-c__item > .menu-c__link::after {
    display: none;
}

/******************************************************************************/
/* Responsive */
@media (max-width: 1100px) {
    .menu-c__list {
        gap: 1em 1em;
        font-size: .9em;
    }
}
/******************************************************************************/
/** Soubor: /tpl/comp/site_footer_a/site_footer_a.css */
/******************************************************************************/

/* Sekce */
.wrap1--footer-1 {
    background: var(--color-bg-2, #f5f5f5);
    color: var(--color-fg-5, #333);
    padding-top: 3rem;
    padding-bottom: 3rem;
}

/* Vnitřní grid – 4 sloupce */
.site-footer-a__inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto;
    grid-template-areas: "logo text1 text2 links";
    gap: 1em 3em;
    align-items: start;
    font-size: 14px;
    line-height: 1.25;
}

.site-footer-a__col--logo  { grid-area: logo; }
.site-footer-a__col--text1 { grid-area: text1; }
.site-footer-a__col--text2 { grid-area: text2; }
.site-footer-a__col--links { grid-area: links; }

/* Logo */
.site-footer-a__logo-link    { display: inline-block; }
.site-footer-a__logo-picture { display: block; }
.site-footer-a__logo-img     { display: block; max-width: 100%; height: 55px; }

.site-footer-a .h1,
.site-footer-a .h2,
.site-footer-a .h3,
.site-footer-a .h4 {
    margin: 0 0 .5em 0;
    color: var(--color-fg-5);
}

/* Linky (GDPR atd.) */
.site-footer-a__links-list {
    list-style: none;
    padding: 0;
    margin: 0 0 1em;
}
.site-footer-a__links-item { margin-bottom: .4em; }

/* Responzivní */
@media (max-width: 900px) {
    .site-footer-a__inner {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "logo  links"
            "text1 text2";
        gap: 2em;
    }
}
@media (max-width: 550px) {
    .site-footer-a__inner {
        grid-template-columns: 1fr;
        grid-template-areas:
            "logo"
            "text1"
            "text2"
            "links";
        gap: 1.5em;
    }
}
/******************************************************************************/
/** Soubor: /tpl/comp/slider_a/slider_a.css */
/******************************************************************************/

.slider-a {
    --swiper-pagination-bullet-width: 10px;
    --swiper-pagination-bullet-height: 10px;
    --swiper-pagination-bullet-inactive-color: #fff;
    --swiper-pagination-bullet-inactive-opacity: 0.5;
    --swiper-pagination-color: #fff;
    /* --slider-a-max-height: 700px; */
    --slider-a-max-height: unset;
    position: relative;
    overflow: hidden;
    background: black;
}

.slider-a__content { width: 100%; }

/******************************************************************************/
/* Slide */
.slider-a__slide {
    display: grid;
    align-items: center;
    max-height: var(--slider-a-max-height, unset);
}
.slider-a__slide > * {
    grid-row: 1;
    grid-column: 1;
}

/******************************************************************************/
/* Foto */
.slider-a__img::before {
    content: "";
    display: block;
    padding-top: calc(465 / 1200 * 100 * 1%);
}
.slider-a__img img {
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
    width: 100%; height: 100%;
    object-fit: cover;
}

/******************************************************************************/
/* Video */
.slider-a__video::before {
    content: "";
    display: block;
    padding-top: calc(850 / 1920 * 100 * 1%);
}
.slider-a__video video {
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
    width: 100%; height: 100%;
    object-fit: cover;
}

/******************************************************************************/
/* Text overlay */
.slider-a__box  { width: 85%; }
.slider-a__text {
    background: var(--color-bg-1);
    color: var(--color-fg-3);
    padding: 1em;
    line-height: 1.2;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 800;
    display: inline-block;
    max-width: 100%;
}

/******************************************************************************/
/* Šipky */
.slider-a__arrow {
    --slider-arrow-padding: 0rem;
    display: grid;
    align-items: center;
    cursor: pointer;
    font-size: 128px;
    color: var(--color-fg-3);
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    opacity: .6;
    transition: .2s color, .2s opacity;
}
.slider-a__arrow--prev { left:  var(--slider-arrow-padding); }
.slider-a__arrow--next { right: var(--slider-arrow-padding); }
.slider-a__arrow:hover { color: var(--color-fg-1); opacity: .6; }
.slider-a__arrow.swiper-button-disabled { opacity: 0; cursor: not-allowed; }
.slider-a__arrow.swiper-button-lock     { opacity: 0; visibility: hidden; }

/******************************************************************************/
/* Responsive */
@media (max-width: 1000px) {
    .slider-a__arrow { font-size: 100px; }
}
@media (max-width: 850px) {
    .slider-a__arrow { font-size: 80px; }
}
@media (max-width: 450px) {
    .slider-a__arrow { font-size: 60px; }
}
/******************************************************************************/
/** Soubor: /tpl/comp/section_img_text_a/section_img_text_a.css */
/******************************************************************************/

.section-img-text-a {
    display: grid;
    grid-template-columns: 1fr;
    background: #F7F7F7;
    min-height: 500px;
}
.section-img-text-a > * {
    grid-row: 1;
    grid-column: 1;
}

/******************************************************************************/
/* Textový sloupec */
.section-img-text-a__text-col {
}

.section-img-text-a__body {
    width: 35%;
}
.section-img-text-a__body > :first-child {
    margin-top: 0;
}
.section-img-text-a__body > :last-child {
    margin-bottom: 0;
}

.section-img-text-a__btn {
    margin-top: 2rem;
    align-self: flex-start;
}

/******************************************************************************/
/* Obrázková část — sahá k okraji obrazovky */
.section-img-text-a__picture-col {
    position: relative;
    overflow: hidden;
    width: 50%;
    justify-self: end;
}

.section-img-text-a__picture {
    display: block;
    width: 100%;
    height: 100%;
}

.section-img-text-a__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/******************************************************************************/
/* Modifier: obrázek vlevo */
.section-img-text-a--img-left .section-img-text-a__picture-col {
    order: -1;
}

.section-img-text-a--img-left .section-img-text-a__text-col {
    padding: 4rem max(3%, calc((100vw - 1200px) / 2 + 3rem)) 4rem 3rem;
}

/******************************************************************************/
/* Responsive */
@media (max-width: 700px) {

    .section-img-text-a > * {
        grid-row: unset;
        grid-column: unset;
    }
    .section-img-text-a__body {
        width: 100%;
    }
    .section-img-text-a__picture-col {
        justify-self: unset;
        width: 100%;
        order: -1;
        min-height: 260px;
    }
}


/* Animace */
.section-img-text-a.anim--able {
    --duration: .75s;
    --delay: 0s;
}
.section-img-text-a.anim--able .section-img-text-a__body {
    transform: translateX(-100%) translateY(0%);
    opacity: 0;
    transition: transform, opacity;
    transition-duration: var(--duration, .5s);
}
.section-img-text-a.anim--able.anim--show .section-img-text-a__body {
    transition-delay: var(--delay, 0s);
    transform: translateX(0%) translateY(0%);
    opacity: 1;
}
.section-img-text-a.anim--able .section-img-text-a__picture {
    transform: translateX(100%) translateY(0%);
    opacity: 0;
    transition: transform, opacity;
    transition-duration: var(--duration, .5s);
}
.section-img-text-a.anim--able.anim--show .section-img-text-a__picture {
    transition-delay: var(--delay, 0s);
    transform: translateX(0%) translateY(0%);
    opacity: 1;
}/******************************************************************************/
/** Soubor: /tpl/comp/section_cert_a/section_cert_a.css */
/******************************************************************************/

.section-cert-a {
    /* padding: 4rem 3%; */
}

/******************************************************************************/
/* Intro — centrovaný nadpis + popis */
.section-cert-a__intro {
    max-width: 700px;
    margin: 0 auto;
}

.section-cert-a__body > :first-child {
    margin-top: 0;
}
.section-cert-a__body > :last-child {
    margin-bottom: 0;
}

/******************************************************************************/
/* Grid karet */
.section-cert-a__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 0 auto;
    margin-top: 4rem;
    margin-bottom: 2rem;
}

/******************************************************************************/
/* Karta */
.section-cert-a__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.75rem;
}

.section-cert-a__picture {
    display: block;
}

.section-cert-a__img {
    width: 140px;
    height: 140px;
    object-fit: contain;
}

.section-cert-a__title {
    font-size: 18px;
}

.section-cert-a__link {
    color: inherit;
    text-decoration: underline #ADADAD 1px;
    text-underline-offset: 3px;
    /* opacity: 0.7; */
    transition: opacity 0.2s;
}

.section-cert-a__link:hover {
    opacity: 1;
}

/******************************************************************************/
/* Responsive */
@media (max-width: 640px) {
    .section-cert-a__list {
        grid-template-columns: 1fr;
    }
}


/* Animace - Intro */
.section-cert-a__intro.anim--able {
    --duration: .5s;
    --delay: 0s;
    --delay-step: .1s;
}
.section-cert-a__intro.anim--able .section-cert-a__body > div > * {
    transform: translateX(0%) translateY(100%);
    opacity: 0;
    transition: transform, opacity;
    transition-duration: var(--duration, .5s);
}
.section-cert-a__intro.anim--able.anim--show .section-cert-a__body > div > * {
    --delay: calc(var(--step) * var(--delay-step));
    transition-delay: var(--delay, 0s);
    transform: translateX(0%) translateY(0%);
    opacity: 1;
}
.section-cert-a__intro.anim--able .section-cert-a__body>div> :nth-child(1) { --step: 1;}
.section-cert-a__intro.anim--able .section-cert-a__body>div> :nth-child(2) { --step: 2;}
.section-cert-a__intro.anim--able .section-cert-a__body>div> :nth-child(3) { --step: 3;}
.section-cert-a__intro.anim--able .section-cert-a__body>div> :nth-child(4) { --step: 4;}
.section-cert-a__intro.anim--able .section-cert-a__body>div> :nth-child(5) { --step: 5;}
.section-cert-a__intro.anim--able .section-cert-a__body>div> :nth-child(6) { --step: 6;}
.section-cert-a__intro.anim--able .section-cert-a__body>div> :nth-child(7) { --step: 7;}
.section-cert-a__intro.anim--able .section-cert-a__body>div> :nth-child(7) { --step: 7;}

/* Animace - Intro */
.section-cert-a__list.anim--able {
    --duration: .75s;
    --delay: 0s;
    --delay-step: .25s;
}
.section-cert-a__list.anim--able .section-cert-a__item {
    transform: translateX(100%) translateY(0%);
    opacity: 0;
    transition: transform, opacity;
    transition-duration: var(--duration, .5s);
}
.section-cert-a__list.anim--able.anim--show .section-cert-a__item {
    --delay: calc(var(--step) * var(--delay-step));
    transition-delay: var(--delay, 0s);
    transform: translateX(0%) translateY(0%);
    opacity: 1;
}
.section-cert-a__list.anim--able .section-cert-a__item:nth-child(1) { --step: 1;}
.section-cert-a__list.anim--able .section-cert-a__item:nth-child(2) { --step: 2;}
.section-cert-a__list.anim--able .section-cert-a__item:nth-child(3) { --step: 3;}
.section-cert-a__list.anim--able .section-cert-a__item:nth-child(4) { --step: 4;}
.section-cert-a__list.anim--able .section-cert-a__item:nth-child(5) { --step: 5;}
.section-cert-a__list.anim--able .section-cert-a__item:nth-child(6) { --step: 6;}
.section-cert-a__list.anim--able .section-cert-a__item:nth-child(7) { --step: 7;}
.section-cert-a__list.anim--able .section-cert-a__item:nth-child(7) { --step: 7;}/******************************************************************************/
/** Soubor: /tpl/comp/section_partners_a/section_partners_a.css */
/******************************************************************************/

/******************************************************************************/
/* Intro — centrovaný nadpis */
.section-partners-a__intro {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 3rem;
}

.section-partners-a__body > :first-child {
    margin-top: 0;
}
.section-partners-a__body > :last-child {
    margin-bottom: 0;
}

/******************************************************************************/
/* Slider — wrapper s šipkami */
.section-partners-a__slider {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.section-partners-a__swiper {
    flex: 1;
    min-width: 0;
}

/* Lineární (konstantní) rychlost posunu — marquee efekt.
   Bez tohoto by Swiper u každého kroku zrychloval a zpomaloval (ease). */
.section-partners-a__swiper .swiper-wrapper {
    transition-timing-function: linear;
}

/******************************************************************************/
/* Šipky */
.section-partners-a__arrow {
    --border-color: hsl(0deg 0% 58% / .26);
    --border-color-hover: hsl(0deg 0% 58% / .5);
    --color: #959595;

    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    border: 1px solid var(--border-color);
    background: transparent;
    cursor: pointer;
    font-size: 2em;
    color: var(--color);
    /* opacity: 0.5; */
    transition: 0.2s;
    transition-property: transform;
}

.section-partners-a__arrow:hover {
    border-color: var(--border-color-hover);
    opacity: 1;
}
.section-partners-a__arrow:active {
    transform: scale(0.85);
}
.section-partners-a__arrow.swiper-button-disabled {
    opacity: 0.2;
    cursor: default;
}

/******************************************************************************/
/* Slide */
.section-partners-a__slide {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
}

.section-partners-a__picture {
    display: block;
}

.section-partners-a__img {
    max-width: 100%;
    max-height: 50px;
    object-fit: contain;
    filter: grayscale(1);
}
.section-partners-a__slide:hover .section-partners-a__img {
    filter: grayscale(0);
}


/* Animace - Intro */
.section-partners-a.anim--able {
    --duration: .5s;
    --delay: 0s;
    --delay-step: .25s;
}
.section-partners-a.anim--able > * {
    transform: translateX(0%) translateY(100%);
    opacity: 0;
    transition: transform, opacity;
    transition-duration: var(--duration, .5s);
}
.section-partners-a.anim--able.anim--show > * {
    --delay: calc(var(--step) * var(--delay-step));
    transition-delay: var(--delay, 0s);
    transform: translateX(0%) translateY(0%);
    opacity: 1;
}
.section-partners-a.anim--able>:nth-child(1) { --step: 1;}
.section-partners-a.anim--able>:nth-child(2) { --step: 2;}
.section-partners-a.anim--able>:nth-child(3) { --step: 3;}
.section-partners-a.anim--able>:nth-child(4) { --step: 4;}
.section-partners-a.anim--able>:nth-child(5) { --step: 5;}
.section-partners-a.anim--able>:nth-child(6) { --step: 6;}
.section-partners-a.anim--able>:nth-child(7) { --step: 7;}
.section-partners-a.anim--able>:nth-child(7) { --step: 7;}
/******************************************************************************/
/** Soubor: /tpl/comp/video_block_a/video_block_a.css */

.video-block-a {
    --max-height: 750px;
    /* background: black; */
}

.video-block-a__item {
    display: grid;
    gap: 0px;
    grid-template-rows: auto 1fr;
}
.video-block-a__text h2 {
    margin: 0;
}

.video-block-a__video-content {
    display: grid;
    position: relative;
    overflow: hidden;
}
.video-block-a__video-content p {
    display: grid;
    padding: 0;
    margin: 0;
}

.video-block-a__video, .video-block-a video {
    width: 100%;
    height: auto;
    max-height: var(--max-height, unset);
    object-fit: cover;
}
.video-block-a__video-overlay {
    appearance: none;
    border: none;
    padding: 0;
    background: hsl(0deg 0% 0% / .1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    display: grid;
    justify-content: center;
    align-items: center;
}
.video-block-a__video-overlay:focus-within,
.video-block-a__video-overlay:hover {
    filter: brightness(1.2);
}

.video-block-a__video-overlay-button {
    --size: 3em;
    display: grid;
    justify-content: center;
    align-items: center;
    background: transparent;
    border: 2px solid currentColor;
    color: white;
    border-radius: 100%;
    font-size: 1.5em;
    line-height: 1;
    width: var(--size);
    height: var(--size);
    letter-spacing: -4px;
    opacity: .8;
    cursor: pointer;
    transition: width, height;
    transition-duration: .5s;
}
.video-block-a__video-overlay-button:focus-within,
.video-block-a__video-overlay-button:hover {
    --size: 3.5em;
    opacity: 1;
    opacity: 1;
    color: var(--color-fg-1);
}


.video-block-a__text-content {
    border: 1px solid #ddd;
    padding: 1rem;
    border-radius: 0  0 var(--global-border-radius) var(--global-border-radius);
}

.video-block-a__button { margin-top: 8px; font-weight: 600; font-size: 1em; line-height: 1.2; text-decoration: none; position: relative; align-self: start;display:inline-flex; align-items: center;cursor:pointer;}
.video-block-a__button::after {
    display: inline-block; height: 1em; margin-left: .2em; transition: .2s transform;
    width: .8em;vertical-align: -0.05em;content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M6.263 15.146L12.31 8L6.263.854L4.737 2.146L9.69 8l-4.953 5.854z'/%3E%3C/svg%3E");
}
.video-block-a__button::before { content: ""; display: block; background: currentColor; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; transform: scaleX(0); transition: .2s transform; transform-origin: right;}
.video-block-a__button:hover {}
.video-block-a__button:hover::after { transform: translateX(.4em);}
.video-block-a__button:hover::before { transform: scaleX(1); transform-origin: left;}


/* @media only screen and (max-width: 600px) {} */


/* Animace - Intro */
.video-block-a.anim--able {
    --duration: .5s;
    --delay: 0s;
    --delay-step: .25s;
}
.video-block-a.anim--able > * {
    transform: scale(0);
    opacity: 0;
    transition: transform, opacity;
    transition-duration: var(--duration, .5s);
}
.video-block-a.anim--able.anim--show > * {
    --delay: calc(var(--step) * var(--delay-step));
    transition-delay: var(--delay, 0s);
    transform: scale(1);
    opacity: 1;
}
.video-block-a.anim--able>:nth-child(1) { --step: 1;}
.video-block-a.anim--able>:nth-child(2) { --step: 2;}
.video-block-a.anim--able>:nth-child(3) { --step: 3;}
.video-block-a.anim--able>:nth-child(4) { --step: 4;}
.video-block-a.anim--able>:nth-child(5) { --step: 5;}
.video-block-a.anim--able>:nth-child(6) { --step: 6;}
.video-block-a.anim--able>:nth-child(7) { --step: 7;}
.video-block-a.anim--able>:nth-child(7) { --step: 7;}
/******************************************************************************/
/** Soubor: /tpl/comp/history_a/history_a.css */
/** Timeline historie (zig‑zag) – dvousloupcová mřížka s centrální linkou. */
/******************************************************************************/

.history-a {
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
    gap: 0 3rem;
    font-size: 1rem;
    line-height: 1.25;
    border-top: 3rem solid transparent;
}

/* Centrální svislá linka */
.history-a::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #959595;
    width: 1px;
    bottom: 0;
    top: 1em;
}

/******************************************************************************/

.history-a__item {
    color: var(--color-fg-2);
    margin-bottom: 2.25em
}
.history-a__item--year {
    font-size: 1.4em;
    font-weight: 700;
    text-align: right;
}
.history-a__item--text {
    max-width: 320px;
}
.history-a__item--year::before {
    content: "";
    display: block;
    background: #959595;
    border-radius: 100%;
    height: 13px;
    width: 13px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, .5em);
}

/******************************************************************************/
/* Responsive – pod breakpointem jeden sloupec */
@media (max-width: 600px) {

    .history-a {
        grid-template-columns: 1fr;
        padding-left: 3rem;
    }.history-a::before {
        left: 1em;
    }
    .history-a__item--year {
        text-align: left;
        margin-bottom: 0;
    }
    .history-a__item--year::before {
        left: 1rem;
    }
}
/******************************************************************************/
/** Soubor: /tpl/comp/contact_form_a/contact_form_a.css */

.wrap--contact-form-a {
    background-color: var(--color-bg-3);
    border-radius: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/******************************************************************************/
/* Kontaktni formular */
.contact-form-a {overflow: hidden;max-width: 500px;margin: auto;padding: 0;font-size: 16px;padding: 0;}
.contact-form-a__body {}
.contact-form-a__col--info {
    display: grid;
    gap: .5rem;
}
.contact-form-a__label {display: grid;line-height: 1;gap: 0rem;color: #595959;}
.contact-form-a__label:focus-within {color: var(--color-fg-1);}
.contact-form-a__label span::after {}
.contact-form-a__label input {appearance: none;border: none;outline: none;color: inherit;background: inherit;font-family:inherit;font-size:inherit;padding: .7em 1.5em;border: 1px solid currentColor;border-radius: 2rem;}
.contact-form-a__label textarea {appearance: none;border: none;outline: none;color: inherit;background: inherit;font-family:inherit;font-size:inherit;padding: 0;border: 1px solid currentColor;padding: .6em;resize: vertical;border-radius: 1.5rem;}
.contact-form-a__label select {appearance: none;border: none;outline: none;color: inherit;background: inherit;font-family:inherit;font-size:inherit;padding: 0.7em 1.5em;border: 1px solid currentColor;border-radius: 2rem;}
.contact-form-a__label select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23878787' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-size: 16px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    padding-right: 32px;
}
.contact-form-a__label select option {color: black;}
.contact-form-a__col--text .contact-form-a__label {grid-template-columns: 1fr;}
.contact-form-a__foot-checkbox {display: grid;margin-left: auto; margin-right: auto; margin-top: 1rem; margin-bottom: 2rem;}
.contact-form-a__foot-buttons { text-align: center;}
.contact-form-a .checkbox {--mark-checked-color: var(--color-fg-3);--mark-checked-background: var(--color-bg-1);--mark-size: 1.2em;}
.contact-form-a .checkbox__label {font-size: 14px;}
.contact-form-a__head, .contact-form-a__foot {max-width: var(--content-max-width--extra);}

.contact-form-a__label>:last-child {
    --transform: scale(1) translateY(1.8em) translateX(1em);
    transform: var(--transform);
    transform-origin: left bottom;
    transition: .3s transform;
    pointer-events: none;
    grid-row: 1;
}
.contact-form-a__label:focus-within>:last-child,
.contact-form-a__label>input:not(:placeholder-shown) ~ *,
.contact-form-a__label>textarea:not(:placeholder-shown) ~ *,
.contact-form-a__label>select:not(:placeholder-shown) ~ *,
.contact-form-a__label>input:autofill ~ *,
.contact-form-a__label>textarea:autofill ~ *,
.contact-form-a__label>select:autofill ~ *
{transform: scale(0.9) translateY(0) translateX(1em);}
/******************************************************************************/
/** Soubor: /tpl/comp/contact_form_b/contact_form_b.css */

.wrap--contact-form-b {
    background-color: var(--color-bg-3);
    border-radius: 1rem;
    padding: 2rem 1rem;
}

/******************************************************************************/
/* Kontaktni formular */
.contact-form-b {max-width: 600px;margin: auto;padding: 0;font-size: 16px;padding: 0;}
.contact-form-b__body {}
.contact-form-b__col--info {
    display: grid;
    gap: 1rem;
}
/* .contact-form-b__label {display: grid;line-height: 1;gap: 0rem;color: #595959;} */
.contact-form-b__label {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 0rem 1rem;
    align-items: center;
}
.contact-form-b__label:focus-within {color: var(--color-fg-1);}
.contact-form-b__label span {text-align: right;}
.contact-form-b__label input {appearance: none;border: none;outline: none;color: inherit;background: inherit;font-family:inherit;font-size:inherit;padding: .7em 1.5em;border: 1px solid #707070;border-radius: 2rem;}
.contact-form-b__label textarea {appearance: none;border: none;outline: none;color: inherit;background: inherit;font-family:inherit;font-size:inherit;padding: 0;border: 1px solid #707070;padding: .7em 1.5em;resize: vertical;border-radius: 1.5rem;}
.contact-form-b__label select {appearance: none;border: none;outline: none;color: inherit;background: inherit;font-family:inherit;font-size:inherit;padding: 0.7em 1.5em;border: 1px solid #707070;border-radius: 2rem;}
.contact-form-b__label select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23878787' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-size: 24px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    padding-right: 32px;
}
.contact-form-b__label select option {color: black;}
.contact-form-b__col--text .contact-form-b__label {grid-template-columns: 1fr;}
.contact-form-b__foot {display: grid;}
.contact-form-b__foot-checkbox {display: grid;margin-left: auto; /*margin-right: auto;*/ margin-top: 1rem; margin-bottom: 2rem;}
.contact-form-b__foot-buttons { text-align: right;}
.contact-form-b .checkbox {--mark-checked-color: var(--color-fg-3);--mark-checked-background: var(--color-bg-1);--mark-size: 1.2em;}
.contact-form-b .checkbox__label {font-size: 14px;}
.contact-form-b__head, .contact-form-b__foot {max-width: var(--content-max-width--extra);}

.contact-form-b__label-space {height: 2rem;}

@media (max-width: 700px) {
    .contact-form-b__label {grid-template-columns: 1fr;}
    .contact-form-b__label span {text-align: left; padding-left: 1rem;}
}/******************************************************************************/
/** Soubor: /tpl/comp/search_a/search_a.css */
/******************************************************************************/

.search-a__form {
    --background: var(--color-bg-3);
    --color: inherit;
    --space-inline: 6rem;
    --space-block: 4rem;
    --border-radius: 1rem;
    --border: 1px solid #e2e2e2;
}
.search-a__form {
    margin-bottom: 4rem
}
.search-a__form-body {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 4rem;
    width: calc(100% + var(--space-inline, 0) * 2);
    max-width: calc(100vw + var(--space-inline, 0));
    background: var(--background, transparent);
    color: var(--color, inherit);
    padding-top: var(--space-block, 0);
    padding-bottom: var(--space-block, 0);
    padding-left: var(--space-inline, 0);
    padding-right: var(--space-inline, 0);
    transform: translateX(calc(-1 * var(--space-inline, 0)));
    border: var(--border, none);
    border-radius: var(--border-radius, 0);
}
.search-a__form-input {
    appearance: none;
    border: none;
    color: inherit;
    background: inherit;
    font-family: inherit;
    font-size: inherit;
    padding: .7em 1.5em;
    border: 1px solid #707070;
    border-radius: 2rem;
}


.search-a__list {
    display: grid;
    gap: 1rem;
}
.search-a__list-header {
    font-size: 28px;
    border-bottom: 1px solid;
    margin-bottom: 1rem;
    line-height: 2;
    font-weight: 300;
}

.search-a__item {
    --background: var(--color-bg-2);
    --color: inherit;
    --space-inline: 6rem;
    --space-block: 1.5rem;
    --border-radius: 1rem;
}
.search-a__item:nth-child(2n +1) {
    --background: var(--color-bg-3);
}
.search-a__item {
    display: grid;
    grid-template-areas:
        ". files"
        "title files"
        "sub files"
        "text files"
        ". files";
    grid-template-rows: 1fr auto auto auto 1fr;
    grid-template-columns: 3fr 2fr;
    gap: 0 3rem;
    width: calc(100% + var(--space-inline, 0) * 2);
    max-width: calc(100vw + var(--space-inline, 0));
    background: var(--background, transparent);
    color: var(--color, inherit);
    padding-top: var(--space-block, 0);
    padding-bottom: var(--space-block, 0);
    padding-left: var(--space-inline, 0);
    padding-right: var(--space-inline, 0);
    transform: translateX(calc(-1 * var(--space-inline, 0)));
    border-radius: var(--border-radius, 0);

    box-shadow: 0 0 0 1px transparent;
    transition: .3s box-shadow;
}
@keyframes search-a__item--animation {
  from { opacity: 0; translate: 0 2rem; }
}
.search-a__item {
  animation: search-a__item--animation 0.4s ease-out;
}
.search-a__item:focus-within,
.search-a__item:hover {
    box-shadow: 0 0 0 1px #DEDEDE;
}

.search-a__item__title {
    grid-area: title;
    font-size: 18px;
    color: var(--color-fg-1);
}
.search-a__item__subtitle {
    grid-area: sub;
}
.search-a__item__text {
    grid-area: text;
    font-size: 14px;
    margin-top: 2rem;
}
.search-a__item__files {
    grid-area: files;
    display: grid;
    gap: .5rem;
    justify-items: start;
    border: 0px solid #DEDEDE;
    border-left-width: 1px;
    padding: 0rem 0rem 1rem 3rem;
}
.search-a__item__files-title {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 18px;
    margin-bottom: .5rem;
}
.search-a__item__file {
    font-size: 14px;
    display: grid;
    grid-template-columns: 2.3rem 1fr;
    gap: .5rem;
    align-items: center;
}
.search-a__item__file i,
.search-a__item__file b,
.search-a__item__file svg,
.search-a__item__file iconify-icon,
.search-a__item__file img {
    width: 100%;
    font-size: 2.5em;
}

.search-a__list-footer {
    display: grid;
    justify-items: center;
    margin-top: 2rem;
    gap: 1rem;
}


@media (max-width: 850px) {
    .search-a__form-body {
        gap: 2rem;
        --space-inline: 2rem;
    }
}
@media (max-width: 700px) {
    .search-a__form-body {
        gap: 1rem;
    }
}
@media (max-width: 600px) {
    .search-a__item {
        grid-template-areas:
            "title"
            "sub"
            "text"
            "files"
        ;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
    }

    .search-a__item__text {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .search-a__item__files {
        padding: 1rem 0 0 0;
        border-left-width: 0px;
        border-top-width: 1px;
        justify-items: start;
    }
}
@media (max-width: 500px) {
    .search-a__form-body {
        grid-template-columns: 1fr;
        --space-block: 2rem;
    }
    .search-a__form-button {
        justify-self: center;
    }
} /* cached */