@media only screen and (max-width: 599px) {

    .contactWrapper {
        width: 100%;
        display: flex;
        justify-content: space-around;
    }

    .contactItem {
        margin-left: 20px;
        margin-right: 20px;
    }

    .page-content {
        width: 100%;
    }

    main h1 {
        text-align: center;
        margin: 0 auto;
    }

    .footerContainer {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
    }

    .footerCol {
        flex: 0 1 calc(100% - 2em);
        margin-top: 20px;
        text-align: center;
    }

    .cards {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
    }

    .cardsPartner {
        display: flex;
        flex-direction: row;
        flex-flow: wrap;
        justify-content: center;
        width: 100%;
    }

    .cardPartner {
        flex: 1 0;
    }
    
    .card {
        flex: 0 1 calc(100% - 1em);
    }

    .imgContainer {
        width: 90%;
    }

    section {
        width: 95%;
    }

    .headerContent {
        width: 100%;
        top: 0;
    }

    .navigationWrapper {
        float: none;
        width: 100%;
        margin-top: 0px;
    }

    .logo {
        display: none;
    }

    .logoImage {
        height: 35px;
    }

    .logoTitle {
        margin-top: 25px;
    }

    .page-header {
        height: 50px;
    }

    .page-header img {
        height: 50px;
    }

    #navItemLogo {
        display: block;
    }

    .bottom-spacer {
        height: 600px;
    }

    .headerInfoContainer {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
    }

    .headerInfoImage {
        flex: 0 1 calc(100% - 2em);
        padding: 5px;
    }

    .kompetenzCard {
        flex: 0 1 calc(100%);
        padding: 15px;
        text-align: center;
    }

    #pros {
        display: none;
    }

    .step {
        flex: 0 1 calc(100% - 2em);
    }
    
        
    .sliderOverlay {
        position: absolute; 
        top: 30px; 
        z-index: 3;
        background: rgba(0,0,0,.4);
        border-radius: 10px;
    }
       
    .sliderOverlayRight {
        right: 5%;
        left: 5%;
    }

    .sliderOverlayLeft {
        right: 5%;
        left: 5%;
    }
    
    .sliderContainer {
        display: none;
    }
    
     .flexContainer{
        display: flex;
        flex-direction: column;
    }
    
    .articleCard {
        flex: 0 1 calc(100%);
    }
    
    .imgContainer {
        width: 100%;
    }
}