.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 */ @font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../assets/fonts/OpenSans-Regular.woff2) format("woff2"), url(../assets/fonts/OpenSans-Regular.woff) format("woff")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;src:url(../assets/fonts/OpenSans-SemiBold.woff2) format("woff2"), url(../assets/fonts/OpenSans-SemiBold.woff) format("woff")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../assets/fonts/OpenSans-Bold.woff2) format("woff2"), url(../assets/fonts/OpenSans-Bold.woff) format("woff")}@font-face{font-family:"impact";src:url(../assets/fonts/impact.woff) format("woff"), url(../assets/fonts/impact.woff2) format("woff2")}:root{--primary-color:#2086f4;--secondary-color:#2086f4;--hinweis-color:#ff0031;--glossar-color:#ffb000;--orange:orange;--green:rgb(37, 177, 37);--text-color:#333;--background-color:#f4f4f4;--font-family:"Open Sans", sans-serif;--button-text-color:#000;--link-color:#1d6bbf;--link-hover-color:#3a93f1;font-size:18px}html, body{height:100%;margin:0;padding:0;font-family:var(--font-family);color:var(--text-color);background-color:var(--background-color);overflow:hidden;line-height:1.3;font-size:1.1rem}*{box-sizing:border-box}h1, h2, h3, h4, h5, h6{color:var(--text-color);margin:0;font-weight:normal;line-height:1.2;font-family:"impact"}h2{font-size:1.2rem}p{margin:0;color:var(--text-color)}a:not(.button){color:var(--link-color);text-decoration:none;transition:color 0.3s, text-decoration 0.3s;font-family:var(--font-family)}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, .button{background-color:var(--primary-color);color:var(--button-text-color);border:none;padding:10px 20px;font-size:1.2rem;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, .button:hover{background-color:var(--secondary-color);box-shadow:0 4px 8px rgba(0, 0, 0, 0.2)}button:focus, .button:focus{outline:2px solid black}.hidden{display:none !important}.w-screen{height:100%;margin:auto;overflow:hidden}.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}@media (max-width:820px), (max-height:820px){html, body{font-size:1rem}button, .button{padding:8px 16px;font-size:1rem}}@media (max-width:480px), (max-height:480px){h1{font-size:1.5rem}html, body{font-size:0.9rem}button, .button{padding:6px 12px;font-size:0.9rem}}#whiteboard .w-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.whiteboard{background:white}#whiteboard .svg__container{background:#fff;height:unset;max-height:calc(100% - 2.5rem - 50px)}#whiteboard .svg__container svg{height:100%;width:auto;margin-inline:auto;display:block}.whiteboard__aufgabe{font-family:"impact";font-size:1.5rem;margin-top:1rem}.whiteboard__feedback{margin-bottom:1em}.whiteboard__feedback.false{color:#850000}.whiteboard__button-container{padding-bottom:1rem}:root{--menu-height:0px}/* #j-appmenu-burger{position:fixed;display:flex;top:0;left:0;width:100%;background:var(--primaerfarbe);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;z-index:998}#j-appmenu-burger_container ul{padding:0;margin:0;height:100%;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem}#j-appmenu-burger_container li{list-style:none}#j-appmenu-burger_button{width:40px;height:40px;display:block;margin-right:20px;background-image:url(../assets/_icons/icons/burgermenu.svg);background-repeat:no-repeat;background-position:center;background-size:20px;background-color:var(--primary-color);border:none;position:fixed;top:20px;right:30px;border-radius:50%;padding:0;z-index:999}#j-appmenu-burger_button.close{background-image:url("../assets/_icons/icons/close-w.svg")}.j-appmenu-burger_button--back{position:fixed;top:20px;left:30px;z-index:99}.w-screen{margin-top:var(--menu-height)}.carousel__container{width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;max-width:600px;margin:20px;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}.continue-code__input-container{text-align:left;margin-inline:auto;width:fit-content}.continue-code__submit{margin-inline:auto;margin-top:1rem}label{text-align:left;margin-top:0.5rem;font-weight:700;font-size:0.6rem}.continue-code__copy-btn{display:inline-block;background-image:url("../assets/_icons/icons/icon_copy.svg");background-repeat:no-repeat;background-position:center;background-size:contain;height:1.3rem;width:1.3rem;padding:0;background-color:transparent;margin-left:0.5rem;vertical-align:middle}.continue-code__current-container{text-align:center}#dialog{background:black}img.dialog__background{position:absolute;left:0;top:0;filter:blur(2px) opacity(0.5);height:100%;width:100%;object-fit:cover}.image.dialog__container{height:fit-content;max-height:100%}.dialog__container{position:fixed;bottom:0px;height:70%;width:100%;display:grid;grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(4, 1fr);max-width:1200px}.dialog__charakter-img{grid-column:1 / 3;grid-row:1/5;height:100%;max-width:100%;object-fit:contain}.dialog__text-container{position:relative;border-radius:20px;background:white;margin:2rem;padding:2rem;grid-column:2/5;grid-row:3/5;border:solid 3px black}.image .dialog__text-container{grid-row:5/1 !important;background:transparent;border:0;padding:0;max-height:100%;width:fit-content;margin-inline:auto}.gedankenblase.dialog__text-container{background:lightgray}.dialog__text{height:100%;width:100%;display:flex;align-items:center;padding-top:0.5rem}.gedankenblase .dialog__text{font-style:italic}.journalistin .dialog__charakter-img{grid-column:4 / 6;margin-left:auto}.erzaehler .dialog__charakter-img{display:none}/* .journalistin .dialog__text-container{grid-column:1/5}*/ .dialog__charakter-bezeichnung{position:absolute;top:-3.5rem;background:#bec5c6;padding:1rem;border-radius:1rem;text-align:center;padding-top:0.7rem;padding-bottom:0.7rem;border:solid 3px black}.journalistin .dialog__charakter-bezeichnung{right:2rem}.erzaehler .dialog__charakter-bezeichnung, .image .dialog__charakter-bezeichnung{display:none}.dialog__charakter-name{font-weight:bold}.dialog__charakter-role{font-size:1rem;font-style:italic}.dialog__weiter-btn{position:absolute;bottom:-10px;right:-10px;height:60px;width:60px;background:var(--primary-color);border-radius:50%;padding:10px}.dialog__weiter-img{height:100%;width:auto}.dialog__back-btn{position:absolute;top:-5px;left:-5px;height:40px;width:40px;background:white;border:black solid 3px;border-radius:50%;padding:5px}.dialog__back-img{height:100%;width:auto;transform:scaleX(-1)}.dialog__image{display:block;height:auto;object-fit:contain;max-height:100%;max-width:100%}@media (max-height:650px), (max-width:650px){.dialog__container{height:100%}.dialog__text-container{padding:1rem;margin:1rem;font-size:1rem}.dialog__charakter-role{font-size:0.8rem}.dialog__charakter-name{font-size:1rem}.dialog__charakter-bezeichnung{padding:0.5rem 0.7rem;top:-2rem}.dialog__weiter-btn{height:50px;width:50px}}@media (min-width:1200px) and (min-height:900px){.dialog__container{height:50%}}@media (min-width:1200px){.dialog__container{left:calc((100% - 1200px) / 2)}}@media (orientation:portrait){.dialog__text-container{grid-column:1 / 6;grid-row:4/5}.dialog__charakter-img{grid-row:2 / 5}}@media (orientation:portrait) and (max-width:400px){.dialog__text-container{grid-column:1 / 6;grid-row:3/5}.dialog__charakter-img{grid-row:1 / 4}}:root{--green-light:#c7e49c;--green:#8fc93a;--yellow-light:#ffdc83;--yellow:#ffba08;--orange-light:#f2b084;--orange:#e5630a}.w-info{text-align:center;position:fixed;left:50%;top:0px;width:fit-content;max-width:800px;padding:1.3rem;margin:2rem 0%;z-index:1000;transform:translateX(-50%);border-radius:1rem}/** * Alertlevels **/ .w-info.w-notice{background-color:white;color:black;border:solid 3px black}.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)}.w-info.w-hinweis{padding-left:4rem;background-color:white;color:black;border:solid 3px var(--hinweis-color)}.w-info.w-glossar{padding-left:4rem;background-color:white;color:black;border:solid 3px var(--glossar-color)}.w-info.w-glossar::before{content:"";position:absolute;top:0.5rem;left:0.5rem;width:3rem;height:3rem;background-image:url("../assets/_icons/icons/icon_glossar.svg");background-size:contain;background-position:center;background-repeat:no-repeat;display:block}.w-info.w-hinweis::before{content:"";position:absolute;top:0.5rem;left:0.5rem;width:3rem;height:3rem;background-image:url("../assets/_icons/icons/icon_hinweis.svg");background-size:contain;background-position:center;background-repeat:no-repeat;display:block}#intro, #outro{background:#3b3b3b}.intro__text{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;padding:1rem}[intro]{opacity:0;animation:erscheinen 1s forwards}.intro__text p{color:white;font-size:2rem;max-width:1000px;text-align:center}.intro__weiter-btn{position:fixed;bottom:2rem;right:2rem;height:60px;width:60px;background:var(--primary-color);border-radius:50%;padding:10px}.intro__fade-animation{animation:fade 1s forwards}.intro__img-container{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.intro__img-container img{width:90%;max-height:100%;object-fit:contain;max-width:1200px}.intro_img{max-width:400px;width:90%;max-height:40vh;object-fit:contain;margin-bottom:2rem}@keyframes erscheinen{0%{opacity:0}100%{opacity:1}}@keyframes fade{0%{opacity:1}100%{opacity:0}}.klassenzimmer__taschenlampe-btn{background:var(--primary-color);border-radius:50%;width:60px;height:60px;position:fixed;bottom:20px;right:120px;padding:5px}.klassenzimmer__taschenlampe-btn[aria-checked="true"]{background-color:var(--secondary-color)}.klassenzimmer__taschenlampe-btn img{height:100%;width:auto}#taschenlampe, #tresor{cursor:pointer}.tresor__overlay{background-color:rgba(0, 0, 0, 0.6);position:fixed;z-index:15;height:100%;width:100%;top:0;left:0}.tresor__container, .arbeitsblatt__container{opacity:1;background:white;width:90%;z-index:102;position:fixed;left:5%;height:80%;top:10%;border-radius:15px;max-width:1000px;overflow:hidden;padding:50px 1rem 1rem 1rem}.tresor__svg-container{height:calc(100% - 80px);width:100%;max-height:80vw}.tresor__svg-container svg{height:100%;width:100%}.tresor-open__img{height:calc(100% - 80px);width:100%;object-fit:contain}.tresor__close, .arbeitsblatt__close{position:absolute;top:1rem;right:1rem;height:35px;width:35px;border-radius:50%;padding:5px}.tresor__close img{height:100%;width:auto}.arbeitsblatt__close img{width:100%;height:auto}.arbeitsblatt__container{overflow:auto}.arbeitsblatt__container p{margin-bottom:0.5rem}.arbeitsblatt__img{width:100%;max-width:600px;max-height:100%;object-fit:contain;margin-bottom:2rem}.tresor__container{padding-top:1rem;height:90%;top:5%}button.tresor__entsperren-btn{margin-inline:auto}p.tresor__error{color:var(--hinweis-color);font-weight:bold;text-align:center;margin-block:10px}@media (max-height:900px), (max-width:1200px){.klassenzimmer__taschenlampe-btn{height:40px;width:40px;right:100px}}@media (min-width:1100px){.tresor__container, .arbeitsblatt__container{left:calc((100% - 1000px) / 2)}.arbeitsblatt__container{padding:50px 3rem 3rem 3rem}}@media (orientation:portrait){.tresor__container{height:60%}}.switch{position:relative;display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:0.5rem;align-items:center;font-size:inherit}.switch input{opacity:0;width:0;height:0}.slider{position:relative;cursor:pointer;display:inline-block;height:1.5rem;width:3rem;background-color:#ccc;-webkit-transition:0.4s;transition:0.4s}.slider:before{position:absolute;content:"";height:1.1rem;width:1.1rem;left:0.2rem;bottom:0.2rem;background-color:white;-webkit-transition:0.4s;transition:0.4s}input:checked + .slider{background-color:var(--primary-color)}input:focus + .slider{box-shadow:0 0 1px var(--primary-color)}input:checked + .slider:before{-webkit-transform:translateX(1.5rem);-ms-transform:translateX(1.5rem);transform:translateX(1.5rem)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.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:30px;width:30px;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}#end-modal .app-modal_close{display:none}@media (min-width:880px){.app-modal{left:calc((100% - 800px) / 2)}}/* #mythenbattle{background:black}.mythenbattle__container{display:grid;grid-template-rows:auto 1fr auto auto;grid-template-columns:1fr;height:100%;width:100%}.mythenbattle__background{position:absolute;left:0;top:0;filter:blur(2px) opacity(0.5);height:100%;width:100%;object-fit:cover}.mythenbattle__mythe-container{grid-row:1;align-self:start;display:flex;align-items:center;justify-content:center;width:100%;max-width:1000px;margin-inline:auto;grid-column:1;z-index:10}.mythenbattle__mythe-container.neg .dialog__text-container{animation:neg-background 1s forwards}.mythenbattle__mythe-container.pos .dialog__text-container{animation:pos-background 1s forwards}.mythenbattle__mythe-container .dialog__text{padding:0px}.mythenbattle__mythe-container .dialog__text-container, .mythenbattle__answer-container .dialog__text-container{width:100%}.mythenbattle__mythe-container .dialog__charakter-bezeichnung{top:unset;bottom:-3rem}.mythenbattle__personen-container{grid-row:2/4;width:100%;max-width:1200px;margin-inline:auto;padding:1rem;height:100%;display:flex;align-items:center;justify-content:space-between;grid-column:1;z-index:10;position:relative}.mythenbattle__personen-img{object-fit:contain;max-width:40%;display:inline-block;height:100%;max-height:40vh;position:relative;aspect-ratio:870/1328}.mythenbattle__personen-img img{height:100%;width:100%;object-fit:contain}.mythenbattle__personen-img:nth-of-type(2){float:right}.mythenbattle__answer-container{grid-row:3;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1000px;margin-inline:auto;grid-column:1;z-index:10}.mythenbattle__answer-container .dialog__text-container{margin-top:1rem}.mythenbattle__answer-container .dialog__charakter-bezeichnung{right:2rem}.mythos__aufgabe{font-weight:bold;background:rgba(255, 255, 255, 0.6);padding:5px;border-radius:5px}.mythenbattle__btn-container{grid-row:5;align-self:end;display:flex;align-items:center;justify-content:center;gap:0.5rem;padding-bottom:1rem;flex:0 0 auto;grid-column:1;height:100%;z-index:10}.mythenbattle__switch-btn{height:100%;aspect-ratio:1/1;width:auto;background-image:url(../assets/_icons/icons/icon_dialog-pfeil.svg);background-size:30px;background-repeat:no-repeat;background-position:center}.mythenbattle__switch-btn:disabled{background-color:#bec5c6}.mythenbattle__switch-btn--back{transform:scaleX(-1)}.mythenbattle__weiter-btn{margin-inline:auto;margin-bottom:1rem;z-index:10}.mythenbattle__reaktion{height:0px;width:0px;position:absolute;background-image:url(../assets/_icons/icons/reaktion_pos.svg);background-repeat:no-repeat;background-size:contain;background-position:center;animation:vergroessern 1s forwards;left:-10px;top:30%}.mythenbattle__reaktion.neg{background-image:url(../assets/_icons/icons/reaktion_neg.svg)}.mythenbattle__reaktion.second{top:-20px;left:unset;right:-10px;animation-delay:0.2s}.mythenbattle__reaktion.third{top:50%;right:-30px;left:unset;animation-delay:0.1s}@keyframes vergroessern{0%{width:0px;height:0px}80%{width:70px;height:70px}100%{width:50px;height:50px}}@keyframes pos-background{0%{background-color:white}100%{background-color:#aac089}}@keyframes neg-background{0%{background-color:white}100%{background-color:#db7c77}}@media (max-height:800px){.mythenbattle__mythe-container{grid-row:1/3;max-width:80%}.mythenbattle__answer-container{grid-row:3/5;max-width:80%}.mythenbattle__personen-container{grid-row:2/5}.mythenbattle__mythe-container .dialog__text-container, .mythenbattle__answer-container .dialog__text-container{width:100%}@keyframes vergroessern{0%{width:0px;height:0px}80%{width:40px;height:40px}100%{width:30px;height:30px}}.mythenbattle__btn-container{gap:1rem}}@media (orientation:portrait){.mythenbattle__mythe-container .dialog__text-container, .mythenbattle__answer-container .dialog__text-container{width:100%}.mythenbattle__mythe-container{grid-row:1/3;max-width:100%}.mythenbattle__answer-container{grid-row:3/5;max-width:100%}}@media (max-height:350px){.mythenbattle__switch-btn{background-size:20px}.mythenbattle__btn-container{padding-bottom:0.5rem}.mythenbattle__answer-container .dialog__text-container, .mythenbattle__mythe-container .dialog__text-container{margin:0.5rem;padding:0.7rem}.mythenbattle__answer-container .dialog__text-container{margin-top:0.3rem}.mythenbattle__answer-container .dialog__text, .mythenbattle__mythe-container .dialog__text{padding-top:0}.mythenbattle__mythe-container .dialog__charakter-bezeichnung{bottom:-1.2rem;padding:0.3rem 0.5rem;border-radius:0.5rem}.mythenbattle__answer-container .dialog__charakter-bezeichnung{padding:0.3rem 0.5rem;border-radius:0.5rem;top:-1rem}#mythenbattle .dialog__text{font-size:0.8rem}#mythenbattle .dialog__charakter-name{font-size:0.7rem}#mythenbattle .dialog__charakter-role{display:none}.mythenbattle__personen-container{margin-top:0.5rem}.mythos__aufgabe{font-size:0.7rem}.mythenbattle__select-btn, .mythenbattle__weiter-btn{font-size:0.8rem;padding:4px 8px}.mythenbattle__weiter-btn{margin-bottom:0.5rem}}*/ #mythenbattle{background:black}.mythenbattle__container{display:grid;grid-template-rows:auto 1fr auto auto;grid-template-columns:1fr;height:100%;width:100%}.mythenbattle__background{position:absolute;left:0;top:0;filter:blur(2px) opacity(0.5);height:100%;width:100%;object-fit:cover}.mythenbattle__mythe-container{grid-row:1;align-self:start;display:flex;align-items:center;justify-content:center;width:100%;max-width:1000px;margin-inline:auto;grid-column:1;z-index:10;padding-top:0.5rem}.mythenbattle__mythe-container .dialog__text-container:after, .mythenbattle__mythe-container .dialog__text-container:before{top:100%;left:7%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.mythenbattle__mythe-container .dialog__charakter-bezeichnung{top:-1.5rem}.mythenbattle__mythe-container .dialog__text-container:after{border-color:rgba(136, 183, 213, 0);border-top-color:white;border-width:20px;margin-left:-20px}.mythenbattle__mythe-container .dialog__text-container:before{border-color:rgba(194, 225, 245, 0);border-top-color:black;border-width:24px;margin-left:-24px}.mythenbattle__mythe-container.neg .dialog__text-container{animation:neg-background 1s forwards}.mythenbattle__mythe-container.neg .dialog__text-container:after{animation:neg-border 1s forwards}.mythenbattle__mythe-container.pos .dialog__text-container:after{animation:pos-border 1s forwards}.mythenbattle__mythe-container.pos .dialog__text-container{animation:pos-background 1s forwards}.mythenbattle__mythe-container .dialog__text{}.mythenbattle__mythe-container .dialog__text-container, .mythenbattle__answer-container .dialog__text-container{width:90%}.mythenbattle__personen-container{grid-row:2/4;width:100%;max-width:1200px;margin-inline:auto;padding:1rem;height:100%;display:flex;align-items:center;justify-content:space-between;grid-column:1;z-index:10;position:relative}.mythenbattle__personen-img{object-fit:contain;max-width:40%;display:inline-block;height:100%;max-height:40vh;position:relative;aspect-ratio:870/1328}.mythenbattle__personen-img img{height:100%;width:auto;max-width:100%;object-fit:contain}.mythenbattle__personen-img:nth-of-type(2){float:right}.mythenbattle__answer-container{grid-row:3;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1000px;margin-inline:auto;grid-column:1;z-index:10}.mythenbattle__answer-container .dialog__text-container{margin-top:1rem}.mythenbattle__answer-container .dialog__text{padding:0}.mythenbattle__answer-container .dialog__charakter-bezeichnung{right:2rem;top:-2rem}.mythos__aufgabe{font-weight:bold;background:rgba(255, 255, 255, 0.6);padding:5px;border-radius:5px}.mythenbattle__btn-container{grid-row:5;align-self:end;display:flex;align-items:center;justify-content:center;gap:0.5rem;padding-bottom:1rem;flex:0 0 auto;grid-column:1;height:100%;z-index:10}.mythenbattle__switch-btn{height:100%;aspect-ratio:1/1;width:auto;background-image:url(../assets/_icons/icons/icon_dialog-pfeil.svg);background-size:30px;background-repeat:no-repeat;background-position:center}.mythenbattle__switch-btn:disabled{background-color:#bec5c6}.mythenbattle__switch-btn--back{transform:scaleX(-1)}.mythenbattle__weiter-btn{margin-inline:auto;margin-bottom:1rem;z-index:10}.mythenbattle__reaktion{height:0px;width:0px;position:absolute;background-image:url(../assets/_icons/icons/reaktion_pos.svg);background-repeat:no-repeat;background-size:contain;background-position:center;animation:vergroessern 1s forwards;left:-10px;top:30%}.mythenbattle__reaktion.neg{background-image:url(../assets/_icons/icons/reaktion_neg.svg)}.mythenbattle__reaktion.second{top:-20px;left:unset;right:-10px;animation-delay:0.2s}.mythenbattle__reaktion.third{top:50%;right:-30px;left:unset;animation-delay:0.1s}@keyframes vergroessern{0%{width:0px;height:0px}80%{width:70px;height:70px}100%{width:50px;height:50px}}@keyframes pos-background{0%{background-color:white}100%{background-color:#aac089}}@keyframes neg-background{0%{background-color:white}100%{background-color:#db7c77}}@keyframes pos-border{0%{border-top-color:white}100%{border-top-color:#aac089}}@keyframes neg-border{0%{border-top-color:white}100%{border-top-color:#db7c77}}@media (max-width:1000px){.mythenbattle__mythe-container .dialog__text-container:after, .mythenbattle__mythe-container .dialog__text-container:before{left:15%}}@media (max-height:800px){.mythenbattle__mythe-container{grid-row:1/3;max-width:80%}.mythenbattle__answer-container{grid-row:3/5;max-width:80%}.mythenbattle__personen-container{grid-row:2/5}.mythenbattle__mythe-container .dialog__text-container, .mythenbattle__answer-container .dialog__text-container{width:100%}@keyframes vergroessern{0%{width:0px;height:0px}80%{width:40px;height:40px}100%{width:30px;height:30px}}.mythenbattle__btn-container{gap:1rem}}@media (orientation:portrait){.mythenbattle__mythe-container .dialog__text-container, .mythenbattle__answer-container .dialog__text-container{width:100%}.mythenbattle__mythe-container{grid-row:1/3;max-width:100%}.mythenbattle__answer-container{grid-row:3/5;max-width:90%}}@media (max-height:350px){.mythenbattle__switch-btn{background-size:20px}.mythenbattle__btn-container{padding-bottom:0.5rem}.mythenbattle__answer-container .dialog__text-container, .mythenbattle__mythe-container .dialog__text-container{margin:0.5rem;padding:0.7rem}.mythenbattle__answer-container .dialog__text-container{margin-top:0.3rem}.mythenbattle__answer-container .dialog__text, .mythenbattle__mythe-container .dialog__text{padding-top:0}.mythenbattle__mythe-container .dialog__charakter-bezeichnung{top:-1.5rem;padding:0.3rem 0.5rem;border-radius:0.5rem}.mythenbattle__answer-container .dialog__charakter-bezeichnung{padding:0.3rem 0.5rem;border-radius:0.5rem;top:-1rem}#mythenbattle .dialog__text{font-size:0.8rem}#mythenbattle .dialog__charakter-name{font-size:0.7rem}#mythenbattle .dialog__charakter-role{display:none}.mythenbattle__personen-container{margin-top:0.5rem}.mythos__aufgabe{font-size:0.7rem}.mythenbattle__select-btn, .mythenbattle__weiter-btn{font-size:0.8rem;padding:4px 8px}.mythenbattle__weiter-btn{margin-bottom:0.5rem}}.start .notizbuch__container{z-index:-1}.notizbuch__container{height:100%;width:100%;position:fixed;top:0;left:0;pointer-events:none;user-select:none;z-index:100}.notizbuch__svg-container{height:100%;width:100%;z-index:50;background:rgba(0, 0, 0, 0.5);position:fixed;top:0;left:0;pointer-events:all}.notizbuch__svg-container > svg{width:100%;height:auto;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.notizbuch__open-btn{position:fixed;bottom:20px;right:20px;height:80px;width:80px;border-radius:50%;padding:10px;background-image:url(../assets/_icons/icons/icon_notizbuch.svg);background-size:60px;background-repeat:no-repeat;background-position:center;z-index:60;pointer-events:all}.notizbuch__open-btn.open{background-image:url(../assets/_icons/icons/icon_exit.svg);top:20px;height:60px;width:60px;background-size:40px}.notizbuch__open-btn img{height:100%;width:auto}.notizbuch__container h1{text-align:center}.notizbuch__content-container{width:100%;height:100%;overflow:hidden}.hinweis .notizbuch__content-container, .notizbuch__temp-container-hinweis{display:flex;flex-wrap:wrap;gap:1rem;padding-top:1rem;justify-content:space-between;align-items:stretch}.hinweis .notizbuch__content-container > div, .notizbuch__temp-container-hinweis > div{flex:1 1 calc(50% - 0.5rem);min-width:48%;max-width:48%;height:calc(50% - 0.5rem)}.glossar .notizbuch__content-container h2, .notizbuch__temp-container-glossar h2{margin:1.5rem 0 0.5rem 0;clear:both}.notizbuch__heading{width:100%;height:100%;overflow:visible}.notizbuch__option-container{display:flex;align-items:center;justify-content:space-between;flex-direction:column;height:100%}.notizbuch__option-container ul{padding:0;margin:0;height:100%;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem}.notizbuch__option-container li{list-style:none}.notizbuch__hinweis-img{max-width:90%;height:auto;max-height:70%;margin:auto;object-fit:contain}.notizbuch__hinweis-svg-container{max-width:90%;height:70%;margin:auto;object-fit:contain}.notizbuch__hinweis-svg-container > svg{width:100%;max-height:100%}.notizbuch__hinweis-container{text-align:center;max-height:100%}#tutorial-modal, #tutorial-modal--konsumform{border:solid 3px black;background:#3b3b3b;color:white;bottom:10%;top:unset;max-height:80%}#tutorial-modal *, #tutorial-modal--konsumform *{color:white !important}#tutorial-modal .app-modal_content{display:flex;align-items:center;gap:1rem}#tutorial-modal .app-modal_wrapper, #tutorial-modal--konsumform .app-modal_wrapper{padding:1rem 2rem;text-align:left;background:#3b3b3b}#tutorial-modal .app-modal_close, #tutorial-modal--konsumform .app-modal_close{display:none}.notizbuch-tutorial__img{height:100px;width:auto}#tutorial-modal .app-modal_buttons, #tutorial-modal--konsumform .app-modal_buttons{padding-top:0}#tutorial-modal.tutorial__center{bottom:40%}.notizbuch-tutorial__img[src="./app/assets/_icons/icons/hand.png"]{background:white;border-radius:50%}.rally-hinweis__img{width:100%;max-height:40vh;object-fit:contain}img.glossar__img{width:25%;float:left;margin-right:2rem}@media (max-height:900px), (max-width:1200px){/* .notizbuch__content-container *, .notizbuch__temp-container-hinweis, .notizbuch__temp-container-glossar{font-size:1.6rem !important}.notizbuch__content-container .protestformen__buchstabe-img{height:1.6rem}.notizbuch__container h1{font-size:2.5rem !important}.notizbuch__content-container h2, .notizbuch__temp-container-hinweis h2, .notizbuch__temp-container-glossar h2{font-size:2rem !important}*/ .notizbuch__open-btn{height:60px;width:60px;background-size:40px}.notizbuch__open-btn.open{height:50px;width:50px;background-size:30px}}@media (max-height:700px), (max-width:1100px){.hinweis .notizbuch__content-container, .notizbuch__temp-container-hinweis{flex-direction:row}.hinweis .notizbuch__content-container > div, .notizbuch__temp-container-hinweis > div{flex:1 100%;max-width:100%;height:auto}.notizbuch__content-container *, .notizbuch__temp-container-hinweis, .notizbuch__temp-container-glossar{font-size:1.6rem !important}.notizbuch__content-container .protestformen__buchstabe-img{height:1.6rem}.notizbuch__container h1{font-size:2.5rem !important}.notizbuch__content-container h2, .notizbuch__temp-container-hinweis h2, .notizbuch__temp-container-glossar h2{font-size:2rem !important}}/* .legal, .legal *, .gruen, .gruen *{stroke:rgb(17, 190, 17) !important}*/ #konsumform-modal{top:15%;max-height:80%}.konsumform__status-container{margin-top:1rem}.konsumform__status-container h3{margin-bottom:1rem}.konsumform__staus-confirm-btn{margin:auto;margin-top:1rem}.konsumform__radio-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:0.5rem;align-items:center}p.konsumform__status-falsch{margin-top:1rem;color:var(--hinweis-color)}p.konsumform__status-richtig{margin-top:1rem;color:var(--green)}#tutorial-modal--konsumform h3{margin-top:1rem}.konsumform__radio{max-width:fit-content !important}.quest__container{position:fixed;top:1rem;left:0;min-height:70px;z-index:11;display:flex;justify-content:space-between;align-items:center;font-size:1rem;transition:transform 1s;border-radius:5px}.quest__inner-container:has(+ .checkmark:not(.hidden)){max-width:calc(100% - 50px)}.quest__wrapper{display:flex;gap:1rem;justify-content:center;align-items:center;padding:0.7rem;background:var(--text-color);color:white;border-radius:0 1rem 1rem 0;width:300px}.quest__toggle-btn{height:40px;width:40px;padding:0;display:flex;align-items:center}.quest__toggle-btn img{height:90%;width:100%;object-fit:contain}.quest__container.closed{transform:translate(-300px, 0)}.quest__failed-img{height:30px;width:30px}.checkmark{width:30px;height:30px;border-radius:50%;display:block;stroke-width:2;stroke:#fff;stroke-miterlimit:10;box-shadow:inset 0px 0px 0px #7ac142;animation:fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both}/* .checkmark--grey{box-shadow:inset 0px 0px 0px lightgray;animation:none}*/ .checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#7ac142;fill:none;animation:stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards}/* .checkmark--grey .checkmark__circle{stroke:lightgray;animation:none}*/ .checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards}@keyframes stroke{100%{stroke-dashoffset:0}}@keyframes scale{0%, 100%{transform:none}50%{transform:scale3d(1.1, 1.1, 1)}}@keyframes fill{100%{box-shadow:inset 0px 0px 0px 30px #7ac142}}[role='radiogroup']{padding:0;margin:0;list-style:none}[role='radiogroup']:focus{outline:none}[role='radio']{padding:4px 8px;border:0 solid transparent;border-radius:5px;display:inline-block;position:relative;cursor:default;outline:none;color:black;max-width:300px;width:50%}[role='radio']{border:2px solid black}[role='radio'][aria-checked='true']{border:4px solid var(--primary-color);font-weight:600}#start .w-content{display:flex;align-items:flex-start;justify-content:center;overflow:auto}#start h1{text-align:center;font-size:2.5rem;font-weight:500;color:black}.start__container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:white;border:solid 3px black;padding:2rem;border-radius:1rem;width:90%;max-width:800px;margin-top:auto;margin-bottom:auto}.start__container > *{margin-top:1rem}.start__container > *:has(.hidden){margin-top:0rem}.start__secondary-link-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}.start__background{position:absolute;height:100%;width:100%;object-fit:cover;z-index:-1;filter:brightness(0.5);top:0;left:0}.start{background:transparent}.start__logo{height:auto;max-height:20vh;max-width:400px;width:100%}.start__info{border:solid 2px black;border-radius:20px;padding:1rem;text-align:center}.tutorial__video{width:100%;margin-top:1rem}@media (max-height:820px){#start h1{font-size:3rem}/* #start{overflow:auto}*/}@media (max-height:920px){.start__container{margin-top:0.8rem;margin-bottom:0.8rem}}@media (max-width:450px){.start__secondary-link-container{flex-direction:row;flex-wrap:wrap}}#wimmelbild{background:#000}.container{height:100%;width:100%}.wimmelbild__svg-container{height:100%;width:100%;position:relative;overflow:hidden}.wimmelbild__svg-container svg{width:100%;height:100%;cursor:grab}.wimmelbild__svg-container svg:active{cursor:grabbing}.lock-container{display:flex;gap:10px;width:100%;height:100%;justify-content:center;align-items:center;cursor:grab}/* .dial{width:100%;height:100%;overflow-y:hidden;background-color:#fff;position:relative;display:flex;justify-content:center;align-items:center;perspective:800px}.spin{width:100%;height:100%;transform-style:preserve-3d;transition:all 1s;transform:rotateX(0deg)}.number{height:50%;width:100%;display:flex;justify-content:center;align-items:center;font-size:1.5rem;scroll-snap-align:center;border-bottom:2px solid #464646;background-color:#fafafa;position:absolute;left:0;top:25%;font-weight:bold;pointer-events:none;user-select:none}.one{transform:rotateX(36deg) translateZ(70px)}.two{transform:rotateX(72deg) translateZ(70px)}.three{transform:rotateX(108deg) translateZ(70px)}.four{transform:rotateX(144deg) translateZ(70px)}.five{transform:rotateX(180deg) translateZ(70px)}.six{transform:rotateX(216deg) translateZ(70px)}.seven{transform:rotateX(252deg) translateZ(70px)}.eight{transform:rotateX(288deg) translateZ(70px)}.nine{transform:rotateX(324deg) translateZ(70px)}.zero{transform:rotateX(0deg) translateZ(70px)}.dial::-webkit-scrollbar{display:none}.dial::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.dial::-webkit-scrollbar-track{background-color:#f0f0f0}*/ [id*=number] tspan{user-select:none}#gradient{pointer-events:none}.svg__container{height:100%;width:100%;overflow:hidden;position:relative;background:#000}.svg__size-container{height:100%;width:100%}#zahlenschloss-modal .app-modal_close{display:none}.zahlenschloss__close-btn{position:fixed;right:20px;top:20px;height:60px;width:60px;border-radius:50%;padding:10px;background-image:url(../assets/_icons/icons/icon_exit.svg);background-size:40px;background-repeat:no-repeat;background-position:center;z-index:60}/* @media (max-width:600px){.number{font-size:1.2rem}}*/ .zusatzseite{max-width:1000px;margin:auto;padding:2rem;overflow:auto}.zusatzseite .w-content{height:fit-content;padding:1rem;border:3px solid black;border-radius:1rem;position:relative}.zusatzseite h1{margin-bottom:1rem}.zusatzseite__text{white-space:pre-line}.zusatzseite__back-btn{position:absolute;top:-20px;right:-20px;height:40px;width:40px;padding:5px;border-radius:50%}.zusatzseite__back-btn img{height:100%;width:auto}.link--download{display:block;margin-bottom:0.5em;margin-top:0.3em;background:none;padding:unset;color:var(--link-color);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--link-color)}.link--download:after{content:"";background-image:url("../assets/_icons/icons/icon_dialog-pfeil-blue.svg");background-size:contain;background-repeat:no-repeat;display:inline-block;height:0.7em;width:0.7em;margin-left:5px;object-fit:contain;transform:rotateZ(90deg)}#fuerlehrkraefte h2{margin-top:1rem;margin-bottom:0.2rem;font-size:1.2rem}