:root{--highlight-color:#ffcdbe}.front-animation{border-radius:.25rem;overflow:hidden;position:relative}.front-animation__background-peach{--highlight-color:#ffbe8c}.front-animation__background-orange{--highlight-color:#ff7846}.front-animation__background-purple{--highlight-color:#beb4e6}.front-animation__background-light-pink{--highlight-color:#ffcdbe}.front-animation__background-red{--highlight-color:#e00}.front-animation__background-green{--highlight-color:#dcd7b9}.front-animation__container{-webkit-box-sizing:border-box!important;box-sizing:border-box!important;position:relative}@media (max-width:37.5rem){.front-animation__container{padding-left:.5rem;padding-right:.5rem}}.front-animation__wrapper{aspect-ratio:358/521;border-radius:.25rem;position:relative}@media (min-width:37.501rem){.front-animation__wrapper{aspect-ratio:85/45}}.front-animation__item{background-color:var(--highlight-color);border-radius:.25rem;height:100%;overflow:hidden;position:absolute;width:100%;z-index:1}.front-animation__item.is-active{z-index:2}.front-animation__images{color:var(--highlight-color);opacity:0;overflow:hidden;position:absolute;-webkit-transition:opacity 1s ease-out;transition:opacity 1s ease-out;width:100%}.is-active .front-animation__images{opacity:1}.front-animation__images--only{height:100%;left:0;max-width:100%;top:0;width:100%}@media (max-width:37.5rem){.front-animation__images--only{display:none}}.front-animation__images--only .front-animation__image--only{height:100%;margin:0;width:100%}.front-animation__images--only img{border-radius:.25rem;-webkit-clip-path:none;clip-path:none;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (max-width:37.5rem){.front-animation__images--only img{display:none}}.front-animation__images[data-image="1"]{display:none}@media (min-width:37.501rem){.front-animation__images[data-image="1"]{display:block;max-width:57%;-webkit-transform:translate(34%,-20%);transform:translate(34%,-20%)}}.front-animation__images[data-image="1"] .front-animation__fraktion svg{-webkit-transform-origin:94% 48%;transform-origin:94% 48%}.front-animation__images[data-image="1"] .front-animation__image{aspect-ratio:751/881}.front-animation__images[data-image="1"] .front-animation__image img{-webkit-clip-path:url(#fraktion-1);clip-path:url(#fraktion-1)}@media (max-width:37.5rem){.front-animation__images[data-image="1"] .front-animation__image img{display:none}}.front-animation__images[data-image="2"]{display:none}@media (min-width:37.501rem){.front-animation__images[data-image="2"]{display:block;max-width:67%;-webkit-transform:translate(58%,26%);transform:translate(58%,26%)}}.front-animation__images[data-image="2"] .front-animation__fraktion svg{-webkit-transform-origin:4% 83%;transform-origin:4% 83%}.front-animation__images[data-image="2"] .front-animation__image{aspect-ratio:857/750}.front-animation__images[data-image="2"] .front-animation__image img{-webkit-clip-path:url(#fraktion-2);clip-path:url(#fraktion-2)}@media (max-width:37.5rem){.front-animation__images[data-image="2"] .front-animation__image img{display:none}}.front-animation__images[data-image="3"]{display:none}@media (min-width:37.501rem){.front-animation__images[data-image="3"]{display:block;max-width:49%;-webkit-transform:translate(-56%,19%);transform:translate(-56%,19%)}.front-animation__images[data-image="3"] .front-animation__image{aspect-ratio:631/648}.front-animation__images[data-image="3"] .front-animation__image img{-webkit-clip-path:url(#fraktion-3);clip-path:url(#fraktion-3)}}@media (min-width:37.501rem) and (max-width:37.5rem){.front-animation__images[data-image="3"] .front-animation__image img{display:none}}.front-animation__images[data-image="4"]{display:none}@media (min-width:37.501rem){.front-animation__images[data-image="4"]{display:block;max-width:55%;-webkit-transform:translate(122%,-50%);transform:translate(122%,-50%)}.front-animation__images[data-image="4"] .front-animation__image{aspect-ratio:748/733}.front-animation__images[data-image="4"] .front-animation__image img{-webkit-clip-path:url(#fraktion-4);clip-path:url(#fraktion-4)}}@media (min-width:37.501rem) and (max-width:37.5rem){.front-animation__images[data-image="4"] .front-animation__image img{display:none}}.front-animation__images--mobile{display:block}@media (min-width:37.501rem){.front-animation__images--mobile{display:none}}.front-animation__images--mobile .front-animation__image{aspect-ratio:358/521}.front-animation__images--mobile .front-animation__image img{border-radius:.25rem}.front-animation__image{height:100%;margin:0;overflow:hidden;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:1}.front-animation__image img{aspect-ratio:1360/720;border-radius:.25rem;display:block;height:100%;margin-left:auto;margin-right:auto;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}@media (max-width:37.5rem){.front-animation__image img{aspect-ratio:358/521}}.front-animation__overlays{background-color:transparent;border-radius:.25rem;height:100%;overflow:hidden;position:absolute;top:0;width:100%;z-index:3}.front-animation__background-element{border-radius:.25rem;color:var(--highlight-color);height:100%;left:0;position:absolute;-webkit-transition:color 1s ease-out;transition:color 1s ease-out;width:100%;z-index:123}@media (max-width:37.5rem){.front-animation__background-element--desktop{display:none}}.front-animation__background-element--mobile{border-radius:.25rem}@media (min-width:37.501rem){.front-animation__background-element--mobile{display:none}}.front-animation__overlay{overflow:hidden;position:relative;-webkit-transition:color .5s ease-out;transition:color .5s ease-out}.front-animation__overlay--1,.front-animation__overlay--1 .front-animation__overlay__flip{aspect-ratio:400/463;-webkit-clip-path:url(#fraktion-1);clip-path:url(#fraktion-1);left:-5%;top:-10%}@media (min-width:37.501rem){.front-animation__overlay--1,.front-animation__overlay--1 .front-animation__overlay__flip{aspect-ratio:751/881;display:block;left:19%;top:-26.5%}}@media (max-width:37.5rem){.front-animation__overlay--1{-webkit-transform:rotate(8deg);transform:rotate(8deg);width:126%}}@media (min-width:37.501rem){.front-animation__overlay--1{max-width:57%}}.front-animation__overlay--1 .front-animation__overlay__flip{-webkit-transform-origin:100% 54%;transform-origin:100% 54%}.front-animation__overlay--1 .front-animation__overlay__flip.flip-animation{-webkit-animation-name:flip_1;animation-name:flip_1}.front-animation__overlay--2,.front-animation__overlay--2 .front-animation__overlay__flip{aspect-ratio:857/750;-webkit-clip-path:url(#fraktion-2);clip-path:url(#fraktion-2);left:14%;top:-38%}@media (min-width:37.501rem){.front-animation__overlay--2,.front-animation__overlay--2 .front-animation__overlay__flip{display:block;left:39%;top:-98%}}.front-animation__overlay--2 .front-animation__overlay__flip{-webkit-transform-origin:66% 0;transform-origin:66% 0}.front-animation__overlay--2 .front-animation__overlay__flip.flip-animation{-webkit-animation-name:flip_2;animation-name:flip_2}@media (max-width:37.5rem){.front-animation__overlay--2{-webkit-transform:rotate(266deg);transform:rotate(266deg)}}@media (min-width:37.501rem){.front-animation__overlay--2{max-width:67%}}.front-animation__overlay--3,.front-animation__overlay--3 .front-animation__overlay__flip{aspect-ratio:631/648;-webkit-clip-path:url(#fraktion-3);clip-path:url(#fraktion-3);left:46%;top:-194%}@media (min-width:37.501rem){.front-animation__overlay--3,.front-animation__overlay--3 .front-animation__overlay__flip{display:block;left:-25%;top:-220%}}.front-animation__overlay--3 .front-animation__overlay__flip{-webkit-transform-origin:-11% 79%;transform-origin:-11% 79%}.front-animation__overlay--3 .front-animation__overlay__flip.flip-animation{-webkit-animation-name:flip_3;animation-name:flip_3}@media (max-width:37.5rem){.front-animation__overlay--3{-webkit-transform:rotate(165deg);transform:rotate(165deg)}}@media (min-width:37.501rem){.front-animation__overlay--3{max-width:49%}}.front-animation__overlay--4,.front-animation__overlay--4 .front-animation__overlay__flip{aspect-ratio:748/733;-webkit-clip-path:url(#fraktion-4);clip-path:url(#fraktion-4);display:none}@media (min-width:37.501rem){.front-animation__overlay--4,.front-animation__overlay--4 .front-animation__overlay__flip{display:block;right:-69%;top:-375%}}.front-animation__overlay--4 .front-animation__overlay__flip{-webkit-transform-origin:77% 3%;transform-origin:77% 3%}.front-animation__overlay--4 .front-animation__overlay__flip.flip-animation{-webkit-animation-name:flip_4;animation-name:flip_4}@media (min-width:37.501rem){.front-animation__overlay--4{max-width:55%}}.front-animation__overlay__flip{background-color:var(--highlight-color);-webkit-transition:background-color 1s ease-out;transition:background-color 1s ease-out}.front-animation__overlay__flip.flip-animation{-webkit-animation-duration:3.5s;animation-duration:3.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes flip_1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}22.2%{-webkit-transform:rotate(-70deg);transform:rotate(-70deg)}77.8%{-webkit-transform:rotate(-70deg);transform:rotate(-70deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes flip_1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}22.2%{-webkit-transform:rotate(-70deg);transform:rotate(-70deg)}77.8%{-webkit-transform:rotate(-70deg);transform:rotate(-70deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes flip_2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}22.2%{-webkit-transform:rotate(72deg);transform:rotate(72deg)}77.8%{-webkit-transform:rotate(72deg);transform:rotate(72deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes flip_2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}22.2%{-webkit-transform:rotate(72deg);transform:rotate(72deg)}77.8%{-webkit-transform:rotate(72deg);transform:rotate(72deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes flip_3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}22.2%{-webkit-transform:rotate(-56deg);transform:rotate(-56deg)}77.8%{-webkit-transform:rotate(-56deg);transform:rotate(-56deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes flip_3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}22.2%{-webkit-transform:rotate(-56deg);transform:rotate(-56deg)}77.8%{-webkit-transform:rotate(-56deg);transform:rotate(-56deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes flip_4{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}22.2%{-webkit-transform:rotate(70deg);transform:rotate(70deg)}77.8%{-webkit-transform:rotate(70deg);transform:rotate(70deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes flip_4{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}22.2%{-webkit-transform:rotate(70deg);transform:rotate(70deg)}77.8%{-webkit-transform:rotate(70deg);transform:rotate(70deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}