:root {
    --sectionColor: #e9d994;
    --sectionColorLight: #f3f0e8;
    --colColor: #c7d8ab;
    --colColorLight: #e8f3e3;

    --otherColor: #abc6d8;
    --otherColorLight: #e8f2fa;
}

/* Alles */
.interface-interface-skeleton__html-container .wp-block {
    border: 4px solid #fff;
}
.interface-interface-skeleton__html-container .wp-block.is-selected {
    border-color: #004e96c0;
}

/* Alle Container */
.interface-interface-skeleton__html-container .gb-root-block-generateblocks-container .wp-block-generateblocks-container {
    border: 10px solid #eee;
    outline: 2px solid #fff;
    padding: 5px;
}

/* Grid */
.interface-interface-skeleton__html-container .gb-grid-wrapper {
    border: 5px solid #ccc;
    padding: 5px;
}

.interface-interface-skeleton__html-container .gb-grid-wrapper .gb-grid-column > .wp-block {
    border: 3px solid #777;
    padding: 5px;
    height: 100%;
}


/* Full Width Cont / bzw. first container*/
.interface-interface-skeleton__html-container .gb-root-block-generateblocks-container > .wp-block-generateblocks-container {
    /* border: 5px solid #ccc; */
    border: 5px solid #eee;
}

/* inner Cont / bzw. second container*/
.interface-interface-skeleton__html-container .gb-root-block-generateblocks-container > .wp-block-generateblocks-container > .wp-block-generateblocks-container {
    max-width: 85%;
    margin: 0 auto;
    /* border: 15px solid #eee; */
    /* padding: 5px; */
}

/* Active */
.interface-interface-skeleton__html-container .gb-container.is-selected,
.interface-interface-skeleton__html-container .gb-grid-wrapper.is-selected  {
    border-color: #004e96c0;
}

/* Strong */

.interface-interface-skeleton__html-container strong {
    color: #FE0000 !important;
}

/* Individuelle Container an HIER */

/* Sektion Hintergundfarben Buttons */
.acf-field.acf-field-select .acf-selection > span {
    padding: 0 10px;
    width: 85%;
    display: inline-block;
}

/* ACF Sektionen Hintergrund */

div#acf-group_6657316ace49f {
    background: #eee;
}

.acf-fc-layout-handle {
    background: #2271b1;
    color: #fff !important;
    font-weight: 600;
}

a.acf-icon.-collapse.small.-clear.acf-js-tooltip {
    background: #eee;
}

.acf-repeater.-row > table > tbody > tr > td,
.acf-repeater.-block > table > tbody > tr > td {
    border-top: 7px solid #fff;
}

.acf-field[data-width] + .acf-field[data-width] {
    border-left: 1px solid #ccc;
}

.acf-fields > .acf-field {
    border-top-color: #ccc;
}

/* Sektion */
.acf-repeater td.acf-fields{
    background: var(--sectionColorLight);
}
.acf-repeater .acf-row-handle.order,
.acf-repeater .acf-row-handle.remove {
    background: var(--sectionColor);
    color: #fff;
    font-size: 30px;
}
a.acf-button.acf-repeater-add-row.button.button-primary {
    background: var(--sectionColor);
    color: #000;
    font-weight: 600;
}

/* Spalte */
.acf-repeater td.acf-fields td.acf-fields{
    background: var(--colColorLight);
}
.acf-repeater .acf-row-handle.order ~ .acf-fields .acf-row-handle {
    background: var(--colColor);
}
.acf-field-66582aa2bb6ca > .acf-input > .acf-repeater > .acf-actions a.acf-button.acf-repeater-add-row.button.button-primary {
    background: var(--colColor);
    color: #000;
    font-weight: 600;
}

.acf-field.acf-field-range.acf-field-66582ab7bb6cb,
.acf-field.acf-field-range.acf-field-66582ae8bb6cc,
.acf-field.acf-field-range.acf-field-66582b02bb6cd {
    background: var(--colColor);
    font-weight: 900;
    font-size: 20px;
} 

/* Umbruch der Responsive Breiten */
input#acf-field_6657316b3e6a6-row-0-field_66582aa2bb6ca-row-0-field_66582ae8bb6cc,
input#acf-field_6657316b3e6a6-row-0-field_66582aa2bb6ca-row-0-field_66582ab7bb6cb,
input#acf-field_6657316b3e6a6-row-0-field_66582aa2bb6ca-row-0-field_66582b02bb6cd {
    max-width: 50%;
}

/* Col Hintergrund & Textfarbe */
.acf-fields > .acf-field-group.acf-field-674d8ec773b01 .acf-field.acf-field-select.acf-field-66586146cf88c,
.acf-fields > .acf-field-group.acf-field-674d8ec773b01 .acf-field.acf-field-select.acf-field-6708f93e2c66f {
    width: 50% !important;
}

/* Col Hintergrundbild & Eistellungen dazu */
.acf-fields > .acf-field-group.acf-field-675054742e21f .acf-field.acf-field-image.acf-field-6724fac5ec305.-r0,
.acf-fields > .acf-field-group.acf-field-675054742e21f .acf-field.acf-field-number.acf-field-6725038bdad6d.-r0,
.acf-fields > .acf-field-group.acf-field-675054742e21f .acf-field.acf-field-number.acf-field-672503fddad6f.-r0,
.acf-fields > .acf-field-group.acf-field-675054742e21f .acf-field.acf-field-color-picker.acf-field-6724fb9eec307.-r0 {
    width: 18% !important;
}
.acf-fields > .acf-field-group.acf-field-675054742e21f .acf-field.acf-field-true-false.acf-field-6724fb2dec306.-r0 {
    width: 10% !important;
}

/* Andere Wiederholungs-Felder */
.acf-repeater td.acf-fields td.acf-fields td.acf-fields{
    background: var(--otherColorLight);
}

.acf-repeater .acf-row-handle.order ~ .acf-fields .acf-row-handle ~ .acf-fields .acf-row-handle {
    background: var(--otherColor);
}

.acf-field-repeater .acf-field-repeater a.acf-button.acf-repeater-add-row.button.button-primary {
    background: var(--otherColor);
}

/* Bilder */

.acf-field-665f10e5afe21 img {
    max-height: 40px !important;
}

.acf-field.acf-field-image.acf-field-66617132f0993 img {
    max-height: 100px !important;
}

/* Farbwahl */
.acf-field-select.acf-field-66586146cf88c select option:nth-child(1),
.acf-field-select.acf-field-6708f93e2c66f select option:nth-child(1) {
    background-color: #ffffff;
}
.acf-field-select.acf-field-66586146cf88c select option:nth-child(2),
.acf-field-select.acf-field-6708f93e2c66f select option:nth-child(2) {
    background-color: var(--primary);
}
.acf-field-select.acf-field-66586146cf88c select option:nth-child(3),
.acf-field-select.acf-field-6708f93e2c66f select option:nth-child(3) {
    background-color: var(--secondary);
}
.acf-field-select.acf-field-66586146cf88c select option:nth-child(4),
.acf-field-select.acf-field-6708f93e2c66f select option:nth-child(4) {
    background-color: var(--dark);
}
.acf-field-select.acf-field-66586146cf88c select option:nth-child(5),
.acf-field-select.acf-field-6708f93e2c66f select option:nth-child(5) {
    background-color: var(--grey);
}
.acf-field-select.acf-field-66586146cf88c select option:nth-child(6),
.acf-field-select.acf-field-6708f93e2c66f select option:nth-child(6) {
    background-color: var(--lightgrey);
}
.acf-field-select.acf-field-66586146cf88c select option:nth-child(7),
.acf-field-select.acf-field-6708f93e2c66f select option:nth-child(7) {
    background-color: var(--color_alt_3);
}
.acf-field-select.acf-field-66586146cf88c select option:nth-child(8),
.acf-field-select.acf-field-6708f93e2c66f select option:nth-child(8) {
    background-color: var(--color_alt_4);
}
.acf-field-select.acf-field-66586146cf88c select option:nth-child(9),
.acf-field-select.acf-field-6708f93e2c66f select option:nth-child(9) {
    background-color: var(--color_alt_5);
}
.acf-field-select.acf-field-66586146cf88c select option:nth-child(10),
.acf-field-select.acf-field-6708f93e2c66f select option:nth-child(10) {
    background-color: var(--color_alt_6);
}
.acf-field-select.acf-field-66586146cf88c select option:nth-child(11),
.acf-field-select.acf-field-6708f93e2c66f select option:nth-child(11) {
    background-color: var(--color_alt_7);
}

/* Teaser Bereich Farbwahl - Feldbreite */
/* Hintergrund */
.acf-field-clone.acf-field-6708dababf39d .acf-field.acf-field-select.acf-field-66586146cf88c,
.acf-field-clone.acf-field-670939afe5d18 .acf-field.acf-field-select.acf-field-66586146cf88c {
    width: 40% !important;
}
/* Text */
.acf-field-clone.acf-field-6708dababf39d .acf-field.acf-field-select.acf-field-6708f93e2c66f,
.acf-field-clone.acf-field-670939afe5d18 .acf-field.acf-field-select.acf-field-6708f93e2c66f {
    width: 32% !important;
}
/* Ausrichtung */
.acf-field-clone.acf-field-6708dababf39d .acf-field.acf-field-select.acf-field-6708f4ef6028d,
.acf-field-clone.acf-field-670939afe5d18 .acf-field.acf-field-select.acf-field-6708f4ef6028d {
    width: 28% !important;
}