h2, h3, h4 { text-transform: uppercase; }

.dc-left-border {
    border-left: 5px solid red !important;
}

.has-large-font-size {
    line-height: 2.4rem;
}

/* general */

.has-x-large-font-size { line-height: 2.5rem }
.has-x-large-font-size strong { font-size: var(--wp--preset--font-size--x-large); font-family: var(--wp--preset--font-family--heading); font-weight: normal; }

.dc-block-title-black {
    font-weight: 600;
    font-size: var(--wp--preset--font-size--xx-large);
    color: var(--wp--preset--color--contrast-4);
}
.dc-block-title-magenta {
    font-weight: 600;
    font-size: var(--wp--preset--font-size--xx-large);
    color: var(--wp--preset--color--maincolor);
}

.dc-block-pretitle, div .dc-block-pretitle {
    font-family: var(--wp--preset--font-family--heading);
    text-transform: uppercase;
    margin-top:var(--wp--preset--spacing--03);
    margin-bottom:var(--wp--preset--spacing--01) !important;
    color: var(--wp--preset--color--maincolor);
}

.dc-block-subtitle, .dc-block-subtitle strong {
    font-size: var(--wp--preset--font-size--x-large);
    /* margin-top: var(--wp--preset--spacing--02); */
    margin-bottom: var(--wp--preset--spacing--01) !important;
    line-height: 2.5rem;
    color: var(--wp--preset--color--contrast);
    font-family: var(--wp--preset--font-family--heading);
}

.dc-content-subtitle { text-transform: unset; line-height: 1.8rem; }

.dc-format-block { position: relative; }

.dc-block-background-1 {
    background: url(../images/backgroundimages/background_big_arrows.svg) no-repeat;
    background-size: contain;
    background-position: top left;
}

.dc-block-background-018 {
    background: url(../images/backgroundimages/background_circle_arrow.svg) no-repeat;
    background-size: 80%;
    background-position: top left;
}

.wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container {
    color: var(--wp--preset--color--contrast);
}

/* img.wp-block-cover__image-background { opacity: 0; } */

.dc-inquiry-button, .dc-newsletter-button { display: inline-flex !important; }
.dc-inquiry-button a, .dc-newsletter-button a { text-decoration: none; }


.dc-underline-link {
    margin-block-start: var(--wp--preset--spacing--02) !important;
}



/* AGB styles */

.dc-agb-table { counter-reset: item; margin-top: 4rem; padding-left: 4rem; font-size: 100%; list-style: inside; }
.dc-agb-table li strong { display: block; font-weight: 600; text-transform: uppercase; color: var(--wp--preset--color--maincolor); font-size: var(--wp--preset--font-size--x-large); hyphens: auto; }
.dc-agb-table li ol { counter-reset: item; margin: 1rem 0 1.5rem 0; font-size: 100%; padding-left: 0; }
.dc-agb-table li { margin-bottom: 0.8rem; }
.dc-agb-table li ol { margin-bottom: 3rem; }
.dc-agb-table li { display: block; }
.dc-agb-table li:before { content: counters(item, ".") "."; counter-increment: item; position: absolute; margin-left: -4rem; font-family: FuturaLTPro-Bold, Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; }
.dc-agb-table li:has(strong) { font-size: var(--wp--preset--font-size--x-large); color: var(--wp--preset--color--maincolor); }
.dc-agb-table li:before { content: counters(item, ".") "."; counter-increment: item; position: absolute; margin-left: -4rem; font-family: brandon-grotesque, Helvetica, Arial, sans-serif; font-weight: 600; font-style: normal; color: var(--wp--preset--color--maincolor); }
.dc-agb-table li ol li a { word-break: break-all; }
.dc-agb-table li ol li:before { content: counters(item, ".") "."; counter-increment: item; position: absolute; margin-left: -4rem; font-family: brandon-grotesque, Helvetica, Arial, sans-serif; font-weight: 600; font-style: normal; color: var(--wp--preset--color--contrast-4); }
.dc-dark-mode .dc-agb-table li ol li:before { color: var(--wp--preset--color--maincolor); }
.dc-agb-table li:not(strong) { color: var(--wp--preset--color--contrast); }
.dc-agb-table-infoblock {
    border-radius: var(--dc-border-radius1);
    text-transform: uppercase;
    color: var(--wp--preset--color--base-2);
    background: var(--wp--preset--color--maincolor);
    padding: 1rem 1.5rem;
    box-sizing: border-box;
    font-weight: bold;
}


.wp-block-columns.dc-stretched-columns  {
    display: flex;
    align-items: stretch;
}

.dc-stretched-columns .wp-block-column {
    display: flex;
    align-items: stretch;
}













/* button styles */

.wp-block-button__link {
    text-transform: uppercase;
    border-radius: 50px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 2rem;
    padding-right: 2rem !important;
    font-size: var(--wp--preset--font-size--medium-small);
    background: var(--wp--preset--color--maincolor);
    color: var(--wp--preset--color--base-2);
}

@media (hover: hover) {
    .wp-block-button__link:hover {
        text-decoration: none;
        color: var(--wp--preset--color--base-2) !important;
    }
}

.wp-block-buttons {
    margin-block-start: var(--wp--preset--spacing--02);
}

.wp-block-buttons.dc-button-with-arrow a, .wp-block-buttons.dc-button-with-arrow button {
    display: flex;
    align-items: center;
    transition: padding-left 0.2s ease-out;
    text-decoration: none;
}

.wp-block-buttons.dc-button-with-arrow a:after, .wp-block-buttons.dc-button-with-arrow button:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 20px;
    background: url(../images/arrows/arrow-right_white.svg) no-repeat;
    background-size: contain;
    background-position: center center;
    margin-left: -30px;
    margin-right: 0;
    opacity: 0;
    transition: margin-left 0.2s, margin-right 0.2s, opacity 0.2s ease-out;
}

@media (hover: hover) {
    .wp-block-buttons.dc-button-with-arrow .wp-block-button:hover > a, .wp-block-buttons.dc-button-with-arrow .wp-block-button:hover > button {
        padding-left: 2.5rem;
    }
    .wp-block-buttons.dc-button-with-arrow .wp-block-button:hover > a:after, .wp-block-buttons.dc-button-with-arrow .wp-block-button:hover > button:after {
        margin-left: 10px;
        /* margin-right: -10px; */
        opacity: 1;
    }
}


.wp-block-buttons.dc-button-small { transform-origin: top left; transform: scale(0.9); }
.wp-block-buttons.dc-button-small-right { transform-origin: top right; transform: scale(1); }
.wp-block-buttons.dc-button-small a { text-decoration: none; }

.wp-block-buttons.dc-buttons-left-inverse a, .wp-block-buttons.dc-buttons-left-inverse button:not(.dc-focus-round) {
    background: var(--wp--preset--color--base-2);
    color: var(--wp--preset--color--maincolor);
    border: 1px solid var(--wp--preset--color--maincolor);
    text-decoration: none;
}
.wp-block-buttons.dc-buttons-left-inverse a:after, .wp-block-buttons.dc-buttons-left-inverse button:not(.dc-focus-round):after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 20px;
    background: url(../images/arrows/arrow-right_magenta.svg) no-repeat;
    background-size: contain;
    background-position: center center;
    margin-left: -30px;
    margin-right: 0;
    opacity: 0;
    transition: margin-left 0.2s, margin-right 0.2s, opacity 0.2s ease-out;
}


@media (hover: hover) {
    .dc-buttons-left-inverse a:hover {
        text-decoration: none;
    }
    .dc-button-active a:hover {
        color: var(--wp--preset--color--base-2) !important;
    }
}

.dc-buttons-left-inverse .wp-block-button {
    display: inline-block;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

.dc-buttons-center {
    width: 100%;
    text-align: center;
    margin-bottom: 3rem;
}

.dc-buttons-center-variant {
    position: relative;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    margin-bottom: 3rem;
}

.dc-button-active a {
    color: var(--wp--preset--color--base-2) !important;
    background: var(--wp--preset--color--maincolor) !important;
}

blockquote p {
    margin-bottom: 0;
    margin-block-end: 0 !important;
}

.dc-link-with-topmargin {
    margin-top: var(--wp--preset--spacing--02);
    margin-bottom: 0 !important;
}

.wp-block-columns {
    gap: var(--dc-standard-gap);
}








/* Training Formate v1 001 */
.dc-001-group {
    /* padding-top: var(--wp--preset--spacing--30); */
    /* padding-bottom: var(--wp--preset--spacing--30); */
}




/* Training Sprachen v1 002 */
.dc-002-group {
    padding-top: var(--dc-padding-03);
    padding-bottom: var(--dc-padding-03);
}
.dc-002-group .wp-block-columns {
    justify-content: flex-start;
}
.dc-002-group .wp-block-column {
    display: inline-flex;
    align-items: center !important;
    flex-basis: unset !important;
    flex-grow: unset !important;
}
.dc-002-group p {
    display: inline-block;
    text-transform: uppercase;
    margin-top: 0 !important;
    font-weight: bold;
}
.dc-002-group figure {
    display: inline-flex;
    justify-content: flex-start;
    align-items: stretch;
    width: var(--dc-symbol-size1);
    height: auto;
    margin-right: 0.5rem;
}
.dc-002-group figure div {
    width: var(--dc-symbol-size1) !important;
    height: auto !important;
}
.dc-002-group figure img, .dc-002-group figure div img {
    display: inline-block !important;
    width: 100% !important;
    height: auto !important;
}



/* Training Einleitung v1 003 */
.dc-003-group { padding-top: var(--wp--preset--spacing--03); padding-bottom: var(--wp--preset--spacing--04); }
.dc-003-group h2 {
    margin-top: var(--wp--preset--spacing--03);
    margin-bottom: var(--wp--preset--spacing--03);
}
.dc-003-group .wp-block-columns {}
.dc-003-group .wp-block-column {}




/* Training Zitat mit Bild v1-1 004 */
.dc-004-group {}
.dc-004-group .dc-quotation1 { display: flex; justify-content: flex-start; }
.dc-004-group .dc-quotation1 blockquote { width: 76%; border-radius: var(--dc-border-radius1) !important; }
.dc-004-group .dc-quotation1 blockquote p { line-height: 2.8rem; text-align: center; }
.dc-004-group .dc-quotation1 blockquote p:before { content: open-quote; }
.dc-004-group .dc-quotation1 blockquote p:after { content: close-quote; }






/* Training Lerninhalte v1 006 */
.dc-006-group {}
.dc-006-group p { line-height: 2.5rem; margin-top: 0; }
.dc-006-group img { object-position: 0 0 !important; }
.dc-006-group .dc-link-with-topmargin { margin-top: 0; margin-block-start: 0 !important; }




/* Training Nutzen/Vorteile v1 007 */
.dc-007-group { padding-top: var(--wp--preset--spacing--04); padding-bottom: var(--wp--preset--spacing--04); }




/* Training Jetzt Anfragen mit Bild v1 008 */
.dc-008-group { margin-top: var(--wp--preset--spacing--04); margin-bottom: var(--wp--preset--spacing--04); gap: 0 !important; }
.dc-008-group .dc-cover-inquire-with-image .wp-block-cover__inner-container {
    display: flex;
    justify-content: flex-end;
}
.dc-008-group .dc-cover-inquire-with-image .wp-block-cover__inner-container .wp-block-group {
    width: 650px;
}
.dc-008-group .dc-cover-inquire-with-image span {
    background: url("../images/backgroundimages/white_slope_box.svg") no-repeat !important;
    background-position: top right !important;
    background-size: contain !important;
}
.dc-dark-mode .dc-008-group .dc-cover-inquire-with-image span {
    background: url("../images/backgroundimages/black_slope_box.svg") no-repeat !important;
    background-position: top right !important;
    background-size: contain !important;
}
.dc-008-group .dc-block-column-inquire-with-image {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.dc-008-group .dc-block-column-inquire-with-image .wp-block-group {
    display: flex;
    flex-direction: column;
    width: 650px;
    justify-content: center !important;
    align-items: center !important;
}
.dc-008-group .dc-block-column-inquire-with-image .wp-block-group p {
    text-align: center;
}
.dc-008-group .dc-buttons-inquiry-with-image .wp-block-button {
    transform: scale(1.2);
    transform-origin: 0 40px;
    border: 10px solid rgba(255,255,255,0.5);
    border-radius: 50px;
}




/* Training Häufige Fragen v1 009 */
.dc-009-group {}




/* Training Methoden und Formate v1 010 */
.dc-010-group { padding-top: var(--wp--preset--spacing--04); padding-bottom: var(--wp--preset--spacing--04); }
.dc-010-group .dc-010-content-group { margin-top: var(--wp--preset--spacing--50); }






/* Baustein Lerninhalt v1-1 011 */
.dc-011-group {}
.dc-011-group li {
    font-size: var(--wp--preset--font-size--medium);
}
.dc-011-group h3 { padding-top: 0; }
.dc-011-group {
    border-radius: var(--dc-border-radius1);
    overflow: hidden;
}
.dc-011-group ul {
    display: block;
    padding-left: 0;
    margin-bottom: 0;
}
.dc-011-group ul li {
    display: block;
    position: relative;
    text-align: left;
    margin-left: 32px;
    margin-bottom: 0.5rem;
}
.dc-011-group ul li:before {
    display: block;
    position: absolute;
    content: '\2022';
    line-height: 0;
    width: 20px;
    height: 20px;
    color: var(--wp--preset--color--maincolor);
    margin-left: -32px;
    top: 13px;
    font-size: 2em;
}




/* Baustein Symbol-Text v1 012 */
.dc-012-group {}
.dc-012-group .dc-symboltext-figure {
    display: inline-flex;
    justify-content: flex-start;
    align-items: stretch;
    width: var(--dc-symbol-size2);
    height: var(--dc-symbol-size2);
    margin-top: -10px;
    margin-right: 0.5rem;
}
/* for correct display in wp-admin/edit-post */
.dc-012-group .dc-symboltext-figure div {
    width: var(--dc-symbol-size2) !important;
    height: var(--dc-symbol-size2) !important;
}
.dc-012-group .dc-symboltext-figure img {
    display: block !important;
    width: 85% !important;
    height: auto !important;
    aspect-ratio: 1/1;
    object-fit: contain;
}
.dc-012-group .dc-symboltext-p {}
.dc-012-group .dc-symboltext-p-title {}




/* Formate E-Learning DE v1 013 */
.dc-013-group {
    padding: var(--wp--preset--spacing--02) var(--wp--preset--spacing--30);
    box-sizing: border-box;
    background: var(--wp--preset--color--base-2);
    border-radius: var(--dc-border-radius2);
    overflow: hidden;
}
.dc-013-group .wp-block-columns {
    flex-direction: column;
    gap: 1rem;
}
.dc-013-group .wp-block-column {
    flex-direction: column;
}
.dc-013-group .wp-block-column:last-child {
    margin-top: -4rem;
}
.dc-013-group .wp-block-columns .wp-block-column .wp-block-list {
    margin-bottom: 0;
}
.dc-013-group h3 { display: inline-block; text-transform: uppercase; margin: 0; padding: 0; margin-bottom: var(--wp--preset--spacing--01); line-height: 2.1rem; max-width: 55%; }

@media (max-width: 550px) {
    .dc-013-group h3 { max-width: 100%; }
    .dc-013-group .wp-block-column:last-child { margin-top: unset; }
}

.dc-013-group p { margin-bottom: 0; }
.dc-013-group .dc-formats-ul1 { list-style: none; padding-left: 0; padding-right: 0; }
.dc-013-group .dc-formats-ul1 li { position: relative; margin-left: 2rem; margin-bottom: var(--wp--preset--spacing--19); }
.dc-013-group .dc-formats-ul1 li div { display: inline-block; }
.dc-013-group .dc-formats-ul1 li:before {
    position: absolute;
    display: block;
    top: 10px;
    content: "";
    width: 20px;
    height: 15px;
    background: url(../images/symbols/listbullet_arrowright.svg) no-repeat;
    background-size: contain;
    margin-left: -2rem;
    margin-right: 1rem;
}

.dc-013-group details { user-select: none; }

.dc-013-group details dl { user-select: text; }

.dc-013-group .dc-013-italic {
    font-style: italic;
}

.dc-013-group .dc-013-shortfacts {
    margin: var(--wp--preset--spacing--30) 0 0 0;
}

.dc-013-group .dc-013-shortfacts .wp-block-columns {
    margin-bottom: 0 !important;
}

.dc-013-group .dc-013-shortfacts summary {
    text-transform: uppercase;
}

.dc-013-group .dc-013-lernreisen-list {
    font-size: var(--wp--preset--font-size--large);
    margin-bottom: var(--wp--preset--spacing--02);
}

.dc-013-group .dc-013-lernreisen-list p {
    margin-block-end: 0 !important;
}

.dc-013-group .dc-013-image {
    width: 100%;
    height: 90px;
    margin-bottom: 0;
}

.dc-013-group .dc-013-image.dc-image-blank {
    background: url(../images/trainingsymbols/learning-formats.svg) no-repeat;
    background-size: contain;
    background-position: top right;
}
.dc-dark-mode .dc-013-image.dc-image-blank {
    background: url(../images/trainingsymbols/learning-formats_white.svg) no-repeat;
    background-size: contain;
    background-position: top left;
}

.dc-013-group .dc-013-image.dc-image-elearning {
    background: url(../images/trainingsymbols/e-learning-intensive_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center right;
}

.dc-dark-mode .dc-013-group .dc-013-image.dc-image-elearning {
    background: url(../images/trainingsymbols/e-learning-intensive_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center right;
}

.dc-013-group .dc-013-image.dc-image-elearning-essential {
    background: url(../images/trainingsymbols/e-learning-essential_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center right;
}

.dc-dark-mode .dc-013-group .dc-013-image.dc-image-elearning-essential {
    background: url(../images/trainingsymbols/e-learning-essential_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center right;
}

.dc-013-group .dc-013-image.dc-image-livetraining {
    background: url(../images/trainingsymbols/live-training_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center right;
}

.dc-dark-mode .dc-013-image.dc-image-livetraining {
    background: url(../images/trainingsymbols/live-training_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center right;
}

.dc-013-group .dc-013-image.dc-image-elearning-journey {
    background: url(../images/trainingsymbols/e-learning-journey_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: top right;
}

.dc-dark-mode .dc-013-image.dc-image-elearning-journey {
    background: url(../images/trainingsymbols/e-learning-journey_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center right;
}

.dc-013-group .dc-013-image.dc-image-keynoteimpulse {
    background: url(../images/trainingsymbols/keynotes-impulse_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center right;
}

.dc-dark-mode .dc-013-image.dc-image-keynoteimpulse {
    background: url(../images/trainingsymbols/keynotes-impulse_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center right;
}

.dc-013-group .dc-013-image.dc-image-workshops {
    background: url(../images/trainingsymbols/workshops_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center right;
}

.dc-dark-mode .dc-013-image.dc-image-workshops {
    background: url(../images/trainingsymbols/workshops_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center right;
}

.dc-013-group .dc-013-image.dc-image-blended-learning {
    background: url(../images/trainingsymbols/blended-learning_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center right;
}

.dc-dark-mode .dc-013-image.dc-image-blended-learning {
    background: url(../images/trainingsymbols/blended-learning_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center right;
}

.dc-013-group .dc-013-image.dc-image-train-the-trainer {
    background: url(../images/trainingsymbols/train-the-trainer_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center right;
}

.dc-dark-mode .dc-013-image.dc-image-train-the-trainer {
    background: url(../images/trainingsymbols/train-the-trainer_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center right;
}








/* Formate E-Learning DE v2 013a */
.dc-013a-group {
    padding: 0;
    box-sizing: border-box;
    background: var(--wp--preset--color--base-2);
    border-radius: var(--dc-border-radius2);
    overflow: hidden;
}
.dc-013a-group .wp-block-columns {
    flex-direction: row;
    gap: 1rem;
}

.dc-013a-group .wp-block-columns .wp-block-column:first-child {
    background-image: linear-gradient( 180deg, #fff, #edcce3 );
}

.dc-dark-mode .dc-013a-group .wp-block-columns .wp-block-column:first-child {
    background-image: unset;
}

.dc-013a-group .wp-block-columns .wp-block-column .wp-block-columns .wp-block-column:first-child {
    background-image: unset;
}


.dc-013a-group .wp-block-columns .wp-block-column {
    padding: 4rem 2rem;
    box-sizing: border-box;
}

.dc-013a-group .wp-block-columns .wp-block-column .wp-block-columns .wp-block-column:last-child {
    padding-right: 2rem;
    box-sizing: border-box;
}

.dc-013a-group .wp-block-columns .wp-block-column .wp-block-columns {
    gap: 3rem;
}
.dc-013a-group .wp-block-columns .wp-block-column .wp-block-columns .wp-block-column {
    padding: unset;
}
.dc-013a-group .wp-block-columns .wp-block-column .wp-block-list {
    margin-bottom: 0;
}
.dc-013a-group h3 { display: inline-block; text-transform: uppercase; margin: 0; padding: 0; margin-bottom: var(--wp--preset--spacing--01); line-height: 2.1rem; }
.dc-013a-group p {}
.dc-013a-group p.has-medium-font-size { line-height: 2rem; margin-bottom: 1rem; font-family: var(--wp--preset--font-family--heading); }
.dc-013a-group .dc-formats-ul1 { list-style: none; padding-left: 0; padding-right: 0; margin-top: 2rem; }
.dc-013a-group .dc-formats-ul1 li { position: relative; margin-left: 2rem; margin-bottom: var(--wp--preset--spacing--19); }
.dc-013a-group .dc-formats-ul1 li div { display: inline-block; }
.dc-013a-group .dc-formats-ul1 li:before {
    position: absolute;
    display: block;
    top: 10px;
    content: "";
    width: 20px;
    height: 15px;
    background: url(../images/symbols/listbullet_arrowright.svg) no-repeat;
    background-size: contain;
    margin-left: -2rem;
    margin-right: 1rem;
}
.dc-dark-mode .dc-013a-group .dc-formats-ul1 li:before {
    background: url(../images/symbols/listbullet_arrowright_white.svg) no-repeat;
    background-size: contain;
}

.dc-013a-group details { user-select: none; }

.dc-013a-group details dl { user-select: text; }

.dc-013a-group .dc-013a-italic {
    font-style: italic;
}

.dc-013a-group .dc-013a-shortfacts {
    margin: var(--wp--preset--spacing--30) 0 0 0;
}

.dc-013a-group .dc-013a-shortfacts .wp-block-columns {
    margin-bottom: 0 !important;
}

.dc-013a-group .dc-013a-shortfacts summary {
    text-transform: uppercase;
}

.dc-013a-group .dc-013a-lernreisen-list {
    font-size: var(--wp--preset--font-size--large);
    margin-bottom: var(--wp--preset--spacing--02);
}

.dc-013a-group .dc-013a-lernreisen-list p {
    margin-block-end: 0 !important;
}

.dc-013a-group .dc-013a-image {
    width: 100%;
    height: 130px;
    margin-bottom: 0;
}


.dc-013a-group .dc-013a-image.dc-image-elearning-journey {
    background: url(../images/trainingsymbols/e-learning-journey_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: top right;
}

.dc-dark-mode .dc-013a-image.dc-image-elearning-journey {
    background: url(../images/trainingsymbols/e-learning-journey_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center right;
}









/* Jetzt anfragen mit Person DE v1 014 */
.dc-014-group .dc-014-uppergroup {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.dc-014-group .dc-014-uppergroup p {
    margin-block-start: 2rem !important;
    margin-block-end: 0 !important;
    font-weight: 600;
    text-align: center;
}
.dc-014-group .dc-014-lowergroup {
    background: var(--wp--preset--color--base-2);
    border-radius: var(--dc-border-radius1);
}
.dc-014-group .dc-014-lowergroup-col3 {
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
}
.dc-014-group .dc-014-lowergroup-col3 p { text-align: center; }
.dc-014-group .dc-014-lowergroup-col2 {
    overflow: hidden;
}
.dc-014-group .dc-014-lowergroup-col2 .wp-block-group {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 500px;
    height: 220px;
    padding: 0 2rem;
    box-sizing: border-box;
    /*
    background: url(../images/backgroundimages/magenta_circles.svg) no-repeat;
    background-size: 98%;
    background-position: center center;
    */
}
@media (max-width: 550px) {
    .dc-014-group .dc-014-lowergroup-col2 .wp-block-group {
        padding: 0;
    }

    .dc-014-group .dc-014-lowergroup-col2 figure {
        height: unset !important;
    }

    .dc-014-group .dc-014-lowergroup-col2 figure img {
        width: 100% !important;
        height: auto !important;
    }

    .dc-014-group .dc-014-lowergroup-col2 {
        overflow: visible;
    }
}
@media (max-width: 782px) {
    .dc-014-group .dc-014-lowergroup-col2 .wp-block-group {
        width: unset;
        height: unset !important;
        margin-bottom: 3rem;
    }
    .dc-014-group .dc-014-lowergroup-col1 {
        padding-bottom: unset !important;
    }
    .dc-014-group .dc-014-lowergroup-col1 p {
        text-align: center;
    }
}

.dc-014-group .dc-014-lowergroup-col2 figure {
    border-radius: 50%;
    max-width: 100px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: lightgrey;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    z-index: 100;
}
.dc-014-group .dc-014-lowergroup-col2 figure:not(:last-child) {
    margin-right: 1rem;
}
.dc-014-group .dc-014-lowergroup-col2 figure img {
    display: block;
    width: 101%;
    height: 101%;
}

.dc-014-group .dc-014-lowergroup-col1 p {
    margin-bottom: 0;
}




/* Teilnehmer:innen-Stimmen DE v1 015 */
.dc-015-group { position: relative; }
.dc-015-group sup {
    font-size: var(--wp--preset--font-size--small);
    color: var(--wp--preset--color--maincolor);
}

.dc-015-group .dc-015-cover-top {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_top.svg) repeat-x;
    background-position: center top;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-dark-mode .dc-015-group .dc-015-cover-top {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_top_black.svg) repeat-x;
    background-position: center top;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-015-group .dc-015-cover-bottom {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100% !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_bottom.svg) repeat-x;
    background-position: center bottom;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-dark-mode .dc-015-group .dc-015-cover-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_bottom_black.svg) repeat-x;
    background-position: center bottom;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}





/* Startseite 3 Säulen v1 016 */
.dc-016-group {
    padding-top: var(--wp--preset--spacing--03);
    padding-bottom: var(--wp--preset--spacing--03);
}

.dc-016-group .dc-016-group-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--wp--preset--color--base-2);
    border-radius: var(--dc-border-radius2);
    overflow: hidden;
}

.dc-dark-mode .dc-016-group .dc-016-group-inner {
    border: 1px solid white;
}

.dc-016-group .dc-016-header {
    width: 100%;
    box-sizing: border-box;
    background-image: linear-gradient(90deg, #cf0171, #941353);
}

.dc-016-group .dc-016-header h2 {
    padding: 0 2rem;
    box-sizing: border-box;
    color: var(--wp--preset--color--base-2);
    font-size: var(--wp--preset--font-size--xx-large);
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    background: url(../images/backgroundimages/three_columns_title_overlay.svg) no-repeat;
    background-size: 102%;
    background-position: center 102%;
    margin-bottom: 0 !important;
}

.dc-dark-mode .dc-016-group .dc-016-header h2 {
    padding: 0 2rem;
    box-sizing: border-box;
    color: var(--wp--preset--color--contrast-4);
    font-size: var(--wp--preset--font-size--xx-large);
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    background: url(../images/backgroundimages/three_columns_title_overlay_black.svg) no-repeat;
    background-size: 102%;
    background-position: center 102%;
    margin-bottom: 0 !important;
}

.dc-016-group .dc-016-group-inner .dc-016-leftimage {
    width: 100.15%;
    height: 150px;
    background: url(../images/backgroundimages/three_columns_graphic_left_desktop.svg) no-repeat;
    background-size: 100%;
}
.dc-016-group .dc-016-group-inner .dc-016-centerimage {
    width: 100.15%;
    height: 150px;
    background: url(../images/backgroundimages/three_columns_graphic_center_desktop.svg) no-repeat;
    background-size: 100%;
}
.dc-016-group .dc-016-group-inner .dc-016-rightimage {
    width: 100.15%;
    height: 150px;
    background: url(../images/backgroundimages/three_columns_graphic_right_desktop.svg) no-repeat;
    background-size: 100%;
}

.dc-016-group .dc-016-group-inner .dc-016-columns {
    width: 90%;
    gap: 0;
}

.dc-016-group .dc-016-group-inner .dc-016-columns p {
    padding: 0 1rem;
    box-sizing: border-box;
    color: var(--wp--preset--color--contrast-4);
    font-size: var(--wp--preset--font-size--large);
    font-family: var(--wp--preset--font-family--heading);
    text-align: center;
    text-transform: uppercase;
}





/* Startseite Einleitung v1 017 */
.dc-017-group { }
.dc-017-group video {
    display: inline-block;
    border-radius: var(--dc-border-radius1);
}
.dc-017-group figure {}
.dc-017-group figcaption {
    color: var(--wp--preset--color--contrast);
    font-size: var(--wp--preset--font-size--medium-small);
    font-family: var(--wp--preset--font-family--body-italic);
    margin-top: 1rem;
    line-height: 1.7rem;
}





/* Warum Vielfalt zählt v1 018 */
.dc-018-group {
    padding-top: var(--wp--preset--spacing--03);
    padding-bottom: var(--wp--preset--spacing--03);
}

.dc-018-group .dc-018-list strong {
    display: block;
    font-weight: 600;
    font-size: var(--wp--preset--font-size--large);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    color: var(--wp--preset--color--contrast-4);
}

.dc-018-group .dc-018-list {
    list-style: none;
}

.dc-018-group .dc-018-list li {
    position: relative;

    margin-bottom: 3rem;
    margin-left: 5rem;
}

.dc-018-group .dc-018-list li:before {
    position: absolute;
    display: block;
    width: 55px;
    height: 55px;
    content: '';
    background: url(../images/bulletpoints/bullet_circle-arrow.svg) no-repeat;
    background-size: contain;
    background-position: center center;
    top: -0.5rem;
    left: -4.5rem;
}






/* Startseite Bild mit Zitat v1 019 */
.dc-019-group { position: relative; overflow: hidden; }

.dc-019-group .wp-block-cover {
    margin-block-start: 0 !important;
}
@media (max-width: 550px) {
    .dc-019-group .wp-block-cover {
        padding-top: 0 !important;
    }
    .dc-019-group .dc-019-cover-top {
        height: 50px !important;
    }
}

.dc-019-group .wp-block-cover__inner-container {
    padding: var(--wp--preset--spacing--03) 0;
}

.dc-019-group .dc-019-cover-top {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 101vw !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_top.svg) repeat-x;
    background-position: center top;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-dark-mode .dc-019-group .dc-019-cover-top {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 101vw !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_top_black.svg) repeat-x;
    background-position: center top;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-019-group .dc-019-cover-bottom {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 101vw !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_bottom.svg) repeat-x;
    background-position: center bottom;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-dark-mode .dc-019-group .dc-019-cover-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 101vw !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_bottom_black.svg) repeat-x;
    /* background-position: center bottom; */
    background-position: left 0 bottom -2px;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-019-group .dc-quotation1 { display: flex; justify-content: flex-start; }

@media (max-width: 550px) {
    .dc-019-group .dc-quotation1 { margin-top: 10rem; }
}

.dc-019-group .dc-quotation1 blockquote { width: 60%; border-radius: var(--dc-border-radius1) !important; }
.dc-019-group .dc-quotation1 blockquote p { font-family: var(--wp--preset--font-family--heading); line-height: 2.8rem; text-align: center; text-transform: uppercase; }

.dc-019-group .dc-quotation2 { display: flex; justify-content: flex-end; }
.dc-019-group .dc-quotation2 blockquote { display: inline-block !important; width: 76%; border-radius: var(--dc-border-radius1) !important; }
.dc-019-group .dc-quotation2 blockquote p {
    display: inline-block !important; width: auto; line-height: 2.8rem; text-align: left; text-transform: uppercase;
    font-family: var(--wp--preset--font-family--heading);
}






/* Startseite Bild mit Zitat v1 020 */
.dc-020-group { position: relative; overflow: hidden; }

.dc-020-group .dc-020-cover-top {
    position: absolute;
    z-index: 100;
    top: -1px;
    left: 0;
    width: 101vw !important;
    height: 325px;
    margin: 0;
    background: url(../images/backgroundimages/background-image2_cover_top.svg) repeat-x;
    background-position: center top;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-dark-mode .dc-020-group .dc-020-cover-top {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 101vw !important;
    height: 325px;
    margin: 0;
    background: url(../images/backgroundimages/background-image2_cover_top_black.svg) repeat-x;
    background-position: center top;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-020-group .dc-020-cover-bottom {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 101vw !important;
    height: 280px;
    margin: 0;
    background: url(../images/backgroundimages/background-image2_cover_bottom.svg) repeat-x;
    background-position: center bottom;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-dark-mode .dc-020-group .dc-020-cover-bottom, .dc-dark-mode .dc-020-group div .dc-020-cover-bottom  {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 101vw !important;
    height: 280px;
    margin: 0;
    background: url(../images/backgroundimages/background-image2_cover_bottom_black.svg) repeat-x;
    background-position: center bottom;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-020-group .dc-quotation1 { display: flex; justify-content: flex-start; }
.dc-020-group .dc-quotation1 blockquote { width: 60%; border-radius: var(--dc-border-radius1) !important; }
.dc-020-group .dc-quotation1 blockquote p { line-height: 2.8rem; text-align: left; text-transform: uppercase; color: var(--wp--preset--color--base-2); }





/* Warum Vielfalt zählt v1 021 */
.dc-021-group {}

.dc-021-group .dc-021-list strong {
    display: block;
    font-weight: 600;
    font-size: var(--wp--preset--font-size--large);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    color: var(--wp--preset--color--contrast-4);
}

.dc-021-group .dc-021-pretitle {
    font-weight: 600;
    text-transform: uppercase;
}

.dc-021-group .dc-021-uppercase {
    font-weight: 500;
    font-size: var(--wp--preset--font-size--large);
    text-transform: uppercase;
}

.dc-021-group .dc-021-formats {
    margin-top: var(--wp--preset--spacing--03);
}




/* Baustein Format v1 022 */
.dc-022-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: var(--dc-border-radius2);
    padding-top: var(--wp--preset--spacing--13) !important;
    padding-bottom: var(--wp--preset--spacing--02) !important;
    padding-right: var(--wp--preset--spacing--01) !important;
    padding-left: var(--wp--preset--spacing--01) !important;
}

.dc-022-group .dc-022-image {
    width: 200px;
    height: 150px;
    margin-bottom: 1.3rem;
}

.dc-022-group .dc-022-image.dc-image-blank {
    background: url(../images/trainingsymbols/learning-formats.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-022-group .dc-022-image.dc-image-elearning {
    background: url(../images/trainingsymbols/e-learning-intensive_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-dark-mode .dc-022-group .dc-022-image.dc-image-elearning {
    background: url(../images/trainingsymbols/e-learning-intensive_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-022-group .dc-022-image.dc-image-elearning-essential {
    background: url(../images/trainingsymbols/e-learning-essential_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-dark-mode .dc-022-group .dc-022-image.dc-image-elearning-essential {
    background: url(../images/trainingsymbols/e-learning-essential_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-022-group .dc-022-image.dc-image-livetraining {
    background: url(../images/trainingsymbols/live-training_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-dark-mode .dc-022-image.dc-image-livetraining {
    background: url(../images/trainingsymbols/live-training_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-022-group .dc-022-image.dc-image-elearning-journey {
    background: url(../images/trainingsymbols/e-learning-journey_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-dark-mode .dc-022-image.dc-image-elearning-journey {
    background: url(../images/trainingsymbols/e-learning-journey_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-022-group .dc-022-image.dc-image-keynoteimpulse {
    background: url(../images/trainingsymbols/keynotes-impulse_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-dark-mode .dc-022-image.dc-image-keynoteimpulse {
    background: url(../images/trainingsymbols/keynotes-impulse_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-022-group .dc-022-image.dc-image-workshops {
    background: url(../images/trainingsymbols/workshops_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-dark-mode .dc-022-image.dc-image-workshops {
    background: url(../images/trainingsymbols/workshops_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-022-group .dc-022-image.dc-image-blended-learning {
    background: url(../images/trainingsymbols/blended-learning_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-dark-mode .dc-022-image.dc-image-blended-learning {
    background: url(../images/trainingsymbols/blended-learning_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-022-group .dc-022-image.dc-image-train-the-trainer {
    background: url(../images/trainingsymbols/train-the-trainer_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-dark-mode .dc-022-image.dc-image-train-the-trainer {
    background: url(../images/trainingsymbols/train-the-trainer_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-022-group h3 {
    display: flex;
    min-height: 60px;
    align-items: center;
    color: var(--wp--preset--color--contrast-4);
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0 !important;
}

.dc-022-group p {
    margin-top: 0;
    text-align: center;
}

.dc-022-group .wp-block-buttons {
    transform-origin: center center;
    margin-top: 0;
}






/* Startseite Newsletter v1 0023 */
.dc-023-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: var(--wp--preset--spacing--50);
    padding-bottom: var(--wp--preset--spacing--50);
    background: var(--wp--preset--color--maincolor-lighter);
    margin: var(--wp--preset--spacing--40) 0;
}

.dc-dark-mode .dc-023-group {
    background: var(--wp--preset--color--contrast);
}

.dc-023-group .wp-block-columns {
    position: relative;
    z-index: 150;
    margin: var(--wp--preset--spacing--60) 0;
}

.dc-023-group .dc-023-cover-top {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100% !important;
    height: calc(100vw/8.29);
    margin: 0;
    background: url(../images/backgroundimages/newsletter_cover_top.svg) no-repeat;
    background-position: center top;
    background-size: cover;
}

.dc-dark-mode .dc-023-group .dc-023-cover-top {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100% !important;
    height: calc(100vw/8.29);
    margin: 0;
    background: url(../images/backgroundimages/newsletter_cover_top_black.svg) no-repeat;
    background-position: center top;
    background-size: cover;
}

.dc-023-group .dc-023-cover-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: calc(100vw/8.29);
    margin: 0;
    background: url(../images/backgroundimages/newsletter_cover_bottom.svg) no-repeat;
    background-position: center bottom;
    background-size: cover;
}

.dc-dark-mode .dc-023-group .dc-023-cover-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: calc(100vw/8.29);
    margin: 0;
    background: url(../images/backgroundimages/newsletter_cover_bottom_black.svg) no-repeat;
    background-position: center bottom;
    background-size: cover;
}

.dc-023-group .dc-023-white-cover {
    position: absolute;
    z-index: 120;
    top: 0;
    max-width: var(--wp--style--global--wide-size);
    width: 100% !important;
    height: 100%;
    margin-top: 0;
}

.dc-023-group .dc-023-white-cover:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/backgroundimages/newsletter_background.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    transform: rotate(-3deg);
}

.dc-dark-mode .dc-023-group .dc-023-white-cover:before {
    position: absolute;
    z-index: 120;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
    margin: 0;
    background: url(../images/backgroundimages/newsletter_background_black.svg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.dc-023-group .dc-023-uppercase {
    text-transform: uppercase;
}


.dc-023-group .wp-block-buttons {
    justify-content: center;
}

.dc-023-group .wp-block-buttons:before {
    position: absolute;
    display: block;
    content: '';
    width: 73px;
    height: 79px;
    top: -30px;
    background: url(../images/symbols/cta-arrow.svg) no-repeat;
    background-size: contain;
    opacity: 0.5;
}








/* Startseite Jetzt anfragen v1 024 */
.dc-024-group {}

.dc-024-group .dc-024-maincontainer {
    background: var(--wp--preset--color--base-2);
    border-radius: var(--dc-border-radius2);
    overflow: visible;
}

.dc-024-group .dc-024-uppergroup {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 4rem;
    padding-bottom: 1rem;
    padding-left: 20rem;
    padding-right: 3rem;
    box-sizing: border-box;
}

.dc-024-group .dc-024-uppergroup h2, .dc-024-group .dc-024-uppergroup h3 {
    font-weight: 600;
    color: var(--wp--preset--color--maincolor);
    text-align: center;
    text-transform: uppercase;
    margin-block-end: var(--wp--preset--spacing--01);
}

.dc-024-group .dc-024-uppergroup p {
    margin-block-end: 0 !important;
    font-family: var(--wp--preset--font-family--heading);
}

.dc-024-group .dc-024-uppergroup figure {
    position: absolute;
    top: -30px;
    left: -140px;
    width: 470px;
    height: auto;
}
@media (max-width: 550px) {
    .dc-024-group .dc-024-uppergroup figure {
        top: -85px !important;
    }
}

.dc-024-group .dc-024-uppergroup figure div {
    position: absolute;
    top: -30px;
    left: -140px;
    width: 470px !important;
    height: auto !important;
}

.dc-024-group .dc-024-uppergroup figure img {
    display: block;
    width: 100%;
    height: auto;
}

.dc-024-group .dc-024-lowergroup {
    margin-top: 0;
    background: var(--wp--preset--color--maincolor-lighter);
    border-radius: 0 0 var(--dc-border-radius2) var(--dc-border-radius2);
}

.dc-dark-mode .dc-024-group .dc-024-lowergroup {
    background: var(--wp--preset--color--base);
    border-radius: 0 0 var(--dc-border-radius2) var(--dc-border-radius2);
}

.dc-024-group .wp-block-buttons {
    justify-content: center;
}

.dc-024-group .dc-024-lowergroup-col2 {
    display: flex;
}
.dc-024-group .dc-024-lowergroup-col2 .wp-block-group {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    /*
    background: url(../images/backgroundimages/magenta_circles.svg) no-repeat;
    background-size: 98%;
    background-position: center center;
    */
}
.dc-024-group .dc-024-lowergroup-col2 figure {
    border-radius: 50%;
    width: 110px;
    height: 110px;
    overflow: hidden;
    background: lightgrey;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    z-index: 100;
}
.dc-024-group .dc-024-lowergroup-col2 figure:not(:last-child) {
    margin-right: 1rem;
}
.dc-024-group .dc-024-lowergroup-col2 figure img {
    display: block;
    width: 101% !important;
    height: 101% !important;
}

@media (max-width: 650px) {
    .dc-024-group .dc-024-lowergroup-col2 figure {
        width: 85px;
        height: 85px;
    }
}









/* Lernreisen Trainings v1 025 */
.dc-025-group {}
.dc-025-group {
    background: url(../images/backgroundimages/background_white.svg) repeat-x;
    background-position: center center;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}






/* Training Version v1 026 */

.dc-026-group {
    width: 100%;
    background: var(--wp--preset--color--base-2);
    border-radius: var(--dc-border-radius1);
    overflow: hidden;
}

.dc-026-innergroup {
    width: 100%;
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--30) var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
    background: url(../images/symbols/symbol_info.svg) no-repeat;
    background-position: -18px -6px;
    background-size: 25%;
}

.dc-dark-mode .dc-026-innergroup {
    width: 100%;
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--30) var(--wp--preset--spacing--30) var(--wp--preset--spacing--30);
    background: unset;
    background-color: var(--wp--preset--color--contrast-4-a);
}


.dc-026-group p {
    font-family: var(--wp--preset--font-family--body-italic);
    color: var(--wp--preset--color--contrast-2);
    margin-bottom: 0.5rem;
}

.dc-dark-mode .dc-026-group p {
    color: var(--wp--preset--color--contrast);
}





/* Training Version v1 027 */
.dc-027-group { padding-top: var(--wp--preset--spacing--03); padding-bottom: var(--wp--preset--spacing--04); }
.dc-027-group h2 {
    margin-bottom: var(--wp--preset--spacing--03);
    font-weight: 600;
}
.dc-027-group .wp-block-columns {}
.dc-027-group .wp-block-column {}






/* Training Impressionen v1 028 */
.dc-028-group {}

.dc-028-group .dc-028-textgroup {
    margin: 0;
    padding: var(--wp--preset--spacing--02) 0 var(--wp--preset--spacing--01) 0 !important;
}

.dc-028-group h2 {
    /* margin-block-end: 0 !important; */
}

.dc-028-group .dc-028-pretitle, .dc-028-group div .dc-028-pretitle {
    color: var(--wp--preset--color--maincolor);
    text-transform: uppercase;
    font-weight: 600;
}

.dc-028-group .dc-028-content-container {
    margin: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: var(--wp--preset--color--base-2);
}

.dc-028-group .dc-028-content {
    display: flex;
}

.dc-028-group .dc-028-content figure {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    overflow: hidden;
    width: 100%;
    height: 17vw;
    cursor: pointer;
}

.dc-028-group .dc-028-content img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dc-028-group .dc-028-content video {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dc-028-group .dc-028-content figure:not(:last-child) {
    margin-right: 5px;
}

.dc-028-covertop {
    display: block;
    height: 190px;
    background: url(../images/backgroundimages/background_white_top.svg) repeat-x;
    background-position: center top;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}
.dc-dark-mode .dc-028-covertop {
    display: block;
    height: 190px;
    background: unset;
    background-position: center top;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}
.dc-028-coverbottom {
    display: block;
    height: 235px;
    background: url(../images/backgroundimages/background_white_bottom.svg) repeat-x;
    background-position: center bottom;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
    margin: 0;
}
.dc-dark-mode .dc-028-coverbottom {
    display: block;
    height: 235px;
    background: unset;
    background-position: center bottom;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
    margin: 0;
}

.dc-028-covercontent { background: var(--wp--preset--color--base-2); }
.dc-028-textgroup {
    background: var(--wp--preset--color--base-2);
}

/*
.dc-028-group .dc-028-content figure:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: red;
    z-index: 10;
    opacity: 0;
    background: url(../images/symbols/symbol_eye.svg) no-repeat;
    background-size: 20%;
    background-position: center center;
    transition: opacity 0.5s ease;
}

.dc-028-group .dc-028-content figure:hover:before {
    opacity: 1;
}
*/








/* Baustein Symbol-Text v1 029 */
.dc-029-group { margin-bottom: var(--wp--preset--spacing--12); }
.dc-029-group .dc-symboltext-figure {
    display: inline-flex;
    justify-content: flex-start;
    align-items: stretch;
    width: var(--dc-symbol-size2);
    height: var(--dc-symbol-size2);
    margin-top: -10px;
    margin-right: 0.5rem;
}
/* for correct display in wp-admin/edit-post */
.dc-029-group .dc-symboltext-figure div {
    width: var(--dc-symbol-size2) !important;
    height: var(--dc-symbol-size2) !important;
}
.dc-029-group .dc-symboltext-figure img {
    display: block !important;
    width: 85% !important;
    height: auto !important;
    aspect-ratio: 1/1;
    object-fit: contain;
}
.dc-029-group .dc-symboltext-p {}
.dc-029-group .dc-symboltext-p-title, .dc-029-group div .dc-symboltext-p-title {
    text-transform: uppercase; font-weight: 600;
    color: var(--wp--preset--color--contrast-4);
}

.dc-029-group {
    position: relative;
    margin-left: 4.4rem;
}

.dc-029-group:before {
    position: absolute;
    display: block;
    width: 55px;
    height: 55px;
    content: '';
    background: url(../images/bulletpoints/bullet_circle-arrow.svg) no-repeat;
    background-size: contain;
    background-position: center center;
    top: -0.5rem;
    left: -4.5rem;
}

.dc-dark-mode .dc-029-group:before {
    position: absolute;
    display: block;
    width: 55px;
    height: 55px;
    content: '';
    background: url(../images/bulletpoints/bullet_circle-arrow_white.svg) no-repeat;
    background-size: contain;
    background-position: center center;
    top: -0.5rem;
    left: -4.5rem;
}







/* Vorteile v1 */
.dc-030-group {}








/* E-Learning Journeys blog view v1 */
.dc-031-group {
    margin-top: 0;
    margin-bottom: var(--wp--preset--spacing--60);
}







/* Training Kategorie Ansicht v1 */
.dc-032-group { padding-top: 0; padding-bottom: var(--wp--preset--spacing--04); }






/* Aufzählung in zwei Spalten v1 */
.dc-033-group {
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--30);
    box-sizing: border-box;
    background: var(--wp--preset--color--base-2);
    border-radius: var(--dc-border-radius2);
    overflow: hidden;
    margin: 3rem 0;
}
.dc-dark-mode .dc-033-group {
    padding: var(--wp--preset--spacing--30) 0.2rem;
}
.dc-033-group .dc-033-columnsblock {
    margin: 0;
}
.dc-033-group .dc-033-columnsblock .wp-block-columns {
    margin-top: 0;
    margin-bottom: 0;
}
.dc-033-group .dc-033-columnsblock .wp-block-columns .wp-block-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.dc-033-group .dc-033-columnsblock p {
    line-height: 1.7rem;
}
.dc-033-group h3, .dc-033-group div h3 {
    padding-bottom: 1rem;
}
.dc-033-group .wp-block-column p {
    margin-block-end: var(--wp--preset--spacing--01) !important;
}

@media (max-width: 550px) {
    .dc-033-group .wp-block-column p {
        margin-block-end: 0 !important;
    }
}

.dc-033-group dl.wp-block-list { padding-left: 0; margin-bottom: 1rem; }
.dc-033-group dl.wp-block-list div:first-child { margin-top: 0; }
.dc-033-group dt { min-width: 190px; }

@media (max-width: 930px) {
    .dc-033-group .wp-block-list div { flex-direction: column; }
    .dc-033-group .wp-block-list div dt { width: 100%; }
    .dc-033-group .wp-block-list div dd { width: 100%; margin-left: 0; }
}





/* Formats Lernformate v1 */
.dc-034-group {
    padding-top: var(--wp--preset--spacing--50);
    padding-bottom: var(--wp--preset--spacing--50);
}
.dc-034-group .dc-034-formats {
    margin-top: var(--wp--preset--spacing--03);
}







/* Formate Block DE v2 */
.dc-035-group {
    padding: var(--wp--preset--spacing--30) 0;
    box-sizing: border-box;
    margin-bottom: 0;
}

.dc-035-group h3, .dc-035-group div h3 {
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: var(--wp--preset--spacing--01);
    padding: 0;
}

.dc-035-group .dc-035-image {
    width: 100%;
    height: 166.66px;
    margin-top: -20px;
}

.dc-035-group .dc-035-image.dc-image-blank {
    background: url(../images/trainingsymbols/learning-formats.svg) no-repeat;
    background-size: contain;
    background-position: top center;
}
.dc-dark-mode .dc-035-image.dc-image-blank {
    background: url(../images/trainingsymbols/learning-formats_white.svg) no-repeat;
    background-size: contain;
    background-position: top center;
}

.dc-035-group .dc-035-image.dc-image-elearning {
    background: url(../images/trainingsymbols/e-learning-intensive_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-035-group .dc-035-image.dc-image-elearning-essential {
    background: url(../images/trainingsymbols/e-learning-essential_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-dark-mode .dc-035-group .dc-035-image.dc-image-elearning-essential {
    background: url(../images/trainingsymbols/e-learning-essential_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-dark-mode .dc-035-group .dc-035-image.dc-image-elearning {
    background: url(../images/trainingsymbols/e-learning-intensive_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-035-group .dc-035-image.dc-image-livetraining {
    background: url(../images/trainingsymbols/live-training_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-dark-mode .dc-035-image.dc-image-livetraining {
    background: url(../images/trainingsymbols/live-training_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-035-group .dc-035-image.dc-image-elearning-journey {
    background: url(../images/trainingsymbols/e-learning-journey_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-dark-mode .dc-035-image.dc-image-elearning-journey {
    background: url(../images/trainingsymbols/e-learning-journey_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-035-group .dc-035-image.dc-image-keynoteimpulse {
    background: url(../images/trainingsymbols/keynotes-impulse_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-dark-mode .dc-035-image.dc-image-keynoteimpulse {
    background: url(../images/trainingsymbols/keynotes-impulse_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-035-group .dc-035-image.dc-image-workshops {
    background: url(../images/trainingsymbols/workshops_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-dark-mode .dc-035-image.dc-image-workshops {
    background: url(../images/trainingsymbols/workshops_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-035-group .dc-035-image.dc-image-blended-learning {
    background: url(../images/trainingsymbols/blended-learning_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-dark-mode .dc-035-image.dc-image-blended-learning {
    background: url(../images/trainingsymbols/blended-learning_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-035-group .dc-035-image.dc-image-train-the-trainer {
    background: url(../images/trainingsymbols/train-the-trainer_diversitycampus.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}

.dc-dark-mode .dc-035-image.dc-image-train-the-trainer {
    background: url(../images/trainingsymbols/train-the-trainer_diversitycampus_white.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}






/* Formate Keynotes v1 036 */
.dc-036-group { padding-top: var(--wp--preset--spacing--03); padding-bottom: var(--wp--preset--spacing--04); }
.dc-036-group h2 {
    margin-bottom: var(--wp--preset--spacing--03);
}
.dc-036-group .wp-block-columns {}
.dc-036-group .wp-block-column {}







/* Small text block v1 037 */

.dc-037-group {
    width: 100%;
    background: var(--wp--preset--color--base-2);
    border-radius: var(--dc-border-radius1);
    overflow: hidden;
}


.dc-037-innergroup {
    width: 100%;
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--30) var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
    background: url(../images/symbols/symbol_info.svg) no-repeat;
    background-position: -18px -6px;
    background-size: 25%;
}

.dc-037-group p, .dc-037-group p em {
    font-style: italic;
    color: var(--wp--preset--color--contrast-2);
}

.dc-dark-mode .dc-037-group p {
    color: var(--wp--preset--color--contrast);
}






/* Keynotes blog view v1 */
.dc-038-group {
    margin-top: 0;
    margin-bottom: var(--wp--preset--spacing--60);
}






/* Baustein Button v1 */
.dc-039-group {
    margin-top: var(--wp--preset--spacing--30);
}






/* Baustein Barrierefreiheit v1 */
.dc-040-group {}
.dc-040-group p { line-height: 2.5rem; }
.dc-040-group p.dc-symboltext-p-title strong, .dc-040-group div p.dc-symboltext-p-title strong {
    display: block;
    font-weight: 600;
    font-size: var(--wp--preset--font-size--large);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    color: var(--wp--preset--color--contrast-4);
}






/* Baustein Lerninhalt Invers v1 */
.dc-041-group {}
.dc-041-group li {
    font-size: var(--wp--preset--font-size--medium);
}
.dc-041-group h3 { padding-top: 0; }
.dc-041-group {
    border-radius: var(--dc-border-radius1);
    overflow: hidden;
}

.dc-041-group ul {
    display: block;
    padding-left: 0;
}
.dc-041-group ul li {
    display: block;
    position: relative;
    text-align: left;
    margin-left: 32px;
    margin-bottom: 0.5rem;
    color: var(--wp--preset--color--base-2);
}
.dc-041-group ul li:before {
    display: block;
    position: absolute;
    content: '\2022';
    line-height: 0;
    width: 20px;
    height: 20px;
    color: var(--wp--preset--color--base-2);
    margin-left: -32px;
    top: 13px;
    font-size: 2em;
}







/* Nummerierte Liste mit Hintergrundfarbe v1 */
.dc-042-group { position: relative; padding-top: 10rem; padding-bottom: 20rem; }
.dc-042-group sup {
    font-size: var(--wp--preset--font-size--small);
    color: var(--wp--preset--color--maincolor);
}

.dc-042-group h2 {
    margin-block-start: var(--wp--preset--spacing--50) !important;
    margin-block-end: var(--wp--preset--spacing--40) !important;
    color: var(--wp--preset--color--base-2);
}

.dc-042-group .dc-042-cover-top {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_top.svg) repeat-x;
    background-position: center top;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-dark-mode .dc-042-group .dc-042-cover-top {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_top_black.svg) repeat-x;
    background-position: center top;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-042-group .dc-042-cover-bottom {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100% !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_bottom.svg) repeat-x;
    background-position: center bottom;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-dark-mode .dc-042-group .dc-042-cover-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_bottom_black.svg) repeat-x;
    background-position: center bottom;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-042-group ol {
    margin-top: var(--wp--preset--spacing--50);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(35rem, 100%), 1fr));
    gap: 5rem;
    list-style: none;
    padding-left: 0;
    counter-reset: dc-list-counter1;
}
.dc-042-group ol li {
    display: block;
    position: relative;
    text-align: left;
    margin-left: 77px;
    margin-bottom: 0.5rem;
    counter-increment: dc-list-counter1;
    color: var(--wp--preset--color--base-2);
}
.dc-042-group ol li div {
    display: inline;
}
.dc-042-group ol li strong, .dc-042-group ol li div strong  {
    font-size: var(--wp--preset--font-size--large);
    line-height: 2rem;
    color: var(--wp--preset--color--base-2);
    text-transform: uppercase;
}
.dc-042-group ol li:before {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -13px;
    content: counter(dc-list-counter1);
    line-height: 0;
    color: var(--wp--preset--color--base-2);;
    margin-left: -83px;
    margin-right: 1.5rem;
    font-size: var(--wp--preset--font-size--xx-large);
    border: 2px solid white;
    border-radius: 50px;
    padding: 5px;
    width: 50px;
    height: 50px;
    text-align: center;
}










/* Baustein Raster mit Überschrift v1 */
.dc-043-group {
    padding-top: var(--wp--preset--spacing--50);
    padding-bottom: var(--wp--preset--spacing--50);
}
.dc-043-group .dc-043-formats {
    display: grid;
    /*  grid-template-columns: repeat(auto-fill, minmax(min(25rem, 100%), 1fr)); */
    gap: 3rem;
    margin-top: var(--wp--preset--spacing--03);
}







/* Baustein Bild/Text-Box v1 */
.dc-044-group {
    width: 100%;
    border-radius: var(--dc-border-radius1);
    padding: 0 0 3rem 0;
    overflow: hidden;
}

.dc-dark-mode .dc-044-group {
    background: var(--wp--preset--color--contrast-4-a) !important;
}

.wp-block-column:has(.dc-044-group) {
    display: flex;
}

.dc-044-group .dc-044-content, .dc-044-group div .dc-044-content {
    padding: 0 2rem;
}

.dc-044-group .dc-044-content h3 {
    color: var(--wp--preset--color--contrast-4);
    margin-bottom: 0 !important;
}

.dc-044-group ul, .dc-044-group div ul  {
    list-style: outside;
    padding: 0 2rem;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: var(--wp--preset--spacing--01);
}

.dc-044-group ul li, .dc-044-group div ul li {
    margin-left: 0;
    margin-bottom: 1rem;
}

.dc-044-group ul li::marker, .dc-044-group div ul li::marker {
    color: var(--wp--preset--color--maincolor);
}

.dc-044-group figure, .dc-044-group div figure {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 300px;
    margin-bottom: 2rem;
    overflow: hidden;
}

.dc-044-group figure img, .dc-044-group figure div img, .dc-044-group div figure div img, .dc-044-group div figure img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.dc-044-group p { }

.dc-044-group .dc-044-title {
    font-weight: 600;
    font-size: var(--wp--preset--font-size--large);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    color: var(--wp--preset--color--contrast-4);
}

.dc-044-group .dc-044-text {}

.dc-044-group details ul {
    margin-block-end: unset;
    padding-bottom: 0 !important;
}






/* History Block v1 */
.dc-045-group { margin-block-start: 0; }
.dc-045-group .dc-045-year {
    font-size: var(--wp--preset--font-size--xx-large);
    font-weight: 600;
    color: var(--wp--preset--color--maincolor);
    overflow-wrap: normal;
    word-break: normal;
}

.dc-045-group .wp-block-columns {
    display: flex;
    align-items: stretch;
}

.dc-045-group .wp-block-columns .wp-block-column p:not(:first-child) {
    margin-top: 0.5rem;
}

.dc-045-group .wp-block-columns .wp-block-column:first-child  {
    min-width: 100px;
    padding-top: 2rem;
}

.dc-045-group .wp-block-columns .wp-block-column:last-child  {
    padding-top: 2rem;
    padding-bottom: 3rem;
}

.dc-045-group .wp-block-columns .wp-block-column.dc-045-centercolumn {
    min-width: 85px;
    background: url(../images/backgroundimages/history_graphic_fill-element.png) no-repeat;
    background-size: 100% 80%;
    background-position: center bottom;
}

.dc-045-group p strong {
    font-size: var(--wp--preset--font-size--large);
    font-weight: 600;
}

.dc-045-group .dc-045-image {
    width: 100%;
    height: auto;
    aspect-ratio: 0.87;
}

.dc-045-group .dc-045-image.dc-symbol-top {
    background: url(../images/backgroundimages/history_graphic_top.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.dc-045-group .dc-045-image.dc-symbol-center {
    background: url(../images/backgroundimages/history_graphic_center.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.dc-045-group .dc-045-image.dc-symbol-bottom {
    background: url(../images/backgroundimages/history_graphic_bottom.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.dc-045-group .wp-block-columns .wp-block-column:has(> .dc-symbol-bottom) {
    background: unset;
}


@media (max-width: 781px) {
    .dc-045-group .wp-block-columns {
        display: block;
    }
    .dc-045-group .wp-block-columns .wp-block-column p {
        display: inline;
    }
    .dc-045-group .dc-045-image.dc-symbol-top {
        background: url(../images/backgroundimages/history_graphic_single.png) no-repeat;
        background-size: 100% 100%;
        background-position: center center;
    }
    .dc-045-group .dc-045-image.dc-symbol-center {
        background: url(../images/backgroundimages/history_graphic_single.png) no-repeat;
        background-size: 100% 100%;
        background-position: center center;
    }
    .dc-045-group .dc-045-image.dc-symbol-bottom {
        background: url(../images/backgroundimages/history_graphic_single.png) no-repeat;
        background-size: 100% 100%;
        background-position: center center;
    }
    .dc-045-group .wp-block-columns .wp-block-column:first-child {
        display: inline-block;
        min-width: 70px;
        padding-top: 1.5rem;
        vertical-align: top;
    }
    .dc-045-group .wp-block-columns .wp-block-column:last-child {
        padding-top: 0;
    }
    .dc-045-group .wp-block-columns .wp-block-column.dc-045-centercolumn {
        display: inline-block;
        width: 70px;
        min-width: 70px;
        background: unset;
    }
}







/* Baustein Textblock mit Bildern v1 046 */
.dc-046-group {}

.dc-046-group .dc-046-video-column video {
    border-radius: var(--dc-border-radius1);
    overflow: hidden;
}
.dc-046-group .dc-046-image-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -2rem;
}
.dc-046-group .dc-046-image-column .wp-block-group {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-center: center;
}
.dc-046-group .dc-046-image-column figure {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.dc-046-group .dc-046-image-column figure img {
    display: block;
    width: 170px;
    height: auto;
    border-radius: 200px;
}
.dc-046-group .dc-046-image-column figure figcaption {
    display: block;
    color: var(--wp--preset--color--contrast);
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 600;
}

@media (max-width: 781px) {
    .dc-046-group .dc-046-image-column {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 2rem;
    }
    .dc-046-group .dc-046-image-column .wp-block-group {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .dc-046-group .dc-046-image-column figure {
        width: auto;
        margin-top: 0;
    }
    .dc-046-group .dc-046-image-column figure:not(:last-child) {
        margin-right: 2rem;
    }
}






/* Baustein Textblock mit zwei Spalten v1 047 */
.dc-047-group {
    margin-block-start: 0;
    margin-bottom: var(--wp--preset--spacing--02);
}
.dc-047-group h2, .dc-047-group div h2 {
    margin-block-end: var(--wp--preset--spacing--02) !important;
    font-weight: 600;
}
.dc-047-group .dc-block-subtitle {
    margin-bottom: 4rem;
}
.dc-047-group .dc-047-twocolumns .dc-block-subtitle {
    font-weight: 600;
    color: var(--wp--preset--color--contrast-4) !important;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.dc-047-group .dc-047-twocolumns .dc-block-subtitle:not(:first-child) {
    margin-top: 3rem !important;
}






/* Text-Block mit Hintergrundfarbe v1 */
.dc-048-group { position: relative; padding-top: 10rem; padding-bottom: 17rem; }
.dc-048-group .dc-048-content {
    margin-top: var(--wp--preset--spacing--20);
}
.dc-048-group sup {
    font-size: var(--wp--preset--font-size--small);
    color: var(--wp--preset--color--maincolor);
}

.dc-048-group .dc-048-cover-top {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 101vw !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_top.svg) repeat-x;
    background-position: center top;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-dark-mode .dc-048-group .dc-048-cover-top {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 101vw !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_top_black.svg) repeat-x;
    background-position: center top;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-048-group .dc-048-cover-bottom {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 101vw !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_bottom.svg) repeat-x;
    background-position: center bottom;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-dark-mode .dc-048-group .dc-048-cover-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 101vw !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_bottom_black.svg) repeat-x;
    /* background-position: center bottom; */
    background-position: left 0 bottom -2px;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}






/* Spacer magenta */
.dc-049-group { position: relative; padding-top: 10rem; padding-bottom: 11rem; }

.dc-049-group .dc-049-cover-top {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 101vw !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_top.svg) repeat-x;
    background-position: center top;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-dark-mode .dc-049-group .dc-049-cover-top {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 101vw !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_top_black.svg) repeat-x;
    background-position: center top;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-049-group .dc-049-cover-bottom {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 101vw !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_bottom.svg) repeat-x;
    background-position: center bottom;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-dark-mode .dc-049-group .dc-049-cover-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 101vw !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_bottom_black.svg) repeat-x;
    background-position: center bottom;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}








/* Spacer grey left */
.dc-050-group { position: relative; padding-top: 10rem; padding-bottom: 11rem; margin-top: 0; }

.dc-050-group .dc-050-cover-top {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 101vw !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_top.svg) repeat-x;
    background-position: center top;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-dark-mode .dc-050-group .dc-050-cover-top {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 101vw !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_top_black.svg) repeat-x;
    background-position: center top;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-050-group .dc-050-cover-bottom {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 101vw !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_bottom.svg) repeat-x;
    background-position: center bottom;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}

.dc-dark-mode .dc-050-group .dc-050-cover-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 101vw !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_bottom_black.svg) repeat-x;
    background-position: center bottom;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
}






/* Spacer grey right */
.dc-051-group { position: relative; padding-top: 10rem; padding-bottom: 11rem; margin-top: 0; }

.dc-051-group .dc-051-cover-top {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 101vw !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_top.svg) repeat-x;
    background-position: center top;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
    transform: scaleX(-1);
}

.dc-dark-mode .dc-051-group .dc-051-cover-top {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 101vw !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_top_black.svg) repeat-x;
    background-position: center top;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
    transform: scaleX(-1);
}

.dc-051-group .dc-051-cover-bottom {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 101vw !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_bottom.svg) repeat-x;
    background-position: center bottom;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
    transform: scaleX(-1);
}

.dc-dark-mode .dc-051-group .dc-051-cover-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 101vw !important;
    height: 200px;
    margin: 0;
    background: url(../images/backgroundimages/background-image_cover_bottom_black.svg) repeat-x;
    background-position: center bottom;
    background-size: calc(var(--wp--style--global--content-size) * 1.7);
    transform: scaleX(-1);
}







/* Team Kernteam-Miglied Bild rechts v1 052 */
.dc-052-group {}

.dc-052-group h3 {
    font-size: var(--wp--preset--font-size--x-large);
    font-weight: 600;
    color: var(--wp--preset--color--maincolor);
    text-transform: uppercase;
    padding-bottom: 0;
    margin-bottom: var(--wp--preset--spacing--01);
}

.dc-052-group .dc-052-function {
    font-style: italic;
    margin-top: 0;
    margin-bottom: var(--wp--preset--spacing--02);
}

.dc-052-group .dc-052-quote {
    font-size: var(--wp--preset--font-size--x-large);
    font-weight: 600;
    margin-bottom: 2rem;
}

.dc-052-group .dc-052-quote:before { content: open-quote; }
.dc-052-group .dc-052-quote:after { content: close-quote; }

.dc-052-group .dc-052-listtitle {
    font-weight: 600;
    margin-bottom: 1rem;
}

.dc-052-group .dc-052-list { list-style: none; padding-left: 0; }

.dc-052-group .dc-052-list li {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    margin-left: 1.5rem;
}

.dc-052-group .dc-052-list li:before {
    position: relative;
    align-items: center;
    width: 50px;
    height: 3px;
    content: '';
    background: var(--wp--preset--color--maincolor);
    top: 0;
    left: -1.5rem;
}

.dc-052-group .dc-052-image-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -3rem;
}
.dc-052-group .dc-052-image-column figure {
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 0;
}
.dc-052-group .dc-052-image-column figure img {
    width: 400px;
    height: auto;
    border-radius: 400px;
}
.dc-052-group .dc-052-image-column figure figcaption {
    font-size: var(--wp--preset--font-size--small);
}

@media (max-width: 781px) {
    .dc-052-group .wp-block-columns {
        flex-direction: column-reverse;
    }
}







/* Team Kernteam-Miglied Bild links v1 053 */
.dc-053-group {
    margin-bottom: var(--wp--preset--spacing--03);
}

.dc-053-group h3 {
    font-size: var(--wp--preset--font-size--x-large);
    font-weight: 600;
    color: var(--wp--preset--color--maincolor);
    text-transform: uppercase;
    padding-bottom: 0;
    margin-bottom: var(--wp--preset--spacing--01);
}

.dc-053-group .dc-053-function {
    font-style: italic;
    margin-top: 0;
    margin-bottom: var(--wp--preset--spacing--02);
}

.dc-053-group .dc-053-quote {
    font-size: var(--wp--preset--font-size--x-large);
    font-weight: 600;
    margin-bottom: 2rem;
}

.dc-053-group .dc-053-quote:before { content: open-quote; }
.dc-053-group .dc-053-quote:after { content: close-quote; }

.dc-053-group .dc-053-listtitle {
    font-weight: 600;
    margin-bottom: 1rem;
}

.dc-053-group .dc-053-list { list-style: none; padding-left: 0; }

.dc-053-group .dc-053-list li {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    margin-left: 1.5rem;
}

.dc-053-group .dc-053-list li:before {
    position: relative;
    align-items: center;
    width: 50px;
    height: 3px;
    content: '';
    background: var(--wp--preset--color--maincolor);
    top: 0;
    left: -1.5rem;
}

.dc-053-group .dc-053-image-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -3rem;
}
.dc-053-group .dc-053-image-column figure {
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 0;
}
.dc-053-group .dc-053-image-column figure img {
    width: 400px;
    height: auto;
    border-radius: 400px;
}
.dc-053-group .dc-053-image-column figure figcaption {
    font-size: var(--wp--preset--font-size--small);
}

.dc-053-group .dc-053-text-column {
    margin-left: 7rem;
}







/* Team Experten-Miglied v1 054 */

.dc-teams-flexbox {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7rem !important;
}

.dc-054-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -3rem;
    padding: 0 !important;
}

.dc-054-group h3 {
    font-size: var(--wp--preset--font-size--x-large);
    font-weight: 600;
    color: var(--wp--preset--color--maincolor);
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.dc-054-group .dc-054-function {
    font-style: italic;
    margin-top: 0;
    margin-bottom: 1rem;
}

.dc-054-group .dc-054-quote {
    font-size: var(--wp--preset--font-size--x-large);
    font-weight: 600;
    margin-bottom: 2rem;
}

.dc-054-group .dc-054-quote:before { content: open-quote; }
.dc-054-group .dc-054-quote:after { content: close-quote; }

.dc-054-group figure.dc-054-member-image {
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 0 !important;
    margin-bottom: 0.5rem;
}
.dc-054-group figure.dc-054-member-image img {
    width: 300px;
    height: auto;
    border-radius: 400px;
}
.dc-054-group figure.dc-054-member-image figcaption {
    display: block !important;
    font-size: var(--wp--preset--font-size--small);
    font-weight: 600;
    text-align: center;
    margin: 0;
}
.dc-dark-mode .dc-054-group figure.dc-054-member-image figcaption {
    color: var(--wp--preset--color--maincolor);
}

.dc-054-group figure.dc-054-socialmedia-image {
    width: 50px;
    height: auto;
    margin-top: 0;
    margin-inline-start: 0;
}
.dc-054-group figure.dc-054-socialmedia-image img {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}









/* H3-Überschrift mit Absatz v1 055 */
.dc-055-group {}
.dc-055-group h3, .dc-055-group div h3 {
    color: var(--wp--preset--color--contrast-4);
    font-weight: 600;
    text-transform: uppercase;
}







/* Aufzählung (UL-liste) mit Pfeilbildern v1 */
ul.dc-056-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    padding-bottom: 0 !important;
}

@media (max-width: 550px) {
    ul.dc-056-list {
        margin-top: 0;
        margin-bottom: 4rem;
    }
    .dc-018-group ul.dc-056-list { margin-top: 4rem; }
    ul.dc-056-list strong {
        margin-top: 0;
        margin-bottom: 4rem;
        word-wrap: break-word;
    }
}

ul.dc-056-list.dc-grid-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(18rem, 100%), 1fr));
    gap: 4rem;
}
ul.dc-056-list.dc-grid-list-2-columns {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(25rem, 100%), 1fr));
    gap: 4rem;
}

ul.dc-056-list strong {
    display: block;
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--large);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    color: var(--wp--preset--color--contrast-4);
}

ul.dc-056-list li {
    position: relative;
    margin-bottom: 3rem;
    margin-left: 4.4rem;
    background: unset;
}
ul.dc-056-list.dc-grid-list-2-columns li {
    margin-bottom: 0;
}

ul.dc-056-list li:last-child {
    margin-bottom: 1rem;
}

ul.dc-056-list.dc-grid-list li {
    margin-bottom: 0;
}

ul.dc-056-list li:before {
    position: absolute;
    display: block;
    width: 55px;
    height: 55px;
    content: '';
    background: url(../images/bulletpoints/bullet_circle-arrow.svg) no-repeat;
    background-size: contain;
    background-position: center center;
    top: -0.5rem;
    left: -4.5rem;
}

.dc-dark-mode ul.dc-056-list li:before {
    position: absolute;
    display: block;
    width: 55px;
    height: 55px;
    content: '';
    background: url(../images/bulletpoints/bullet_circle-arrow_white.svg) no-repeat;
    background-size: contain;
    background-position: center center;
    top: -0.5rem;
    left: -4.5rem;
}


ul.dc-056-list-white {
    list-style: none;
    padding-left: 0;
}

ul.dc-056-list-white strong {
    display: block;
    font-weight: 600;
    font-size: var(--wp--preset--font-size--large);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    color: var(--wp--preset--color--base-2);
}

ul.dc-056-list-white li {
    position: relative;
    margin-bottom: 3rem;
    margin-left: 4.4rem;
    color: var(--wp--preset--color--base-2);
}

ul.dc-056-list-white li:before {
    position: absolute;
    display: block;
    width: 55px;
    height: 55px;
    content: '';
    background: url(../images/bulletpoints/bullet_circle-arrow_white.svg) no-repeat;
    background-size: contain;
    background-position: center center;
    top: -0.5rem;
    left: -4.5rem;
}






/* H3-Überschrift mit Absatz v1 in weißer Box 057 */
.dc-057-group {
    border-radius: var(--dc-border-radius1);
    background: var(--wp--preset--color--base-2);
    padding: 2rem;
    box-sizing: border-box;
}
.dc-dark-mode .dc-057-group {
    background: var(--wp--preset--color--contrast-4-a);
}
.dc-057-group h3, .dc-057-group div h3 {
    color: var(--wp--preset--color--contrast-4);
    font-weight: 600;
    text-transform: uppercase;
}







/* Newsletter 058 */
.dc-058-group {
    position: relative;
    z-index: 199;
    border-radius: var(--dc-border-radius1);
    background: var(--wp--preset--color--maincolor);
    color: var(--wp--preset--color--base-2);
    padding: 2rem;
    box-sizing: border-box;
}
.dc-058-group h2, .dc-058-group div h2, .dc-058-group h3, .dc-058-group div h3 {
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
    margin-block-start: 0;
    margin-bottom: var(--wp--preset--spacing--01);
}
.dc-058-group p, .dc-058-group div p {
    color: var(--wp--preset--color--base-2);
}
.dc-058-group .dc-newsletter-button {
    margin-top: var(--wp--preset--spacing--02);
}







/* Nummerierte Liste 059 */

.dc-059-list {
    margin-top: var(--wp--preset--spacing--03);
    list-style: none;
    padding-left: 0;
    counter-reset: dc-list-counter1;
}
.dc-059-list.dc-ol-list-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(35rem, 100%), 1fr));
    gap: 5rem;
    padding-bottom: 0 !important;
}
.dc-059-list.dc-ol-list-grid.dc-grid-list-3-columns {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(25rem, 100%), 1fr));
    gap: 3rem;
}
.dc-059-list li {
    display: block;
    position: relative;
    text-align: left;
    margin-left: 77px;
    margin-bottom: var(--wp--preset--spacing--02);
    counter-increment: dc-list-counter1;
}
.dc-059-list.dc-ol-list-grid li {
    margin-bottom: 0;
}
.dc-059-list.dc-ol-list-white li {
    color: var(--wp--preset--color--base-2);
}
.dc-059-list li div {
    display: inline;
}
.dc-059-list li strong, .dc-059-list li div strong  {
    font-size: var(--wp--preset--font-size--large);
    line-height: 2rem;

    text-transform: uppercase;
}
.dc-059-list.dc-ol-list-white li strong, .dc-059-list.dc-ol-list-white li div strong  {
    color: var(--wp--preset--color--base-2);
}
.dc-059-list li:before {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -13px;
    content: counter(dc-list-counter1);
    line-height: 0;
    margin-left: -83px;
    margin-right: 1.5rem;
    font-size: var(--wp--preset--font-size--xx-large);
    border: 2px solid var(--wp--preset--color--contrast);
    border-radius: 50px;
    padding: 5px;
    width: 50px;
    height: 50px;
    text-align: center;
}
.dc-059-list.dc-ol-list-white li:before {
    border: 2px solid var(--wp--preset--color--base-2);
    color: var(--wp--preset--color--base-2);
}



/* Details-Block 0064 */

.dc-0064-group {
    margin-top: 3rem;
}

.dc-0064-group summary {
    display: inline;
    text-transform: uppercase;
}

.dc-0064-group { border: 0; }
.dc-0064-group[open] { border: 0; }
.dc-0064-group summary {
    background: var(--wp--preset--color--maincolor);
    color: var(--wp--preset--color--base-2);
    margin-left: -1px;
    margin-right: -1px;
}

.dc-0064-group ul.wp-block-list {
    padding: 2rem 2rem;
}








/* Block mit Kreisbildern 071 */

.dc-071-group {
    position: relative;
    top: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 1s ease;
    transform-origin: 50% 50%;
}

.dc-071-group:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    padding-bottom: calc(1 * 100%);
}

.dc-071-group figure {
    margin: 0;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid var(--wp--preset--color--base-2);
    box-shadow: 0 2px 12px 3px rgb(0 0 0 / 15%);
}

.dc-071-group .dc-071-magenta-image-large {
    position: absolute;
    width: 33%;
    height: auto;
    z-index: 100;
    background: var(--wp--preset--color--base-2);
}
.dc-071-group .dc-071-magenta-image-large img { opacity: 0; }

.dc-071-rotate-magentaimage {
    opacity: 0.7;
    transform: scale(1.1);
}
.dc-071-rotate-magentaimage img { opacity: 0; }

.dc-071-group .dc-071-magenta-image-small-0 {
    position: absolute;
    top: -10%;
    left: 49%;
    width: 22%;
    height: auto;
    z-index: 110;
    background: var(--wp--preset--color--base-2);
}
.dc-071-group .dc-071-magenta-image-small-0 img { opacity: 0; }

.dc-071-group .dc-071-magenta-image-small-1 {
    position: absolute;
    top: 10%;
    left: 18%;
    width: 20%;
    height: auto;
    background: var(--wp--preset--color--base-2);
    z-index: 10;
}
.dc-071-group .dc-071-magenta-image-small-1 img { opacity: 0; }

.dc-071-group .dc-071-magenta-image-small-2 {
    position: absolute;
    top: 60%;
    left: 14%;
    width: 18%;
    height: auto;
    z-index: 10;
    transform-origin: 313px 217px;
    background: var(--wp--preset--color--base-2);
}
.dc-071-group .dc-071-magenta-image-small-2 img { opacity: 0 }


@-webkit-keyframes dc-animation-circle-container {
    from { opacity: 0; transform: scale(0.8); }
    to { opacity: 1; transform: scale(1); }
}
/*.dc-animation-image-small-2 { animation-timing-function: ease; animation-name: dc-animation-image-small-2; animation-duration: 2s; animation-fill-mode: both; animation-iteration-count: infinite; } */
.dc-animation-circle-container { animation-name: dc-animation-circle-container; animation-timing-function: ease; animation-duration: 2s; animation-fill-mode: both; }


@-webkit-keyframes dc-animation-image-small {
    from { transform: rotate(0); }
    to { transform: rotate(0deg); }
/*
    0%   { transform: scale(1,1); }
    10%  { transform: scale(1.1); }
    30%  { transform: scale(0.9); }
    50%  { transform: scale(1.05); }
    57%  { transform: scale(1); }
    64%  { transform: scale(1); }
    100% { transform: scale(1); }

 */
}
/* .dc-animation-image-small { animation-name: dc-animation-image-small; animation-delay: 0s; animation-timing-function: ease-in-out; animation-duration: 2s; animation-fill-mode: both; animation-composition: add, accumulate; } */


@-webkit-keyframes dc-animation-image-bounce {
    0%   { transform: scale(0.2); }
    50%  { transform: scale(1.1); }
    100%  { transform: scale(1); }
}
/* .dc-animation-image-bounce { animation-name: dc-animation-image-bounce; animation-delay: 0s; animation-timing-function: ease-in-out; animation-duration: 0.8s; animation-fill-mode: both; animation-composition: add, accumulate; } */

.dc-animation-image-multiple {
    animation: dc-animation-image-small 5s ease-in-out, dc-animation-image-bounce 0.8s ease-in-out;
    animation-fill-mode: both;
    animation-composition: add, accumulate;
}


@-webkit-keyframes dc-animation-image-small-invers {
    from { opacity: 0; transform: rotate(0); }
    to { opacity: 1; transform: rotate(-0deg); }
}
.dc-animation-image-small-invers { animation-name: dc-animation-image-small-invers; animation-timing-function: ease-in-out; animation-duration: 1s; animation-fill-mode: both; }


@-webkit-keyframes dc-animation-magenta-image-small {
    from { transform: rotate(0); }
    to { transform: rotate(90deg); }
}
.dc-animation-magenta-image-small { animation-name: dc-animation-magenta-image-small; animation-timing-function: ease-out; animation-duration: 5s; animation-fill-mode: both; animation-iteration-count: 1; }







.dc-071-group .dc-071-magenta-image-small-3 {
    position: absolute;
    top: 66%;
    left: 52%;
    width: 21%;
    height: auto;
    z-index: 150;
    background: var(--wp--preset--color--base-2);
}
.dc-071-group .dc-071-magenta-image-small-3 img { opacity: 0; }

.dc-071-group .dc-071-magenta-image-small-4 {
    position: absolute;
    top: 36%;
    left: 69%;
    width: 20%;
    height: auto;
    z-index: 150;
    background: var(--wp--preset--color--base-2);
}
.dc-071-group .dc-071-magenta-image-small-4 img { opacity: 0; }

.dc-071-group .dc-071-magenta-circle-0 {
    position: absolute;
    top: 81%;
    left: 43%;
    width: 7%;
    height: auto;
    background: var(--wp--preset--color--maincolor);
    border: 0;
}

.dc-071-group .dc-071-magenta-circle-1 {
    position: absolute;
    top: 23%;
    left: 67%;
    width: 9%;
    height: auto;
    background: var(--wp--preset--color--maincolor);
    z-index: 0;
    border: 0;
}

.dc-071-group .dc-071-magenta-circle-2 {
    position: absolute;
    top: 44%;
    left: 16%;
    width: 13%;
    height: auto;
    background: var(--wp--preset--color--maincolor);
    z-index: 0;
    border: 0;
}












/* Debugging classes */
/* add ".dc-debug" to body class */

.dc-debug .dc-001-group,
.dc-debug .dc-002-group,
.dc-debug .dc-003-group,
.dc-debug .dc-004-group,
.dc-debug .dc-005-group,
.dc-debug .dc-006-group,
.dc-debug .dc-007-group,
.dc-debug .dc-008-group,
.dc-debug .dc-009-group,
.dc-debug .dc-010-group,
.dc-debug .dc-010-group,
.dc-debug .dc-011-group,
.dc-debug .dc-012-group,
.dc-debug .dc-013-group,
.dc-debug .dc-014-group,
.dc-debug .dc-015-group,
.dc-debug .dc-016-group,
.dc-debug .dc-017-group,
.dc-debug .dc-018-group,
.dc-debug .dc-019-group,
.dc-debug .dc-020-group,
.dc-debug .dc-021-group,
.dc-debug .dc-022-group,
.dc-debug .dc-023-group,
.dc-debug .dc-024-group,
.dc-debug .dc-025-group,
.dc-debug .dc-026-group,
.dc-debug .dc-027-group,
.dc-debug .dc-028-group,
.dc-debug .dc-029-group,
.dc-debug .dc-030-group,
.dc-debug .dc-031-group,
.dc-debug .dc-032-group,
.dc-debug .dc-033-group,
.dc-debug .dc-034-group,
.dc-debug .dc-035-group,
.dc-debug .dc-036-group,
.dc-debug .dc-037-group,
.dc-debug .dc-038-group,
.dc-debug .dc-039-group,
.dc-debug .dc-040-group {
    border: 2px solid rgba( 255, 0, 0, 0.3 ) !important;
}



.dc-debug h1:before {
    display: inline-block;
    content: 'H1';
    color: white;
    font-weight: 600;
    padding: 0.3rem;
    background: green;
}

.dc-debug h2:before {
    display: inline-block;
    content: 'H2';
    color: white;
    font-weight: 600;
    padding: 0.3rem;
    background: red;
}

.dc-debug h3:before {
    display: inline-block;
    content: 'H3';
    color: white;
    font-weight: 600;
    padding: 0.3rem;
    background: blue;
}

.dc-debug h4:before {
    display: inline-block;
    content: 'H4';
    color: white;
    font-weight: 600;
    padding: 0.3rem;
    background: orange;
}

.dc-debug a, .dc-debug button {
    padding: 0.3rem;
    border: 3px solid blue;
}