.project-select{border:1px solid var(--Interface-Basics-Line-Medium);color:#74b0ff;border-radius:var(--Corners-Corner-M);cursor:pointer;justify-content:space-between;align-items:center;width:100%;transition:border .3s;display:flex}.project-select:hover{border-color:var(--Interface-Basics-Text-Dark)}.project-select:hover .icon-chevron{opacity:1;transform:translate(0)}.project-select{padding:var(--spacing-s,var(--Spacing-S));padding-right:var(--spacing-xs,var(--Spacing-XS))}.project-select .heading-s{color:var(--Interface-Basics-Text-Dark)}.project-select .icon-chevron{color:var(--Interface-Basics-Text-Dark);opacity:0;font-size:2.4rem;transition:opacity .3s,transform .3s;transform:translate(-100%)}
.project-chooser{opacity:0;overflow:hidden}.project-chooser .all-visuals-wrapper{position:relative;transform:translateY(4rem)scale(1.3)}@media (min-width:1024px){.project-chooser .all-visuals-wrapper{transform:translate(0)scale(1)}}.project-chooser .all-visuals-wrapper>.visual-outer-wrapper{width:100%;position:absolute;transform:translateY(-50%)}.project-chooser .panel{z-index:100;background-color:var(--Interface-Basics-White);border-radius:var(--Corners-Corner-L);position:relative;box-shadow:0 35px 100px #0000001f}.project-chooser .panel .panel-info{padding:var(--spacing-s,var(--Spacing-S))}@media (min-width:1400px){.project-chooser .panel .panel-info{padding-inline:var(--spacing-xl,var(--Spacing-XL));padding-top:var(--spacing-l,var(--Spacing-L));padding-bottom:var(--spacing-s,var(--Spacing-S))}}.project-chooser .panel .panel-navigation{border-top:1px solid var(--Interface-Basics-Line-Light);justify-content:center;gap:.6rem;padding-top:1.3rem;padding-bottom:1.3rem;display:flex}@media (min-width:1400px){.project-chooser .panel .panel-navigation{padding-top:1.6rem;padding-bottom:1.6rem}}.project-chooser .panel .panel-info-wrapper{position:relative}.project-chooser .panel .panel-info-wrapper .panel-project-info{opacity:0;visibility:hidden;padding-right:6rem;position:relative}@media (min-width:1400px){.project-chooser .panel .panel-info-wrapper .panel-project-info{padding-right:8rem}}.project-chooser .panel .panel-info-wrapper .panel-project-info img{width:6rem;height:auto;position:absolute;top:-1rem;right:0}@media (min-width:1400px){.project-chooser .panel .panel-info-wrapper .panel-project-info img{width:7.6rem;height:auto}}.project-chooser .panel .panel-info-wrapper .panel-project-info.active{opacity:1;visibility:visible}.project-chooser .panel .panel-info-wrapper .panel-project-info~.panel-project-info{width:100%;position:absolute;top:0}.project-chooser .panel .link-regular{cursor:pointer;text-underline-offset:.3rem;color:var(--Interface-Basics-Text-Light);margin-top:.4rem;font-size:1.4rem;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;transition:color .2s;display:inline-block}.project-chooser .panel .link-regular:hover{color:var(--color-Brand-Colors-Rubin-Red-Dark)}@media (min-width:1400px){.project-chooser .panel .link-regular{font-size:1.6rem}}.project-chooser .panel .panel-project-select{white-space:nowrap;letter-spacing:.4px;cursor:pointer;color:var(--Interface-Basics-Text-Light);padding-inline:var(--spacing-xs,var(--Spacing-XS));padding-block:var(--spacing-xxs,var(--Spacing-XXS));border-radius:1000px;font-size:1.4rem;font-weight:500;line-height:1;transition:background-color .3s,color .3s}@media (min-width:1024px){.project-chooser .panel .panel-project-select{padding-inline:var(--spacing-s,var(--Spacing-S));padding-block:var(--spacing-xs,var(--Spacing-XS))}}@media (min-width:1400px){.project-chooser .panel .panel-project-select{font-size:1.6rem}}.project-chooser .panel .panel-project-select.active{background-color:var(--Brand-Colors-Dark-Blue-10);color:var(--Interface-Basics-Text-Dark)}.project-info-overlay{z-index:1000;opacity:0;visibility:hidden;--filter:0px;position:fixed;inset:0;transform:translateZ(0)}.project-info-overlay:before{content:"";-webkit-backdrop-filter:blur(var(--filter));backdrop-filter:blur(var(--filter));position:absolute;inset:0;transform:translateZ(0)}.project-info-overlay>*{z-index:1;position:relative}.project-info-overlay .project-info-overlay-wrapper{height:100%;padding-top:12rem}@media (min-width:1024px){.project-info-overlay .project-info-overlay-wrapper{align-items:center;padding-top:0;display:flex}}.project-info-overlay .project-info-overlay-wrapper img{width:7.2rem;height:7.2rem;margin-bottom:1.2rem;display:block}@media (min-width:1400px){.project-info-overlay .project-info-overlay-wrapper img{width:12rem;height:12rem;margin-bottom:1.6rem}}.project-info-overlay .project-info-overlay-wrapper .content-wrapper>*{opacity:0}.project-info-overlay .close-overlay{cursor:pointer;z-index:2;display:block;position:absolute;top:6rem;right:2rem}@media (min-width:1024px){.project-info-overlay .close-overlay{top:3.2rem;right:3.2rem}}.project-selected-end-screen{z-index:600;opacity:0;pointer-events:none;position:absolute;inset:0;overflow-y:auto}.project-selected-end-screen>*{padding-top:12rem;padding-bottom:4.8rem}.project-selected-end-screen img{border-radius:var(--Corners-Corner-M);margin-bottom:3rem;box-shadow:0 8.357px 27.857px #0000401a,0 22.286px 46.429px #00004038}@media (min-width:768px){.project-selected-end-screen img{margin-bottom:0}}.project-selected-end-screen .text-content{color:var(--Interface-Basics-Text-Dark)}.project-selected-end-screen .text-content .rich-text{margin-top:var(--spacing-s,var(--Spacing-S));color:#74b0ff}
.panel-choose-slider{background-color:var(--Brand-Colors-Dark-Blue-5);border-radius:1000px;padding:.6rem}@media (min-width:1400px){.panel-choose-slider{padding:.8rem}}.panel-choose-slider .slider-rail{position:relative}.panel-choose-slider .slider-info{color:var(--Interface-Basics-Text-Light);pointer-events:none;font-size:1.4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width:1400px){.panel-choose-slider .slider-info{font-size:1.6rem}}.panel-choose-slider .slider-knob{cursor:grab;z-index:10;width:4.8rem;height:4.8rem;color:var(--Interface-Basics-White);background-color:var(--Brand-Colors-Royal-Blue);border:1px solid var(--Brand-Colors-Royal-Blue-80);border-radius:100%;justify-content:center;align-items:center;font-size:2rem;transition:background-color .2s;display:flex;position:relative}.panel-choose-slider .slider-knob:hover{background-color:var(--Brand-Colors-Royal-Blue-Dark)}.panel-choose-slider .slider-knob:active{cursor:grabbing}@media (min-width:1400px){.panel-choose-slider .slider-knob{width:6rem;height:6rem;font-size:2.4rem}}
.visual-outer-wrapper{pointer-events:none;opacity:0}.visual-outer-wrapper.active{opacity:1}.visual-outer-wrapper .visual-wrapper{padding-bottom:78.675%;position:relative}.visual-outer-wrapper .visual-wrapper .img-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.visual-outer-wrapper .visual-wrapper .img-wrapper img{width:100%;height:auto;transform:translateZ(0)}.visual-outer-wrapper .visual-wrapper .glow{z-index:-1}.visual-outer-wrapper .visual-wrapper .glow>div{content:"";background-color:var(--Brand-Colors-Absinth-Green-40);filter:blur(15rem);border-radius:50%;width:100%;padding-bottom:100%;display:block}.visual-outer-wrapper[data-project=pro_juventute] .pixelcon{z-index:1;width:33%;top:36%;left:37%}.visual-outer-wrapper[data-project=pro_juventute] .coin{z-index:2;width:100%}.visual-outer-wrapper[data-project=pro_juventute] .clapper{z-index:3;width:46%;top:71%;left:33%}.visual-outer-wrapper[data-project=pro_juventute] .emojis{z-index:4;width:30%;top:37%;left:74%}.visual-outer-wrapper[data-project=pro_juventute] .glow{width:55%;top:45%;left:65%}.visual-outer-wrapper[data-project=pfarrer_sieber] .pixelcon{z-index:0;width:33%;top:32%;left:68%}.visual-outer-wrapper[data-project=pfarrer_sieber] .blanky{z-index:1;width:63%;top:61%;left:70%}.visual-outer-wrapper[data-project=pfarrer_sieber] .coin{z-index:2;width:105%;left:48%}.visual-outer-wrapper[data-project=pfarrer_sieber] .glove-l{z-index:4;width:40%;top:65%;left:32%}.visual-outer-wrapper[data-project=pfarrer_sieber] .glove-r{z-index:5;width:40%;top:68%;left:50%}.visual-outer-wrapper[data-project=pfarrer_sieber] .glow{width:64%}.visual-outer-wrapper[data-project=pusch] .cloud_2{z-index:0;width:67%;top:33%;left:21%}.visual-outer-wrapper[data-project=pusch] .pixelcon{z-index:1;width:33%;top:57%;left:32%}.visual-outer-wrapper[data-project=pusch] .coin{z-index:2;width:92%}.visual-outer-wrapper[data-project=pusch] .butterfloige{z-index:4;width:33%;top:35%;left:67%}.visual-outer-wrapper[data-project=pusch] .cloud_1{z-index:5;width:66%;top:66%;left:69%}.visual-outer-wrapper[data-project=pusch] .glow{width:64%}