.cms_akkordeon_padding > div > div > .flex_container { padding: 30px !important; }
.cms_akkordeon_padding { padding: 24px 0; }
.cms_akkordeon_padding > .cat_content { padding: 15px; }
.cms_akkordeon_accBodyText > .flex_container.cms_padding_1 { width: calc(100% + 60px); padding: 15px; margin: -30px 0 0 -30px; }
.cms_akkordeon_accBodyText > .flex_container > .cms_padding_1 { padding: 15px; }
.cms_akkordeon_acc { display: block !important; border-bottom: 1px solid var(--trennlinie); }
.cms_akkordeon_accHeader { cursor: pointer; position: relative; padding: 25px 80px 25px 0; }
.cms_akkordeon_padding > div > div > div > article:nth-of-type(2) .cms_akkordeon_accHeader { padding: 0 80px 25px 0; }
.cms_akkordeon_title > h3 { transition: var(--transition); }
.cms_akkordeon_accHeader:hover .cms_akkordeon_title h3,
.cms_akkordeon_acc.open .cms_akkordeon_title > h3 { color: var(--primary-100); }
.cms_akkordeon_toggler { position: absolute; z-index: 1; top: 50%; right: 0; transform: translateY(-50%); width: 50px; height: 50px; background: var(--primary-30); border-radius: 50%; }
.cms_akkordeon_padding > div > div > div > article:nth-of-type(2) .cms_akkordeon_toggler { top: 0; transform: none; }
.cms_akkordeon_toggler:before,
.cms_akkordeon_toggler:after { content: ""; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%,-50%); background: var(--primary-100); }
.cms_akkordeon_toggler:before { width: 2px; height: 24px; transition: var(--transition); will-change: transform; }
.cms_akkordeon_toggler:after { width: 24px; height: 2px; }
.cms_akkordeon_acc.open .cms_akkordeon_toggler:before { transform: translate(-50%, -50%) rotate(90deg); }
.cms_akkordeon_accBody { display: block; width: 100%; height: 0; overflow: hidden; transition: var(--transition); }
.cms_akkordeon_accBodyText { padding: 0 0 26px 0; }
.cms_akkordeon_accBodyText > .art.flex_container.cms_padding_1 { padding: 15px !important; }
@media screen and (max-width: 767px) {
    .cms_akkordeon_accHeader { padding: 15px 59px 15px 0; }
    .cms_akkordeon_padding > div > div > div > article:nth-of-type(2) .cms_akkordeon_accHeader { padding: 0 59px 15px 0; }
    .cms_akkordeon_toggler { width: 29px; height: 29px; }
    .cms_akkordeon_toggler:before { height: 14px; }
    .cms_akkordeon_toggler:after { width: 14px; }
}