.corner {
    padding-bottom: 45px
}

@media (min-width: 769px) {
    .corner {
        display:flex;
        padding:0 0 45px 0 /*Abstand: 1-Oberkante 2-rechts 3-Unterkante 4-links */
    }

    .corner__body {
        padding-left: 30px;
        padding-top: 14px
    }

    .corner__body-text {
        padding-left: 30px;
        margin-top:-2px
    }

    .corner__body img {
        width: 80%;
        max-width: 600px;
        margin: 0;
        margin-top: -31px
    }

    .corner__body-gallery {
        padding-left: 30px;
        padding-top: 14px;
        display: flex;
    }

    .corner__bottom {
        display: flex;
        margin-left: auto;
        margin-right: auto;
        max-width: 800px;
        padding-top: 14px;
    }

    .slide img {
        width: 60%;
        padding: 20px;
        margin: 0 auto
    }

    .corner__contact {
        padding-left: 258px
    }

    .corner__title {
        flex:0 0 30%;
        /*margin-top:0*/
        font-size: 24px;
        margin-bottom:35px
    }

    .corner__cap {
        flex:0 0 30%;
        margin-top:19px
    }

    .corner__cap-img {
        flex:0 0 25%;
        margin-top:-19px;
        padding-left: 5%;
    }

    .corner__cap2 {
        flex:0 0 29.7%;
        margin-top:16px
    }

    .corner img {
        padding-top: 39px
    }
}

@media screen and (max-width: 768px) {
    .corner {
        padding:0;
        margin: 55px 40px 0px 40px; /*Abstand: 1-Oberkante 2-rechts 3-Unterkante 4-links */
    }

    .corner__title {
        font-size: 24px;
        margin-bottom:15px
    }
    
    .corner__body {
        margin-top:20px
    }

    .corner__body-gallery {
        display: flex;
        margin: -20px;
        border:0px solid yellow;
    }

    .corner__bottom {
        display:flex;
        justify-content: center; 
        align-items: center;
        padding: 0px 40px 0px 40px; /*Abstand: 1-Oberkante 2-rechts 3-Unterkante 4-links */
        border:0px solid green;
    }

    .slide img {
        padding: 0;
        margin: 0 auto;
        max-height: 100%;
        max-width: 75%;
        width:auto;
        height:auto;
        border:0px solid red;
    }

    .corner__contact {
        margin-top:20px
    }

    .corner img {
        padding-bottom: 25px;
        margin-top:22px;
        border:0px solid blue;
    }

    .img {
        padding-right: 25px;
        margin-top:22px;
        border:0px solid yellow;
    }
}

.corner__body a {
    font-weight: normal;
    color:inherit
}

.corner__body a:not(.button) {
    position:relative
}

.corner__body a:not(.button):after {
    content: "";
    display: block;
    height: 1px;
    width: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    background: #000;
    transition:width .3s ease 0s, left .3s ease 0s
}

.corner__body a:not(.button):hover:after {
    width: 100%;
    left: 0
}

.corner__title {
    max-width: 385px;
    font-family:"5031687";
    font-weight: normal;
    letter-spacing: .5px;
    line-height: 1.26;
    color:#000
}

.corner__cap {
    max-width: 385px;
    font-family:"5031687";
    font-weight:bolder;
    font-size: 15px;
    line-height: 1.26;
    letter-spacing: .5px;
    margin-bottom:20px;
    color:#000
}

.corner__text {
    max-width: 385px;
    font-family:"5031567";
    font-weight: normal;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: .5px;
    color:#000
}