.accordion{margin:0;padding:0;border:2px solid hsl(0deg 0% 52%);border-radius:7px;width:20em}.accordion h3{margin:0;padding:0}.accordion:focus-within{border-color:var(--primaerfarbe)}.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(--primaerfarbe-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(--primaerfarbe)}.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(--primaerfarbe)}.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}/** * Generelle App-Styles */:root{--textfarbe:#505050;--primaerfarbe:#ff7260;--text_auf_primaerfarbe:#505050;--primaerfarbe-hover:#ffbbb3;--primaerfarbe-focus:#ffbbb3;--hintergrund-farbe:#fff;--secundaerfarbe:#9bd7d5;--font-size:16px;--font-size-h1:35px;--font-size-h2:29px;--font-size-h3:24px;--font-size-h4:19px;min-height:100%}.hidden{display:none !important}html{height:100%;min-height:100%;margin:0;padding:0}body{height:100%;margin:0;padding:0}div, section, nav{box-sizing:border-box}a{text-decoration:none}a:hover{color:var(--text-farbe)}a:visited{color:var(--text-farbe)}.w-screen{height:100%;margin:auto;padding:20px}.flex--vertical{display:flex;flex-direction:column}.align--center{align-items:center}.filters{height:0;width:0}:root{--menu-height:40px}#j-appmenu-burger{position:fixed;display:flex;top:0;left:0;width:100%;height:var(--menu-height);align-items:center;justify-content:flex-end}#j-appmenu-burger_container{position:absolute;top:var(--menu-height);left:0;width:100vw;height:calc(100vh - var(--menu-height));background:white}#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}#j-appmenu-burger_button.close{background-image:url("../assets/_icons/icons/close-w.svg")}.w-screen{margin-top:var(--menu-height)}body, html{margin:0;padding:0;height:100%;overflow:hidden}#game{width:100vw;height:100vh;display:flex;align-items:center;margin:0px;padding:0px;overflow-y:auto;overflow-x:auto}.level-container{height:100vh;flex-shrink:0}.level-container svg{height:100%;width:auto;display:block;margin:auto}.interactive{cursor:pointer}: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)}.app-modal{background:white;width:90%;z-index:100;position:fixed;padding:10px;left:2.5%}.app-modal_close{height:40px;width:40px;background:transparent}