

@media only screen and (min-width: 769px) {
    .fotogalery-main {
        padding-top: 300px;
        margin-bottom: 60px;
    }
}
@media only screen and (max-width: 768px) {
    .fotogalery-main-text > h2 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 430px) {
    .fotogalery-main {
        justify-content: center;
        align-items: center;
        padding-top: 35px;
    }
    .main-title-container > h1 {
        font-size: 80px;
    }
    .fotogalery-main {
        /*padding-top: 0;*/
    }
    .fotogalery-main-container {
        margin-bottom: 0;
    }

    h1.galerie{
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}


@media screen and (min-width: 1441px) and (max-width: 2560px) {
    .fotogalery-main {
        width: 100%;
        background-image: none;
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: row;
        justify-content: space-around;

    }

    .fotogalery-main-container{
        height: fit-content !important;
    }
}


@media (min-width: 1025px) and (max-width: 1440px){
.fotogalery-main  {
        padding-top: 180px !important;
        margin-bottom: 45px !important;
    }
}


@media screen and (min-width: 769px) and (max-width: 1024px) {
    .fotogalery-main {
        display: flex;
        justify-content: center;
        margin: 0 !important;
        height: auto;
        padding-top: 120px !important;
    }
}

h1.galerie>span {
   position: relative;
   z-index: 10;
}



.main-title-container>h1>img {
    position: absolute;
    width: 140px;
    top: 15px;
    left: 56%;
    transform: translate(-50%, -50%);
    z-index: 2;
}



img.image4, img.image38, img.image21, img.image40 {
    object-position: center 10%;
}


img.image10 {
    object-position: center 25%;
}

img.image7, img.image20, img.image35{
    object-position: center 5%;
}

img.image43 {
    object-position: center 1%;
}

img.image42, img.image32 {
    object-position: center 30%;
}

img.image37, img.image25 {
    object-position: center 40%;
}

img.image12, img.image27, img.image31, img.image41 {
    object-position: center 20%;
}


img.image40 {
    object-position: center 10%;
    height: 520Px;
}


@media (min-width: 992px) and (max-width: 1440px) {
    .fotogalery-double-first img{
        height: 420px;
    }

    .fotogalery-double-second img {
    height: 420px;
}
.fotogalery-double-container {
    gap: 45px;
}

.fotogalery-container {
    width: 90%;
    gap: 45px;
}

.fotogalery-triple-container{
    gap: 45Px;
}

.triple-double-column{
    gap: 45px;
}
}


@media screen and (min-width: 769px) and (max-width: 1024px) {
.fotogalery-container {
    width: 86%;
    gap: 60px;
}

.fotogalery-container img{
    height: 520px !important;
}
}

@media only screen and (max-width: 768px) {
.fotogalery-container {
    width: 90%;
    gap: 30px;
}

.fotogalery-container img{
    height: 520px !important;
}

.fotogalery-triple-container{
    gap: 60px;
}

.triple-double-column{
      gap: 60px;
}
}

@media only screen and (max-width: 430px) {
.fotogalery-container {
    width: 90%;
    gap: 30px;
}
.fotogalery-container img{
    height: 320px !important;
}

.fotogalery-triple-container{
    gap: 30px;
}

.triple-double-column{
      gap: 30px;
}
}