.frame-container.section-fullsize {
    max-width:1920px;
    padding:0;
    width:100%;
    margin-top:60px;
}

.fullsizeteaser + .quote {
    margin-top:60px;
}

.fullsizeteaser,
.quote {
    background: linear-gradient(#000 0%, #676767 64.07%, #262626 100%);
    padding:70px 0;
    text-align:center;
}

.teaserinner {
    width:50vw;
    position:relative;
    margin:0 auto;
}

.teaserinner .btn {
    display:inline-block;
    margin-top:10px;
}

.teaserinner .ctaheadline {
    display:block;
    color:var(--bs-white);
    font-size:30px;
    text-transform:uppercase;
    line-height:1.2em;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-weight:700;
}

.teaserinner .textlink,
.teaserinner .supline {
    color: var(--bs-white);
    margin-bottom:5px;
}

/* Zitat */

.quote .quotecontent {
    color:var(--bs-white);
    font-size:30px;
    font-weight:300;
    text-transform:none;
    line-height:1.45em;
    margin-bottom:30px;
    text-align:left;
}
.quoteinner {
    width:60%;
    position:relative;
    margin: 0 auto;
}
.quoterow {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    color:var(--bs-white);
}

.quoterow svg {
    flex:0 1 60px;
    height:60px;
    max-width:60px;
}
.quoterow .quoteperson {
    font-size: 20px;
    font-weight: 700;
    display: block;
    text-align: left;
    margin-left: 25px;
}
.quoterow .quoteperson span {
    font-weight:400;
    font-size:var(--basetext);
    display:block;
}

@media screen and (max-width: 1280px) {
    .quoteinner {
        width:90%;
    }
    .quote .quotecontent {
        font-size:24px;
    }
}

@media screen and (max-width: 960px) {
    .fullsizeteaser, .quote {
        padding:30px 0;
    }
    .teaserinner,
    .quoteinner {
        width: 100%;
        padding: var(--mobilepadding);
    }
    .quote .quotecontent {
        font-size: 20px;
        line-height: 1.5em;
    }
}
