.c-collapsable-text{margin:1rem 0}.c-collapsable-text__faq,.c-collapsable-text__title-container{width:100%;position:relative}.c-collapsable-text__faq{margin-bottom:1.5rem;cursor:pointer}.c-collapsable-text__title-container{padding:1rem 1rem .75rem;background:#f5f5f5}.c-collapsable-text__title{text-transform:uppercase;margin-top:0;margin-bottom:0;color:#575756;width:calc(100% - 70px);font-size:18px}.c-collapsable-text__icon-container{position:absolute;top:0;right:0;width:70px;height:100%;background-image:url('https://www.epc.nl/hubfs/Images/Iconen/icoon_lamp-closed.svg');background-repeat:no-repeat;background-position:bottom}.c-collapsable-text__faq.active .c-collapsable-text__icon-container{height:90px;background-image:url('https://www.epc.nl/hubfs/Images/Iconen/icoon_lamp-open.svg')}.c-collapsable-text__content{opacity:0;max-height:0;pointer-events:none;transition:.3s}.c-collapsable-text__faq.active .c-collapsable-text__content{opacity:1;max-height:100%;pointer-events:all;padding:1.5rem 3rem 1.5rem 1rem}@media all and (max-width:400px){.c-collapsable-text__title{width:calc(100% - 60px)}.c-collapsable-text__icon-container{top:unset;bottom:0}.c-collapsable-text__faq.active .c-collapsable-text__icon-container{bottom:0;transform:translateY(35px)}}