.intro_image {
    position: relative;
    width: 100vw;
    height: auto;
}
.intro_image .header_image {
    width: 100vw;
    height: auto;
    object-fit: contain;
}
.intro_image img:not(.header_image) {
    position: absolute;
    margin-bottom: 8%;
    width: 100%;
    max-width: 48%;
}

.navbar .btn-navbar .icon-bar {
background-color: #237;
}

.referenzen .segment-wrapper {
    background-color: #ededed;

}
.referenzen .segment-wrapper .segment {
    display: grid;
    grid-template-columns: minmax(auto,230px) auto;
    grid-gap: 40px;
}

.referenzen .segment-wrapper:nth-child(even) {
    background-color: #ffffff;
}

.referenzen .segment-wrapper:nth-child(even) .segment {
    grid-template-columns: auto minmax(auto,230px);
}
.referenzen .segment-wrapper:nth-child(even) .segment .image_container {
    order: 2;
}
.referenzen .segment-wrapper:nth-child(even) .segment .text_container {
    order: 1;
    text-align: right;
}

.logo img {
    max-width: 16rem;
    margin-top: 5px;
}

.navbar .nav {
    margin-top: 0;
}

.navbar_inner {
    display: grid;
    grid-template-columns: 260px auto;
    grid-gap: 20px;
    align-items: center;
    width: 100%;
    min-height: 40px;
    height: 70px;
}

.nav-collapse, .nav-collapse.collapse {
    margin: 0 0 5px 0;
}
.owl-theme .owl-dots .owl-dot {
    border: none;}
.owl-theme {
    max-height: 95px;
}


@media (max-width: 1200px) {
    .navbar_inner .navbar-header {
        align-self: end;
    }
    .nav-collapse, .nav-collapse.collapse {
        margin: 0 0 5px 0;
        position: absolute;
        width: 100vw;
        left: 0;
    }
}

@media screen and (max-width:800px) {
    .referenzen .segment-wrapper .segment {
        grid-template-columns: unset;
    }

    .referenzen .segment-wrapper:nth-child(even) .segment {
        grid-template-columns: unset;
    }

    .referenzen .segment-wrapper .segment .image_container {
        max-width: 230px;
    }
    .referenzen .segment-wrapper:nth-child(even) .segment .image_container {
        order: unset;
    }
    .referenzen .segment-wrapper:nth-child(even) .segment .text_container {
        order: unset;
        text-align: unset;
    }
}

@media (max-width: 680px) {
    .logo img {
        max-width: 12rem;
    }
}