.accordion{margin:0;padding:0;border:2px solid hsl(0deg 0% 52%);border-radius:7px;width:100%}.accordion h3{margin:0;padding:0}.accordion:focus-within{border-color:var(--primary-color)}.accordion:focus-within h3{background-color:hsl(0deg 0% 97%)}.accordion > * + *{border-top:1px solid hsl(0deg 0% 52%)}.j-accordion_trigger{background:none;color:hsl(0deg 0% 13%);display:block;font-size:1rem;font-weight:normal;margin:0;padding:1em 1.5em;position:relative;text-align:left;width:100%;outline:none}.j-accordion_trigger:focus, .j-accordion_trigger:hover{background:var(--primary-color-focus)}.accordion-trigger:focus{outline:4px solid transparent}.accordion > *:first-child .j-accordion_trigger, .accordion > *:first-child{border-radius:5px 5px 0 0}.accordion > *:last-child .j-accordion_trigger, .accordion > *:last-child{border-radius:0 0 5px 5px}button{border-style:none}.accordion button::-moz-focus-inner{border:0}.accordion_title{display:block;pointer-events:none;border:transparent 2px solid;border-radius:5px;padding:0.25em;outline:none}.j-accordion_trigger:focus .accordion_title{border-color:var(--primary-color)}.accordion_icon{border:solid currentColor;border-width:0 2px 2px 0;height:0.5rem;pointer-events:none;position:absolute;right:2em;top:50%;transform:translateY(-60%) rotate(45deg);width:0.5rem}.accordion-trigger:focus .accordion_icon, .accordion-trigger:hover .accordion_icon{border-color:var(--primary-color)}.j-accordion_trigger[aria-expanded="true"] .accordion_icon{transform:translateY(-50%) rotate(-135deg)}.accordion_panel{margin:0;padding:1em 1.5em}.accordion_panel[hidden]{display:none}fieldset{border:0;margin:0;padding:0}input{border:1px solid hsl(0deg 0% 42%);border-radius:0.3em;display:block;font-size:inherit;padding:0.3em 0.5em}:root{--primary-color:#6287b5;--secondary-color:#06d6a0;--text-color:#212828;--background-color:#fff;--font-family:"Arial", sans-serif;--button-text-color:#fff;--link-color:#6287b5;--link-hover-color:#06d6a0;--bottom-menu-height:0px;--menu-height:100px;font-size:18px}.hidden{display:none !important}html{height:100%}html, body{margin:0;padding:0;font-family:var(--font-family);color:var(--text-color);background-color:var(--background-color);font-size:1rem;height:100%;min-height:100%}body{min-height:calc(100% - var(--menu-height) - var(--bottom-menu-height));background:rgb(98, 135, 181);background:linear-gradient( 135deg, rgba(98, 135, 181, 1) 0%, rgba(6, 214, 160, 1) 100% )}*{box-sizing:border-box}a{text-decoration:none}h1, h2, h3, h4, h5, h6{color:var(--text-color);margin:0;font-weight:bold;line-height:1.2}h2{font-size:1.2rem}p{margin:0;color:var(--text-color)}P:not(:first-of-type){margin-top:1rem}a:not(.button){color:var(--link-color);text-decoration:none;transition:color 0.3s, text-decoration 0.3s;font-family:var(--font-family)}button{cursor:pointer}a:hover:not(.button), a:focus:not(.button){color:var(--link-hover-color);text-decoration:underline;outline:none}a:focus-visible:not(.button){outline:auto}.button, .app_button{background-color:var(--primary-color);color:var(--button-text-color);border:solid var(--text-color) 2px;padding:10px 20px;font-size:1rem;border-radius:5px;cursor:pointer;transition:background-color 0.3s, transform 0.2s, box-shadow 0.3s;display:block;width:fit-content;text-decoration:none;font-family:var(--font-family)}.button:hover, .app_button:hover{background-color:var(--secondary-color);box-shadow:0 4px 8px rgba(0, 0, 0, 0.2)}.button:focus, .app_button:focus{outline:2px solid black}.w-screen{min-height:100%;margin:auto;padding:20px}.w-content{height:100%}.filters{height:0;width:0}#w-preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:white;z-index:999;display:flex;justify-content:center;align-items:center}#datenschutz .w-content, #impressum .w-content{margin:auto;max-width:1000px;background:white;height:fit-content;border-radius:20px;padding:20px;position:relative}.w-header{height:var(--menu-height);width:100%;background:white;display:flex;gap:20px;position:fixed;top:0;left:0;padding:15px;align-items:center;justify-content:space-evenly}.w-header a{height:100%;max-width:calc(100% - 16px)}.w-header a.w-header__start-link{height:unset;font-weight:bold;font-size:2rem;text-align:center}.w-header-image{height:100%;width:auto;max-width:100%;object-fit:contain}.footer__menu{height:var(--bottom-menu-height);width:100%;background:white;position:fixed;bottom:0;left:0;padding-inline:16px}.footer__menu ul{display:flex;gap:32px;padding:0;margin:0;height:100%;align-items:center}.footer__menu li{list-style:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.impressum__back-btn{position:absolute;top:-10px;right:-10px;width:40px;height:40px;padding:10px}.impressum__back-btn im{height:100%;width:100%}@media (orientation:portrait), (max-height:767px){:root{--menu-height:50px}.w-header{padding:8px}.w-header a.w-header__start-link{min-width:100px;font-size:1rem}#impressum{height:100%}#datenschutz .w-content, #impressum .w-content{height:100%;max-height:fit-content}#impressum .w-content > div{height:100%;max-height:fit-content;overflow:auto}.w-header{gap:5px}}@media (max-width:800px){.w-header a.w-header__start-link{font-size:0.6rem}}body{padding-top:var(--menu-height)}#j-appmenu-burger{position:fixed;display:flex;top:0;left:0;width:100%;background:grey;height:var(--menu-height);align-items:center;justify-content:space-between;z-index:100}#j-appmenu-burger_container{position:absolute;top:var(--menu-height);left:0;width:100vw;height:calc(100svh - var(--menu-height));background:white}#j-appmenu-burger_container ul{list-style:none;margin:auto;text-align:center;padding:1rem}#j-appmenu-burger_button{width:20px;height:20px;display:block;margin-right:20px;background-image:url("../assets/_icons/icons/burgermenu.svg");background-repeat:no-repeat;background-position:center;background-color:transparent;border:none}.appmenu-burger__back-button{width:30px;height:30px;display:block;margin-right:20px;background-image:url("../assets/_icons/icons/menu_pfeil-icon.svg");background-repeat:no-repeat;background-position:center;background-color:transparent;border:none}#j-appmenu-burger_button.close{background-image:url("../assets/_icons/icons/close-b.svg")}.carousel__container{width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;max-width:600px;padding:1rem;gap:20px}.carousel__innercontainer{display:flex;align-items:center;position:relative;justify-content:space-between;width:100%}.carousel__items{height:100%;position:relative;border:black solid 1px;width:100%;padding:50px}.j-carousel__item{display:none;height:100%}.j-carousel__item.carousel__item-active{display:block}.j-carousel__previous-btn, .j-carousel__next-btn{background:none;height:40px}.j-carousel__previous-btn img, .j-carousel__next-btn img{height:100%}.j-carousel__previous-btn img{transform:rotate(180deg)}.carousel__avatar{height:100%;margin-left:-20px}.carousel__tab-container{display:flex;justify-content:space-between;align-items:center;width:100%}.j-carousel__tab{background:grey;width:15px;border-radius:50%;height:15px;box-sizing:border-box;margin:0;padding:0;box-shadow:0px 0px 5px grey}.j-carousel__tab.carousel__tab-active{background:black}:root{--green-light:#c7e49c;--green:#8fc93a;--yellow-light:#ffdc83;--yellow:#ffba08;--orange-light:#f2b084;--orange:#e5630a}.w-info{text-align:center;position:fixed;left:0px;top:0px;width:90%;padding:14px;margin:5%;z-index:1000}/** * Alertlevels **/ .w-info.w-notice{background-color:var(--green-light);color:black;border-bottom:solid 5px var(--green)}.w-info.w-warning{background-color:var(--yellow-light);color:black;border-bottom:solid 5px var(--yellow)}.w-info.w-error{background-color:var(--orange-light);color:black;border-bottom:solid 5px var(--orange)}#konfigurator{height:100%;position:relative}#konfigurator .w-content{height:100%;width:100%;display:flex}.post__wrapper{flex:1;max-width:50%}.post__container{margin:auto;height:100%;background:white;border-radius:24px;position:relative;max-width:100%;width:fit-content}.post__header{height:50px;width:100%;display:flex;align-items:center;padding-inline:16px;justify-content:space-between}.post__footer{height:50px;width:100%;display:flex;align-items:center;padding-inline:16px;justify-content:space-between;position:absolute;bottom:0;gap:5px}.post__footer__infotext{font-size:0.5rem;flex:1;color:#959595}.post__icon{height:20px;width:20px}#post{height:calc(100% - 100px);width:auto;aspect-ratio:3/4;max-width:100%}.post__profil-container{display:flex;align-items:center;gap:16px;font-weight:bold}.post__profilbild-wrapper{height:40px;width:40px;padding:3px;background:linear-gradient( to top left, var(--primary-color), var(--secondary-color) );border-radius:50%;position:relative}.post__profilbild{background:white;height:100%;width:100%;display:block;overflow:hidden;border-radius:50%}.post__profilbild img{height:100%;object-fit:cover;transform:scale(3) translate(-15%, 20%)}.auswahl__wrapper{display:flex;align-items:start;height:100%;flex:1;width:50%;justify-content:left;padding-left:20px}.auswahl__container{background:white;border-radius:16px;padding:24px;-webkit-box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.75);-moz-box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.75);box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.75);height:100%;width:100%;max-height:calc(4 * 100px + 2 * 24px + 200px)}#background-auswahl .auswahl__container{width:calc(100% - 70px);max-width:300px}fieldset{margin-bottom:8px}.auswahl__nav-buttons{display:flex;gap:16px;justify-content:center}#text-auswahl .auswahl__nav-buttons{margin-top:40px}.auswahl__tablist-container{display:flex;flex-direction:column}.auswahl__tab{background:white;height:70px;width:90px;border-top-left-radius:24px;border-bottom-left-radius:24px;margin-right:-20px;-webkit-box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.75);-moz-box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.75);box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.75);transition:all 0.3s;display:flex;align-items:center;padding-left:10px;cursor:pointer}.auswahl__tab--active{z-index:1;margin-left:-7px;width:110px;box-shadow:-6px 0px 12px -6px rgba(0, 0, 0, 0.75)}.auswahl__tab div{height:60%;border:solid 2px var(--text-color);border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:contain;aspect-ratio:1}.auswahl__tab--active div{background-color:var(--secondary-color)}.auswahl__tab--done div{background-color:var(--text-color)}.auswahl__tab .character{background-image:url(../assets/_icons/icons/icon_character.svg)}.auswahl__tab .background{background-image:url(../assets/_icons/icons/icon_background.svg)}.auswahl__tab .outfit{background-image:url(../assets/_icons/icons/icon_outfit.svg)}.auswahl__tab .pose{background-image:url(../assets/_icons/icons/icon_pose.svg)}.auswahl__tab .cut{background-image:url(../assets/_icons/icons/icon_ausschnitt.svg)}.auswahl__tab .text{background-image:url(../assets/_icons/icons/icon_text.svg)}.auswahl__tab--done .character{background-image:url(../assets/_icons/icons/icon-light_character.svg)}.auswahl__tab--done .background{background-image:url(../assets/_icons/icons/icon-light_background.svg)}.auswahl__tab--done .outfit{background-image:url(../assets/_icons/icons/icon-light_outfit.svg)}.auswahl__tab--done .pose{background-image:url(../assets/_icons/icons/icon-light_pose.svg)}.auswahl__tab--done .cut{background-image:url(../assets/_icons/icons/icon-light_ausschnitt.svg)}.auswahl__tab--done .text{background-image:url(../assets/_icons/icons/icon-light_text.svg)}.auswahl__auswahl{display:flex;max-width:calc(100% - 70px);height:100%}.auswahl__auswahl fieldset{height:100%;width:100%;max-width:100%;min-inline-size:unset}.background-auswahl__container{display:flex;width:100%}.auswahl__radio-container{display:grid;flex-wrap:wrap;gap:16px;grid-template-columns:minmax(calc(50% - 8px), 100px) minmax( calc(50% - 8px), 100px );grid-template-rows:max(calc(25% - 12px)) max(calc(25% - 12px)) max(calc(25% - 12px)) max(calc(25% - 12px));justify-content:center;height:calc(100% - 60px);width:fit-content;max-width:100%;margin:auto;max-height:calc(400px + 3 * 16px);margin-block:8px}.auswahl__radio-container:focus{outline:none}.auswahl__radio{padding:0;border-radius:5px;display:inline-block;position:relative;cursor:default;outline:none;color:black;border:solid 2px var(--text-color);aspect-ratio:1;height:100%;max-width:100%;max-height:100px;transition:all 0.3s}.background-auswahl__container .auswahl__radio:focus-visible{outline:solid 3px var(--secondary-color);outline-offset:1px}.auswahl__radio.focus, .auswahl__radio:hover, .auswahl__radio[aria-selected="true"], .auswahl__radio[aria-checked="true"], .auswahl__radio[aria-pressed="true"]{border:4px solid var(--secondary-color);background-color:#def;cursor:pointer}.auswahl__radio-img{height:100%;aspect-ratio:1;object-fit:cover;object-position:top;position:relative;border-radius:5px}#ausschnitt-radiogroup .auswahl__radio{overflow:hidden}#ausschnitt-radiogroup .auswahl__radio[value="1"] img{transform:scale(1.2) translate(-5%)}#ausschnitt-radiogroup .auswahl__radio[value="2"] img{transform:scale(1.5) translate(-15%)}#ausschnitt-radiogroup .auswahl__radio[value="3"] img{transform:scale(2) translate(-20%)}.auswahl__second-auswahl__radio-container{padding:8px;margin-top:32px;padding-left:28px;background:white;margin-left:-20px;width:90px;border-radius:16px;height:fit-content;gap:8px;display:flex;flex-direction:column}.auswahl__second-auswahl__radio-container .auswahl__radio{width:calc(90px - 36px);height:calc(90px - 36px)}.konfigurator__preloader{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;background:white;flex-direction:column;justify-content:center;align-items:center;z-index:100;gap:32px}.konfigurator__preloader img{height:50px;width:50px;animation:rotate 1s infinite linear}label{display:block;margin-bottom:8px;text-align:center}input{width:100%;margin-bottom:32px}textarea{border-radius:5px;width:100%;margin-bottom:32px;font-family:var(--font-family);padding:8px;font-size:1rem}legend{text-align:center}.emoji__radio-container{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;margin:16px 0px;flex-wrap:wrap}.emoji__radio-container [role="button"]{font-size:2rem;display:inline-flex;align-items:center;justify-content:center}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (orientation:portrait){#konfigurator .w-content{flex-direction:column;overflow:auto;gap:32px}.auswahl__wrapper, .post__wrapper{max-width:100%;width:100%}.auswahl__wrapper{justify-content:center}.auswahl__auswahl{width:350px}.emoji__radio-container{grid-template-columns:repeat(2, minmax(45%, 100px))}.auswahl__container{width:calc(100% - 70px)}#ausschnitt-auswahl .auswahl__radio-container{grid-template-rows:max(calc(50% - 12px)) max(calc(50% - 12px));padding-bottom:100px}#text-auswahl .auswahl__nav-buttons{flex-direction:column;gap:8px;margin-top:16px}#text-auswahl .auswahl__nav-buttons button, #text-auswahl .auswahl__nav-buttons a{display:block;width:100%;text-align:center}#text-auswahl.auswahl__container{height:fit-content;max-height:unset}}@media (orientation:portrait) and (max-width:450px){.auswahl__tab{height:50px;width:70px;border-top-left-radius:12px;border-bottom-left-radius:12px;margin-right:-20px}.button{font-size:0.9rem;padding:10px}.auswahl__radio{width:100%;aspect-ratio:1;overflow:clip}.auswahl__auswahl{width:calc(100% - 50px);max-width:calc(100% - 50px)}.auswahl__second-auswahl__radio-container{width:80px}.auswahl__second-auswahl__radio-container .auswahl__radio{width:calc(80px - 36px);height:calc(80px - 36px)}.auswahl__container{padding:16px}#konfigurator{padding:15px}.auswahl__radio-img{width:100%}.post__icon{height:15px;width:15px}.post__footer{padding:5px}.post__footer__infotext{font-size:0.4rem}}:root{--bottom-menu-height:40px}body{padding-bottom:var(--bottom-menu-height)}#j-appmenu-bottom{position:fixed;bottom:0;left:0;width:100%;height:var(--bottom-menu-height);z-index:100}#j-appmenu-bottom div[role="menubar"]{display:flex;justify-content:space-around;align-items:center;height:100%;width:100%;background:white;box-shadow:0px -3px 6px 0px rgba(0, 0, 0, 0.16)}#j-appmenu-bottom div[role="menubar"] > div{margin:0;padding:0;height:100%}a.j-appmenu-bottom_link div, button.j-appmenu-bottom_link div{justify-content:center;display:flex;align-content:center;flex-direction:column;height:100%}.overlay{opacity:0.5;background:black;height:100%;width:100%;position:fixed;left:0;top:0;z-index:99}a.j-appmenu-bottom_link, button.j-appmenu-bottom_link{color:var(--textfarbe);font-size:12pt;padding:10px;text-decoration:none;margin:0;height:100%;box-sizing:border-box;background:none;border:none}a.j-appmenu-bottom_link:visited, button.j-appmenu-bottom_link:visited{color:inherit}a.j-appmenu-bottom_link:hover, button.j-appmenu-bottom_link:hover{color:inherit;text-decoration:none}.activemenu{color:var(--primary-color)}.activemenu:visited{color:var(--primary-color);text-decoration:none}a.j-appmenu-bottom_link.activemenu, button.j-appmenu-bottom_link.activemenu{border-bottom:5px solid var(--primary-color)}a.j-appmenu-bottom_link img, button.j-appmenu-bottom_link img{display:block;align-self:center;max-width:40px;max-height:24px;margin-bottom:5px}.j-appmenu-bottom_second-menu ul{font-size:16pt}.j-appmenu-bottom_second-menu a{text-decoration:none;color:var(--textfarbe)}.j-appmenu-bottom_second-menu a:visited{color:var(--textfarbe)}.j-appmenu-bottom_second-menu a.activemenu{text-decoration:underline;color:var(--primary-color)}.j-appmenu-bottom_second-menu{position:absolute;left:0;bottom:-300px;text-align:center;background:white;width:100%;transition:bottom 1s;z-index:-1;border-radius:20px 20px 0 0;box-shadow:0px -3px 6px 0px rgba(0, 0, 0, 0.16);padding-bottom:20px}.j-appmenu-bottom_second-menu ul{list-style:none;padding-left:0}.j-appmenu-bottom_second-menu li{margin-top:10px}.app-modal{background:white;width:90%;z-index:100;position:fixed;padding:10px;left:2.5%}.app-modal{background:white;width:90%;z-index:102;position:fixed;left:5%;max-height:90%;top:5%;border-radius:15px;max-width:800px;overflow:auto}.app-modal_wrapper{background:white;height:fit-content;padding:2rem;text-align:center;position:relative}.app-modal_title{margin-bottom:1rem}.app-modal_title:focus{outline:none}.app-modal_close{height:25px;width:25px;background:transparent;position:absolute;top:1rem;right:1rem;padding:0;z-index:10}.app-modal_buttons{display:flex;align-items:center;justify-content:center;gap:10px;padding:1rem}.app-modal_close img{height:100%;width:auto}.overlay{background:black;opacity:0.6;position:fixed;z-index:15;height:100%;width:100%;top:0;left:0}@media (min-width:880px){.app-modal{left:calc((100% - 800px) / 2)}}.rotate-message{display:none;text-align:center;background-color:white;color:var(--text-color);padding:20px;position:fixed;top:0;left:0;right:0;width:100%;height:100%;z-index:9999;align-items:center;justify-content:center}@media (orientation:landscape) and (max-height:650px){.rotate-message{display:flex}}#start{height:100%}#start .w-content{background:white;height:100%;width:fit-content;max-width:1200px;border-radius:50px;margin:auto;padding:32px 40px;display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}.start__gruppenbild{width:100%;height:calc(100% - 120px);object-fit:contain}@media (orientation:portrait){#start .w-content{padding:16px;height:auto}.start__gruppenbild{height:auto}}