.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}@font-face{font-family:"Open Sans";font-style:normal;font-weight:500;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:"Cascadia Code";font-style:normal;font-weight:500;src:url(../assets/fonts/cascadia-code_regular.woff2) format("woff2")}@font-face{font-family:"Cascadia Code";font-style:normal;font-weight:600;src:url(../assets/fonts/cascadia-code_600.woff2) format("woff2")}@font-face{font-family:"Cascadia Code";font-style:normal;font-weight:700;src:url(../assets/fonts/cascadia-code_700.woff2) format("woff2")}:root{--primary-color:#93ffe3;--primary-color-light:#e1fff7;--secondary-color:#1c332d;--red:#ff1057;--orange:orange;--green:rgb(37, 177, 37);--text-color:#fff;--background-color:#0b0e0f;--font-family:"Open Sans", sans-serif;--font-family-code:"Cascadia Code", monospace;--button-text-color:#1c332d;--link-color:#93ffe3;--link-hover-color:#2edfb2;--bottom-menu-height:0px;--menu-height:0px;--screen-padding:20px;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);line-height:1.3;font-size:1rem}body{min-height:calc(100%);height:100%}*{box-sizing:border-box}a{text-decoration:none}h1,
h2,
h3,
h4,
h5,
h6{color:var(--text-color);margin:0;font-weight:normal;line-height:1.2;font-family:var(--font-family-code)}p{margin:0;color:var(--text-color)}P:not(:first-of-type){margin-top:1rem}a:not(.button){color:var(--link-color);text-decoration:underline;text-underline-offset:3px;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);outline:none}a:focus-visible:not(.button){outline:auto}.button,
.app_button{border-width:8px 8px 4px 16px;border-style:solid;border-image-source:url(../assets/ui/button.svg);border-image-slice:8 8 4 16 fill;border-image-repeat:stretch;background-color:transparent;color:var(--button-text-color);padding:0px 32px;font-size:1rem;cursor:pointer;transition:background-color 0.3s, transform 0.2s, box-shadow 0.3s;display:block;width:fit-content;min-width:200px;min-height:40px;text-decoration:none;font-family:var(--font-family)}.button:hover,
.app_button:hover{border-image-source:url(../assets/ui/button--hover.svg);transform:scale(1.05)}.button:active,
.app_button:active{border-image-source:url(../assets/ui/button--active.svg);transform:scale(0.95)}.button:disabled,
.app_button:disabled{pointer-events:none;filter:grayscale(1);color:#404040}.button__square{border-width:8px 8px 4px 8px;border-style:solid;border-image-source:url(../assets/ui/button_square.svg);border-image-slice:8 8 4 8 fill;border-image-repeat:stretch;color:var(--button-text-color);padding:4px;font-size:1.2rem;cursor:pointer;transition:background-color 0.3s, transform 0.2s, box-shadow 0.3s;display:block;width:fit-content;width:50px;min-height:40px;aspect-ratio:1;text-decoration:none;font-family:var(--font-family);background-color:transparent}.button__square:hover{border-image-source:url(../assets/ui/button_square--hover.svg);transform:scale(1.05)}.button__square:active{border-image-source:url(../assets/ui/button_square--active.svg);transform:scale(0.95)}.button__square:disabled{cursor:unset;border-image-source:url(../assets/ui/button_square--disabled.svg);transform:scale(1);pointer-events:none}.button__square img{width:100%;height:auto}.button:focus-visible,
.app_button:focus-visible,
button:focus-visible,
a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:2px}.w-screen{overflow:hidden;height:100%;min-height:100%;margin:auto;padding:var(--screen-padding)}.w-content{height:100%;position:relative}.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;color:black}[component="Platzhalter"]{height:100%;width:100%;display:flex;justify-content:center;align-items:center;gap:16px;flex-direction:column}#spielabschnitte{overflow:auto}[component="Spielabschnitte"]{height:fit-content;width:100%;display:flex;justify-content:start;align-items:center;gap:6px;flex-wrap:wrap}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background-color:#2edfb287;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.scrollbar-container{scrollbar-width:thin;scrollbar-color:rgba(0, 0, 0, 0.2) transparent}.rotate-message{display:none;text-align:center;background-color:var(--background-color);color:var(--primary-color);padding:20px;position:fixed;top:0;left:0;right:0;width:100%;height:100%;z-index:10000;align-items:center;justify-content:center;font-size:2rem}.rotate-message .hg__holotablet{height:fit-content;padding:2rem}.rotate-message__img{width:100%}p.fullscreen_error{font-size:0.9rem;margin-top:6px}@media (orientation:portrait){.rotate-message{display:flex}}@media (max-height:450px){:root{font-size:16px}}.hotspot{outline:none}.hotspot-html:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:2px}.hotspot .a11y-ring{visibility:hidden}.hotspot:focus-visible .a11y-ring{visibility:visible;stroke:var(--primary-color)}.visually-hidden, .sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}#j-appmenu-burger{position:fixed;display:flex;flex-direction:row-reverse;top:0px;left:0;width:33%;min-width:300px;height:100%;align-items:center;justify-content:space-between;z-index:9999;transform:translateX(-100%);transition:all 0.3s;font-family:var(--font-family-code)}#j-appmenu-burger.open{transform:translateX(0)}#j-appmenu-burger_container{width:100%;height:100%;border-right:#e1fff7 solid 1px;background-color:rgba(11, 14, 15, 0.8);overflow-y:auto}#j-appmenu-burger_container ul{list-style:none;margin:0;text-align:center;padding:1rem;padding-top:20%;display:flex;justify-content:space-between;align-items:center;flex-direction:column;height:100%}#j-appmenu-burger_container ul > div{display:flex;gap:16px;flex-direction:column;justify-content:center;align-items:center;padding-bottom:16px}#j-appmenu-burger_button{position:absolute;top:20px;right:-40px;width:40px;height:40px;display:block;border-width:4px 4px 8px 2px;border-style:solid;border-image-source:url(../assets/ui/button_menu.svg);border-image-slice:4 4 8 2 fill;border-image-repeat:stretch;background-color:transparent;color:var(--button-text-color);padding:0px 0px;font-size:1.2rem;cursor:pointer;transition:background-color 0.3s, transform 0.2s, box-shadow 0.3s;display:block;min-width:40px;min-height:40px;aspect-ratio:1;text-decoration:none}#j-appmenu-burger_button:hover{border-image-source:url(../assets/ui/button_menu--hover.svg);transform:scale(1.05)}#j-appmenu-burger_button:active{border-image-source:url(../assets/ui/button_menu--active.svg);transform:scale(0.95)}#j-appmenu-burger_button img{margin:auto;display:block;height:20px;width:auto}#j-appmenu-burger_button.close{background-image:url("../assets/_icons/icons/icon_close.svg")}#j-appmenu-burger button, #j-appmenu-burger a{font-family:var(--font-family-code);margin:auto}#j-appmenu-burger_container .appmenu__datenschutz-impressum{flex-direction:column;height:fit-content;width:100%;position:relative;padding-bottom:24px}.appmenu__datenschutz-impressum > div{display:flex;flex-direction:row;gap:16px}.w-version{position:absolute;left:0px;bottom:-5px;font-size:10px;color:#aaa}@media (max-height:800px){#j-appmenu-burger_container ul{padding-top:10%}}.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}.hg__holotablet.minigame.chatbot{height:100%}[component="ChatBot"]{max-width:800px;margin:auto;display:flex;flex-direction:column;justify-content:space-between;height:100%}.chatbot__chat-container{overflow:auto;padding:0 1rem}.roy-chatbubble__container{display:flex;max-width:80%;margin-bottom:2rem}.roy-chatbubble__img, .chatbubble__img{border-radius:50%;border:solid 2px var(--primary-color-light);height:60px;width:60px;padding:5px;margin-right:1rem}.chatbubble__img{margin-right:0;margin-left:1rem}.roy-chatbubble__text, .chatbubble__text{border:solid 2px var(--primary-color-light);border-radius:10px;padding:24px;height:fit-content;width:fit-content}.chatbubble__container{max-width:80%;margin-bottom:2rem;margin-left:auto;display:flex}.chatbubble__text{margin-left:auto;position:relative}.right .chatbubble__text{border-color:var(--link-hover-color)}.wrong .chatbubble__text{border-color:var(--red)}.right .chatbubble__text::before, .wrong .chatbubble__text::before{pointer-events:none;content:"";display:inline-block;height:100%;width:2rem;background-image:url(../assets/_icons/icons/icon_check-light.svg);background-position:center;background-repeat:no-repeat;background-size:contain;position:absolute;left:-3rem;top:0}.wrong .chatbubble__text::before{background-image:url(../assets/_icons/icons/icon_close-red.svg)}.chatbot_answer-container{display:flex;justify-content:space-evenly;gap:2rem}:root{--bg-width:100%;--bg-height:100%}.dialog__background{position:absolute;opacity:1;top:calc(var(--screen-padding) * -1);left:calc(var(--screen-padding) * -1);width:calc(100% + var(--screen-padding) * 2);height:calc(100% + var(--screen-padding) * 2);/* background-image:url(../assets/grafik/nexusville-strasse.png);background-position:center bottom;background-size:var(--bg-height) var(--bg-width);background-repeat:no-repeat;transition:all 0.3s;*/}.dialog__background img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);object-fit:cover;object-position:center;aspect-ratio:21 / 14;width:var(--bg-width);height:var(--bg-height);max-width:none;max-height:none}.dialog__background.opacity-0{opacity:0}.dialog__wrapper{position:relative;display:grid;margin-bottom:calc(var(--screen-padding) * -1);grid-template-columns:repeat(12, 1fr);grid-template-rows:repeat(5, 1fr);height:calc(100% + var(--screen-padding));width:100%}.dilaog__img-container{grid-row:span 5;grid-row-end:6;align-self:end;height:fit-content;max-height:100%}.dilaog__img-container--left{grid-column:1/4}.dilaog__img-container--left-2{grid-column:2/5;z-index:1}.dilaog__img-container--right{grid-column:10/13}.dilaog__img-container--right-2{grid-column:9/12;z-index:1}.dilaog__img-container img{width:160%;height:auto;max-height:calc(100svh - var(--screen-padding));margin-left:-42%;margin-bottom:-20%;object-fit:contain}.dialog__text-container{position:relative;grid-column:3/10;grid-row:2/5;z-index:2;height:fit-content;align-self:end}.dialog__name-container{position:absolute;transform-origin:bottom left;top:0;left:20px;border-width:20px 8px 1px 16px;border-style:solid;border-image-source:url(../assets/ui/namensschild-left.svg);border-image-slice:20 8 1 16 fill;border-image-repeat:stretch;color:var(--primary-color);font-family:var(--font-family-code);padding:4px;font-size:1.2rem;width:fit-content;min-width:200px;transform:translateY(-100%)}.dialog__name-container.right{left:unset;right:20px;border-image-source:url(../assets/ui/namensschild-right.svg);border-image-slice:20 16 1 8 fill;border-width:20px 16px 1px 8px;text-align:right}.dialog__name{margin-top:-10px}.dialog__text{width:100%;background:rgba(11, 14, 15, 0.9);border:solid 2px var(--primary-color-light);border-radius:10px;padding:24px;height:fit-content}.dialog__next-btn{position:absolute;bottom:-20px;right:-20px}.smallAnimation img{animation:move-right-left 2s infinite linear}#dialog .w-content{opacity:1;transition:all 0.3s}#dialog .w-content.opacity-0{opacity:0}@media (max-width:850px){.dilaog__img-container img{margin-left:-32%}.dilaog__img-container--left img{margin-left:-20%}.dialog__text{padding:16px}}@keyframes move-right-left{0%{transform:translateX(0)}25%{transform:translateX(3px)}50%{transform:translateX(0px)}60%{transform:translateX(5px)}90%{transform:translateX(0px)}}[component="Guetesiegel"]{display:flex;flex-direction:column;gap:32px;align-items:center;justify-content:center}.gutesiegel__container{display:flex;flex-wrap:wrap;gap:75px;width:100%;max-width:800px;justify-content:center;align-items:center}.guetesiegel__siegel{max-width:150px;width:100%;position:relative}.guetesiegel__siegel:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:2px}.guetesiegel__siegel img{width:100%}.guetesiegel__siegel.right::after, .guetesiegel__siegel.wrong::after{content:"";display:inline-block;height:2rem;width:2rem;background-image:url(../assets/_icons/icons/icon_check-light.svg);background-position:center;background-repeat:no-repeat;background-size:contain;position:absolute;right:-45px;top:0}.guetesiegel__siegel.wrong::after{background-image:url(../assets/_icons/icons/icon_close-red.svg)}.in-app{max-width:40%}.in-app{padding:5px}.in-app__auswahl-container{margin:32px 0}.in-app__auswahl-container label{margin-left:60px;font-size:0.8rem}.in-app__bezeichnung-container, .in-app__beschreibung-container{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 24px 0}.in-app__bezeichnung-container div, .in-app__beschreibung-container div{flex:1}.in-app__bezeichnung-container button, .in-app__beschreibung-container button{height:fit-content}.in-app__bezeichnung, .in-app__beschreibung{padding:8px;border:solid 1px white;border-radius:10px;min-height:50px;text-align:center}.in-app__bezeichnung.wrong, .in-app__beschreibung.wrong{border:var(--red) solid 2px}.in-app__ueberpruefen-btn, .in-app__weiter-btn{margin-left:auto}#in-app-kaeufe h1{font-size:1rem}#in-app-kaeufe h2{margin-top:32px;font-size:1.3rem}.in-app__minigame-inner-container{display:flex;gap:32px}.in-app__minigame-container{gap:32px;max-height:100%;overflow:hidden}.in-app__minigame-container figure{width:100%;margin:0}.in-app__svg-container{width:100%;border-left:solid white 2px;overflow:auto;padding:0px 16px}: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)}.w-content__holotablet{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;justify-content:center;align-items:center}.marker{position:relative}.marker::before{content:"";position:absolute;top:-30px;left:-25px;height:calc(100% + 50px);width:calc(100% + 50px);background-image:url(../assets/ui/marker.png);background-size:100% 100%;background-repeat:no-repeat}.marker.wrong::before{background-image:url(../assets/ui/marker-red.png)}.hg__holotablet.minigame{max-width:1400px;margin:auto;position:relative;max-height:calc(100svh - 32px);height:fit-content;width:100%}.hg__holotablet.minigame.alte-faelle{border-image-source:url(../assets/minigames/bg_zettel.svg);border-width:7vw;border-image-slice:22% 20% 20% 22% fill;padding:0 6px 10px 0px;color:var(--button-text-color);max-width:1000px}.minigame__end-btn{position:fixed;bottom:15px;right:50%;transform:translate(50%)}.minigame__end-btn:hover{transform:translate(50%) scale(1.05)}.minigame__end-btn:active{border-image-source:url(../assets/ui/button--active.svg);transform:translate(50%) scale(1.05)}.bewertung__container{display:flex;justify-content:center;flex-direction:column;align-items:center;padding:1rem;gap:2rem;text-align:center}.bewertung__stars-contianer{display:flex;justify-content:center}.bewertung__starBox{height:100px;width:100px}.bewertung__nila{max-width:250px;width:100%}@media (max-height:700px){.bewertung__nila{max-width:150px}.bewertung__starBox{height:50px;width:50px}}.quiz__container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}.quiz__question{text-align:center;font-size:1.5rem;font-family:var(--font-family-code)}.quiz__container figure{max-width:900px;width:100%}.quiz__img{border:solid 2px white;border-radius:10px;padding:1rem;width:100%;order:-1}.quiz__answer-container{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:fit-content}.quiz__answer{position:relative;padding:7px 32px;width:100%;height:fit-content}[minigame-id="shopBewertungen"] .quiz__img{max-width:600px;transform:translateX(25%)}.quiz__answer.disabled{pointer-events:none;filter:grayscale(1);color:#404040}.quiz__answer.right, .quiz__answer:disabled.right{border-image-source:url(../assets/ui/button--active.svg);filter:none;transform:scale(0.95);pointer-events:none}.quiz__answer.wrong, .quiz__answer:disabled.wrong{border-image-source:url(../assets/ui/button--wrong.svg);transform:scale(0.95);filter:none;color:#000;pointer-events:none}.quiz__answer.right::after, .quiz__answer.wrong::after{pointer-events:none;content:"";display:inline-block;height:100%;width:2rem;background-image:url(../assets/_icons/icons/icon_check.svg);background-position:center;background-repeat:no-repeat;background-size:contain;position:absolute;right:0;top:0}.quiz__answer.wrong::after{background-image:url(../assets/_icons/icons/icon_close.svg)}.quiz__weiter-button{margin:48px auto 0 auto}#alte-faelle .quiz__answer:focus-visible, #alte-faelle .quiz__weiter-button:focus-visible, #alte-faelle .minigame__end-btn:focus-visible{outline:2px solid var(--secondary-color)}@media (max-height:450px){.quiz__weiter-button{margin:32px auto 0 auto}}.suchbild__wrapper{position:absolute;opacity:1;top:calc(var(--screen-padding) * -1);left:calc(var(--screen-padding) * -1);width:calc(100% + var(--screen-padding) * 2);height:calc(100% + var(--screen-padding) * 2)}.suchbild__container{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);object-fit:cover;object-position:center;aspect-ratio:21 / 14;width:var(--bg-width);height:var(--bg-height);max-width:none;max-height:none}.suchbild__container svg{height:100%;width:100%}.suchbild__obj:hover{cursor:pointer}.suchbild__showNumber{position:absolute;top:0;right:0;width:70px;height:fit-content;background-color:rgba(0, 0, 0, 0.8);border-radius:0px 0 0px 10px;padding:6px;text-align:center;font-size:1.5rem;color:var(--primary-color)}.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;position:relative}.app-modal_title{margin-bottom:1rem}.app-modal_title:focus{outline:none}.app-modal_close{height:40px;width:40px;background:transparent;position:absolute;top:1rem;right:1rem;padding:0;z-index:10;background-image:url(../assets/_icons/icons/icon_close.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.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}.app-modal_title:focus, .app-modal_content:focus{outline:none}@media (min-width:880px){.app-modal{left:calc((100% - 800px) / 2)}}:root{--absatz-abstand:0.7rem}[component="PageSpreadsheet"] h1{font-size:2rem;margin-bottom:var(--absatz-abstand)}[component="PageSpreadsheet"] h2, [component="PageSpreadsheet"] h3, #ueberdasprojekt h2{margin-bottom:var(--absatz-abstand);margin-top:calc(var(--absatz-abstand) * 2)}[component="PageSpreadsheet"] p, #ueberdasprojekt p{margin-bottom:var(--absatz-abstand);margin-top:var(--absatz-abstand)}#datenschutz, #impressum, #ueberdasprojekt, #barrierefreiheits-erklaerung{margin:auto;max-width:1000px}.hg__holotablet{border-width:50px 50px 20px 50px;border-style:solid;border-image-source:url(../assets/ui/grafik_hg_holotablet.svg);border-image-slice:10% 10% 5% 10% fill;border-image-repeat:stretch;color:var(--primary-color-light);height:100%;padding:1rem;overflow:auto}.hg__holotablet p, .hg__holotablet h1, .hg__holotablet h2{color:var(--primary-color-light)}.ueberdasprojekt__foerderer-logo{width:100%;margin-block:16px}#pinnwand{background-color:#e5a890}.pinnwand__container{height:100%;width:100%}.pinnwand__container svg{max-height:100%;max-width:100%;margin:auto;display:block}.clickable{cursor:pointer}#zeitungsarikel__modal, #glossar__modal{background:transparent;max-width:1000px;height:100%;max-height:100%;top:0;width:100%;left:0;overflow:auto}#zeitungsarikel__modal .app-modal_title, #glossar__modal .app-modal_title{display:none}#zeitungsarikel__modal h1{font-weight:700}#zeitungsarikel__modal h2{font-weight:700;font-size:1.1rem}#zeitungsarikel__modal h1, #zeitungsarikel__modal h2, #zeitungsarikel__modal p{color:black;font-family:"Times New Roman", Times, serif}#zeitungsarikel__modal .app-modal_wrapper{background:transparent;border-width:50px 50px 50px 50px;border-style:solid;border-image-source:url(../assets/ui/hg_zeitungsartikel.svg);border-image-slice:10% 10% 10% 10% fill;border-image-repeat:stretch;color:var(--primary-color-light);height:fit-content;padding:1rem}#zeitungsarikel__modal .app-modal_close{top:55px;right:35px;height:40px;width:40px}#glossar__modal .app-modal_close{background-image:url(../assets/_icons/icons/icon_close-light.svg)}.zeitungsartikel__img{width:100%;margin-bottom:2rem}.zeitungsartikel__text-container{column-count:3;column-gap:2rem;text-align:left}#glossar__modal{overflow:hidden}#glossar__modal .app-modal_wrapper{background:transparent;height:100%}#glossar__modal .app-modal_content{height:100%}#glossar__modal .hg__holotablet{height:100%;overflow:auto}@media (min-width:880px){.app-modal#zeitungsarikel__modal, .app-modal#glossar__modal{left:0}}@media (min-width:1080px){.app-modal#zeitungsarikel__modal, .app-modal#glossar__modal{left:calc((100% - 1000px) / 2)}}.radio__group{padding:0;margin:0;list-style:none}.radio__group:focus{outline:none}.radio__btn{padding:4px 8px;border:0 solid transparent;border-radius:5px;display:inline-block;position:relative;cursor:default;outline:none;color:black}.radio__btn + .radio__btn{margin-left:1em}.radio__btn::before{position:relative;top:1px;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='14' width='14' style='forced-color-adjust:auto;'%3E%3Ccircle cx='7' cy='7' r='6' stroke='rgb(0, 90, 156)' stroke-width='2' fill-opacity='0' /%3E%3C/svg%3E")}.radio__btn[aria-checked="true"]::before{position:relative;top:1px;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='14' width='14' style='forced-color-adjust:auto;'%3E%3Ccircle cx='7' cy='7' r='6' stroke='rgb(0, 90, 156)' stroke-width='2' fill-opacity='0' /%3E%3Ccircle cx='7' cy='7' r='3' fill='rgb(0, 90, 156)' stroke-opacity='0' /%3E%3C/svg%3E")}.radio__btn.focus, .radio__btn:hover{padding:2px 6px;border:2px solid #005a9c;background-color:#def;cursor:pointer}#shop-darkpattern .hg__holotablet.minigame{overflow:hidden;height:100%}#shop-darkpattern [minigamecomponent="bewertung"]{overflow-y:auto;height:100%}.shop-darkpattern__minigame-container{display:flex;gap:32px;max-height:100%;overflow:hidden}.shop-darkpattern__svg-container{width:100%;border-left:solid white 2px;overflow:auto;padding:0px 16px}[component="ShopDarkPatternLabels"]{max-width:40%}.shop-darkpattern__label-container, .shop-darkpattern__radiogroup{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;height:100%;max-height:100%;padding:5px 5px 16px 5px;overflow:auto}.shop-darkpattern__label{padding:0px 32px;max-width:100%;hyphens:auto}.shop-darkpattern__label.right, .shop-darkpattern__label.clicked{border-image-source:url(../assets/ui/button--active.svg);transform:scale(0.95);pointer-events:none}.shop-darkpattern__label.wrong{border-image-source:url(../assets/ui/button--wrong.svg);transform:scale(0.95);color:#000;pointer-events:none}.shop-darkpattern__label.right::after, .shop-darkpattern__label.wrong::after{pointer-events:none;content:"";display:inline-block;height:100%;width:2rem;background-image:url(../assets/_icons/icons/icon_check.svg);background-position:center;background-repeat:no-repeat;background-size:contain;position:absolute;right:0;top:0}.shop-darkpattern__label.wrong::after{background-image:url(../assets/_icons/icons/icon_close.svg)}[id*="bg"].wrong{fill:var(--red)}@media (max-height:500px), (max-width:1000px){#shop-darkpattern h1{font-size:1rem}[component="ShopDarkPatternLabels"]{max-width:35%}.shop-darkpattern__label{font-size:1rem;min-height:30px;min-width:150px;line-height:1rem;flex-shrink:0}}#start{background-image:url(../assets/grafik/nexusville_strasse.png);background-size:cover;background-position:right bottom}.startseite__ortsschild-wrapper{font-family:var(--font-family-code);position:absolute;height:fit-content;min-width:33%;max-height:80%;bottom:-20px;right:0;overflow:hidden}.startseite__ortsschild-wrapper img{width:100%;object-fit:cover;display:block;margin-top:auto}[component="Tutorial"], [component="Feedback"]{position:absolute;height:100%;width:100%;pointer-events:none;display:flex;justify-content:center;padding:4rem 2rem;top:0;left:0}.tutorial__text-container{width:100%;max-width:1000px;height:fit-content;pointer-events:auto}.tutorial__overlay{position:absolute;height:100vh;width:100vw;top:calc(var(--screen-padding) * -1);left:calc(var(--screen-padding) * -1);background-color:var(--secondary-color);opacity:0.6;pointer-events:all}.tutorial__kennzeichnung{position:absolute;top:-20px;left:10px;height:40px;width:40px;background-image:url(../assets/ui/tutorial_kennzeichnung.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.feedback__kennzeichnung{position:absolute;top:-100px;right:-30px;height:100px;width:200px;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(../assets/ui/holo_aiden.png)}.feedback__kennzeichnung[person="aiden"]{background-image:url(../assets/ui/holo_aiden.png)}.feedback__kennzeichnung[person="liam"]{background-image:url(../assets/ui/holo_liam.png)}.feedback__kennzeichnung[person="nila"]{background-image:url(../assets/ui/holo_nila.png)}.feedback__kennzeichnung[person="joyce"]{background-image:url(../assets/ui/holo_joyce.png)}.feedback__kennzeichnung[person="maya"]{background-image:url(../assets/ui/holo_maya.png)}.feedback__kennzeichnung[person="nick"]{background-image:url(../assets/ui/holo_nick.png)}.feedback__kennzeichnung[person="marc"]{background-image:url(../assets/ui/holo_marc.png)}.feedback__kennzeichnung[person="roy"]{background-image:url(../assets/ui/holo_roy.png)}.feedback__kennzeichnung[person="victor"]{background-image:url(../assets/ui/holo_victor.png)}.feedback__name-container{right:100px !important;z-index:1}