body {
    background-color: #FCFCFC;
}

/****************************************************************************
 * Backgrounds
 ****************************************************************************/
body .wrapper .black_bg {
    background-color: #000000;
}
body .wrapper .grey_bg {
    background-color: #C2BFC2; /* wo wird das verwendet?  #969a9e grau z.B. für zitatebox */
}

body .wrapper .petrol_bg {
    background-color: #173e43;
}
body .wrapper .orange_bg {
    background-color: #d06922;
}

body .wrapper .light_grey_bg {
    background-color: #F2F2F2; /* hintergrund newsletter */
}


.grey_bg_aslant.content_section {
    position: relative;
}
.grey_bg_aslant.content_section:after {
    content: ''; position: absolute;
    left: 25%; right: -1rem; top: 0; bottom: 0;
    width: auto; height: auto;
    background: url(../img/grey-bg.svg) no-repeat;
    background-size: auto 100%;
    background-position: 0 0;
}
.grey_bg_aslant.content_section > * {
    position: relative;
    z-index: 20;
}


/****************************************************************************
 * Highlighted Color & BGs
 ****************************************************************************/
.wrapper .main_color_black .highlight_bg,
.main_color_black .highlight_bg {
    background-color: #000000;
    color: #FFFFFF;
}
.wrapper .main_color_grey .highlight_bg,
.main_color_grey .highlight_bg {
    background-color: #C2BFC2;
}
.wrapper .main_color_petrol .highlight_bg,
.main_color_petrol .highlight_bg {
    background-color: #334E4F;
    color: #FFFFFF;
}
.wrapper .main_color_orange .highlight_bg,
.main_color_orange .highlight_bg {
    background-color: #D27321;
    color: #FFFFFF;
}

.wrapper .main_color_black .highlight_color,
.main_color_black .highlight_color {
    color: #000000;
}
.wrapper .main_color_grey .highlight_color,
.main_color_grey .highlight_color {
    color: #C2BFC2;
}
.wrapper .main_color_petrol .highlight_color,
.main_color_petrol .highlight_color {
    color: #334E4F;
}
.wrapper .main_color_orange .highlight_color,
.main_color_orange .highlight_color {
    color: #D27321;
}

/****************************************************************************
 * Colors
 ****************************************************************************/
body .wrapper .black_color {
    color: #000000;
}
body .wrapper .grey_color {
    color: #C2BFC2;
}
body .wrapper .petrol_color {
    color: #334E4F;
}
body .wrapper .orange_color {
    color: #D27321;
}


/****************************************************************************
 * Buttons
 ****************************************************************************/
.wrapper .main_color_black .button:after,
.wrapper .main_color_black .button:before,
.main_color_black .button:after,
.main_color_black .button:before {
    color: #000000;
}
.wrapper .main_color_grey .button:after,
.wrapper .main_color_grey .button:before,
.main_color_grey .button:after,
.main_color_grey .button:before {
    color: #C2BFC2;
}
.wrapper .main_color_petrol .button:after,
.wrapper .main_color_petrol .button:before,
.main_color_petrol .button:after,
.main_color_petrol .button:before {
    color: #334E4F;
}
.wrapper .main_color_orange .button:after,
.wrapper .main_color_orange .button:before,
.main_color_orange .button:after,
.main_color_orange .button:before {
    color: #D27321;
}

/****************************************************************************
 * Content Title
 ****************************************************************************/
.wrapper .main_color_black .content_title.highlight_title > *:not(p),
.wrapper .main_color_black .content_title.highlight_subtitle > p,
.main_color_black .content_title.highlight_title > *:not(p),
.main_color_black .content_title.highlight_subtitle > p {
    color: #000000;
}
.wrapper .main_color_grey .content_title.highlight_title > *:not(p),
.wrapper .main_color_grey .content_title.highlight_subtitle > p,
.main_color_grey .content_title.highlight_title > *:not(p),
.main_color_grey .content_title.highlight_subtitle > p  {
    color: #C2BFC2;
}
.wrapper .main_color_petrol .content_title.highlight_title > *:not(p),
.wrapper .main_color_petrol .content_title.highlight_subtitle > p,
.main_color_petrol .content_title.highlight_title > *:not(p),
.main_color_petrol .content_title.highlight_subtitle > p  {
    color: #334E4F;
}
.wrapper .main_color_orange .content_title.highlight_title > *:not(p),
.wrapper .main_color_orange .content_title.highlight_subtitle > p,
.main_color_orange .content_title.highlight_title > *:not(p),
.main_color_orange .content_title.highlight_subtitle > p  {
    color: #D27321;
}

/****************************************************************************
 * Dots
 ****************************************************************************/
.wrapper .main_color_black .slick_slider .slick-dots button,
.main_color_black .slick_slider .slick-dots button {
    color: #000000;
}
.wrapper .main_color_grey .slick_slider .slick-dots button,
.main_color_grey .slick_slider .slick-dots button {
    color: #C2BFC2;
}
.wrapper .main_color_petrol .slick_slider .slick-dots button,
.main_color_petrol .slick_slider .slick-dots button  {
    color: #334E4F;
}
.wrapper .main_color_orange .slick_slider .slick-dots button,
.main_color_orange .slick_slider .slick-dots button {
    color: #D27321;
}


/****************************************************************************
 * Quote
 ****************************************************************************/
.wrapper .main_color_grey .quote_wrapper [data-ratio],
.main_color_grey .quote_wrapper [data-ratio],
.wrapper .main_color_grey .quote_wrapper .data_ratio,
.main_color_grey .quote_wrapper .data_ratio {
    background-color: #C2BFC2;
    color: #000000;
}
.wrapper .main_color_petrol .quote_wrapper [data-ratio],
.main_color_petrol .quote_wrapper [data-ratio],
.wrapper .main_color_petrol .quote_wrapper .data_ratio,
.main_color_petrol .quote_wrapper .data_ratio {
    background-color: #334E4F;
    color: #FFFFFF;
}
.wrapper .main_color_orange .quote_wrapper [data-ratio],
.main_color_orange .quote_wrapper [data-ratio],
.wrapper .main_color_orange .quote_wrapper .data_ratio,
.main_color_orange .quote_wrapper .data_ratio {
    background-color: #D27321;
    color: #FFFFFF;
}