@media (min-width: 1700px) {
    .withheader #container {
        margin-top: -160px!important;
    }
}
@media (min-width: 1500px) {
    .portrait {
        background-position: right top!important;
       width: 700px!important;
    }
    .portrait p {
        right: 15%!important;
    }
}
@media (max-width: 1500px) {
    .bgslideLeft {
        background-position: 280px bottom;
    }
}
@media (max-width: 1360px) {
    .portrait {
         background-size: 130%;
        background-position: 0px top!important;
        width: 480px!important;
    }
    .dreieck-rot.ce_form {
        padding-left: 15px!important;
    }
    .portrait p {
        bottom: 37%!important;
        right: 25px!important;
    }
    #container3 {
        margin-top: -180px;
    }
}
@media (min-width: 1200px) {
    .withheader #container {
        margin-top: -240px;
    }
}
@media (max-width: 1200px) {
    .portrait {
        margin-top: 310px!important;
    }
    #container3 {
        margin-top: 0px;
    }
    #header_after {
    padding-top:80px;
    background-position: 120px bottom;
    }
}
@media (min-width: 767px) and  (max-width: 1199px) {
    .withheader #container {
    margin-top: -380px;
    }
    .withheader #container .center {
        text-align: left;
        max-width: 75%;
    }
}
@media (max-width: 1100px) {
    .portrait {
        margin-top: 460px!important;
    background-size: 100%;
    }
    .portrait p {
        bottom: 51%!important;
    }
}
@media (max-width: 992px) {
    .portrait {
       margin-top: 512px!important;
    }
    .portrait p {
        bottom: 49%!important;
    }
    #container3 {
        margin-top: 85px;
    }
}
@media (min-width: 767px) and  (max-width: 992px) {
    .withheader #container {
    margin-top: -460px;
    }
    .withheader #container .center {
        max-width: 90%;
    }
}
@media (max-width: 767px) {
    .portrait {
        margin-top: 690px!important;
    }
    .portrait p {
        bottom: 51%!important;
    }
    #container3 {
        margin-top: 200px;
    }
}
@media (min-width: 576px) and  (max-width: 767px) {
    #container .container {
    padding-top: 40px;
    }
}
@media (max-width: 576px) {
    .portrait {
        background-position: 65px top!important;
        width: 445px!important;
    }
    .portrait a {
        font-size: 22px!important;
    }
    .portrait a img {
        width: 40px;
    }
    .portrait p {
        bottom: 52%!important;
        width: 240px;
    }
    .portrait a {
        margin-top: 10px!important;
    }
    #container3 {
        margin-top: 180px;
    }
}
@media (max-width: 398px) {
    .portrait {
        background-position: 85px top!important;
        width: 385px!important;
    }
    .portrait {
        margin-top: 730px!important;
    }
    .portrait p {
        right: 15px!important;
        font-size: 14px;
        line-height: 20px;
        width: 200px;
        bottom: 59.65%!important;
    }
    .portrait a {
        margin-top: 0px!important;
       font-size: 18px!important;
    }
    .portrait a img {
        width: 30px;
    }
    #container3 {
        margin-top: 165px;
    }
}