@include media-breakpoint-up(md) {

}
  
@include media-breakpoint-up(lg) {

}
.wave-pattern-up {
    background-image: url(../pic/pattern_wave_up.svg);
    background-size:38px 14px;
    height: 14px;
    background-repeat:repeat-x;
    margin-top:-14px;
    position: relative;
    z-index: 1000;
}

.wave-pattern-down {
    background-image: url(../pic/pattern__wave_down.svg);
    background-size:38px 14px;
    height: 14px;
    background-repeat:repeat-x;
    margin-bottom: -14px;
    position: relative;
    z-index: 1000;
   
}
.cover-headline {
    background-color: rgba(0, 0, 0, 0.6);
}

.cover-content {
    color: #fff;
    max-width: 40em;
    padding-bottom: 20em;
    padding-top: 4em;
    height: auto;
}
.cover-bg {
    background-image: url(../pic/cover-sideview01.jpg);
    background-size: cover;
    position: relative;
    height: auto;
}



.wrapper-headline {
    padding-bottom: 2em;
}

.wrapper-white{
    background: #fff;
    color: #000;
    padding: 2em 0;
}


.wrapper-blue {
    padding: 5em 0;
    background-image: url(../pic/pattern/barok01.svg);
    
    color: #000;
}


.wrapper-grey {
    padding-top: 1em;
    background-color: rgb(000, 128, 128);
}
.wrapper-grey > ul {
    margin:0;
    padding: 1em 0;
}
.wrapper-grey > ul > li {
    margin-bottom: 1em;
}

.wrapper-grey-text {
    color: #7B68EE;
    padding: 0 1em;
    font-size: 1.1rem;
}
.wrapper-grey-text:hover {
    color: #bbb;
}


.text-intro {
    font-size: 1.25em;
}


@media (max-width: 1199.98px)  {
    .cover-content {
        padding-bottom: 7em;
    }
    .cover-bg {
        background-image: url(../pic/cover-sideview01.jpg);
        background-size: cover;
        position: relative;
        height: auto;
        background-position-x: center;

    }
    

}