.AD22_Accordion { -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 10px; } .AD22_Accordion>.AD22_Accordion_Title { cursor: pointer; display: block; font: bold 15px Arial,sans-serif; font-family: 'Open Sans',sans-serif; margin: 0; position: relative; text-decoration: none; } .AD22_Accordion>.AD22_Accordion_Title::after { -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); content: '+'; position: absolute; right: 10px; text-align: center; top: 50%; transform: translate(0,-50%); width: 15px; } .AD22_Accordion>.AD22_Accordion_Content { -o-transition-property: all; -o-transition-timing-function: ease; -webkit-transition-property: all; -webkit-transition-timing-function: ease; overflow: hidden; transition-property: all; transition-timing-function: ease; } .AD22_Accordion_Section { color: #11284e; text-align: left; } .AD22_Accordion_Section .AD22_Accordion { background-color: #f5f8fd; border: none; } .AD22_Accordion_Section .AD22_Accordion.is-active { background-color: #fff; } .AD19_Footer .AD22_Accordion_Section .AD22_Accordion.is-active { background-color: #11284e; } .AD22_Accordion_Section .AD22_Accordion .AD22_Accordion_Title { color: #11284e; font-size: 1.125rem; font-style: italic; font-weight: 700; line-height: 1.5rem; padding: 15px 90px 17px 24px; margin-top: 15px; margin-bottom: 2px; } .AD22_Accordion_Section .AD22_Accordion .AD22_Accordion_Content { text-align: left; font-size: 1rem; font-style: normal; font-weight: 300; line-height: 1.625rem; margin-left: 24px; margin-right: 24px; } .AD22_Accordion_Section .AD22_Accordion.is-active>.AD22_Accordion_Content { margin-bottom: 32px; margin-top: 15px; } .AD22_Accordion_Section .AD22_Accordion.is-active>.AD22_Accordion_Title::after { content: url(../icons-vorlagen/icon-collapse-14.svg); top: 45%; } .AD22_Accordion_Section .AD22_Accordion>.AD22_Accordion_Title::after { content: url(../icons-vorlagen/icon-expand-14.svg); right: 24px; } .AD22_Accordion_Content .h4, .AD22_Accordion_Content .h3, .AD22_Accordion_Content .h2 { font-size: 1.125rem; line-height: 1.5rem; } .AD22_Accordion_Content section { margin-bottom: 50px; } .AD22_Accordion_Content .NoGap { margin-bottom: 0px; } @media (min-width: 1024px) { .AD22_Accordion_Section { margin: 0 auto; max-width: 760px; } .AD22_Accordion_Section .AD22_Accordion .AD22_Accordion_Title { padding: 14px 90px 14px 20px; } .AD22_Accordion_Section .AD22_Accordion .AD22_Accordion_Content { margin-left: 20px; margin-right: 100px; } .AD22_Accordion_Section .AD22_Accordion.is-active>.AD22_Accordion_Content { margin: 8px 100px 32px 20px; } .AD22_Accordion_Section .with-750 { width: 100%; } } .AD22_Accordion_Section .AD22_Accordion .AD22_Accordion_Content.no_margin{ margin-left: 0px; margin-right: 0px; } .AD22_Accordion_Title h2, .AD22_Accordion_Title h3, .AD22_Accordion_Title h4 { color: #11284e; font-size: 1.125rem; font-style: italic; font-weight: 700; line-height: 1.5rem; } .AD22_Accordion_Content section.AD19_Text { margin-bottom: 15px; } .AD22_Accordion_Title * { pointer-events: none; }