.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:#009afa;--secondary-color:#0ca0fb;--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:#0078c2;--link-hover-color:#005387;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.3rem}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}}: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}#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)}}.garage__taschenlampe-btn{background:var(--primary-color);border-radius:50%;width:60px;height:60px;position:fixed;bottom:20px;right:120px;padding:5px}.garage__taschenlampe-btn[aria-checked="true"]{background-color:var(--secondary-color)}.garage__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{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:100%;width:100%}.tresor__svg-container svg{height:100%;width:100%}.tresor-open__img{height:100%;width:100%;object-fit:contain}.tresor__close{position:absolute;top:1rem;right:1rem;height:35px;width:35px;border-radius:50%;padding:5px}.tresor__close img{height:100%;width:auto}@media (max-height:900px), (max-width:1200px){.garage__taschenlampe-btn{height:40px;width:40px;right:100px}}@media (min-width:1100px){.tresor__container{left:calc((100% - 1000px)/2)}}: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: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)}.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{background:black}.intro__forshadowing-container{width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center}.intro__forshadowing-img{width:100%;max-height:100%;object-fit:contain}.intro__text{display:flex;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}.schlagzeile{background:#f7f4ed;padding:2rem;width:fit-content;font-weight:900;font-size:2rem;max-width:1300px;-webkit-box-shadow:2px 2px 4px 4px rgba(0, 0, 0, 0.5);box-shadow:2px 2px 4px 4px rgba(0, 0, 0, 0.5);height:fit-content;margin:auto}.schlagzeile-1{grid-column:1/3;transform:rotateZ(-3deg)}.schlagzeile-2{grid-column:2/3;transform:rotateZ(4deg) translate(-20%, 10%);width:100%;font-size:2.5rem;max-width:900px}.schlagzeile-3{grid-column:1/3;transform:rotateZ(-2deg) translateY(30%);width:fit-content;font-weight:700;font-size:1.5rem;max-width:1300px}.schlagzeile-4{grid-column:1/3;transform:rotateZ(2deg) translateY(20%);width:100%;max-width:750px;height:fit-content}/* .schlagzeile-6{grid-column:2/3;transform:rotateZ(-2deg);max-width:550px;margin:0;font-family:serif}*/ .schlagzeile-5{grid-column:1/3;transform:rotateZ(-1deg) translate(0%, 20%);font-size:2.4rem;font-family:serif;max-width:1300px}.schlagzeile-6{position:fixed;font-size:4rem;transform:rotateZ(-4deg);width:90%;left:5%;max-width:1500px;top:calc(50% - 100px)}.schlagzeile-6 p{color:var(--hinweis-color)}.schlagzeile-5 img{-webkit-box-shadow:2px 2px 4px 4px rgba(0, 0, 0, 0.5);box-shadow:2px 2px 4px 4px rgba(0, 0, 0, 0.5)}.schlagzeilen__container{display:grid;grid-auto-rows:max-content;grid-template-columns:1fr 1fr;height:100%;width:100%;padding:0 1rem;align-items:center;justify-content:center;align-content:center;position:relative}@media (max-height:1100px), (max-width:1300px){.schlagzeile{font-size:1.5rem;padding:1.5rem}.schlagzeile-2{font-size:2rem}.schlagzeile-3{font-size:1.2rem}.schlagzeile-6{font-size:3rem}.schlagzeile-4{max-width:400px}}@media (max-height:820px), (max-width:900px){.schlagzeile{font-size:1rem;padding:1rem}.schlagzeile-2{font-size:1.2rem}.schlagzeile-3{font-size:0.8rem}.schlagzeile-6{font-size:2rem}}@media (max-height:620px){.schlagzeile{padding:0.8rem;font-size:0.8rem}.schlagzeile-4{max-width:300px}.schlagzeile-2{font-size:1rem}.schlagzeile-3{font-size:0.7rem}.schlagzeile-6{font-size:2rem;max-width:80%}}@media (min-width:1600px){.schlagzeile-6{left:calc((100% - 1500px)/2)}}@keyframes erscheinen{0%{opacity:0}100%{opacity:1}}@keyframes fade{0%{opacity:1}100%{opacity:0}}.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}@media (min-width:880px){.app-modal{left:calc((100% - 800px)/2)}}.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}.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--protestform{border:solid 3px black;background:#3b3b3b;color:white;bottom:10%;top:unset;max-height:80%}#tutorial-modal *, #tutorial-modal--protestform *{color:white !important}#tutorial-modal .app-modal_content{display:flex;align-items:center;gap:1rem}#tutorial-modal .app-modal_wrapper, #tutorial-modal--protestform .app-modal_wrapper{padding:1rem 2rem;text-align:left;background:#3b3b3b}#tutorial-modal .app-modal_close, #tutorial-modal--protestform .app-modal_close{display:none}.notizbuch-tutorial__img{height:100px;width:auto}#tutorial-modal .app-modal_buttons, #tutorial-modal--protestform .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%}@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}}.demokratisch, .demokratisch *, .gruen, .gruen *{stroke:rgb(17, 190, 17) !important}.grauzone, .grauzone *, .orange, .orange *, .ziviler_ungehorsam, .ziviler_ungehorsam *{stroke:orange !important}.plakat__img{width:100%;margin-top:1rem;height:40svh;max-height:300px;object-fit:contain}#protestform-modal{top:15%;max-height:80%}.protestformen__buchstabe-img{height:1.4rem;display:inline-block;vertical-align:text-bottom}.protesform__status-container, .plakat__status-container{margin-top:1rem}.protesform__status-container h3, .plakat__status-container h3{margin-bottom:1rem}.protesform__staus-confirm-btn, .plakat__staus-confirm-btn{margin:auto;margin-top:1rem}.protesform__radio-container, .plakat__radio-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:0.5rem;align-items:center}p.protestfrom__status-falsch, p.plakat__status-falsch{margin-top:1rem;color:var(--hinweis-color)}p.protestfrom__status-richtig, p.plakat__status-richtig{margin-top:1rem;color:var(--green)}#tutorial-modal--protestform h3{margin-top:1rem}.protesform__radio, .plakat__radio{max-width:fit-content !important}.quest__container{position:fixed;top:1rem;left:0;min-height:70px;z-index:1;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)}.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 .4s ease-in-out .4s forwards, scale .3s ease-in-out .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 .6s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards}/* .checkmark--grey .checkmark__circle{stroke:lightgray;animation:none}*/ .checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) .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:center;justify-content:center;flex-direction:column;margin:1rem}#start h1{text-align:center;font-size:4rem;font-weight:900}.start__container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:white;border:solid 3px black;padding:2rem;border-radius:1rem;width:90%;max-width:600px}.start__secondary-link-container{display:flex;flex-direction:column;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{max-height:50%}@media (max-height:820px){#start h1{font-size:3rem}.start__container{gap:0.8rem;padding:1rem}#start{overflow:auto}}@media (max-height:600px){.start__secondary-link-container{flex-direction:row}}#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:inline-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}