#main-content-b {
    max-width: 1300px;
    margin: auto;
    padding: 0 20px;
    text-align: center;
}

@media screen and (max-width: 600px) {
    #main-content-b {
        width: 100%;
        margin-top: -150px;
    }
}

.main-content-b-1 {
    margin: auto;
    margin-top: 20px;
}

.main-content-b-1::after {
    content: "";
    display: table;
    clear: both;
}

.column {
    float: left;
    padding: 10px;
}

.column.left {
    width: 50%;
    text-align: right;
    padding-right: 10px;
}

.column.right {
    width: 50%;
    text-align: left;
    padding-left: 10px;
}

.bild-1 {
    width: 100%;
    transition:  ease-in-out 0.3s;
}

.bild-1:hover {
    transform: translate(-200px) scale(2);
    overflow: hidden;
    border: solid white 5px;
    border-radius: 15px;
}

.bild-2 {
    width: 100%;
    transition: ease-in-out 0.3s;
}

.bild-2:hover {
    transform: translate(200px, 0) scale(2);
    overflow: hidden;
    border: solid white 5px;
    border-radius: 15px;
}

@media screen and (max-width: 600px) {
    .column.left, .column.right {
        padding-top: 0;
        text-align: center;
        width: 100%;
    }
}