.povidaniMchale {
    width: 80%;
    margin: 30px 10%;
}

.povidaniMchale p{
    text-align: center;
}


.sluzbyKontakty h2 {
    text-align: center;
    font-size: 40px;
}

.sluzbyKontakty {
    width: 80vw;
    margin: 30px 10vw;
}

.sluzbyKontakty i {
    font-size: 30px;
    margin-right: 20px;
    color: #e8211b;

}



.sluzbyKontakty p {
    margin: 10px;
}



.brozuraMchale{
    margin: 50px 0;
    display: flex;
    justify-content: center;
}
.brozuraMchale a {
   text-align: center;
   width: 200px;
   height: 40px;
   border: 2px solid #008265;;
   background-color: white;
   color: #008265;;
   font-weight: 600;
   text-decoration: none;
   padding: 10px 30px;
  
}
.brozuraMchale a:hover {

   border: 2px solid #008265;;
   background-color: #008265;;
   color: white;
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: repeat(1, 1fr);
    gap: 4px;
    margin: 0 4px;

}
.grid-containerVario {
   display: flex;
   flex-direction: row;
   justify-content: center;
   width: 100%;
}

.grid-item {
  
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
 
    height: 250px;
    margin-bottom: 5px;
    position: relative;
}
.grid-itemVario {
 
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    width: 400px;
    height: 250px;
    margin-bottom: 5px;
    position: relative;
}

.grid-itemVario h2 {
    margin: 5px;
    position: absolute;
    bottom: 30px;
    left: 0px;
    padding: 10px;
    background-color: #008265;
    color: white;
    text-decoration: none;
    text-shadow: 2px 2px 2px black;
    font-size: 25px;
}

.grid-containerVario a {

    text-decoration: none;
}

.grid-itemVario img {
    width: 100px;
    margin: 5px;

}



.grid-item h2 {
    margin: 5px;
    position: absolute;
    bottom: 30px;
    left: 0px;
    padding: 10px;
    background-color: #008265;
    color: white;
    text-decoration: none;
    text-shadow: 2px 2px 2px black;
    font-size: 25px;
}

.grid-container a {

    text-decoration: none;
}

.grid-item img {
    width: 100px;
    margin: 5px;

}

.grid-container .mchaleTechnika1 {
    background-image: url(../img/mchale1.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .mchaleTechnika1:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container .mchaleTechnika2 {
    background-image: url(../img/mchale2.png);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .mchaleTechnika2:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container .mchaleTechnika3 {
    background-image: url(../img/mchale3.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .mchaleTechnika3:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container .mchaleTechnika4 {
    background-image: url(../img/mchale4.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .mchaleTechnika4:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container .mchaleTechnika5 {
    background-image: url(../img/mchale5.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .mchaleTechnika5:hover {
    background-size: 110%;
    cursor: pointer;
}

/***************lisy****************/

.grid-container .mchaleLisy1 {
    background-image: url(../img/lisy1.webp);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .mchaleLisy1:hover {
    background-size: 110%;
    cursor: pointer;
}
.grid-container .mchaleLisy2 {
    background-image: url(../img/lisy2.webp);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .mchaleLisy2:hover {
    background-size: 110%;
    cursor: pointer;
}
.grid-container .mchaleLisy3 {
    background-image: url(../img/lisy3.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .mchaleLisy3:hover {
    background-size: 110%;
    cursor: pointer;
}

/*********Vario lisy********/

.grid-container-malotraktory .mchaleLisyVario1 {
    background-image: url(../img/mchaleV6.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-malotraktory .mchaleLisyVario1:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container-malotraktory .mchaleLisyVario2 {
    background-image: url(../img/mchaleV8.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-malotraktory .mchaleLisyVario2:hover {
    background-size: 110%;
    cursor: pointer;
}


/**************baličky***************/

.grid-container .mchaleBalicky1 {
    background-image: url(../img/balicky1.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .mchaleBalicky1:hover {
    background-size: 110%;
    cursor: pointer;
}
.grid-container .mchaleBalicky2 {
    background-image: url(../img/balicky2.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .mchaleBalicky2:hover {
    background-size: 110%;
    cursor: pointer;
}
.grid-container .mchaleBalicky3 {
    background-image: url(../img/balicky3.png);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .mchaleBalicky3:hover {
    background-size: 110%;
    cursor: pointer;
}

/***************žací lišty***************/
.grid-container1 .mchaleZaciListy1 {
    background-image: url(../img/mchaleZaci1.webp);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleZaciListy4 {
    background-image: url(../img/mchaleZaci2.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleZaciListy5 {
    background-image: url(../img/mchaleZaciZadni.webp);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleZaciListy8 {
    background-image: url(../img/mchaleZaciZadni.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleZaciListy9 {
    background-image: url(../img/mchaleZaciLetadlo.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

/***********shrnovace************/

.grid-container1 .mchaleShrnovace1 {
    background-image: url(../img/mchaleShrnovaceHlavni.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleShrnovace4 {
    background-image: url(../img/mchaleShrnovaceRotory.webp);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleShrnovace5 {
    background-image: url(../img/mchaleShrnovace1.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleShrnovace8 {
    background-image: url(../img/mchaleShrnovaceNastaveni.png);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
/*********rozdružovač**************/

.grid-container1 .mchaleRozdruzovace1 {
    background-image: url(../img/mchaleRozdruzovacHlavni.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleRozdruzovace4 {
    background-image: url(../img/mchaleRozdruzovacHlavni2.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleRozdruzovace5 {
    background-image: url(../img/mchaleRozdruzovacHlavni3.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
/******balička 991*****************/

.grid-container1 .mchaleBalicka9911 {
    background-image: url(../img/mchaleBalicka991Hlavni.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleBalicka9914 {
    background-image: url(../img/mchalebalicka991Napinani.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleBalicka9915 {
    background-image: url(../img/mchaleBalicky991Vymena.png);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleBalicka9918 {
    background-image: url(../img/mchaleBalicka991Utrzeni.png);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleBalicka9919 {
    background-image: url(../img/mchalebalicka991Ovladani.webp);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

/**********balička 998*******************/

.grid-container1 .mchaleBalicka9981 {
    background-image: url(../img/mchalebalicka998Hlavni.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

/**********orbital*************/

.grid-container1 .mchaleOrbital1 {
    background-image: url(../img/mchaleOrbitalHlavhi.webp);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleOrbital4 {
    background-image: url(../img/mchaleOrbital5.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleOrbital5 {
    background-image: url(../img/mchaleOrbitalNalozeni.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleOrbital8 {
    background-image: url(../img/mchaleOrbital6.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleOrbital9 {
    background-image: url(../img/mchaleOrbitalOvladac.png);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

/**********lis s pevnou*************/

.grid-container1 .mchaleLisyPevna1 {
    background-image: url(../img/lisPevnaHlavni1.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleLisyPevna4 {
    background-image: url(../img/lisPevnaHlavni2.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleLisyPevna5{
    background-image: url(../img/lisPevnaHlavni3.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleLisyPevna8{
    background-image: url(../img/lisPevnaDno.png);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleLisyPevna9{
    background-image: url(../img/lisPevnab.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleLisyPevna12{
    background-image: url(../img/lisyPevnaOtevreny.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

/****************lis V6***********/

.grid-container1 .mchaleLisV61 {
    background-image: url(../img/lisV63.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleLisV64 {
    background-image: url(../img/lisV6Sberac.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleLisV65 {
    background-image: url(../img/lisV6Pasy.png);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}


/*********************lis V8***************/

.grid-container1 .mchaleLisV81 {
    background-image: url(../img/lisyV81.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}


.grid-container1 .mchaleLisV84 {
    background-image: url(../img/lisyV82.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}


.grid-container1 .mchaleLisV85 {
    background-image: url(../img/lisyV83.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}


/***************lisy fusion***************/
.grid-container .mchaleLisyFusion1 {
    background-image: url(../img/fusion31.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
  
.grid-container .mchaleLisyFusion2 {
    background-image: url(../img/fusion3Plus.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container .mchaleLisyFusion3 {
    background-image: url(../img/fusionVario.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

/******************fusion3**************/

.grid-container1 .mchaleLisFusion31 {
    background-image: url(../img/fusion33.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleLisFusion34 {
    background-image: url(../img/fusion35.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleLisFusion35 {
    background-image: url(../img/fusion34.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

/*****************fusion3plus*****************/

.grid-container1 .mchaleLisFusion3Plus1 {
    background-image: url(../img/fusion3Plus2.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

.grid-container1 .mchaleLisFusion3Plus4 {
    background-image: url(../img/fusion3Plus3.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

.grid-container1 .mchaleLisFusion3Plus5 {
    background-image: url(../img/fusion3PlusOvladac.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}


/*******************fusionvario***************/

.grid-container1 .mchaleLisFusionVario1 {
    background-image: url(../img/fusionVario2.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleLisFusionVario4 {
    background-image: url(../img/fusionVario3.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .mchaleLisFusionVario5 {
    background-image: url(../img/fusionVario5.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}


/*******************mini lisy***********************/

.grid-container-malotraktory .miniLisy1 {
    background-image: url(../img/miniLis1.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-malotraktory .miniLisy1:hover {
    background-size: 110%;
    cursor: pointer;
}


.grid-container-malotraktory .miniLisy2 {
    background-image: url(../img/miniLis2.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-malotraktory .miniLisy2:hover {
    background-size: 110%;
    cursor: pointer;
}
/****************************rožmitál*************************/


.povidanirozmital {
    width: 80%;
    margin: 20px 10%;
}





.grid-container-rozmital{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, 1fr);
    gap: 0px;
    margin: 0 4px;
    width: 80%;
    margin: 0 10%;

}

.grid-item-rozmital {
    border: 1px solid rgb(237, 237, 232);
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    box-shadow:4px 3px 2px 2px rgb(224, 223, 222);
    height: 250px;
    margin-bottom: 5px;
    position: relative;
}

.grid-item-rozmital h2 {
    margin: 5px;
    position: absolute;
    bottom: 30px;
    left: 0px;
    padding: 10px;
    background-color: #e8211b;
    color: white;
    text-decoration: none;
    text-shadow: 2px 2px 2px black;
}

.grid-container-rozmital a {

    text-decoration: none;
}

.grid-item-rozmital img {
    width: 150px;
    margin: 5px;

}

.grid-container-rozmital .rozmitalTechnika1 {
    background-image: url(../img/rozmital1.png);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-rozmital .rozmitalTechnika1:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container-rozmital .rozmitalTechnika2 {
    background-image: url(../img/rozmital2.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-rozmital .rozmitalTechnika2:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container-rozmital .rozmitalTechnika3 {
    background-image: url(../img/rozmital3.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-rozmital .rozmitalTechnika3:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container-rozmital .rozmitalTechnika4 {
    background-image: url(../img/rozmital4.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-rozmital .rozmitalTechnika4:hover {
    background-size: 110%;
    cursor: pointer;
}

/******************žací lišty*************/
.grid-container1 .rozmitalZaciListy1 {
    background-image: url(../img/rozmitalZaciA.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

.grid-container1 .rozmitalZaciListy4{
    background-image: url(../img/rozmitalZaciB.png);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .rozmitalZaciListy5 {
    background-image: url(../img/rozmitalZaciC.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

.grid-container1 .rozmitalZaciListy8 {
    background-image: url(../img/rozmitalZaciD.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

/************************obraceče***********/

.grid-container1 .rozmitalObracece1 {
    background-image: url(../img/rozmitalObracecA.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}


.grid-container1 .rozmitalObracece4 {
    background-image: url(../img/rozmitalObracecB.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}


.grid-container1 .rozmitalObracece5 {
    background-image: url(../img/rozmitalObracecC.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}


.grid-container1 .rozmitalObracece8 {
    background-image: url(../img/rozmitalObracecD.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

.tabulkaRozmital{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 10px;
}
.tabulkaRozmital img{
    width: 80%;
    margin: 0 10%;
}


/***************shrnovače***********/
.grid-container1 .rozmitalShrnovace1 {
    background-image: url(../img/rozmitalShrnovacA.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

.grid-container1 .rozmitalShrnovace4 {
    background-image: url(../img/rozmitalShrnovacB.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .rozmitalShrnovace5 {
    background-image: url(../img/rozmitalShrnovacC.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .rozmitalShrnovace8 {
    background-image: url(../img/rozmitalShrnovacD.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

/************univerzál********/

.grid-container1 .rozmitalUniverzal1 {
    background-image: url(../img/rozmitalUniverzal1.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

.grid-container1 .rozmitalUniverzal4 {
    background-image: url(../img/rozmitalUniverzal2.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

/*******************talex*****************/.povidanitalex {
    width: 80%;
    margin: 20px 10%;
}


.grid-item h2 {
    margin: 5px;
    position: absolute;
    bottom: 30px;
    left: 0px;
    padding: 10px;
    background-color: rgb(31, 54, 92);
    color: white;
    text-decoration: none;
    text-shadow: 2px 2px 2px black;
}

.grid-container a {

    text-decoration: none;
}

.grid-item img {
    width: 100px;
    margin: 5px;

}

.grid-container .talexTechnika1 {
    background-image: url(../img/talex1.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .talexTechnika1:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container .talexTechnika2 {
    background-image: url(../img/talex2.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .talexTechnika2:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container .talexTechnika3 {
    background-image: url(../img/talex3.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .talexTechnika3:hover {
    background-size: 110%;
    cursor: pointer;
}
.grid-container .talexTechnika4 {
    background-image: url(../img/talexZametacB.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .talexTechnika4:hover {
    background-size: 110%;
    cursor: pointer;
}

/**************sekacky****************/

.grid-container1 .talexSekacky1 {
    background-image: url(../img/talexSekackaAA.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

.grid-container1 .talexSekacky4 {
    background-image: url(../img/talexSekackaAAA.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .talexSekacky5 {
    background-image: url(../img/talexSekackaA.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

.grid-container1 .talexSekacky8 {
    background-image: url(../img/talexSekackaAB.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

/*************mulcovace************/

.grid-container1 .talexMulcovace1 {
    background-image: url(../img/talexMulcLeopard.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

.grid-container1 .talexMulcovace4 {
    background-image: url(../img/talexMulcLeo.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.grid-container1 .talexMulcovace5{
    background-image: url(../img/talexMulcEco.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

.grid-container1 .talexMulcovace8 {
    background-image: url(../img/talexMulcKomunal.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

/****************čechrač***************/
.grid-container1 .talexCechrac1 {
    background-image: url(../img/talexBocian3.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

/*****************zametače**************/

.grid-container1 .talexZametace1 {
    background-image: url(../img/talexZametacA.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

.grid-container1 .talexZametace4 {
    background-image: url(../img/talexZametacB.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

.grid-container1 .talexZametace5 {
    background-image: url(../img/talexZametacC.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

/*****************kuhn*************************/


.tabulkaWestern1 {
    font-size: 10px;
    width: 96%;
    margin: 0 2%;
}

.container .tabulkaWestern1 {
    margin: 50px 5px;

}

.tabulkaWestern1 td {
    border-bottom: 2px solid white;
    padding: 10px 0;
}

.brozuraKuhn {
    margin: 50px 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.brozuraKuhn a {
    text-align: center;
    width: 200px;
    height: auto;
    border: 2px solid #e8211b;
    background-color: white;
    color: #e8211b;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 30px;
    margin: 10px 40px;

}

.brozuraKuhn a:hover {

    border: 2px solid #e8211b;
    background-color: #e8211b;
    color: white;
}


.grid-container-sauerburger .kuhnTechnika1 {
    background-image: url(../img/kuhnZaciLista.jpeg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-sauerburger .kuhnTechnika1:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container-sauerburger .kuhnTechnika2 {
    background-image: url(../img/kuhnObracece.JPG);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-sauerburger .kuhnTechnika2:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container-sauerburger .kuhnTechnika3 {
    background-image: url(../img/kuhnShrnovace.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-sauerburger .kuhnTechnika3:hover {
    background-size: 110%;
    cursor: pointer;
}

/*******************žací lišty*****************/

.grid-container-sauerburger .kuhnZaciListy1 {
    background-image: url(../img/kuhnBezLista.png);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-sauerburger .kuhnZaciListy1:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container-sauerburger .kuhnZaciListy2 {
    background-image: url(../img/kuhnKondicionerLista.png);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-sauerburger .kuhnZaciListy2:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container-sauerburger .kuhnZaciListy3 {
    background-image: url(../img/kuhnBubnoveLista.jpeg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-sauerburger .kuhnZaciListy3:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container1 .kuhnZaciListy1 {
    background-image: url(../img/kuhnZaciListyHlavni.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

.grid-container1 .kuhnZaciListy4 {
    background-image: url(../img/kuhnZaciListyA.jpeg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

.grid-container1 .kuhnZaciListy5 {
    background-image: url(../img/kuhnZaciListyB.JPG);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

.grid-container1 .kuhnZaciListy8 {
    background-image: url(../img/kuhnZaciListyC.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

/************obraceče**************/

.grid-container-sauerburger1 .kuhnObracece1 {
    background-image: url(../img/kuhnNeseneObracece.jpeg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-sauerburger1 .kuhnObracece1:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container-sauerburger1 .kuhnObracece2 {
    background-image: url(../img/kuhnObracece.JPG);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-sauerburger1 .kuhnObracece2:hover {
    background-size: 110%;
    cursor: pointer;
}


.grid-container-sauerburger1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(1, 1fr);
    gap: 4px;
    margin: 0 4px;

}

.grid-item-sauerburger1 {
    border: 1px solid rgb(237, 237, 232);

    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;

    height: 300px;
    margin-bottom: 5px;
    position: relative;
}

.grid-item-sauerburger1 h2 {
    margin: 5px;
    position: absolute;
    bottom: 30px;
    left: 0px;
    padding: 10px;
    background-color: #e8211b;
    color: white;
    text-decoration: none;
    text-shadow: 2px 2px 2px black;
    font-size: 25px;
}

.grid-container1 a {

    text-decoration: none;
}

.grid-item-sauerburger1 img {
    width: 100px;
    margin: 5px;

}

.grid-container1 .kuhnObracece1 {
    background-image: url(../img/kuhnObraceceHlavni.png);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

.grid-container1 .kuhnObracece4 {
    background-image: url(../img/kuhnObraceceNeseny.jpeg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

.grid-container1 .kuhnObracece5 {
    background-image: url(../img/kuhnObraceceTazeny.jpeg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

/************shrnovače****************/
.grid-container-sauerburger .kuhnShrnovace1 {
    background-image: url(../img/kuhnNeseneShrnovace.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-sauerburger .kuhnShrnovace1:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container-sauerburger .kuhnShrnovace2 {
    background-image: url(../img/kuhnStranoveShrnovace.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-sauerburger .kuhnShrnovace2:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container-sauerburger .kuhnShrnovace3 {
    background-image: url(../img/kuhnStredoveShrnovace.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-sauerburger .kuhnShrnovace3:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container-sauerburger .kuhnShrnovace4 {
    background-image: url(../img/kuhnPasoveShrnovace.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-sauerburger .kuhnShrnovace4:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container1 .kuhnShrnovace1 {
    background-image: url(../img/kuhnShrnovaceA.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

.grid-container1 .kuhnShrnovace4 {
    background-image: url(../img/kuhnShrnovaceB.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}


/**************************CAEB lisy*****************/

.grid-container1 .lisyCaeb1 {
    background-image: url(../img/caeb1.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

.grid-container1 .lisyCaeb4 {
    background-image: url(../img/caeb2.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

/*******************hofman lisy********************/

.grid-container1 .lisyHofman1 {
    background-image: url(../img/hofman1.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}

.grid-container1 .lisyHofman4 {
    background-image: url(../img/hofman2.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}