html, body{
    width:100%;
    height: 100%;
    margin: 0px;
}

.container{
    display: flex;
    height:100%;
}

.imgContainer{
    height: 100%;
    width: 100%;
    /* center */
    display: flex;
    align-items: start;
    justify-content: center;
}

.images{
    position: relative;
    display: inline-block;
    width: calc(100vh * 1 / 1);
    height: 100vh;
    max-width: 100%;
    max-height: calc(100vw * 1 / 1);
}

.text{
    padding-right: 160px;
}

.img{
    position: absolute;
    height: auto;
}

.img:hover{
    transform: scale(1.04);
    filter: drop-shadow(0px 15px 15px rgba(0, 0, 0, 0.244)); 
    transition-duration: 100ms;
}

.i1 {
    top: 10%;
    left: 3.3%;
    width: 25%;
}

.i2 {
    top: 30%;
    left: 28%;
    width: 19%;
}

.i3 {
    top: 6%;
    left: 43%;
    width: 23%;
}

.i4 {
    top: 40%;
    left: 52%;
    width: 20%;
}

.i5 {
    top: 43%;
    left: 8%;
    width: 20%;
}

.i6 {
    top: 55%;
    left: 33%;
    width: 17%;
}

.i7 {
    top: 20%;
    left: 70%;
    width: 20%;
}

.i8 {
    top: 50%;
    left: 74%;
    width: 21%;
}

.i9 {
    top: 70%;
    left: 13%;
    width: 19%;
}

.i10 {
    top: 67%;
    left: 50%;
    width: 25%;
}

.home {
    position: absolute;
    left: 40px;
    bottom: 40px;
    width: 60px;
}

.impressum{
    position: absolute;
    right: 40px;
    bottom: 40px;
    font-size: 1.5em;
    color: rgb(0, 0, 0);
    border-bottom: 2px dotted rgb(0, 0, 0);
    text-decoration:none
}

.home:hover {
    transform: scale(1.04);
    filter: brightness(120%) drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.244)); 
    transition-duration: 100ms;
}

p{
    /* margin-top:2px; */
    padding-bottom: 20px;
    border-bottom: 2px dotted rgb(131, 131, 131);
}

@media only screen and (max-width:1300px) {
    .container{
        flex-direction: column;
        padding: 40px;
    }

    .images{
        aspect-ratio: 1 / 1;
    }

    .text{
        width: 100%;
        padding: 0px;
    }

    .home{
        position: relative;
        left: 0px;
        top: 0px;
        padding-bottom: 40px;
    }

    .impressum{
        position: relative;
        left: 150px;
        top: 40px;
        width: 130px;
    }
}