:root{--color-copper: #ff8d61;--color-alu: #afb3bb;--color-slurry: #121313;--color-white: #fff;--color-off: #000;--color-copper-dark: #f47644;--color-copper-light: #ffb294;--color-alu-dark: #808288;--color-alu-light: #cdcfd3;--color-slurry-dark: #000000;--color-slurry-light: #1e2022;--color-light: #f3f2ef;--color-error: #ff5459;--color-focus: #475aff;--hover-duration: .1s;--hover-ease: ease-in-out;--fadein-duration: .4s;--fadein-ease: ease-in-out;--cells-speed: .01}.accordeon{padding:0 20px 40px}.accordeon ul{display:flex;flex-direction:column;gap:0px}.accordeon ul li{-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--color-slurry)}.accordeon ul li input{display:none}.accordeon ul li label{cursor:pointer;display:inline-block;padding:12px 60px 24px 0;position:relative;transition:color var(--hover-duration) var(--hover-ease);width:100%}.accordeon ul li label:after{content:"";position:absolute;top:16px;right:0;width:40px;height:40px;background-color:var(--color-slurry);-webkit-mask-image:url(../../assets/img/icons/iconArrowbig-down.svg);mask-image:url(../../assets/img/icons/iconArrowbig-down.svg);-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:background-color var(--hover-duration) var(--hover-ease)}.accordeon ul li label:hover{color:var(--color-copper-dark)}.accordeon ul li label:hover:after{background-color:var(--color-copper-dark)}.accordeon ul li p{opacity:0;transition:opacity 0;height:0px;margin-bottom:0}.accordeon ul li input:checked~p{display:block;transition:opacity .8s ease-in-out;opacity:1;margin-bottom:20px;height:auto}.accordeon ul li input:checked~label:after{transform:rotate(180deg)}.accordeon ul li:first-child label{padding-top:0}.accordeon ul li:first-child label:after{top:0}html[data-darkmode=true] .accordeon ul li{border-bottom:1px solid var(--color-alu)}html[data-darkmode=true] .accordeon ul li label:after{background-color:var(--color-alu)}html[data-darkmode=true] .accordeon ul li label:hover{color:var(--color-alu-dark)}html[data-darkmode=true] .accordeon ul li label:hover:after{background-color:var(--color-alu-dark)}@media (min-width: 560px){.accordeon{padding:0 0 40px}.accordeon ul{grid-column-start:3;grid-column-end:11}.accordeon ul li label{padding-top:24px;padding-bottom:32px}.accordeon ul li label:after{top:24px}}@media (min-width: 920px){.accordeon{padding:0 0 80px}.accordeon ul{grid-column-start:6;grid-column-end:11}}
