

.povidaniWestern a {
    text-decoration: none;
    color: black;
}

.povidaniWestern a:hover {
    color: #2c375e;
    text-decoration: underline;
}

.povidaniWestern {
    width: 80%;
    margin: 20px 10%;
}
.povidaniWestern h3{
  
}
.povidaniWestern p{
    width: 80%;
    margin: 10px 10%;
    text-align: center;
}


.sluzbyKontakty h2 {
    text-align: center;
    font-size: 40px;
}

.sluzbyKontakty i {
    font-size: 30px;
    margin-right: 20px;
    color: #e8211b;
}

.sluzbyKontakty p {
    margin: 10px;
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: repeat(5, 1fr);
    gap: 0px;
    margin: 0 4px;
}
.grid-container3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(1, 1fr);
    gap: 4px;
    width: 80%;
    margin: 10px 10%;
}

.grid-item {
    border: 1px solid white;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    box-shadow:4px 3px 2px 2px rgb(224, 223, 222);
    height: 25vw;
    margin-bottom: 5px;
    position: relative;
}


.grid-container .westernTechnika1 h2,
.grid-container .westernTechnika2 h2,
.grid-container .westernTechnika3 h2,
.grid-container .westernTechnika4 h2,
.grid-container .westernTechnika5 h2,
.grid-container .westernTechnika6 h2,
.grid-container .westernTechnika7 h2,
.grid-container .westernTechnika8 h2,
.grid-container .westernTechnika9 h2,
.grid-container .westernTechnika10 h2,
.grid-container .westernTechnika11 h2,
.grid-container .westernTechnika13 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: 150px;
    margin: 5px;
}

.grid-container .westernTechnika1 {
    background-image: url(../img/western1.webp);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .westernTechnika1:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container .westernTechnika2 {
    background-image: url(../img/western2.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .westernTechnika2:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container .westernTechnika3 {
    background-image: url(../img/western3.jpeg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .westernTechnika3:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container .westernTechnika4 {
    background-image: url(../img/western4.jpeg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .westernTechnika4:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container .westernTechnika5 {
    background-image: url(../img/western5.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .westernTechnika5:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container .westernTechnika6 {
    background-image: url(../img/western6.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .westernTechnika6:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container .westernTechnika7 {
    background-image: url(../img/western7.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .westernTechnika7:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container .westernTechnika8 {
    background-image: url(../img/westernCisternaHlavni.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .westernTechnika8:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container .westernTechnika9 {
    background-image: url(../img/western9.webp);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .westernTechnika9:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container .westernTechnika10 {
    background-image: url(../img/western10.webp);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .westernTechnika10:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container .westernTechnika11 {
    background-image: url(../img/western11.jpeg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .westernTechnika11:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container .westernTechnika13 {
    background-image: url(../img/vogelsang4.jpg);
     background-size: cover;
     background-size: 100%;
     background-position: center;
     transition: background-size 5s ease;
     overflow: hidden;
 }
 
 .grid-container .westernTechnika13:hover {
     background-size: 110%;
     cursor: pointer;
 }
 /******************************balíky********************/

 .grid-container .westernBalikyZaklad1 {
    background-image: url(../img/western3.jpeg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .westernBalikyZaklad1:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container .westernBalikyZaklad2 {
    background-image: url(../img/westernBalikyTriosy.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .westernBalikyZaklad2:hover {
    background-size: 110%;
    cursor: pointer;
}
.grid-container .westernBalikyZaklad3 {
    background-image: url(../img/westernBalikyHlavni.webp);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .westernBalikyZaklad3:hover {
    background-size: 110%;
    cursor: pointer;
}
/*********************vanovy***************/
.grid-container3 .westernVanovyZaklad1 {
    background-image: url(../img/westernVanovyGalerry6.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container3 .westernVanovyZaklad1:hover {
    background-size: 110%;
    cursor: pointer;
}
.grid-container3 .westernVanovyZaklad2 {
    background-image: url(../img/vanovyTridem\ \(8\).JPG);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container3 .westernVanovyZaklad2:hover {
    background-size: 110%;
    cursor: pointer;
}
.grid-container .westernVanovyZaklad3 {
    background-image: url(../img/westernVanovyGalerry6.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .westernVanovyZaklad3:hover {
    background-size: 110%;
    cursor: pointer;
}

/*******************rozmetadla*****************/

.grid-container3 .westernRozmetadlaZaklad1 {
    background-image: url(../img/lista6.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container3 .westernRozmetadlaZaklad1:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container3 .westernRozmetadlaZaklad2 {
    background-image: url(../img/westernRozmetadloHlavni.webp);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container3 .westernRozmetadlaZaklad2:hover {
    background-size: 110%;
    cursor: pointer;
}

/********************HNOJENI A OCHRANA*****************/
.grid-container-sauerburger .hnojeniOchrana1 {
    background-image: url(../img/cisternaOchrana.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-sauerburger .hnojeniOchrana1:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container-sauerburger .hnojeniOchrana2 {
    background-image: url(../img/western9.webp);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-sauerburger .hnojeniOchrana2:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container-sauerburger .hnojeniOchrana3 {
   background-image: url(../img/lehnerTechnika.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container-sauerburger .hnojeniOchrana3:hover {
    background-size: 110%;
    cursor: pointer;
}
.grid-container-sauerburger .hnojeniOchrana4 {
    background-image: url(../img/jp7.jpg);
     background-size: cover;
     background-size: 100%;
     background-position: center;
     transition: background-size 5s ease;
     overflow: hidden;
 }
 
 .grid-container-sauerburger .hnojeniOchrana4:hover {
     background-size: 110%;
     cursor: pointer;
 }
 .grid-container-sauerburger .hnojeniOchrana5 {
    background-image: url(../img/aplikatoryOchrana.jpg);
     background-size: cover;
     background-size: 100%;
     background-position: center;
     transition: background-size 5s ease;
     overflow: hidden;
 }
 
 .grid-container-sauerburger .hnojeniOchrana4:hover {
     background-size: 110%;
     cursor: pointer;
 }

 /****************cisterny****************/
 .grid-container .westernCisternyZaklad1{
    background-image: url(../img/western8.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .westernCisternyZaklad1:hover {
    background-size: 110%;
    cursor: pointer;
}
 .grid-container .westernCisternyZaklad2 {
    background-image: url(../img/lista1.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .westernCisternyZaklad2:hover {
    background-size: 110%;
    cursor: pointer;
}
.grid-container .westernCisternyZaklad3 {
    background-image: url(../img/westernCisternaHlavni.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .westernCisternyZaklad3:hover {
    background-size: 110%;
    cursor: pointer;
}


/*************katalogy***************/

.grid-container .oNas1 {
    background-image: url(../img/onas2.png);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .oNas1:hover {
    background-size: 110%;
    cursor: pointer;
}
.grid-container .oNas2 {
    background-image: url(../img/vanovyTridem\ \(4\).JPG);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .oNas2:hover {
    background-size: 110%;
    cursor: pointer;
}
.grid-container .oNas3 {
    background-image: url(../img/western5.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .oNas3:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container .oNas5 {
    background-image: url(../img/western9.webp);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .oNas5:hover {
    background-size: 110%;
    cursor: pointer;
}

.grid-container .oNas6 {
    background-image: url(../img/western7.jpg);
    background-size: cover;
    background-size: 100%;
    background-position: center;
    transition: background-size 5s ease;
    overflow: hidden;
}

.grid-container .oNas6:hover {
    background-size: 110%;
    cursor: pointer;
}