@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;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-3: calc(var(--content-max-width) / 3 * 2);
    --content-padding-left: 0;
    --content-padding-right: 0;
    --content-padding-top: 36px;
    --content-padding-bottom: 36px;
    --content-margin-top: 36px;
    --content-margin-bottom: 36px;
}


:root {   
    --bg-selection: #3e4f64;
    --fg-selection: white;
}
::-moz-selection {background: var(--bg-selection);color: var(--fg-selection);}
::selection {background: var(--bg-selection);color: var(--fg-selection);}

.content-max-width {margin-left: auto;margin-right: auto;max-width: var(--content-max-width);}
.content-max-width--extra {width: var(--content-max-width--extra, 600px);margin: auto; max-width: 100%;}
.content-max-width--extra-2-3 {width: var(--content-max-width--extra-2-3, 1000px);margin: auto; max-width: 100%;}
.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);}

@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;
    }
}

#homepage {
    --content-margin-top: 96px;
    --content-margin-bottom: 96px;
    padding-top: 0 !important;
}

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

.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: 650px;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; }
.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--footer {
    background: var(--color-bg-1);
    color: var(--color-fg-3);
    padding-top: 50px;
    padding-bottom: 100px;
}
.wrap1--footer-2 {
    background: var(--color-bg-1);
    color: var(--color-fg-3);
    padding-bottom: 2em;
    text-align: right;
}
.wrap1--about-us-1 {
    margin-top: 60px;
}
.wrap1--hr-1 {
    margin-top: 90px;
    margin-bottom: 64px;
}
.wrap1--realization-1 {
    padding-top: 33px;
    --h1-line-color: white;
}
.wrap1--realization-2 {}
.wrap1--quality-1 {
    margin-top: 86px;
    margin-bottom: 58px;
}
.wrap1--news-1 {}
.wrap1--news-2 {
    padding-top: 30px;
    padding-bottom: 52px;
}
.wrap1--services-1 {}
.wrap1--services-2 {
    margin-bottom: 80px;
}
.wrap1--bg-blue {
    background: var(--color-bg-1);
    color: var(--color-fg-3);
}
.wrap1--bg-silver {
    background: var(--color-bg-2);
    color: var(--color-fg-2);
}
.wrap1--bg-white-silver {
    --bg-line-height: 150px;
    background-image: linear-gradient(180deg, var(--color-bg-3) var(--bg-line-height,110px), var(--color-bg-2) var(--bg-line-height,110px));
}
.wrap1-bg-blue-white {
    --bg-line-height: 76px;
    background-image: linear-gradient(0deg, var(--color-bg-3) var(--bg-line-height,110px), var(--color-bg-1) var(--bg-line-height,110px));
    color: var(--color-fg-3);
}
.wrap1--developerske-projekty {
    background-image: url(https://www.kangaroo.cz/www/stavos/www/img/logo_min_4.svg);
    background-repeat: no-repeat;
    background-size: 650px;
    background-position-y: -220px;
    background-position-x: calc(100vw / 2 + 270px);
}
.wrap1--contact-form {
    margin-top: 2em;
}

@media (max-width: 850px) {
    .wrap1--contact-form {
        margin-top: 0;
    }
}
@media (max-width: 600px) {
    .wrap1--about-us-1 {
        margin-top: 2em;
    }
    .wrap1--hr-1 {
        margin-top: 2em;
        margin-bottom: 2em;
    }
    .wrap1--realization-1 {
        padding-top: 1em;
    }
    .wrap1--news-2 {
        padding-top: 2em;
        padding-bottom: 2em;
    }
    .wrap1--quality-1 {
        margin-top: 2em;
        margin-bottom: 2em;
    }
    .wrap1--services-2 {
        margin-bottom: 40px;
    }
}

/******************************************************************************/
/* Hlavička */
#wrap-head, #head {
    /* background: var(--color-bg-3); */
    color: var(--color-fg-2);
}
#wrap-head {
    margin-bottom: 3rem;
}
#head {
    transition: .5s background, .5s backdrop-filter;
    background: transparent;
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
}
#homepage #wrap-head {
    margin-bottom: 0;
}
.head-content {
    --head-menu-color-1: var(--color-fg-2);
    --head-menu-color-2: var(--color-fg-1);
    display: grid;
    /* grid-template-areas:
        "logo social lang"
        "logo menu menu";
    grid-template-columns: 1fr auto auto; */
    grid-template-areas:
        "logo menu menu";
    grid-template-columns: 1fr auto auto;
    gap: 0em 4%;
    justify-items: stretch;
    align-items: center;
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
}
.head-logo {grid-area: logo;justify-self: start;padding: 8px 0;}
.head-social {grid-area: social;font-size: 14px;display: flex;flex-wrap: wrap;gap: 3em;}
.head-social {
    display: none;
}
.head-social a[href^="mailto:"] .head-social__title {text-decoration: underline;}
.head-social a[href^="mailto:"] .head-social__title:hover {text-decoration: none;}
.head-social__item {display: flex;gap: .4em;align-items: center;text-decoration-color: transparent;}
.head-social__icon {font-size: 1.6em;display: grid;}
.head-logo__img {display: block;height: 110px;max-width: 90%;}
.head-lang {display: flex;grid-area: lang;font-size: 14px;gap: 1em;justify-self: start;line-height: 1;}
.head-lang {
    display: none;
}

.head-lang__item {display: flex;display:none;}
.head-lang__link {color: var(--head-menu-color-1);}
.head-lang__link--active {color: var(--head-menu-color-2);text-decoration: underline;}
.head-lang__link:hover {color: var(--color-fg-1);color: #fff;}
.head-menu {
    --padding-top: 4px;
    --padding-bottom: 4px;
    grid-area: menu;
    display: flex;
    color: var(--head-menu-color-1);
}
.head-menu__list {
    --menu-list-space: 2rem;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: .5rem var(--menu-list-space, 2rem);
    flex-wrap: wrap;
    justify-content: end;
}
.head-menu__item {
    color: var(--head-menu-color-1);
    position: relative;
    transition: .2s color;
    line-height: 1.2;
    padding-top: var(--padding-top);
    padding-bottom: var(--padding-bottom);
}
.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;
    height: 1px;
    background-color: transparent;
}
.head-menu__item::after {background: var(--head-menu-color-2);transform: scaleX(0);transform-origin: right;transition: .4s transform;}
.head-menu__item--active {color: var(--head-menu-color-2);}

.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__link > svg {
    margin-left: .25em;
    transform: translateY(15%);
}
.head-menu__link::after {
    content: "";
    display: block;
    --size: 4px;
    width: var(--size);
    height: var(--size);
    background: var(--color-fg-2);
    border-radius: 100%;
    position: absolute;
    left: calc(-0.5 * var(--menu-list-space));
    top: 50%;
    transform: translate(-50%, -50%);
}
.head-menu__item:first-child>.head-menu__link::after {
    display: none;
}


.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: .2s;transition-delay: .3s;}
.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: .9em;line-height: 1;padding:0;}
.head-menu__list--2 .head-menu__item::before {}
.head-menu__list--2 .head-menu__item::after {height: 1px;}
.head-menu__list--2 .head-menu__link {padding: .5em 0;display: block;}
.head-menu__list--2 .head-menu__item--active {color: var(--head-menu-color-2);font-weight: bold;}
.head-menu__list--2 .head-menu__link::after {display: none;}


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);}
.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:not(.is-scroll-top) #head, 
body:not(#homepage) #head {
    background: hsl(213deg 25% 91% / 50%);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.is-scroll-direction-enabled:not(.is-scroll-top) .head-logo__img {
    height: 60px;
}


@media (max-width: 850px) {
    #wrap-head {margin-bottom: 0;}
    .head-content {gap: 0;padding-bottom: 0;}
    .head-menu__list {display: none;}
    .head-social {display: none;}
    .head-menu__mobile-only {display: block;}
    .head-menu { background: hsl(0deg 0% 100% / 1%); color: var(--color-fg-2); margin: 0; }
    .head-content { grid-template-areas: "logo lang social menu"; }
    .head-logo__img {min-width: unset;}
}
@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-2);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__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;}
}

/******************************************************************************/
/* Rozcestník (Machines) */

.signpost__list {display: grid;grid-template-columns: repeat(auto-fill, minmax(246px, 1fr));gap: 20px;}
.signpost__item {max-width: 300px;}
.signpost__link {text-decoration-line: none;}
.signpost__link:hover {text-decoration-line: underline;}
.signpost .signpost__title {display: grid;align-items: end;}
.signpost__title {min-height: 2em;}
.signpost__img {width: 100%;height: auto;object-fit: cover;aspect-ratio: 271/204;}
.signpost__menu {line-height: 1.625;padding-left: 16px;margin: 26px 0;}
.signpost__menu-item::marker {color: var(--color-fg-1);font-size: .6em;}
.signpost__mini-title {font-weight: bold;}
.signpost__mini+.signpost__menu {margin-top: .5em;}
@media (max-width: 600px) {
    .signpost {display: grid;justify-content: center;}
    .signpost__list {gap: 0;}
    .signpost__title {min-height: unset;}
    .signpost__img {max-height: 180px;}
    .signpost__menu {margin-top: 1em;margin-bottom: 1em;}
}
/******************************************************************************/
/* HP slider */
.slider1 {
    --swiper-pagination-bullet-width: 6px;
    --swiper-pagination-bullet-height: 6px;
    --swiper-pagination-bullet-inactive-color: silver;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-color: silver;
    --swiper-pagination-color: white;
    --swiper-navigation-color: white;
    --swiper-pagination-bottom: 8px;
    display: grid;
    user-select: none;
    isolation: isolate;
}
.slider1 .swiper-pagination { display: flex; align-items: center; position: absolute; justify-content: center; padding-bottom: 20px;}
.slider1 .swiper-pagination-bullet-active { --swiper-pagination-bullet-width: 10px; --swiper-pagination-bullet-height: 10px;}
.slider1__arrows { width: 100%; display: grid; grid-template-columns: 1fr auto; position: absolute; left: 0; right: 0; top: 50%; justify-items: start; pointer-events: none; transform: translateY(-50%); z-index: 1;}
.slider1__arrow { display: grid; align-items: center; cursor: pointer; font-size: 32px; transition: .2s filter; z-index: 1; color: white; pointer-events: auto; opacity: 0.5; font-size: 70px;}
.slider1__arrow--prev { transform: translateX(-150%);}
.slider1__arrow--next { transform: translateX(150%);}
.slider1__arrow:hover { /* filter: brightness(0.8); */ opacity: 1;}
.slider1__arrow.swiper-button-disabled { opacity: 0; cursor: not-allowed;}
.slider1__arrow.swiper-button-lock { opacity: 0;}
.slider1__content { width: 100%; height: 100%;}
.slider1 .swiper-slide { height: 100%; width: 100%;}
.slider1__slide { display: grid; align-items: center; height: 100%;}
.slider1__slide>* { grid-row: 1; grid-column: 1; filter: brightness(1);}
.slider1__img { height: 100%;}
.slider1__box { width: 100%;}
.slider1__text { display: block; max-width: 40%; font-size: 22px; margin-left: auto; margin-right: 10%;}
.slider1__img img { width: 100%; height: 100%; object-fit: cover; min-height: 500px; height: 800px;background: var(--color-bg-2);}
.slider1__text h1,.slider1__text .h1,.slider1__text h2,.slider1__text .h2 { margin-top: 0; margin-bottom: .3em;}
/* .slider1__text p {font-style: italic;} */
.slider1 .swiper-pagination-bullet { font-size: 14px; color: white; width: 1em; height: 1em; border-radius: 0; background: transparent; border: 2px solid currentColor;border-radius: 100%;}
.slider1 .swiper-pagination-bullet.swiper-pagination-bullet-active { color: var(--color-fg-3); background: currentColor;}


@media (max-width: 850px) {
    /* .slider1__text {max-width: 55%; margin-right: 5%;}; */
    /* .slider1__box {transform: translateY(-3rem);} */
    .slider1__box {
        background: hsl(213deg 25% 91% / 50%);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        padding: 3rem;
        border-radius: 3rem;
        margin: auto;
        width: 100%;
        max-width: 500px;
        box-sizing: border-box;
    }
    .slider1__text {
        margin: auto;
        max-width: unset;
        font-size: 18px;
    }
}
@media (max-width: 400px) {
    .slider1__box {
        padding: 2rem;
    }
}

/******************************************************************************/
/* Slider 2 */
.slider2 {--swiper-pagination-bullet-width: 6px;--swiper-pagination-bullet-height: 6px;--swiper-pagination-bullet-inactive-color: silver;--swiper-pagination-bullet-inactive-opacity: 1;--swiper-pagination-bullet-color: silver;--swiper-pagination-color: white;--swiper-navigation-color: white;display: flex;user-select: none;position: relative;}
.slider2 .swiper-pagination-bullet-active {--swiper-pagination-bullet-width: 10px;--swiper-pagination-bullet-height: 10px;}
.slider2__arrow {display: grid;align-items: center;cursor: pointer;font-size: 32px;color: var(--color-bg-3);transition: .2s filter;}
.slider2__arrow:hover {filter: brightness(.8);}
.slider2__arrow--prev {transform: translateX(-200%);margin-right: -1em;}
.slider2__arrow--next {transform: translateX(200%);margin-left: -1em;}
.slider2__arrow.swiper-button-disabled {opacity: 0;cursor: not-allowed;}
.slider2__arrow.swiper-button-lock {opacity: 0;}
.slider2__content {width: 100%;height: 100%;}
.slider2 .swiper-slide {height: auto;width: auto;}
.slider2__slide {display: grid;grid-template-areas: "picture . text" "picture more more";grid-template-columns: 1fr 2em 1fr;grid-template-rows: 1fr auto;}
.slider2__picture {grid-area: picture;}
.slider2__img {width: 100%;height: auto;object-fit: cover;aspect-ratio: 274/213;}
.slider2__text {grid-area: text;line-height: 1.5;font-weight: 300;padding-bottom: 70px;}
.slider2__text ul li::marker {color: currentColor;}
.slider2__more {grid-area: more;background: var(--color-bg-2);height: var(--bg-line-height);display: grid;align-items: end;justify-items: end;max-width: 400px;}
.slider2 .swiper-pagination {bottom: calc(var(--bg-line-height) + 30px);width: 50%;display: flex;align-items: center;margin-left: calc(50% + 1em);z-index: 3;}
@media (max-width: 1280px) {
    .slider2__arrow {position: absolute;bottom: 19px;left: calc(50% + 1rem);z-index: 2;}
    .slider2__arrow--prev {transform: translateX(0);}
    .slider2__arrow--next {transform: translateX(300%);}
}
@media (max-width: 600px) {
    .slider2__slide {grid-template-areas: "picture" "text" "more";grid-template-columns: 1fr;grid-template-rows: auto 1fr auto;}
    .slider2__picture {justify-self: stretch;}
    .slider2__img {max-height: 200px;margin-bottom: 1em;}
    .slider2 .swiper-pagination {width: 100%;margin-left: 0;justify-content: center;z-index: 1;}
    .slider2__arrow {bottom: calc(var(--bg-line-height) + 20px);left: 0;right: unset;}
    .slider2__arrow--next {right: 0;transform: none;left: unset;}
}

/******************************************************************************/
/* Slider 3 */
.slider3 {display: flex;user-select: none;}
.slider3__arrow {display: grid;align-items: center;cursor: pointer;font-size: 32px;color: var(--color-bg-3);transition: .2s filter;}
.slider3__arrow:hover {filter: brightness(0.8);}
.slider3__arrow--prev {transform: translateX(-200%);}
.slider3__arrow--next {transform: translateX(200%);}
.slider3__arrow.swiper-button-disabled {opacity: 0;cursor: not-allowed;}
.slider3__arrow.swiper-button-lock {opacity: 0;}
.slider3__content {width: 100%;height: 100%;}
.slider3 .swiper-slide {height: auto;width: auto;}

.slider3__slide {display: grid;grid-template-areas: "picture text" "picture more";grid-template-columns: 1fr 1fr;grid-template-rows: 1fr auto;gap: 1em 2em;height: 100%;}
.slider3__picture {grid-area: picture;justify-self: end;}
.slider3__img {width: 100%;height: auto;object-fit: cover;aspect-ratio: 254/210;}
.slider3__text {grid-area: text;font-size: 14px;}
.slider3__text h3, .slider3__text .h3 {font-size: 24px;}
.slider3__more {grid-area: more;height: var(--bg-line-height);}

@media (max-width: 1280px) {
    .slider3__arrow--prev {transform: translateX(0);margin-right: 8px;}
    .slider3__arrow--next {transform: translateX(0);margin-left: 8px;}
}
@media (max-width: 600px) {
    .slider3__slide {grid-template-areas: "picture" "text" "more";grid-template-columns: 1fr;grid-template-rows: auto 1fr auto;}
    .slider3__picture {justify-self: stretch;}
    .slider3__img {max-height: 200px;}
}
/******************************************************************************/
/* 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 v5 - slider_projects */
.slider5 {isolation: isolate;}
.slider5 .swiper-pagination {display: none;}
.slider5__slide {display: grid;}
.slider5__image {position: relative;}
.slider5__picture {position: relative;display: block;}
.slider5__picture::before {content: "";display: block;padding-top: calc(640 / 1140 * 100%);}
.slider5__img {position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;}
.slider5__arrows {display: flex;position: absolute;bottom: 0;left: 50%;}
.slider5__arrow {display: grid;align-items: center;cursor: pointer;font-size: 32px;color: #fff;background: #646464;transition: .2s filter, .2s background;padding: .3rem 4rem;}
.slider5__arrow--prev {background: #9d9d9d;}
.slider5__arrow:hover {background: #000;}
.slider5__arrow.swiper-button-disabled {opacity: 0;cursor: not-allowed;}
.slider5__arrow.swiper-button-lock {opacity: 0;}
.slider5__box {justify-self: center}
.slider5__title a {color: var(--color-fg-1);}
.slider5__title > * > * {font-size: 24px;/* text-decoration: underline solid; */margin: 2rem 0;}
.slider5__text {font-size: 14px;}
.slider5__buttons {margin-top: 2rem;margin-bottom: 2rem;}

@media (max-width: 850px) {
    .slider5__arrows {transform: translateX(-50%);}
}
@media (max-width: 400px) {
    .slider5__arrow {padding: .3rem 1rem;font-size: 26px;}
}

/******************************************************************************/
/* Divě ohraničený box (Quality) */
.box-outlined {position: relative;padding-bottom: 2em;}
.box-outlined::before {content: "";position: absolute;border: 1px solid #b9b9b9;inset: 0;top: 128px;z-index: -1}
.box-outlined__text {margin: 0 15%;padding: 0 1em;background: var(--color-bg-3);text-align: center;}
.box-outlined__photos {display: flex;flex-wrap: wrap;justify-content: center;gap: max(9%, 1em);padding-top: 2em;}
.box-outlined__photos img {max-height: 340px;box-shadow: 0 0 4px hsl(0deg 0% 0% / 20%);}
@media (max-width: 600px) {
    .box-outlined__text {margin-left: 5%;margin-right: 5%;}
}
/******************************************************************************/
/* Rozcestník Služby HP */
.signpost-services__list {display: grid;grid-template-columns: repeat(3, 1fr);grid-auto-rows: 1fr;}
.signpost-services__item {display: grid;grid-template-rows: auto 1fr auto;padding: 1.5em;}
.signpost-services__item:nth-child(2n) {background: var(--color-bg-2);}
.signpost-services__image {overflow: hidden;display: block;}
.signpost-services__image img {width: 100%;height: auto;object-fit: cover;aspect-ratio: 4/3;transition: .3s transform;}
.signpost-services__image img:hover {transform: scale(1.1) rotate(6deg);transition-duration: 2s;transition-timing-function: linear;}
.signpost-services__title {font-size: 24px;color: var(--color-fg-1);text-transform: uppercase;text-decoration-thickness: 1px;text-decoration-line: none;display: inline-block;margin-top: 1rem;margin-bottom: 1rem;justify-self: start;align-self: start;}
.signpost-services__title:hover {text-decoration-thickness: 1px;text-decoration-line: underline;}

@media (max-width: 900px) {
    .signpost-services__list {grid-template-columns: repeat(2, 1fr);}
    .signpost-services__item:nth-child(n) {background: transparent;}
    .signpost-services__item:nth-child(4n-2), .signpost-services__item:nth-child(4n-1) {background: var(--color-bg-2);}
}
@media (max-width: 650px) {
    .signpost-services__item {padding: 1em;}
}
@media (max-width: 600px) {
    .signpost-services__title {font-size: 20px;}
}
@media (max-width: 500px) {
    .signpost-services__list {grid-template-columns: repeat(1, 1fr);grid-auto-rows: auto;}
    .signpost-services__item:nth-child(n) {background: transparent;}
    .signpost-services__item:nth-child(2n) {background: var(--color-bg-2);}
}

/******************************************************************************/
/* 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; position: relative; isolation: isolate;}
.counter-box__counters { display: grid; grid-auto-flow: column; align-items: center; gap: 1rem; margin: 0; grid-auto-columns: 1fr; background: var(--color-bg-2); color: var(--color-fg-2); padding: 2rem 3rem; border-radius: 10rem; margin: 1rem 0 1.5rem 0;}
.counter-box__counters::before ,.counter-box__counters::after { content: ""; border: 1px solid #b1b1b1; position: absolute; border-radius: 10rem; z-index: -1;}
.counter-box__counters::before { transform: translate(0, 0); width: 85%; height: 80%; right: 0; top: 0;}
.counter-box__counters::after { transform: translate(3rem, 0); width: 60%; height: 80%; left: 0; bottom: 0;}
.counter-box__counter { display: grid; justify-items: center; padding: 28px 0;}
.counter-box__number { font-weight: 700; font-size: 50px; white-space: nowrap;}
.counter-box__text { font-weight: 500; font-size: 20px; text-align: center;}

@media (max-width: 1000px) {
    .counter-box__counters { grid-auto-flow: row; grid-template-columns: 1fr 1fr; }
    .counter-box__counter { padding: 14px 0; }
}
@media (max-width: 650px) {
    .counter-box__counters { grid-auto-flow: row; grid-template-columns: 1fr; }
    .counter-box__number { font-size: 40px; }
    .counter-box__counters::before { transform: translate(1rem, 0); }
    .counter-box__counters::after { transform: translate(-1rem, 0); }
}
@media (max-width: 500px) {
    .counter-box__number { font-size: 30px; }
}

/******************************************************************************/
/* Patička */
.wrap1--footer-1 {
    --footer-color-1: var(--color-fg-2);
    --footer-color-2: var(--color-bg-2);
    background: var(--footer-color-2);
    color: var(--footer-color-1);
    padding-top: 5rem;
    padding-bottom: 3rem;
    font-size: 18px;
}
.foot1-kangaroo { line-height: 1; grid-column: 1 / -1; margin-top: 6em;}
.foot1-kangaroo { font-size: 14px;}
.foot1-kangaroo div { display: flex; flex-wrap: wrap; display: inline-block;}
.foot1-kangaroo div a { margin-left: .3em;}
.foot1-kangaroo div a:before { content: "|"; margin-right: .3em}
.foot1-content { display: grid; grid-template-areas: "logo menu2" "text menu2"; grid-template-columns: 1fr 1fr; gap: 1em 20%;}
.foot1-logo { grid-area: logo;}
.foot1-text h2 { margin-top: 0; margin-bottom: 1em; font-size: 1.1em; font-family: inherit;}
.foot1-text a { text-decoration: none; position: relative;}
.foot1-text a::after { content: ""; position: absolute; background: #a9aeb2; height: 1px; left: 0; right: 0; bottom: 0;}
.foot1-text a:hover::after { height: 0;}
.foot1-text--0 { grid-area: text;}
.foot1-text--1 { grid-area: menu1; display: none;}
.foot1-text--2 { grid-area: menu2;}
.foot1-logo { display: grid; grid-template-rows: 1fr auto; justify-content: start; border-bottom: 1px solid #a9aeb2; padding-bottom: 1em;}
.foot1-logo__picture { display: block;}
.foot1-logo__img { display: block; max-width: 100%; height: 118px; margin-top: -2rem;}
.foot1-menu+.foot1-menu { margin-top: 2em;}
.foot1-menu__list { list-style: none; padding: 0; margin: 0;}
.foot1-menu__item { line-height: 1; margin-bottom: .75em;}
.foot1-menu__item:last-child { margin-bottom: 0;}
.foot1-menu__link {}
.foot1-menu__link:hover {}
.foot1-menu__item--active { font-weight: bold;}
.foot1-menu__item--active a { text-decoration: none;}
.foot1-social { margin-top: 2rem; margin-inline: 18px; display: flex;}
.foot1-social:empty { display: none;}
.foot1-social__item { display: flex; align-items: center; text-decoration: none; transition: .2s color; margin-right: 16px; max-width: 30px;}
.foot1-social__icon { font-size: 28px; display: grid;}
.foot1-social__icon svg { max-width: 100%;}
.foot1-social__title-prefix { line-height: 1; margin-left: .5rem; text-decoration: underline;}
.foot1-social__item:hover { color: var(--color-fg-2);}
.foot1-social__item:hover .foot1-social__title-prefix { text-decoration: none;}

@media (max-width: 1000px) {
    .foot1-content {
        gap: 1em 10%;
    }
}
@media (max-width: 600px) {
    .foot1-content {
        grid-template-areas: "logo" "text" "menu2";
        grid-template-columns: 1fr;
    }
    .foot1-text--0 {
        border-bottom: 1px solid #a9aeb2;
        padding-bottom: 1em;
    }
}



.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;}

/******************************************************************************/
/* Služby v2 */

.services-2 {
    --minmax: 200px;
    margin-top: -60px;
    background: white;
    padding: 30px 30px 45px 30px;
}
.services-2__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--minmax, 200px), 1fr));
    gap: 50px;
}
.services-2__item {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto calc(3.5*22px) 1fr auto;
}
.services-2__img {
    height: 100px;
    max-width: 100%;
}
.services-2__title {
    font-size: 22px;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 700;
    font-family: "STIX Two Text", serif;
}
.services-2__text {
    line-height: 1.3;
    font-weight: 300;
    
}
.services-2__buttons .button {
    text-align: left;
    padding: .75rem .75rem .75rem 1.25rem;
    font-size: 16px;
    line-height: 1;
    display: inline-grid;
    grid-template-columns: 1fr auto;
    min-width: min(100%, 200px);
}

@media (max-width: 850px) {
    .services-2 {
        --minmax: 150px;
        padding: 16px;
        font-size: 14px;
    }
    .services-2__list {
        gap: 16px;
    }
}

/******************************************************************************/
/* Služby */
/* .wrap1--nase-sluzby, .wrap1--sluzby {--content-padding-bottom: 0;background: #e9e9e9;padding-bottom: 5em;} */

.services__item {--__color-title: var(--color-fg-1);--__color-text: inherit;--__color-left: #fff;--__color-right: #fff;overflow: hidden;background: linear-gradient(to right, var(--__color-left) 51%, var(--__color-right) 51%);}
.services__item:nth-child(2n) {background: linear-gradient(to right, var(--__color-left) 49%, var(--__color-right) 49%);}
.services__item:nth-child(8n + 1) {--__color-title: #fff;--__color-text: #fff;--__color-left: #2b3245;--__color-right: #e9e9e9;--__btn-bg: var(--color-bg-3);--__btn-fg: var(--color-fg-1);}
.services__item:nth-child(8n + 2) {--__color-title: var(--color-fg-1);--__color-text: inherit;--__color-left: #e9e9e9;--__color-right: #fff;}
.services__item:nth-child(8n + 3) {--__color-title: #fff;--__color-text: #fff;--__color-left: #02428a;--__color-right: #e9e9e9;--__btn-bg: var(--color-bg-3);--__btn-fg: var(--color-fg-1);}
.services__item:nth-child(8n + 4) {--__color-title: #fff;--__color-text: #fff;--__color-left: #e9e9e9;--__color-right: #4b4b4b;--__btn-bg: var(--color-bg-3);--__btn-fg: var(--color-fg-1);}
.services__item:nth-child(8n + 5) {--__color-title: var(--color-fg-1);--__color-text: inherit;--__color-left: #fff;--__color-right: #e9e9e9;}
.services__item:nth-child(8n + 6) {--__color-title: #fff;--__color-text: #fff;--__color-left: #e9e9e9;--__color-right: #2b3245;--__btn-bg: var(--color-bg-3);--__btn-fg: var(--color-fg-1);}
.services__item:nth-child(8n + 7) {--__color-title: #fff;--__color-text: #fff;--__color-left: #02428a;--__color-right: #e9e9e9;--__btn-bg: var(--color-bg-3);--__btn-fg: var(--color-fg-1);}
.services__item:nth-child(8n + 8) {--__color-title: #fff;--__color-text: #fff;--__color-left: #e9e9e9;--__color-right: #4b4b4b;--__btn-bg: var(--color-bg-3);--__btn-fg: var(--color-fg-1);}
.services__body {display: grid;grid-template-columns: 1fr 1fr;grid-template-areas:"right left";}
.services__item:nth-child(2n) .services__body {grid-template-areas:"left right";}
.services__right {grid-area: right;display: grid;grid-template-rows: 1fr auto;padding: 2em 3em 2em 0em;}
.services__item:nth-child(2n) .services__right {padding: 2em 0em 2em 3em;}
.services__left {grid-area: left;display: grid;}
.services__picture {display: grid;position: relative;}
.services__picture::before {content: "";padding-top: calc(368 / 570 * 100 * 1%);}
.services__img {position: absolute;width: 100%;height: 100%;object-fit: cover;background: var(--__color-right);}
.services__item:nth-child(2n) .services__img {background: var(--__color-left);}
.services__content {font-size: 14px;color: var(--__color-title)}
.services h1, .services h2, .services h3, .services h4, .services .h1, .services .h2,  .services .h3,  .services .h4 {font-size: 24px;font-weight: normal;margin-bottom: .5em;margin-top: .5em;color: var(--__color-title);}
/* Služby Možnost změnit na full image */
.services__item--full-image {position: relative;}
.services__item--full-image .services__picture {position: absolute;width: 50%;top: 0;bottom: 0;left: 50%}
.services__item--full-image:nth-child(2n) .services__picture {left: 0%}

@media (max-width: 1200px) {
    .services {--content-padding-left: 0;--content-padding-right: 0;}
    .services__item:nth-child(2n+1) .services__right {padding-left: 1em;}
    .services__item:nth-child(2n) .services__right {padding-right: 1em;}
}
@media (max-width: 650px) {
    .services__item {background: var(--__color-left);}
    .services__item:nth-child(2n) {background: var(--__color-right);}
    .services__body, .services__item:nth-child(2n) .services__body {grid-template-columns: 1fr;grid-template-areas: "right" "left";padding: 2em 0;}
    .services__item:nth-child(2n+1) .services__right {padding: 1em;}
    .services__item:nth-child(2n) .services__right {padding: 1em;}
}


/******************************************************************************/
/* Reference */
.wrap1--reference {background: #e9e9e9;}
.references {--minmax:200px;}
.references__list {display: grid;grid-template-columns: repeat(auto-fit, minmax(var(--minmax, 300px), 1fr));gap: 3rem 1.5rem;}
.references__item {
    transition: .2s color;
}
.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 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "STIX Two Text", serif;
    margin: 24px 24px 0px 24px;
    line-height: 1;
    display: grid;
    grid-template-columns: 1fr auto;
}
.references__content svg {
    vertical-align: middle;
    transform: translateY(-0.1em);
    font-size: 1.3em;
}
.references__item:hover {
    color: var(--color-fg-1);
}

@media (max-width: 850px) {
    .references {
        --minmax: 150px;
    }
    .references__content {
        margin: 1rem 0 0 0;
    }
}

/******************************************************************************/
/* 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;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    
}
.wrap1--reference-bg-silver .references2__item {
    border: none;
}

.references2__buttons .button {
    text-align: left;
    padding: .75rem .75rem .75rem 1.25rem;
    font-size: 16px;
    line-height: 1;
    display: inline-grid;
    grid-template-columns: 1fr auto;
    min-width: min(100%, 200px);
}


@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;
    }
}

/******************************************************************************/
/* Text plus parallax */
.text-plus-parallax { display: grid;margin-top:70px;}
.text-plus-parallax>* { grid-column: 1; grid-row: 1;}
.text-plus-parallax__bg { position: relative; background-image: var(--img); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; filter: brightness(.5); max-height: 800px;}
.text-plus-parallax__picture { width: 100vw; display: grid; justify-content: center; align-content: center; outline: 5px solid orange; outline-offset: -5px; overflow: hidden;}
.text-plus-parallax__picture { background-image: none; transform: scale(calc(1 / 1.25)); }
.text-plus-parallax__img { width: 100vw; }
.text-plus-parallax__fg { position: relative; margin-top: 80px; margin-bottom: 80px;}
.text-plus-parallax__content { background: var(--color-bg-1); color: var(--color-fg-3); padding: 40px 60px; max-width: 50%;}
.text-plus-parallax__content h1,.text-plus-parallax__content .h1,.text-plus-parallax__content h2,.text-plus-parallax__content .h2,.text-plus-parallax__content h3,.text-plus-parallax__content .h3 { margin-top: 0;}
.text-plus-parallax__buttons { text-align: right;}
.text-plus-parallax__buttons .button { --color-1: white; text-align: left; padding: .75rem .75rem .75rem 1.25rem; font-size: 16px; line-height: 1; display: inline-grid; grid-template-columns: 1fr auto; min-width: min(100%, 200px);}

/* Fix */
.text-plus-parallax__bg { background-image: none; }
.text-plus-parallax__picture { transform: scale(calc(1 / 1.25)); }

@media (max-width: 1100px) {
    .text-plus-parallax__content {
        max-width: 60%;
    }
}
@media (max-width: 850px) {
    .text-plus-parallax__content {
        max-width: 100%;
        padding: 40px 40px;
    }
}
@media (max-width: 750px) {
    .text-plus-parallax__content {
        max-width: 100%;
        padding: 30px 30px;
    }
}
@media (max-width: 650px) {
    .text-plus-parallax__content {
        max-width: 100%;
        padding: 20px 20px;
    }
}


/******************************************************************************/
/* 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 {max-width: 500px;margin: auto;padding: 0;font-size: 16px;padding: 0;}
.cf__body {
    border: 1px solid #b1b1b1;
    border-radius: 3rem;
    padding: 3rem 3.5rem;
}
.cf__col--info {}
.cf__label {display: grid;line-height: 1;gap: 0rem;margin-bottom: 1rem;}
.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 0;border-bottom: 1px solid currentColor;border-radius: var(--global-border-radius);width:100%;}
.cf__label textarea {appearance: none;border: none;outline: none;color: inherit;background: inherit;font-family:inherit;font-size:inherit;padding: 0;border-bottom: 1px solid currentColor;padding: .6em 0;resize: vertical;border-radius: var(--global-border-radius);width:100%;}
.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);width:100%;}
.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-top: 2rem;margin-bottom: 2rem;}
.cf .checkbox {--mark-checked-color: var(--color-fg-3);--mark-checked-background: var(--color-bg-1);--mark-size: 1.2em;}
.cf .checkbox__label {line-height: 1.1;text-wrap-style: balance;}
.cf__head, .cf__foot {max-width: var(--content-max-width--extra);margin: auto;}

.cf__label>:last-child {
    --transform: scale(1) translateY(1.8em) translateX(0em);
    transform: var(--transform);
    transform-origin: left bottom;
    transition: .3s transform;
    pointer-events: none;
    grid-row: 1;
    /* font-weight: 300; */
}
.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.8) translateY(0) translateX(0);}

.cf__col--info { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1rem;}
.cf__col--info>* { grid-column: 1 / -1;}
.cf__col--info>:nth-child(2),.cf__col--info>:nth-child(3) { grid-column: unset;}

@media (max-width: 650px) {
    .cf__body { padding: 2rem 2rem; }
}
@media (max-width: 650px) {
    .cf__col--info { grid-template-columns: 1fr;}
    .cf__col--info>* { grid-column: unset;}
}


/* .cf {overflow: hidden;margin: auto;padding: 0;font-size: 16px;padding: 0 1em;width: var(--content-max-width--extra, 600px); max-width: 100%;}
#homepage .cf {max-width: 500px;}
.cf__body {}
.cf__col--info {}
.cf__label {display: grid;margin-bottom: 2.2rem;line-height: 1;gap: .5rem;}
.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;padding: 0.6em;border: 1px solid currentColor;}
.cf__label textarea {appearance: none;border: none;outline: none;color: inherit;background: inherit;padding: 0;border: 1px solid currentColor;padding: .6em;resize: vertical;}
.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-background: #fff;
    --mark-size: 1.2em;
}
.cf .checkbox__label {font-size: 14px;}
.cf__foot-buttons button { text-transform: uppercase; font-weight: 600;}
.cf__label input,.cf__label textarea { background: white;}

.cf__label.required span::after {
    content: "*";
    display: inline-block;
    color: var(--color-fg-1);
} */

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

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

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

.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; }

/* #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; }

/******************************************************************************/
/* Služby */

.services-3__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    justify-content: space-between;
    gap: 1rem;
}
.services-3__group-title {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
}
.services-3__group {
    max-width: 100%;
    width: 240px;
    margin-left: auto;
    margin-right: auto;
}
.services-3__to-left .services-3__group {
    margin-left: 0;
}
.services-3__group-list {
    padding-left: 1.5rem;
    display: grid;
    gap: 12px;
    line-height: 1.3;
    font-size: 16px;
}
.services-3__group-list a {
  text-decoration: underline;
  text-decoration-color: #a9aeb2;
  text-underline-offset: 4px;
}
.services-3__group-list a:hover {
  text-decoration: none;
}
.services-3__button {
    margin-top: 2rem;
}
.services-3__item {}
.services-3__item::before {
    content: "";
    display: inline-block;
    --size: 3px;
    border-radius: 100%;
    vertical-align: middle;
    background: currentColor;
    width: var(--size);
    height: var(--size);
    margin-left: calc(-1 * var(--size) - 0.3em);
    margin-right: .3em;
}

@media (max-width: 350px) {
    .services-3__list {
        grid-template-columns: 1fr;
    }
}

/******************************************************************************/
/* preview-v02  */
.preview-v02 { display: grid; grid-template-columns: 3fr 2fr; gap: 5rem;}
.preview-v02::after { content: ""; background: #f0f4f6; position: absolute; left: 0; right: 0; top: 7rem; bottom: 6rem; z-index: -2; border-radius: 100rem 0 0 100rem;}
.preview-v02__left { align-self: center;}
.preview-v02__picture { display: block; border-radius: 100rem; overflow: hidden}
.preview-v02__img { width: 100%;}
.preview-v02__figure { position: relative; padding: 0 3rem 2rem 0;}
.preview-v02__figure::before {content: "";border: 1px solid #b1b1b1;position: absolute;border-radius: 100rem;z-index: -1;}
.preview-v02__figure::before {transform: translate(0, 0);width: 95%;height: 98%;right: 0;bottom: 0;}
.preview-v02__right { padding-bottom: 8rem;}
.preview-v02__content { line-height: 1.4;}

@media (max-width: 1200px) {
    .preview-v02 {
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
    }
    .preview-v02::after {
        border-radius: 0;
    }
}
@media (max-width: 850px) {
    .preview-v02 {
        gap: 2rem;
    }
    .preview-v02__figure {
        padding: 0 1rem 1rem 0;
    }
}
@media (max-width: 700px) {
    .preview-v02 {
        grid-template-columns: 1fr;
    }
    .preview-v02__figure {
        max-width: 100%;
        width: 100%;
        max-width: 400px;
        margin: auto;
    }
    .preview-v02__right {
        padding-bottom: 3rem;
    }
    .preview-v02::after {
        top: 20rem;
        bottom: 1rem;
    }
}

/******************************************************************************/
/* Ordinační hodiny  */
.office-hours { width: 550px; max-width: 100%; margin-left: auto; margin-right: auto;}
.office-hours__box { border: 1px solid #b1b1b1; border-radius: 3rem; padding: 3rem 2.5rem; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 2rem;}
.office-hours__title { max-width: 500px; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 2rem; text-align: center;}
.office-hours__text { font-size: 18px;}
.office-hours__icon { font-size: 64px; line-height: 1; margin-bottom: -0.18em;}

@media (max-width: 650px) {
    .office-hours__box { padding: 2rem 2rem; }
}
@media (max-width: 450px) {
    .office-hours__box { padding: 1rem 1rem; gap: 1rem; }
}
@media (max-width: 350px) {
    .office-hours__box { grid-template-columns: 1fr; justify-items: center; }
}

/******************************************************************************/
/* newsletter  */
.newsletter { max-width: 450px; width: 100%; margin: auto;}
.newsletter__form {}
.newsletter h1,.newsletter h2,.newsletter .h1,.newsletter .h2 { margin-top: 0; margin-bottom: 0em;}
.newsletter__body { display: grid; gap: 1rem; margin-top: 1rem; width: 100%; max-width: 400px;}
.newsletter__footer { margin-top: 2rem;}
.newsletter .checkbox {--mark-checked-color: var(--color-fg-3);--mark-checked-background: var(--color-bg-1);--mark-size: 1.2em;}
.newsletter .checkbox { text-wrap-style: balance; line-height: 1.1; font-size: 16px;}

/******************************************************************************/
/* preview-v01  */
.preview-v01 { display: grid; position: relative; isolation: isolate;}
.preview-v01__content {display: grid;grid-auto-flow: column;align-items: center;gap: 1rem;grid-auto-columns: 1fr;background: var(--color-bg-2);color: var(--color-fg-2);padding: 6rem 8rem;border-radius: 100rem;margin: 1.5rem 3rem 1rem 0;}
.preview-v01__content { background-image: var(--img); background-repeat: no-repeat; background-size: cover;background-position: center;}
.preview-v01__content::before ,.preview-v01__content::after {content: "";border: 1px solid #b1b1b1;position: absolute;border-radius: 100rem;z-index: -1;}
.preview-v01__content::before {transform: translate(12%, 0);width: 80%;height: 80%;left: 0;top: 0;}
.preview-v01__content::after {transform: translate(0, 0);width: 95%;height: 87%;right: 0;bottom: 0;}
.preview-v01__text {width: 60%;}
.preview-v01 h1,
.preview-v01 h2,
.preview-v01 .h1,
.preview-v01 .h2
{ margin-top: 0; }

@media (max-width: 1100px) {
    .preview-v01__content {padding: 4rem 6rem;}
}
@media (max-width: 850px) {
    .preview-v01__content {margin: 1.5rem 1rem 1rem 0;}
}
@media (max-width: 800px) {
    .preview-v01__content {padding: 2rem 2rem;border-radius: 3rem;margin: 1.5rem 0rem 1rem 0;}
}
@media (max-width: 500px) {
    .preview-v01__text { width: unset; }
}

/******************************************************************************/
/* Registration form */
/******************************************************************************/

.rf-search-service { max-width: 400px; width: 100%; margin: auto; border: 1px solid #b1b1b1; border-radius: 3rem; display: grid; grid-template-columns: 1fr auto; font-size: 16px; margin-bottom: 4rem}
.rf-search-service .cf__label { margin-left: 1rem; margin-bottom: 0; margin-top: -1rem;}
.rf-search-service .cf__label input { border-bottom: none;}
button.rf-search-service__button { --color-1: #eff4f6; --color-2: #6f6f6f; padding: 0; width: 4rem; font-size: 28px; line-height: .5;}

/******************************************************************************/
.rf-services__list { display: grid; gap: 1.5rem; justify-content: center;}
.rf-services__group-title { font-size: 28px; font-weight: 700; line-height: 1.25; margin: 0; margin-bottom: .5em; text-wrap: balance; text-align: center; text-transform: uppercase;}
.rf-services__groups { display: grid; gap: 2rem;}
.rf-services__groups:empty { display: none;}
.rf-services__group-text { text-align: center; font-weight: 700;}
.rf-services__list > .rf-services__group { border: 1px solid #b1b1b1; border-radius: 3rem; padding: 2rem 4rem; max-width: 660px; display: grid; gap: 2rem;}
.rf-services__group .rf-services__group .rf-services__group-title { font-size: 18px; text-align: left; text-transform: none; margin-bottom: 1em;}
.rf-services__group-list { display: grid; gap: 6px;}
.rf-services__item { display: grid; grid-template-columns: auto 1fr auto auto; line-height: 1; font-size: 16px; gap: 8px; padding: 8px; align-items: baseline; user-select: none; cursor: pointer; border-radius: .5rem;}
.rf-services__item.is-checked, .rf-services__item:has(input:checked) { /* background-color: var(--color-bg-2); */ background-color: #f9fafc;}
.rf-services__item:hover { text-shadow: 0 0 currentColor;}
.rf-services__minutes { font-size: 13px;}
.rf-services__checkbox { margin: 0;}
.rf-services__price { font-weight: 700;}
.rf-services__text { display: none;}


.rf-services__group.is-hidden { display: none; opacity: .5}
.rf-services__item.is-hidden { display: none; opacity: .5}

@media (max-width: 850px) {
    .rf-services__list > .rf-services__group {
        padding: 2rem 3rem;
        gap: 1rem;
    }
    .rf-services__groups {
        gap: 1rem;
    }
}
@media (max-width: 600px) {
    .rf-services__list > .rf-services__group {
        padding: 1.5rem 2rem;
    }
}
/******************************************************************************/

.rf-basket__content { border: 1px solid #b1b1b1; border-radius: 3rem; padding: 2rem 4rem; background: #f9fafc; margin-top: 2rem;}
.rf-basket__empty { text-align: center; font-style: italic;}
.rf-basket__title { text-transform: uppercase; text-align: center; margin: 0; margin-bottom: 2rem;}
.rf-basket__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 1rem;}
.rf-basket__item { border: 1px solid black; border-radius: .5rem; background: white; padding: 1.5rem 1rem 1.5rem 1rem; font-size: 16px; font-weight: 700; position: relative; line-height: 1.2;}
.rf-basket__item-remove { position: absolute; top: 0; right: 0; appearance: none; background: transparent; font-weight: 900; border: none; text-shadow: 0px 1px currentColor, 1px 0px currentColor; cursor: pointer; font-size: 16px; line-height: 1; padding: 4px 8px;}
.rf-basket__item-remove:hover { color: red;}
.rf-basket__summary { display: grid; grid-template-columns: auto auto; margin-top: 3rem; gap: 20%;}
.rf-basket__summary-item { display: grid; grid-template-columns: auto 1fr; gap: 2rem; align-items: center;}
.rf-basket__summary-item span { background: white; text-align: right; text-align: center; font-weight: 700; display: inline-block; border-radius: .5rem; padding: .1em 1rem; border: 1px solid #b1b1b1;}

@media (max-width: 1100px) {
    .rf-basket__summary {
        gap: 2rem;
    }
}
@media (max-width: 950px) {
    .rf-basket__summary {
        grid-template-columns: auto;
        gap: 1rem;
        margin-top: 2rem;
    }
    .rf-basket__summary-item strong {
        width: 170px;
    }
}
@media (max-width: 850px) {
    .rf-basket__content {
        padding: 2rem 3rem;
    }
}
@media (max-width: 600px) {
    .rf-basket__content {
        padding: 1.5rem 2rem;
    }
}
@media (max-width: 480px) {
    .rf-basket__summary-item {
        grid-template-columns: auto;
        gap: 4px;
    }
}

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

.rf-select { border: 1px solid #b1b1b1; border-radius: 3rem; padding: 2rem 4rem; background: #f9fafc; margin-top: 2rem; position: relative;}
.rf-select-day { position: relative;}
.rf-select-day__arrow { --scale: 1; appearance: none; background: transparent; border: none; position: absolute; top: 0; font-size: 40px; top: 50%; transform: translateX(var(--translate-x, 0)) translateY(-50%) scale(var(--scale, 1)); cursor: pointer; transition: .3s transform;}
.rf-select-day__arrow span { display: none;}
.rf-select-day__arrow:hover { --scale: 1.3;}
.rf-select-day__arrow--prev { left: 0em; --translate-x: -100%;}
.rf-select-day__arrow--next { right: 0em; --translate-x: 100%;}
.rf-select-day__list { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; /* padding: 1em; */}
.rf-select-day__item { text-align: center; border: 2px solid transparent; border-radius: .5rem; padding: 1rem 1rem; font-size: 16px; line-height: 1.1; user-select: none;}
.rf-select-day__item.is-available { cursor: pointer; background-color: hsl(68deg 56% 75%);}
.rf-select-day__item.is-available:focus-within,.rf-select-day__item.is-available:hover { background-color: hsl(68deg 90% 75%);}
.rf-select-day__item.is-not-available { cursor: not-allowed; opacity: .5; background-color: hsl(0deg 0% 80%);}
/* .rf-select-day__item.is-today-or-older { background-color: #ffcbcb; opacity: .5;} */
.rf-select-day__item.is-today-or-older { background-color: hsl(0deg 0% 80%); opacity: .5;}
.rf-select-day__item.is-today-or-older {
    --color: #9c9c9c;
    background-image: linear-gradient(to left bottom, transparent 49%, var(--color) 50%, transparent 51%), linear-gradient(to right bottom, transparent 49%, var(--color) 50%, transparent 51%);
}

.rf-select-day__item input { appearance: none; font-size: 1px; height: 1px; width: 1px; position: absolute; background: transparent; opacity: 0.01;}
.rf-select-day__item:has(:focus-visible) { outline: 1px solid black;}
.rf-select-day__item:has(input:checked){ border-color:black;}
.rf-select-day__item-weekday { display: none;}
.rf-select-day__item-weekday-short { text-transform: uppercase;}
.rf-select-day__item-date { font-weight: 700;}
.rf-select-day__item-day { display: inline;}
.rf-select-day__item-day::after { content: " "; display: inline;}
.rf-select-day__item-year { display: inline;}
.rf-select-day__item-info { display: none;}


@media (max-width: 900px) {
    .rf-select-day__item {
        padding: .5rem;
    }
}
@media (max-width: 850px) {
    .rf-select {
        padding: 2rem 3rem;
    }
}
@media (max-width: 750px) {
    .rf-select-day__list {
        grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
    }
}

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

.rf-select-day__legend { display: grid; grid-template-columns: auto auto; justify-content: center; gap: 10%; font-size: 16px; line-height: 1; margin-top: 2rem; margin-bottom: 3rem;}
.rf-select-day__legend-item { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .5rem;}
.rf-select-day__legend-item-color { --size: 24px; width: var(--size); height: var(--size); background: var(--color, silver); border-radius: 4px;}
.rf-select-day__legend-item-color--available { --color: hsl(68deg 56% 75%);}
.rf-select-day__legend-item-color--not-available { --color: hsl(0deg 0% 80%); opacity: .5;}

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

.rf-select-time__list { display: grid; /* grid-template-columns: repeat(10, 1fr); */ grid-template-columns: repeat(auto-fill, minmax(70px, 1fr)); gap: .5em; }
.rf-select-time__item { background-color: #f9fafc; border: 2px solid transparent; border-radius: .5rem; text-align: center; font-size: 16px; font-weight: 700; line-height: 1.1; padding: .3rem .3rem; cursor: not-allowed; user-select: none;}
.rf-select-time__item.is-not-working-hours { opacity: .3;}
.rf-select-time__item.is-working-hours { /* background-color: #f0f0f0; */}
.rf-select-time__item.is-free { /* color: green; */}
.rf-select-time__item.is-exception { /* color: red; */ /* background-color: #ffecec; */}
.rf-select-time__item.is-reservable { /* outline: 2px solid green; */ cursor: pointer; /* background-color: hsl(68deg 56% 75%); */}
.rf-select-time__item:not(.is-reservable) { text-decoration: line-through; opacity: .3;}
.rf-select-time__item.is-reservable:focus-within,.rf-select-time__item.is-reservable:hover { background-color: hsl(68deg 90% 75%);}
.rf-select-time__item input { appearance: none; font-size: 1px; height: 1px; width: 1px; position: absolute; background: transparent; opacity: 0.01;}
.rf-select-time__item:has(:focus-visible) { outline: 1px solid black;}
.rf-select-time__item:has(input:checked){ border-color:black;}

@media (max-width: 750px) {
    .rf-select-time__list {
        grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
    }
}

/******************************************************************************/
.rf-select-selected {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1rem;
}
.rf-select-selected__title {
    margin-right: .5em;
}
.rf-select-selected__datetime span {
    font-weight: 700;
}
.rf-select-selected__datetime i {
    display: none;
}
.rf-select-selected__datetime span:empty ~ i {
    display: inline;
}


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

.rf-select-time__title { text-transform: uppercase; text-align: center; margin-top: 2rem; margin-bottom: 1rem;}
.rf-select-day__title { text-align: center;}
.rf-contact-title { text-align: center;}
.rf-contact { border: 1px solid #b1b1b1; border-radius: 3rem; padding: 2rem 3.5rem; max-width: 500px; margin: auto; font-size: 16px;}
.rf-contact .cf__label span::after { content: var(--content, ":");}
.rf-contact .cf__label input[required] ~ span { --content: ": *";}

@media (max-width: 850px) {
    .rf-contact {
        padding: 2rem 3rem;
    }
}
@media (max-width: 600px) {
    .rf-contact {
        padding: 1.5rem 2rem;
    }
}
/******************************************************************************/
.rf-buttons {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 3rem;
}
.button.rf-submit {
    margin: auto;
    font-size: 1rem;
    text-transform: uppercase;
    padding: .8rem 32px;
}
.rf-submit.is-hidden {
    visibility: hidden;
    position: absolute;
    z-index: -9;
}
.rf-submit.is-loading {
    
}
/******************************************************************************/
/* 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: #000;
    --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__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;}
.checkbox__input:focus-within {outline: 1px solid;}


/******************************************************************************/
/* Loading */
.is-loading {position: relative;}
.is-loading::after {content: "";display: block;color: #f3f3f3;border: 0.3em solid currentColor;border-top-color: transparent;border-radius: 50%;width: 1em;height: 1em;animation: spin 1s infinite;animation-timing-function: cubic-bezier(0.75, 0.29, 0.13, 0.63);position: absolute;top: 50%;left: 50%;z-index:1;}
.is-loading::before {content: "";display: block;background: black;position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: .1;z-index:1;}
@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* 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; }
}