/* HEADER MENU */
.nav2 {
    display: none;
}

nav ul {
    padding-left: 0;
    margin: 0;
}

/* DESKTOP NAVIGATION */
.nav2__ul {
    display: flex;
    gap: 3vw;
    justify-content: flex-end;
}

.nav2__ul li::marker {
    content: "";
}

.nav2__ul li {
    margin: 0;
}

.nav2__ul li a {
    color: var(--color_3);
    text-transform: uppercase;
    text-decoration: none;
    /* font-weight: bolder; */
}


/* .menu {
    list-style: none;
    margin: 0vw;
    padding-left: 0vw;
    position: fixed;
    background-color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 1vw;
    font-weight: 500;
    text-transform: uppercase; 
} */

/* .menu li,
.menu a {
    color: var(--color_4);
    display: inline-block;
    padding-right: 7vw;
}

.menu,
.menu li,
.menu a {
margin: auto;
} */

.site_title {
    display: flex;
    width: 100vw;
    height: 42px;
    padding: 10px 3vw;
    background-color: rgba(0, 0, 0, 0.35);
    background-color: rgba(255, 255, 255, 0.835);

    /* position: fixed; */
    margin: auto;
    top: 0;
    /* left: -13vw; */
}

 /* tady nadefinovat pomoci JS, aby po dosazeni napr. 90vw zobrazil tuhle class:
 .sticky {
    position: fixed;
} */
 
 .div_menu_logo {
    /* flex: 8;  */
    float: left;
}
 
.menu_logo {
    object-fit:contain;
    width: 100px;
    height: auto;
    /* position: relative;
    top: -15px;
    left: -7.2px; */
}
 
.menu_mobile_nav {
    /* flex: 4; */
    float: right;
    text-decoration: none;
}
 
.mobile_nav_inner {
    /* zarovnat menu doprava */
    color: var(--color_3);
}
 
.hamburger {
    height: 10vw;
    top: 7px !important;
}

.sticky {
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
}


/* HEADER */
/* HEADER INTRO*/
.main-div {
    padding-top: var(--header-height);
}

.intro {
    background-image: 
    /* linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.3) 70%), */
    linear-gradient(55deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 74%), 
     url("../images/Joyful_AcroYoga_cheststand_small.jpg");  
    margin: 0vw;
    margin-top: 0;
    height: 140vw;
    max-height: 100%;
    width: 100vw;
    max-width: 2800px;
    margin: auto;
    background-size: cover;  
    background-position: center;
    background-repeat: no-repeat;
}

.intro__h1 {
    padding-top: 81vw; 
    padding-left: 5vw; 
    padding-bottom: 0;
    margin-top: 0;
    letter-spacing: -0.24vw;
    text-shadow: 0.08em 0.08em 0.08em rgba(0,0,0,0.6);
    color: var(--color_1);
    text-align: left;
}

.rezervace-lekce {
    padding-top: 4vw;
}

.rezervace-lekce.v-menu {
    padding-top: 0;
}

.container__tlacitko {
    text-align: center;
}


/* AKTUALITY */
/* .workshops-flex {
    display: flex;
    gap: calc(var(--breakpoint_unit) * calc(6*var(--basic_unit)));
} */

.swiper-wrapper {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.swiper-slide {
    margin: auto;
}

/* .container.news {
    max-width: 90%;
} */

@media (min-width: 1300px) {
    .container {
    max-width: 1230px;
    }
}

.one-news-container {
    padding: calc(var(--breakpoint_unit) * calc(12*var(--basic_unit))) calc(var(--breakpoint_unit) * calc(10*var(--basic_unit)));
    box-shadow: var(--box-shadow);
    width: calc(var(--breakpoint_unit) * calc(150*var(--basic_unit)));
    height: calc(var(--breakpoint_unit) * calc(110*var(--basic_unit)));
    background-color: rgb(249, 249, 249);
    display: inline-block;
}

.one-news-container:not(:last-child) {
    margin-right: calc(var(--breakpoint_unit) * calc(6*var(--basic_unit)));;
}

.one-news-container div {
    overflow: hidden;
    height: calc(calc(var(--breakpoint_unit) * calc(110*var(--basic_unit))) - calc(var(--breakpoint_unit) * calc(14*var(--basic_unit))));
}

.one-news-container h6 {
    text-align: left;
    font-weight: bold;
}


/* MAIN */
/* SECTION UVODNI-SEKCE */
.uvodni-sekce {
    height: fit-content;
}

.uvodni-sekce__vzkaz-lektoru {
    hyphens: auto;
    /* margin-bottom: calc(var(--breakpoint_unit) * calc(12*var(--basic_unit))); 6vw; */
}

.picture_coach {
    border-radius: 3vw;
    display: block;
    width: 70vw;
    max-width: 430px;
    object-fit: contain;
    margin: auto;
    /* box-shadow: 5px 5px 8px -3px rgba(124, 124, 124, 0.63); */
}

/*.fullwidth_image {
    mask-image: linear-gradient(to left, rgba(0,0,0,0) 20%, rgba(0,0,0,1));
    background-color: black;
}*/

.podpis {
    text-align: right;
    padding-right: calc(var(--breakpoint_unit) * calc(20*var(--basic_unit)));
}


/* SECTION CO-NABIZIME */
.sekce-prechod-nahore {
    background: url(../images/Svg/Prechod_white_spodni_kratsi.svg) no-repeat center top;
    background-color: var(--color_3);
    /* background-color:rgb(142, 172, 82); */
    background-size: contain;
}

.co-nabizime__container {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
    gap: calc(var(--breakpoint_unit) * calc(4*var(--basic_unit)));
}

.co-nabizime__nabidka {
    border-radius: 3vw;
    height: 95vw;
    width: 80vw;
    background-size: cover;
    background-position: center;
    box-shadow: 5px 5px 8px -3px rgba(25, 25, 25, 0.63);
    padding: 17vw 4vw 4vw 4vw;
    margin-bottom: calc(var(--breakpoint_unit) * calc(18*var(--basic_unit)));
    filter: grayscale(1);
}

.container__translate {
    height: 100%;
    width: 100%;
    flex: 1 1 auto; /* Three values: flex-grow | flex-shrink | flex-basis */ /* https://developer.mozilla.org/en-US/docs/Web/CSS/flex */
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: calc(var(--breakpoint_unit) * calc(14*var(--basic_unit)));
    align-items: center;
}

.co-nabizime__nabidka:hover,
.co-nabizime__nabidka:active {
    filter: grayscale(0);
    transition: 0.5s ease;
}

.co-nabizime__nabidka__tlacitko {
    color: var(--color_1);
    border-color: var(--color_1);
    padding: 0.8vw 2.6vw;
}











.popis-nabidky {
    color: var(--color_1);
    font-weight: 400;
}

.lekce {
    background-image: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), 
    url(../images/Pravidelne_lekce_AcroYogy_v_Brne_o.jpg);
}

/* .lekce:hover,
.lekce:active {
    background-image: linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)), 
    url(../images/Pravidelne_lekce_AcroYogy_v_Brne_o.jpg);
} */

.ws {
    background-image: linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25)), 
    url(../images/Joyful_AcroYoga_workshop_Kampus_o.jpg);
}
/* .ws:hover,
.ws:active {
    background-image: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), 
    url(../images/Joyful_AcroYoga_workshop_Kampus_o.jpg);
} */

.teambuildings {
    background-image: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url(../images/acroyoga_teambuilding.jpg);
  }

.individuals {
    background-image: linear-gradient(rgba(0,0,0,0.15), rgba(0,0,0,0.15)), 
    url(../images/Individualni_lekce_acroyogy_o.JPG);
}
/* .individuals:hover,
.individuals:active {
    background-image: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), 
    url(../images/Individualni_lekce_acroyogy_o.JPG);
} */

.vystoupeni {
    background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), 
    url(../images/Vystoupeni_na_ples_parova_akrobacie.jpg);
}
/* .vystoupeni:hover,
.vystoupeni:active {
    background-image: linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)), 
    url(../images/Akrobaticke_vystoupeni_Valec_o_odstin.png);
} */

.poukaz-na-cviceni {
    margin: auto;
    width: fit-content;
    font-weight: 500;
    /* padding: 5px 15px;
    border: solid 0.6vw var(--color_1);
    border-radius: 1.7vw;
    text-align: center; */
}





.svg-prechod {
    background: url(../images/Svg/Prechod_purple_spodni.svg) no-repeat center bottom;
    background-size: contain;
}

/* .jen-prechod {
    background-image: url(../images/Prechod_purple_spodni_kratsi.svg);
    width: 100%;
    background-size: cover;
} */

.jen-prechod {
    padding: 0;
}

.jen-img-prechod {
    width: 100%;
}

.jen-svg-prechod {
    width: 100%;

}

/* .padding-prechod {
    margin-top: 7vw;
} */


.proc_vyzkouset {
    background: url(../images/Svg/Prechod_purple_spodni_kratsi.svg) no-repeat center top;
    background-size: contain;
    background-color: var(--color_svetle_bg);
}

.sipka {
    width: 20px;
    height: 20px;
    position: relative;
    top: 4px;
}

.proc_vyzkouset__duvody li {
    margin: 0;
}

.fw_image2 {
    width: 100vw;
    object-fit: cover;
    object-position: center center;
    filter: brightness(80%);
}


/* SECTION LEKTORI */
.lecturers_photo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70vw;
    max-width: 469px;
    height: auto;
    object-fit: cover;
    /* box-shadow: 5px 5px 8px -3px rgba(124, 124, 124, 0.63); */
}

.text-color {
    color: var(--color_1);
}


/* SECTION KONTAKT */
.misto-kde-cvicime-flex {
    display: flex;
    flex-direction: column;
}

.misto-kde-cvicime {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* .kontakt__box {
    flex: 1 1 auto;
} */

.kontakt__box-1 {
    text-align: center;
}

.icon {
    width: calc(var(--breakpoint_unit) * calc(11*var(--basic_unit)));
}

.block {
    display: block;
}

.email,
.telephone {
    position: relative;
    padding-left: calc(var(--breakpoint_unit) * calc(16*var(--basic_unit)));
}

.email::before {
    content: "";
    background-image: url("../images/icons/envelope-solid.svg");
    position: absolute;
    width: calc(var(--breakpoint_unit) * calc(10*var(--basic_unit)));
    height: calc(var(--breakpoint_unit) * calc(10*var(--basic_unit)));
    background-size: cover;
    left: 1vw;
    top: 0;
}

.telephone::before {
    content: "";
    background-image: url("../images/icons/phone-solid.svg");
    position: absolute;
    width: calc(var(--breakpoint_unit) * calc(10*var(--basic_unit)));
    height: calc(var(--breakpoint_unit) * calc(10*var(--basic_unit)));
    background-size: cover;
    left: 1vw;
    top: 0;
} 

.p-pismo {
    text-decoration: none;
}

.color_5 {
    color: var(--color_5);
}

.mapa {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 85%;
    height: calc(var(--breakpoint_unit) * calc(120*var(--basic_unit)));
    border: 0;
}

.misto-kde-cvicime.v-lete {
    margin-top: calc(var(--breakpoint_unit) * calc(18*var(--basic_unit)));
}


/* FOOTER */
.global_footer {
    text-align: center;
    background: url(../images/Svg/Prechod_white_spodni_kratsi.svg) no-repeat center top var(--color_3);
    background-size: contain;
}

.footer-made-by span a,
.footer__dekujeme--a {
    color:  var(--color_1b);
    text-decoration: underline;
}

.footer-made-by a:hover,
.footer-made-by a:active,
.footer__dekujeme--a:hover,
.footer__dekujeme--a:active {
    color: var(--color_1);
    text-decoration: none;
}


@media (min-width: 360px) {
    .site_title {
        height: 49px;
    }

    .hamburger {
        top: 12px !important;
}


@media (min-width: 550px) {
    .site_title {
        height: 50px;
        justify-content: space-around;
    }

    .hamburger {
        display: none !important;
    }
    
    .intro {
        height: 120vw;
        background-image: linear-gradient(55deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 74%),
        url("../images/Joyful_AcroYoga_cheststand_small.jpg");  
        background-position: center; 
    }

    .intro__h1 {
        padding-top: 65vw;
        padding-left: 7vw;
    }

    .rezervace-lekce {
        padding-top: 2vw;
    }

    .rezervace-lekce.v-menu {
        padding-top: 0;
    }
    
    .border_radius {
        border-radius: 13.5px;
    }

    .uvodni-sekce__vyzva {
        margin-left: auto;
        margin-right: auto;
        width: 80vw;
    }

    .uvodni-sekce__vzkaz-lektoru {
        width: 80vw;
        margin-right: auto;
        margin-left: auto;
    }

    .picture_coach,
    .lecturers_photo {
        width: 60vw;
    }

    .co-nabizime__nabidka {  
        width: calc(var(--breakpoint_unit) * calc(150*var(--basic_unit)));
        height: calc(var(--breakpoint_unit) * calc(190*var(--basic_unit)));
        padding: calc(var(--breakpoint_unit) * calc(7.3*var(--basic_unit))) calc(var(--breakpoint_unit) * calc(4.5*var(--basic_unit)));
        padding-top: calc(var(--breakpoint_unit) * calc(22*var(--basic_unit)));
    }

    /* .poukaz-na-cviceni {
        border-radius: 10px;
        border: solid 0.5vw var(--color_1);
    } */

    .img-blog {
        width: 51vw;
        height: 28vw;
    }
}


@media (min-width: 650px) {
    .podpis {
        padding-right: calc(var(--breakpoint_unit) * calc(45*var(--basic_unit)));
    }

    .co-nabizime__container {
        flex-direction: row;
        flex-wrap: wrap;
    }
/* 
    .container__translate {
        flex: 0 0 auto;
    } */

    .co-nabizime__nabidka__tlacitko {
        padding: 0.8vw 2.4vw;
    }

    /* .co-nabizime__nabidka__tlacitko:hover,
    .co-nabizime__nabidka__tlacitko:active {
        padding: 0.7vw 2.3vw;
    } */

    .padding-prechod {
        padding-top: calc(var(--breakpoint_unit) * calc(50*var(--basic_unit)));
    }

    .container-clanky {
        flex-direction: row;
        gap: 2vw;
        justify-content: center;
    }

    .clanek-a {
        width: 46vw;
        height: 69vw;
        margin: 0 !important;
        padding: 5vw 2vw 2vw 2vw;
    }

    .clanek-a:nth-child(2) {
        margin-top: 0;
    }

    .clanek-a__container {
        gap: 3.5vw ;
    }

    .img-blog {
        width: 31vw;
        height: 18vw;
    }

    .img-blog--jak {
        object-position: center -5.67vw;
    }
}


@media (min-width: 780px) {
    .main-div {
        padding-top: var(--header-height);
    }
    
    .site_title {
        height: 67px;
        justify-content: space-between;
    }

    /* .menu_logo {
        width: 151px;
        top: -17px;
    } */

    .hamburger {
        top: 22px !important;
        left: 86vw !important;
    }
    
    .intro {
        height: 90vw;
        background: linear-gradient(55deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 74%),
        url("../images/Joyful_AcroYoga_cheststand_big.jpg") -12vw center no-repeat;
        background-size: cover;
    }

    .intro__h1 {
        padding-top: 45vw;
        margin-bottom: 2vw;
    }

    .co-nabizime__nabidka {
        width: 42vw;
        height: 60vw;
        padding-top: calc(var(--breakpoint_unit) * calc(18*var(--basic_unit)));
    }

    .co-nabizime__nabidka__tlacitko {
        padding: 0.6vw 2vw;
    }

    /* .poukaz-na-cviceni {
        border: solid 0.4vw var(--color_1);
    } */

    .lecturers_photo {
        width: 50vw;
    }

    /* .kde-cvicime-hidden-2 {
        display: none;
    } */

    .kontakt__box-1 {
        /* flex: 0.74; */
        text-align: center;
    }

    /* .kontakt__box-3 {
        flex: 2;
    } */

    .kde-cvicime-h4 {
        text-align: center;
    }
}


@media (min-width: 950px) {
    .intro {
        height: 712px;
        background: linear-gradient(55deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 74%),
        url("../images/Joyful_AcroYoga_cheststand_big.jpg") -0.8vw center no-repeat;
        background-size: cover;
    }

    .intro__h1 {
        padding-top: 340px;
        margin-bottom: 16px;
        letter-spacing: -2px;
    }

    .nav2 {
        display: inline-block;
        align-self: center;
    }

    .rezervace-lekce {
        padding-top: 1vw;
    }

    .rezervace-lekce.v-menu {
        padding-top: 0;
    }

    .flexbox-uvodni-sekce {
        display: flex;
        align-items: center;
        gap: 38px;
        /* margin-right: 50px;
        margin-left: 50px; */
    }

    .div-picture_coach {
        order: -1;
    }

    .podpis {
        padding-right: calc(var(--breakpoint_unit) * calc(15*var(--basic_unit)));
      }

    .picture_coach {
        margin: 0;
        width: 100vw;
    }

    .flexbox-uvodni-sekce .stack {
        margin-bottom: 0;
    } 

    .uvodni-sekce__vyzva {
        width: inherit;
    }

    .uvodni-sekce__vzkaz-lektoru {
        width: auto;
    }

    .padding-prechod {
        padding-top: calc(var(--breakpoint_unit) * calc(60*var(--basic_unit)));
    }

    .padding-prechod.zvrchu {
        padding-top: calc(var(--breakpoint_unit) * calc(60*0.44vw));
    }

    .co-nabizime__container {
        padding: 0vw;
    }

    .co-nabizime__nabidka {
        width: calc(var(--breakpoint_unit) * calc(122.5*var(--basic_unit)));
        height: calc(var(--breakpoint_unit) * calc(175*var(--basic_unit)));
        /* padding: calc(var(--breakpoint_unit) * calc(7.3*var(--basic_unit))) calc(var(--breakpoint_unit) * calc(3.6*var(--basic_unit)));
        padding-top: calc(var(--breakpoint_unit) * calc(11*var(--basic_unit))); */
        /* gap: 2vw; */
    }

    /* h2 {
        margin-right: auto;
        margin-left: auto;
    } */

    .h4-co-nabizime {
        padding-top: 0.8vw;
        margin: 0vw 1.5vw;
    }

    .co-nabizime__nabidka__tlacitko {
        margin: 1vw 0vw;
    }

    /* .poukaz-na-cviceni {
        border: solid 2.8px var(--color_1);
    } */

    .lektori_div {
        width: 85vw;
    }

    .lecturers_photo {
        float: right;
        width: 360px;
        margin-left: 45px;
        /* margin-bottom: 0 !important; */
    }

    .telephone::before,
    .email::before {
        left: 0.5vw;
    }

    .misto-kde-cvicime-flex {
        flex-direction: row;
        margin: auto;
        gap: 4.5vw;
    }

    .kde-cvicime-h4 {
        padding-top: 0;
        margin: 0;
    }

    .misto-kde-cvicime.v-lete {
        margin-top: 0;
    }

    .mapa {
        width: 100%;
    }
}


@media (min-width: 1170px) {
    .rezervace-lekce {
        padding-top: 4vw;
    }

    .rezervace-lekce.v-menu {
        padding-top: 0;
    }
   
    .intro__h1 {
        padding-top: 290px;
    }

    .sekce-prechod-nahore,
    .proc_vyzkouset,
    .global_footer {
        background-size: 100% 130px;
    }

    /* .co-nabizime__nabidka {
        width: 23vw;
        height: 38vw;
    } */

    .co-nabizime__nabidka__tlacitko {
        margin: 1vw 0vw;
        padding: 0.4vw 1vw;
    }

    /* .co-nabizime__nabidka__tlacitko:hover,
    .co-nabizime__nabidka__tlacitko:active {
        padding: 0.3vw 0.9vw;
    } */

    .fw_image2 {
        height: 49vw;
        max-height: 750px;
        display: block;
        object-position: center -3vw;
    }

    .container-clanky {
        gap: 23px;
    }

    .clanek-a {
        width: 352px;
        height: 546px;
        padding: 29px 12px 12px 12px;
    }

    .clanek-a__container {
        gap: 29px;
    }

    .h4-co-nabizime {
        padding-top: 10px;
        margin: 0 18px;
    }

    .img-blog {
        width: 234px;
        height: 136px;
    }

    .img-blog--jak {
        object-position: center -43px;
    }

    .padding-prechod.zvrchu {
        padding-top: calc(var(--breakpoint_unit) * calc(60*var(--basic_unit)));
    }
}


@media (min-width: 1300px) {
    .intro__h1 {
        margin-left: 5vw;
    }

    .intro {
        background: linear-gradient(55deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 74%), 
        url("../images/Joyful_AcroYoga_cheststand_big.jpg") -0.8vw -5vw no-repeat;
        background-size: cover;
    }

    .flexbox-uvodni-sekce {
        gap: 68px;
    }

    .co-nabizime__nabidka {
        /* width: 299px;
        height: 442px;
        padding: 39px 13px 26px 13px; */
        /* gap: 26px; */
    }

    .co-nabizime__nabidka__tlacitko {
        margin: 13px 0;
        padding: 5.2px 13px;
    }

    /* .co-nabizime__nabidka__tlacitko:hover
    .co-nabizime__nabidka__tlacitko:active {
        padding: 3.9px 11.7px;
    } */

    /* .h4-co-nabizime {
        padding-top: 20.8px;
        margin: 0vw 19.5px;
    } */

    .lektori_div {
        height: 430px;
        max-width: 1050px;
    }

    .lecturers_photo {
        width: 400px;
    }

    .div__vice-o-lektorech {
        margin-top: 71px;
    }
}

@media (min-width: 1400px) {
    .intro  {
        background: linear-gradient(55deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 74%),
        url("../images/Joyful_AcroYoga_cheststand_preklop_or.jpg") center 0vw no-repeat;
        background-size: cover;
    }

    .co-nabizime__container {
        max-width: 1700px;
        margin: auto;
    }
}


@media (min-width: 1650px) {
    .intro  {
        height: 860px;
        background: linear-gradient(55degt, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 74%),
        url("../images/Joyful_AcroYoga_cheststand_preklop_or.jpg") center top no-repeat;
        background-size: cover;
    }

    .intro__h1 {
        padding-top: 380px;
        margin-bottom: 68px;
        margin-left: 82px;
    }

    .rezervace-lekce {
        padding-top: 1vw;
    }

    .rezervace-lekce.v-menu {
        padding-top: 0;
    }

    .fw_image2 {
        object-position: center -7vw;
    }

    .telephone::before,
    .email::before {
        left: 0.1vw;
    }
}


@media (min-width: 2150px) {
    .intro {
        background: linear-gradient(55deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 74%), 
        url("../images/Joyful_AcroYoga_cheststand_preklop_or.jpg") center -3vw no-repeat;
        background-size: cover;
    }      
    
    .fw_image2 {
        max-height: 850px;
    }
}


@media (min-width: 2400px) {
    .intro  {
        height: 1060px;
    }
}


@media (:hover) {
    .co-nabizime__nabidka {
        display: block;
        overflow: hidden;
    }
    
    /* .container__translate */
    .h4-co-nabizime {
        /* transform: translateY(220%); */
        transform: translateY(calc(var(--breakpoint_unit) * calc(50*var(--basic_unit))));
        /* transform: translateX(35%); */
        transition:  1.5s ease;
    }
    
    .co-nabizime__nabidka:hover .h4-co-nabizime,
    .co-nabizime__nabidka:active {
        transform: translateY(0%);
    }
    
    .co-nabizime__nabidka:hover .container__translate,
    .co-nabizime__nabidka:active .container__translate {
        /* transform: translateY(0%); */
        /* transform: translateX(0%); */
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: calc(var(--breakpoint_unit) * calc(14*var(--basic_unit)));
        align-items: center;
    }
    
    .co-nabizime__nabidka .popis-nabidky {
        /* transform: translateY(180%); */
        /* transform: translateX(-110%); */
        transform: scale(0);
        transition:  2s ease;
        transition-delay: 0.15s;
    }
    
    .co-nabizime__nabidka .co-nabizime__nabidka__tlacitko {
        /* transform: translateY(180%); */
        /* transform: translateX(-210%); */
        transform: scale(0);
        transition:  2s ease;
        /* transition-delay: 0.9s; */
        transition-delay: 0.15s;
    
    }
    
    .co-nabizime__nabidka:hover .popis-nabidky,
    .co-nabizime__nabidka:active .popis-nabidky,
    .co-nabizime__nabidka:hover .co-nabizime__nabidka__tlacitko,
    .co-nabizime__nabidka:active .co-nabizime__nabidka__tlacitko {
        /* transform: translateY(0%); */
        /* transform: translateX(0%); */
        transform: scale(1);
    } 
}