.highlight {
    display: grid;
    /*background-image: url(../images-layout1/waterfall.jpg);
    background-size: cover;
    background-position: left bottom;
    background-repeat: no-repeat;*/
    position: relative;
}



.highlight.headline-only {
    grid-template-areas: "main";
    align-content: center;
    justify-content: center;
    border-top: 20px solid var(--dark-highlight);
}

.highlight .main {
    grid-area: main;
    color: white;
    text-align: center;
    position: relative;
    background-color: var(--medium-highlight-transparent);
    padding:1rem;
    padding-top: 0;
}

.highlight.imagebg {
    width: 100%;
    background-color: #385b4f;
    padding: 5rem;
}
.highlight.imagebg::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-image: url(../images/webhome3.jpg);
    background-size: cover;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    filter: opacity(70%);
}
.highlight.imagebg.btcurve::before {
    /*border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;*/
    clip-path: ellipse(100% 100% at top);
}

.highlight.imagebgmg {
    width: 100%;
    background-color: #385b4f;
    padding: 5rem;
}
.highlight.imagebgmf::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-image: url(../images/MonicaFoitzikInOffice.jpg);
    background-size: cover;
    background-position: 0% 25%;
    background-repeat: no-repeat;
    filter: opacity(70%);
}
.highlight.imagebgmf.btcurve::before {
    /*border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;*/
    clip-path: ellipse(100% 100% at top);
}

.highlight.twocol {
    width: 100%;
    background-color: pink;
    padding: 3rem;
    align-content: center;
}
.highlight.twocol .container {
    width: 70%;
    border: 1px solid red;
    justify-self: center;
    row-gap: 0;
    column-gap: 0;
    grid-template-columns: 35% 1fr;
}

.highlight.twocol .container .content-left {

}

.highlight.twocol .container .content-left::after {

}

.highlight.twocol .container .content-main {
    
}

.highlight.twocol .container .content-main::after {
    content: none;
}

.btcurve, .btcurve h1 {
    /*border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;*/
    clip-path: ellipse(100% 100% at top);
}