@font-face{font-family:"Dreaming Outloud";src:url("../assets/fonts/Dreaming-Outloud.woff2") format("woff2"), url("../assets/fonts/Dreaming-Outloud.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"Sparkasse";src:url("../assets/fonts/Sparkasse_Rg.woff2") format("woff2"), url("../assets/fonts/Sparkasse_Rg.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"Sparkasse";src:url("../assets/fonts/Sparkasse_It.woff2") format("woff2"), url("../assets/fonts/Sparkasse_It.woff") format("woff");font-weight:400;font-style:italic}@font-face{font-family:"Sparkasse";src:url("../assets/fonts/Sparkasse_Lt.woff2") format("woff2"), url("../assets/fonts/Sparkasse_Lt.woff") format("woff");font-weight:300;font-style:normal}@font-face{font-family:"Sparkasse";src:url("../assets/fonts/Sparkasse_Ltlt.woff2") format("woff2"), url("../assets/fonts/Sparkasse_Ltlt.woff") format("woff");font-weight:300;font-style:italic}@font-face{font-family:"Sparkasse";src:url("../assets/fonts/Sparkasse_Md.woff2") format("woff2"), url("../assets/fonts/Sparkasse_Md.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"Sparkasse";src:url("../assets/fonts/Sparkasse_Bdlt.woff2") format("woff2"), url("../assets/fonts/Sparkasse_Bdlt.woff") format("woff");font-weight:700;font-style:normal}@font-face{font-family:"Sparkasse Head";src:url("../assets/fonts/SparkasseHead_Rg.woff2") format("woff2"), url("../assets/fonts/SparkasseHead_Rg.woff") format("woff");font-weight:400;font-style:normal}:root{--lichtgelb:#ffff00;--tafelgruen:#004f46;--burgundi:#86004b;--sparkassen-rot:#ee0000;--neutral:#e3e3e3;--linde:#d7ead9;--rose:#ffd2cd;--flieder:#d4d9ff;--text-color:#333;--text-color-light:#ffffff;--berliner-blau:#006482;--font-family:"Dreaming Outloud", sans-serif;--font-family-sparkasse:"Sparkasse";--font-family-head:"Sparkasse Head";--bottom-menu-height:0px;--menu-height:0px;--font-size:20px;font-size:var(--font-size)}.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(--berliner-blau);line-height:1.3;height:100%}body{min-height:100%}*{box-sizing:border-box}a{text-decoration:none;font-size:1rem}h1,
h2,
h3,
h4,
h5,
h6{margin:0;font-weight:normal;line-height:1.2}p{margin:0}P:not(:first-of-type){margin-top:1rem}a:not(.button, .app__button){color:var(--text-color-light);text-decoration:underline;transition:color 0.3s, text-decoration 0.3s;font-family:var(--font-family);text-underline-position:under;text-decoration-thickness:2px;text-underline-offset:-0.1rem}button{cursor:pointer}a:hover:not(.button, .app__button),
a:active:not(.button, .app__button){color:var(--lichtgelb);text-decoration:underline}a:focus-visible:not(.button){outline:auto}button{border:none}.app__button{background-color:var(--lichtgelb);color:var(--burgundi);border-radius:2rem;background-position:center;background-repeat:no-repeat;background-size:contain;height:50px;width:50px;transition:all 0.3;padding:10px 30px;width:fit-content;max-width:300px}.app__button:hover{filter:brightness(0.8);transform:scale(1.05)}.app__button:active{filter:brightness(0.6);transform:scale(0.95)}.button{background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:contain;height:50px;width:50px;transition:all 0.3}.button:hover{transform:scale(1.1);filter:brightness(1)}.button:active{transform:scale(0.9);filter:brightness(0.8)}.button.button_prev{background-image:url(../assets/_icons/icons/button_prev.svg)}.button.button_next{background-image:url(../assets/_icons/icons/button_next.svg)}.button.button_close{background-image:url(../assets/_icons/icons/button_close.svg)}.button:focus-visible{outline:2px solid var(--lichtgelb)}.w-screen{height:100%;min-height:100%;margin:auto;padding:20px}.w-content{height:100%}.filters{height:0;width:0}#w-preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:white;z-index:999;display:flex;justify-content:center;align-items:center}#datenschutz,
#impressum{margin:auto;max-width:1000px}.rotate-message{display:none;text-align:center;background-color:var(--berliner-blau);color:var(--text-color-light);padding:20px;position:fixed;top:0;left:0;right:0;width:100vw;height:100vh;gap:1rem;z-index:10000;flex-direction:column;align-items:center;justify-content:center;font-size:2rem}.rotate-message__img{width:100px;height:auto}@media (orientation:portrait){.rotate-message{display:flex}}#ende .w-content{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;height:100%}.opacity-0{opacity:0 !important}.sprechblase{background:var(--rose);padding:1rem;border-radius:10px}.sprechblase.left{border-bottom-left-radius:0px}.sprechblase.right{border-bottom-right-radius:0px}.sprechblase::-webkit-scrollbar{width:10px}.sprechblase::-webkit-scrollbar-track{background:var(--rose);border-radius:0px 8px 8px 0px}.sprechblase::-webkit-scrollbar-thumb{background-color:var(--burgundi);border-radius:8px;border:2px solid var(--rose)}.sprechblase::-webkit-scrollbar-thumb:hover{background-color:var(--burgundi)}@media (min-height:500px){:root{--font-size:26px}.button{height:60px;width:60px}}.hotspot{outline:none}.hotspot-html:focus-visible{outline:2px solid var(--lichtgelb);outline-offset:2px;border-radius:2px}.hotspot .a11y-ring{visibility:hidden}.hotspot:focus-visible .a11y-ring{visibility:visible;stroke:var(--lichtgelb)}.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}@font-face{font-family:"Dreaming Outloud";src:url("../assets/fonts/Dreaming-Outloud.woff2") format("woff2"), url("../assets/fonts/Dreaming-Outloud.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"Sparkasse";src:url("../assets/fonts/Sparkasse_Rg.woff2") format("woff2"), url("../assets/fonts/Sparkasse_Rg.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"Sparkasse";src:url("../assets/fonts/Sparkasse_It.woff2") format("woff2"), url("../assets/fonts/Sparkasse_It.woff") format("woff");font-weight:400;font-style:italic}@font-face{font-family:"Sparkasse";src:url("../assets/fonts/Sparkasse_Lt.woff2") format("woff2"), url("../assets/fonts/Sparkasse_Lt.woff") format("woff");font-weight:300;font-style:normal}@font-face{font-family:"Sparkasse";src:url("../assets/fonts/Sparkasse_Ltlt.woff2") format("woff2"), url("../assets/fonts/Sparkasse_Ltlt.woff") format("woff");font-weight:300;font-style:italic}@font-face{font-family:"Sparkasse";src:url("../assets/fonts/Sparkasse_Md.woff2") format("woff2"), url("../assets/fonts/Sparkasse_Md.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"Sparkasse";src:url("../assets/fonts/Sparkasse_Bd.woff2") format("woff2"), url("../assets/fonts/Sparkasse_Bd.woff") format("woff");font-weight:700;font-style:normal}@font-face{font-family:"Sparkasse Head";src:url("../assets/fonts/SparkasseHead_Rg.woff2") format("woff2"), url("../assets/fonts/SparkasseHead_Rg.woff") format("woff");font-weight:400;font-style:normal}/* .h5p-iframe{max-height:100svh !important;width:100svw !important;aspect-ratio:896/504;max-width:100svw}html.h5p-iframe .h5p-fullscreen .h5p-container{border:none}html.h5p-iframe .h5p-container{border-radius:20px;margin:auto;border:solid 10px black;border-left:20px solid black;border-right:20px solid black;background:black}.h5p-course-presentation .h5p-wrapper{border-radius:5px;background:black}.h5p-content{background:transparent}.h5p-course-presentation .h5p-box-wrapper{border-radius:15px 15px 0 0;height:calc(100% - 30px)}.h5p-course-presentation .h5p-footer{border-radius:0 0 10px 10px}*/ /* .h5p-slide.has-background{background:#d7ead9 !important}*/ /* .h5p-course-presentation .h5p-element .h5p-element-outer.h5p-advancedtext-outer-element{overflow:auto}*/ .h5p-course-presentation{font-family:"Sparkasse", serif}.h5p-course-presentation .h5p-keywords-wrapper > [role="menu"]::-webkit-scrollbar-thumb, .h5p-course-presentation .h5p-element .h5p-element-outer::-webkit-scrollbar-thumb, .h5p-course-presentation .h5p-element .h5p-element-outer .h5p-element-inner::-webkit-scrollbar-thumb{background:#006482}.h5p-course-presentation .h5p-progressbar .h5p-progressbar-part-show{background:#006482}.h5peditor .ui-dialog .h5p-joubelui-button, .h5peditor .h5p-joubelui-button, .h5p-joubelui-button{background:#006482}.h5p-course-presentation .h5p-element-button{background:#ffff00;color:black;display:flex;justify-content:center;align-items:center}.h5p-course-presentation .h5p-element-button:hover{background:#ffff00;filter:brightness(0.8)}.h5p-joubelui-button:hover, .h5p-joubelui-button:focus{background:#004f46}.h5p-cp-navigation{display:none}.h5p-footer-previous-slide, .h5p-footer-button.h5p-footer-toggle-full-screen{display:none !important}.h5p-course-presentation .h5p-footer .h5p-footer-center-adjusted{gap:1rem;display:inline-flex;justify-content:center;align-items:center}.h5p-course-presentation .h5p-footer{height:10%}.h5p-course-presentation .h5p-footer .h5p-footer-button{display:inline-flex;height:100%;margin:0;justify-content:center;align-items:center}.h5p-course-presentation .h5p-footer .h5p-footer-next-slide:after{font-size:3rem}.h5p-course-presentation em{font-style:normal;text-decoration:underline}.h5p-course-presentation s{font-style:normal;text-decoration:none;font-family:"Dreaming Outloud", sans}.h5p-toggle-full-screen{display:none}#dialog{padding-bottom:0;overflow:hidden}.dialog__outer-container{height:100%;width:100%;display:grid;grid-template-columns:1fr 2fr 1fr;gap:1rem;grid-template-rows:repeat(3, 1fr);max-width:1500px;margin:auto}.dialog__person{grid-column:1/2;grid-row:2/4;height:100%;width:100%;z-index:1;position:relative}.dialog__person svg{position:absolute;height:calc(100% + 20px);max-width:200%;bottom:-20px;left:0px}.dialog__person.right{grid-column:3/4;transform:scaleX(-1)}.dialog__dialog-container{grid-column:2/3;grid-row:1/4;z-index:2;height:fit-content;align-self:flex-end;position:relative;max-height:100%}.dialog__button-container{display:flex;justify-content:space-between;margin-top:1rem;margin-bottom:1rem;width:100%;min-height:50px}.dialog__button-container .button_next{margin-left:auto;display:block}.dialog__button-container .button_next.finish-game{background:var(--lichtgelb);color:var(--burgundi);height:fit-content;width:fit-content;border-radius:25px;font-size:1rem;padding:10px 20px;font-family:var(--font-family)}.dialog__sprechblase{max-height:calc(100svh - 40px - 2rem);overflow-y:auto;padding-top:2rem}.dialog__name{background-color:var(--burgundi);position:absolute;width:fit-content;padding:5px 15px;margin-top:-10px;z-index:10;color:white}.dialog__name.left{border-top-left-radius:10px;left:-10px}.dialog__name.right{border-top-right-radius:10px;right:-10px}@media (min-height:700px){.dialog__dialog-container{grid-row:1/3}.dialog__button-container{margin-bottom:0}}@media (max-height:500px){.dialog__button-container{min-height:40px;margin-bottom:0.5rem;margin-top:0.5rem}.dialog__button-container button{height:40px;width:40px}}#dilemma .w-content{width:100%}.dilemma__interaktions-container{position:absolute;bottom:0;right:0;height:60svh;min-height:fit-content;width:60%;padding:0 2rem 2rem 0}.dilemma__interaktions-container.gedankenblase{height:90svh;width:50%;max-width:500px}.dilemma__gedankenblase{background-color:var(--linde);border-radius:0px 10px 0px 10px;padding:1.5rem;position:relative;max-height:calc(80svh - 1rem);max-width:600px}.dilemma__gedankenblase:before{content:url(../assets/_icons/icons/gedankenblase--bubbles.svg);width:20%;position:absolute;display:block;top:0;left:1px;transform:translateX(-100%)}.dilemma__gedankenblase-text{overflow-y:auto;max-height:calc(80svh - 4rem);position:relative}.dilemma__interaktions-container .button_next, .dilemma__gedankenblase-frage__button_next{position:absolute;bottom:-30px;right:-1rem}.dilemma__entschiedungen-container{display:flex;flex-direction:row;gap:1rem;max-height:100%;overflow-y:auto;overflow-x:hidden;width:100%;height:100%}.dilemma__entschiedung-btn{font-size:1rem;font-family:var(--font-family);border-bottom-left-radius:0px;max-width:600px;color:var(--text-color);height:fit-content;width:50%;max-width:calc(50% - 0.5rem)}.dilemma__entschiedung-btn:hover, .dilemma__entschiedung-btn[aria-selected="true"]{text-decoration:underline;background-color:var(--lichtgelb);transform:scale(1.01)}.dilemma__entschiedung-btn:active{transform:scale(0.98);filter:brightness(0.9)}.dilemma__entschiedung-btn:disabled{color:black;background-color:var(--neutral)}.dilemma__gedankenblase-frage{margin-bottom:1rem}.dilemma__pre-entscheidung-countdown{color:var(--lichtgelb);font-size:1.5rem}.dilemma__timer{position:absolute;top:-3rem;left:0;color:var(--lichtgelb);font-weight:bold;font-size:2rem}#glossar-tutorial__modal{overflow:auto}#keine-entscheidung__modal .app-modal_close, #glossar-tutorial__modal .app-modal_close{display:none}#keine-entscheidung__modal-btn, #glossar-tutorial__modal-ok{background-color:var(--lichtgelb);color:var(--berliner-blau);padding:1rem;border-radius:10px;height:40px;width:auto;font-family:var(--font-family);font-size:1rem;display:inline-flex;justify-content:center;align-items:center}#keine-entscheidung__modal-btn:hover, #glossar-tutorial__modal-ok:hover{transform:scale(1.05)}#keine-entscheidung__modal-btn:active, #glossar-tutorial__modal-ok:active{transform:scale(0.95) brightness(0.9)}.rotate-animation{transform-origin:center bottom;transform-box:fill-box;animation:rotate 1s infinite linear}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.kopfhoerer, .parfum, .shirt{transform-origin:center;transform-box:fill-box;animation:kopfhoerer-wackeln 2s ease-in-out infinite}@keyframes kopfhoerer-wackeln{0%, 100%{transform:rotate(0deg) translateY(0)}25%{transform:rotate(3deg) translateY(-3px)}50%{transform:rotate(-3deg) translateY(3px)}75%{transform:rotate(2deg) translateY(-2px)}}.sparschwein{transform-origin:center;transform-box:fill-box;animation:sparschwein-pulse 1.8s ease-in-out infinite}@keyframes sparschwein-pulse{0%, 100%{transform:scale(1)}40%{transform:scale(1.08)}60%{transform:scale(0.97)}}.fragezeichen{transform-origin:center bottom;transform-box:fill-box;animation:fragezeichen-bounce 2.2s ease-in-out infinite}@keyframes fragezeichen-bounce{0%, 100%{transform:translateY(0) scale(1.1) rotate(3deg)}50%{transform:translateY(-10%) scale(1) rotate(-3deg)}}@media (max-height:500px){.dilemma__entschiedung-btn{padding:0.5rem}.dilemma__interaktions-container{width:50%;padding:0 1.5rem 1.5rem 0}}@media (min-width:1200px){.dilemma__interaktions-container.gedankenblase{margin-right:calc(50% - 500px)}}#ende .w-content{max-width:800px;margin:auto}#ende h2{font-size:2.5rem}.glossar__button{display:none;background-color:var(--lichtgelb);color:var(--burgundi);border-radius:50%;height:60px;width:60px;position:fixed;top:0.5rem;right:1.5rem;z-index:10;font-family:var(--font-family);font-size:1rem;justify-content:center;align-items:center;white-space:nowrap}.dialog .glossar__button, .course-presentation .glossar__button, .start .glossar__button{display:inline-flex}.glossar__button:hover{transform:scale(1.05)}.glossar__button:active{transform:scale(0.95) brightness(0.9)}#glossar__modal{box-shadow:3px 3px 3px rgba(0, 0, 0, 0.4);font-size:0.9rem}#glossar__modal .app-modal_title{font-size:1.7rem}#glossar__modal .app-modal_buttons{display:none}.glossar__container{text-align:left;font-family:var(--font-family-sparkasse)}.glossar__container dt{font-size:1.3rem;margin-top:1rem;margin-bottom:0.5rem}.fuer-lehrkraefte .glossar__button, .datenschutz .glossar__button, .impressum .glossar__button{display:none}.tutorial__container{display:flex;align-items:center;justify-content:center;gap:1rem;text-align:left;font-family:var(--font-family-sparkasse);font-size:0.9rem}.tutorial__container img{height:2rem;width:2rem}#glossar-tutorial__modal{background-color:var(--berliner-blau);color:white;box-shadow:3px 3px 3px rgba(0, 0, 0, 0.4)}#glossar-tutorial__modal h2, #glossar__modal h2{font-family:var(--font-family-sparkasse)}#glossar-tutorial__modal .app-modal_wrapper{padding:1rem}@media (max-height:500px){.glossar__button{height:50px;width:50px;right:1rem;top:0.5rem}}#course-presentation{padding:0;display:flex;justify-content:center;align-items:center;height:unset}#course-presentation .w-content{max-width:1400px;width:100%;height:fit-content;border-image-source:url(../assets/images/smartphone_background.svg);border-image-slice:6% 10% 6% 17%;border-style:solid;border-image-repeat:stretch;border-width:5vh 5vw 5vh 10vw}.cp__preloader{z-index:2000;background-color:var(--berliner-blau);width:100%;height:100%}.zoom{transform:scale(2);transform-origin:center;transition:all 1s}a.cp__finish-btn{background:var(--lichtgelb);color:var(--text-color);padding:10px;border-radius:10px;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);text-decoration:none;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.6);width:90%;display:flex;align-items:center;font-family:"Sparkasse"}a.cp__finish-btn::before{content:"";height:2rem;width:7rem;background-image:url(../assets/_icons/icons/finger-icon.png);background-position:center;background-size:contain;background-repeat:no-repeat;display:inline-block;margin-right:10px}a.cp__finish-btn:hover{color:var(--text-color);text-decoration:none;filter:brightness(0.8)}.cp__preloader [id*="ladekringel"]{transform-origin:1321.64px 841.5px;animation:rotate 1.5s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#intro_modal{overflow:visible;background-color:var(--linde);color:var(--text-color);top:-100svh;transition:1s}#intro_modal.slide-in{transform:translateY(105svh)}#intro_modal .app-modal_close, #intro_modal .app-modal_buttons, #intro_modal .app-modal_title{display:none}#intro_modal .app-modal_wrapper{overflow:visible}#intro_modal .app-modal_content{max-height:calc(90svh - 4rem - 20px);overflow:auto}.intro__btn-next{position:absolute;bottom:-20px;right:-20px}.intro__teil1, .intro__teil2{overflow:auto}.app-modal{background:white;width:90%;z-index:100;position:fixed;padding:10px;left:2.5%}.app-modal{width:84%;z-index:102;position:fixed;left:8%;max-height:90svh;top:5%;border-radius:15px;max-width:800px;overflow:hidden}.app-modal_wrapper{padding:1rem;text-align:center;position:relative;max-height:calc(90svh - 20px);overflow:auto}.app-modal_title{margin-bottom:1rem;margin-right:40px}.app-modal_title:focus{outline:none}.app-modal_close{height:60px;width:60px;background-image:url(../assets/_icons/icons/button_close.svg);background-repeat:no-repeat;background-size:contain;background-position:center;background-color: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:var(--berliner-blau);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)}}@media (max-height:500px){.app-modal_close{height:50px;width:50px}}:root{--absatz-abstand:0.7rem}.page-content{font-family:var(--font-family-sparkasse);font-weight:400}[component="PageSpreadsheet"]{color:var(--text-color-light);padding:1rem 0;height:fit-content}[component="PageSpreadsheet"] h1{font-size:2rem;margin-bottom:var(--absatz-abstand);font-family:var(--font-family-head)}[component="PageSpreadsheet"] h2, [component="PageSpreadsheet"] h3{margin-bottom:var(--absatz-abstand);margin-top:calc(var(--absatz-abstand) * 2)}[component="PageSpreadsheet"] h2{font-size:1.2rem;font-weight:bold}[component="PageSpreadsheet"] p{margin-bottom:var(--absatz-abstand);margin-top:var(--absatz-abstand)}.page-content a{font-family:var(--font-family-sparkasse);font-size:20px}.page-content .app__button{font-family:var(--font-family-sparkasse)}#datenschutz, #impressum, #fuer-lehrkraefte, #ende{margin:auto;max-width:1000px;height:fit-content;padding-bottom:2rem;font-size:0.9rem}.page__img{display:block;max-height:200px}@media (max-height:400px){#datenschutz, #impressum, #fuer-lehrkraefte, #ende{font-size:0.7rem}}.audiosettings__btn{height:40px;width:40px;display:flex;position:fixed;top:calc(1rem + 50px);right:0.5rem;padding:5px;z-index:100}#audiSettings__modal{z-index:120}.audiosettings__btn-img{width:80%;height:auto;margin:auto}.audiosettings__container{width:fit-content;margin:auto}.audiosettings__container label{display:flex;justify-content:end;width:100%;gap:1rem;align-items:center;margin-bottom:0.5rem}.audiosettings__container input[type="range"]{-webkit-appearance:none;width:50%;height:8px;background:transparent;width:200px}.audiosettings__container input[type="range"]::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient( to right, var(--burgundi) 0%, var(--burgundi) var(--value-percent), var(--rose) var(--value-percent), var(--rose) 100% );width:200px;border:solid 2px var(--burgundi)}.audiosettings__container input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;background:var(--burgundi);border-radius:50%;cursor:pointer;margin-top:-7px}.audiosettings__container input[type="range"]::-moz-range-track{height:6px;border-radius:4px;background:var(--rose);border:solid 2px var(--burgundi)}.audiosettings__container input[type="range"]::-moz-range-progress{height:6px;border-radius:4px;background:var(--burgundi)}.audiosettings__container input[type="range"]::-moz-range-thumb{height:20px;width:20px;background:var(--burgundi);border:none;border-radius:50%;cursor:pointer}#start .w-content{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:1200px;width:100%;margin:auto}.startseite__nav{width:100%}.startseite__nav ul > div{display:flex;align-items:center;justify-content:start;gap:1.5rem;flex-wrap:wrap}.startseite__nav ul{display:flex;justify-content:space-between;align-items:center;padding:0px 2rem;flex-wrap:wrap-reverse;gap:2rem}.startseite__nav li{list-style:none}.startseite__start-link-container{margin-left:auto}.startseite__nav li a{font-size:1rem;font-family:"Sparkasse";text-decoration:none}.startseite__nav li a.startseite__start-link{font-size:1.5rem;font-family:var(--font-family);text-decoration-thickness:3px;text-underline-offset:-0.7rem;border-radius:1.5rem}.start__logo{width:100%;height:60svh;max-height:60svh}.startseite__vollbild-btn{color:var(--text-color-light);transition:color 0.3s, text-decoration 0.3s;text-underline-position:under;text-decoration-thickness:2px;text-underline-offset:-0.1rem;background:transparent;font-size:1rem;font-family:"Sparkasse"}.startseite__vollbild-btn:hover{text-decoration:underline;color:var(--lichtgelb)}.fullscreen_error{color:var(--lichtgelb);display:block;margin:auto;width:fit-content}#fullscreen_modal{font-family:var(--font-family-sparkasse)}#fullscreen_modal .app-modal_wrapper{text-align:left}@media (max-width:1200px){.startseite__nav ul{margin-top:-1rem}}.svg__wrapper{position:absolute;opacity:1;top:0;left:0;width:100vw;height:100svh;overflow:hidden}.svg__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}.svg__container svg{height:100%;width:100%}.szenario-auswahl__container{position:absolute;top:30%;left:812px;min-width:400px;min-height:66px;transform:translateY(-100%) translateX(-25%)}.szenario-auswahl__container.lena{transform:translateY(-100%) translateX(-100%)}.szenario-auswahl__container.milan{transform:translateY(-120%) translateX(-25%)}.szenario-auswahl__container .sprechblase{height:100%;width:100%}.szenario-auswahl__weiter-btn{position:absolute;bottom:-30px;right:-30px}.szenario-auswahl__close-btn{position:absolute;top:-30px;right:-30px}.sprechblase.right ~ .szenario-auswahl__weiter-btn{right:unset;left:-30px}