.ce-accordion {
width: 94%;
max-width: 1504px;
margin: 0 auto;
}
.ce-accordion-inner {
position: relative;
}
.ce-accordion-inner .accordion {
width: 100%;
}
.ce-accordion-inner .accordion-label {
display: block;
width: 100%;
padding: 20px 65px 20px 20px;
margin-bottom: 15px;
cursor: pointer;
position: relative;
box-sizing: border-box;
color: #2C285B;
font-size: 20px;
font-weight: bold;
line-height: 28px;
letter-spacing: 0.4px;
background: #F1F6E1;
}
@media screen and (max-width: 768px) {
.ce-accordion-inner .accordion-label {
font-size: 18px;
margin-bottom: 15px;
line-height: 130%;
}
}
.ce-accordion-inner .accordion-label::after {
content: "";
display: block;
width: 44px;
height: 44px;
background: url(//www.bbs-walsrode.de/wp-content/themes/hph-gmbh/blockstudio/accordion/img/arrow-down.svg) no-repeat center center/20px auto;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%) rotate(-90deg);
transition: all 0.3s;
}
.ce-accordion-inner .accordion-content {
height: 0;
padding: 0 20px;
transition: all 0.3s;
overflow: hidden;
background: #fff;
}
.ce-accordion-inner input {
position: absolute;
opacity: 0;
z-index: -1;
}
.ce-accordion-inner input:focus + .accordion-label, .ce-accordion-inner input:active + .accordion-label {
outline: 1px solid #2C285B;
}
.ce-accordion-inner input:not(:checked) + .accordion-label:hover::after {
transform: translateY(-50%) rotate(0);
}
.ce-accordion-inner input:checked + .accordion-label::after {
transform: translateY(-50%) rotate(0);
}
.ce-accordion-inner input:checked + .accordion-label:hover::after {
transform: translateY(-50%) rotate(-180deg);
}
.ce-accordion-inner input:checked ~ .accordion-content {
height: auto;
padding: 20px 20px;
}
.wp-block-columns .ce-accordion, .px-frame-layout .ce-accordion, .accordion-content .ce-accordion, .tab_wrapper .ce-accordion {
width: 100%;
}