.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:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/Inter_400.woff2) format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/Inter_700.woff2) format("woff2")}@font-face{font-family:"Inter";font-style:italic;font-weight:400;font-display:swap;src:url(../assets/fonts/Inter_400_italic.woff2) format("woff2")}:root{--bottom-menu-height:70px;--color-neutral-900:#000000;--color-neutral-100:#ffffff;--primary-color:#009afa;--secondary-color:#0ca0fb;--hinweis-color:#ff0031;--glossar-color:#ffb000;--orange:orange;--green:rgb(37, 177, 37);--text-color:var(--color-neutral-900);--background-color:var(--color-neutral-100);--background-gradient:linear-gradient( to bottom, var(--color-turquoise-100) 0%, var(--color-turquoise-400) 100% );--font-family:"Inter", serif;--button-text-color:#000;--link-color:var(--color-neutral-900);--link-hover-color:var(--color-neutral-900);--bottom-menu-height:80px;--menu-height:0px;font-size:18px;--color-background:var(--color-neutral-100);--color-turquoise-100:#c3e8ea;--color-turquoise-400:#63c3c8;--color-turquoise-700:#26abb3;--color-turquoise-900:#196469}.hidden{display:none !important}html{height:100%}html, body{margin:0;padding:0;font-family:var(--font-family);color:var(--text-color);line-height:1.3;font-size:1.3rem}body{height:100svh;background:var(--background-gradient);padding-bottom:var(--bottom-menu-height);font-size:1.3rem}*{box-sizing:border-box}a{text-decoration:none;display:block;position:relative}h1, h2, h3, h4, h5, h6{color:var(--text-color);margin:0;font-weight:normal;line-height:1.2;font-family:var(--font-family);text-align:center;margin-bottom:1rem}h1{font-weight:600;font-size:2rem}h2{font-size:1.5rem}p{margin:0;color:var(--text-color)}P:not(:first-of-type){margin-top:1rem}a:not(.button){color:var(--link-color);text-decoration:none;transition:color 0.3s, text-decoration 0.3s;font-family:var(--font-family)}button{cursor:pointer}.start_button{background-color:var(--color-turquoise-700);border-radius:50px}.continue_button{padding:15px 50px}.button:hover, .app_button:hover{background-color:var(--color-turquoise-100);border:solid 3px var(--color-turquoise-400)}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, .app_button{background-color:var(--color-turquoise-700);color:var(--button-text-color);border:3px solid var(--color-neutral-900);padding:10px 30px;font-size:1.1rem;border-radius:50px;min-width:130px;cursor:pointer;transition:background-color 0.3s;display:inline-flex;align-items:center;justify-content:center;width:fit-content;text-decoration:none;font-family:var(--font-family);line-height:1rem}.button:hover, .app_button:hover{background-color:var(--color-turquoise-100);border:solid 3px var(--color-turquoise-400)}.button:active, .app_button:active{background-color:var(--color-turquoise-900);border:solid 3px var(--color-neutral-900)}.button:focus, .app_button:focus{outline:3px solid black}.button:disabled, .buttin.disabled, .app_button:disabled{border:3px solid #707070;background:rgb(207 207 207);color:#707070;pointer-events:none;cursor:not-allowed}.button--vorlesen{background-color:var(--color-neutral-100);display:inline-block;width:1.4rem;background-size:contain;background-repeat:no-repeat;display:flex;justify-content:center;width:auto;background-size:contain;background-repeat:no-repeat;align-self:flex-end;margin-left:1rem}.button--vorlesen:after{content:"";display:inline-block;height:1.2rem;width:1.4rem;background-image:url(../assets/_icons/icons/icon-vorlesen.svg);background-size:contain;background-repeat:no-repeat;margin-left:1rem}.vorlesen--small{padding:10px 10px;min-width:0px;position:absolute;right:20px;top:20px}.vorlesen--small::after{margin-left:0px}.w-screen{height:100%;min-height:100%;margin:auto;padding:20px;padding-top:40px;overflow:auto}.w-content{min-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}.box{background-color:var(--color-background);box-shadow:0px 0px 8px rgba(0, 0, 0, 0.25);border-radius:10px;padding:1rem;display:flex;justify-content:center}footer{position:fixed;z-index:1000;height:var(--bottom-menu-height);background:var(--color-background);padding:0.5rem;width:100svw}footer *{height:100%}footer ul{display:flex;padding:0;padding-left:3rem;padding-right:3rem;margin:0;justify-content:space-between;align-items:center;list-style:none;gap:1rem}footer ul > div{display:flex;justify-content:center;align-items:center;gap:2rem}footer a{display:block}.footer_image{height:100%;width:auto;max-width:20svw}footer .logos{display:flex}.footer_text_links{height:auto}.question_button{position:absolute;background-color:white;border:solid 2px black;right:1rem;top:1rem;border-radius:50%;padding:5px;height:40px;width:40px}.question_icon_img{width:100%;height:100%}.pip-wrapper[has-used], .pip-wrapper[small-video]{display:none !important}@media (max-height:800px) OR (max-width:900px){:root{--bottom-menu-height:50px;font-size:16px}footer{padding:0.5rem}footer ul > div{gap:1rem}.w-screen{padding:1rem}}@media (max-width:500px){:root{--bottom-menu-height:50px}body{font-size:16px;height:100%}.question_icon_h1{margin:0rem 4rem;margin-bottom:1rem}.question_button{right:0.5rem;top:0.5rem}.start_box{width:100%}.button{padding:0.5rem 0rem;font-size:14px}footer{height:50px;bottom:0}footer ul{font-size:14px;padding-left:1rem}}.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)}.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}#bildsuche{position:relative}.level_container{display:flex;width:100%;border-top:solid;border-bottom:solid;border-color:black;border-width:4px}.bildersuche_box{margin-top:1rem;width:100%;max-width:1000px;display:flex;flex-direction:column;padding:0}.bildersuche_container{display:flex;flex-direction:column;align-items:center}.bildersuche_container_row{display:flex;justify-content:space-between;align-items:center;margin:0.4rem;min-height:3rem}#timer{min-width:70px}.timer{display:flex;font-size:2rem;align-items:center;gap:1rem;padding-right:2rem}.timer:before{content:"";display:inline-block;height:2rem;width:2rem;background-image:url(../assets/grafiken/sanduhr.svg);background-size:contain;background-repeat:no-repeat;margin-left:2rem}.werbung_entdeckt{display:flex;gap:1rem;margin:0;align-items:center}.werbung_entdeckt:before{content:"";display:inline-block;height:3rem;width:5rem;background-image:url(../assets/_icons/icons/lupe-icon.svg);background-size:4rem;background-repeat:no-repeat;margin-left:2rem}.timer-text{font-weight:700}.star_after{margin-right:5rem}.p_star{margin-right:3rem}.star_after:after{content:"";right:0;top:0;width:110px;height:110px;position:absolute;background-image:url(../assets/_icons/icons/stern.svg)}@media (max-height:800px) OR (max-width:900px){.werbung_entdeckt{font-size:18px;gap:0.2rem;align-items:center;gap:0.5rem}.timer-text{font-size:20px}.werbung_entdeckt:before{margin:0;background-size:2.5rem;height:2rem;width:2.5rem}.timer:before{height:2.5rem;width:2.5rem}.video_container{max-width:650px}}@media (max-width:500px){.bildersuche_box{width:100%}.werbung_entdeckt{font-size:10px;gap:0.2rem;align-items:center;gap:0.5rem}.timer-text{font-size:10px}.werbung_entdeckt:before{margin:0;background-size:2.5rem;height:2rem;width:2.5rem}.bildersuche_container_row{font-size:1rem}.timer{padding-right:1rem;gap:0.5rem}.timer::before{margin:0;height:1.5rem;width:1.5rem}}#bildsuche .w-content, #bildsuche2 .w-content{height:100%;width:100%;max-width:100%;--whitespace-height:3rem}.bildsuche__container{height:calc(100% - 3rem);max-height:fit-content;margin:auto}.bildsuche__container-whitespace{height:var(--whitespace-height);background-color:white}.bildsuche__container-whitespace:first-of-type{border-radius:1rem 1rem 0 0;border-bottom:2px solid black;display:flex;padding:0.5rem 1rem;justify-content:space-between}.bildsuche__container-whitespace:last-of-type{border-radius:0 0 1rem 1rem;border-top:2px solid black}.bildsuche__svg-container{max-height:calc(100% - var(--whitespace-height) * 2);aspect-ratio:16 / 9;width:100%;max-width:100%;position:relative}.bildsuche__svg-container svg{height:100%;width:auto;object-fit:contain;display:block}.bildsuche__werbung_entdeckt{margin:0}.bildsuche__werbung_entdeckt:before{content:"";display:inline-block;height:2rem;width:2.5rem;background-image:url(../assets/_icons/icons/lupe-icon.svg);background-size:contain;background-repeat:no-repeat;margin-right:0.5rem;vertical-align:middle}.bilsuche__timer-text{display:flex}.bilsuche__timer-text:before{content:"";display:inline-block;height:1.7rem;width:2rem;background-image:url(../assets/grafiken/sanduhr.svg);background-size:contain;background-repeat:no-repeat;margin-right:0.5rem;vertical-align:middle}:root{--menu-height:40px}body{}#j-appmenu-burger{position:fixed;display:flex;top:0;left:0;width:100%;background:grey;height:var(--menu-height);align-items:center;justify-content:space-between;z-index:100}#j-appmenu-burger_container{position:absolute;top:var(--menu-height);left:0;width:100vw;height:calc(100svh - var(--menu-height));background:white}#j-appmenu-burger_container ul{list-style:none;margin:auto;text-align:center;padding:1rem}#j-appmenu-burger_button{width:20px;height:20px;display:block;margin-right:20px;background-image:url("../assets/_icons/icons/burgermenu.svg");background-repeat:no-repeat;background-position:center;background-color:transparent;border:none}.appmenu-burger__back-button{width:30px;height:30px;display:block;margin-right:20px;background-image:url("../assets/_icons/icons/menu_pfeil-icon.svg");background-repeat:no-repeat;background-position:center;background-color:transparent;border:none}#j-appmenu-burger_button.close{background-image:url("../assets/_icons/icons/close-b.svg")}.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}#endscreen .w-content{display:flex;justify-content:center;align-items:center}.end_screen_box{position:relative;display:flex;max-height:100%;max-width:1000px;flex-flow:column;text-align:center;padding:2rem}.button_row{margin:1.5rem;display:flex;justify-content:space-around}.star_icon{width:50px;height:50px;margin-bottom:1rem;margin-left:2rem}.top_row{display:flex;justify-content:center;align-items:center}#endscreen .continue_button{align-self:center;margin:1rem}.continue_button_to_end{align-self:center}@media (max-width:500px){.end_screen_box{max-width:320px;padding:1rem}#endscreen .button{padding:0.8rem 0rem}#endscreen .button_vorlesen{align-self:center;margin-left:0;padding:0.5rem 0rem}.button_row{flex-flow:column;align-items:center;justify-content:center;gap:1rem}.result_button{min-width:200px}}: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)}#levelauswahl{position:relative}.levelauswahl_images{display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column}.levelauswahl_image{border-radius:30px;border-style:solid;border-width:3px;margin:10px;width:25rem}.levelauswahl_image:hover{border-color:var(--color-turquoise-700);border-width:3px;box-shadow:0 0 50px 1px var(--color-turquoise-400)}.levelauswahl_image.disabled{border-style:solid;filter:brightness(80%)}a.disabled{pointer-events:none}.levelauswahl_box{/* align-items:center;width:100%;*/ display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column}.levelauswahl_zeilen_container{display:flex;flex-wrap:nowrap;justify-content:center;margin-bottom:1rem;gap:2rem}.levelcontainer:before{position:absolute;content:"";background-image:url(../assets/grafiken/levelauswahl/schloss.svg)}.levelauswahl_schloss{width:20%}.levelauswahl_check{width:30%}.modal_schloss_icon{margin-left:4rem}.modal_schloss_icon:before{content:"";left:10px;top:140px;width:90px;height:90px;position:absolute;background-image:url(../assets/grafiken/levelauswahl/schloss.svg)}.modal_question_mark_icon:before{content:"";left:10px;top:220px;width:90px;height:90px;position:absolute;background-image:url(../assets/_icons/icons/fragezeichen.svg)}.level_icons_container{top:0;left:0;height:100%;width:100%;position:absolute;display:flex;align-items:center;justify-content:center}@media (max-height:800px) OR (max-width:1000px){body{}.levelauswahl_zeilen_container{flex-wrap:wrap}}@media (max-width:500px){.levelauswahl_zeilen_container{gap:0}.levelauswahl_image{width:20rem}}body{padding-bottom:var(--bottom-menu-height)}#j-appmenu-bottom{position:fixed;bottom:0;left:0;width:100%;height:var(--bottom-menu-height);z-index:100}#j-appmenu-bottom div[role="menubar"]{display:flex;justify-content:space-around;align-items:center;height:100%;width:100%;background:white;box-shadow:0px -3px 6px 0px rgba(0, 0, 0, 0.16)}#j-appmenu-bottom div[role="menubar"] > div{margin:0;padding:0;height:100%}a.j-appmenu-bottom_link div, button.j-appmenu-bottom_link div{justify-content:center;display:flex;align-content:center;flex-direction:column;height:100%}.overlay{opacity:0.5;background:black;height:100%;width:100%;position:fixed;left:0;top:0;z-index:99}a.j-appmenu-bottom_link, button.j-appmenu-bottom_link{color:var(--textfarbe);font-size:12pt;padding:10px;text-decoration:none;margin:0;height:100%;box-sizing:border-box;background:none;border:none}a.j-appmenu-bottom_link:visited, button.j-appmenu-bottom_link:visited{color:inherit}a.j-appmenu-bottom_link:hover, button.j-appmenu-bottom_link:hover{color:inherit;text-decoration:none}.activemenu{color:var(--primary-color)}.activemenu:visited{color:var(--primary-color);text-decoration:none}a.j-appmenu-bottom_link.activemenu, button.j-appmenu-bottom_link.activemenu{border-bottom:5px solid var(--primary-color)}a.j-appmenu-bottom_link img, button.j-appmenu-bottom_link img{display:block;align-self:center;max-width:40px;max-height:24px;margin-bottom:5px}.j-appmenu-bottom_second-menu ul{font-size:16pt}.j-appmenu-bottom_second-menu a{text-decoration:none;color:var(--textfarbe)}.j-appmenu-bottom_second-menu a:visited{color:var(--textfarbe)}.j-appmenu-bottom_second-menu a.activemenu{text-decoration:underline;color:var(--primary-color)}.j-appmenu-bottom_second-menu{position:absolute;left:0;bottom:-300px;text-align:center;background:white;width:100%;transition:bottom 1s;z-index:-1;border-radius:20px 20px 0 0;box-shadow:0px -3px 6px 0px rgba(0, 0, 0, 0.16);padding-bottom:20px}.j-appmenu-bottom_second-menu ul{list-style:none;padding-left:0}.j-appmenu-bottom_second-menu li{margin-top:10px}.app-modal{background:white;width:90%;z-index:102;max-height:90%;border-radius:15px;max-width:900px;overflow:auto;padding:10px;left:2.5%;position:absolute;left:50%;right:50%;top:50%;transform:translate(-50%, -50%)}.app-modal_wrapper{background:white;height:fit-content;padding:2rem;text-align:left;position:relative}.app-modal_title{margin-bottom:1rem;font-weight:700;text-align:left}.app-modal_title:focus{outline:none}.app-modal_close{height:25px;width:25px;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;padding-top:5px}.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}#modal__vorlesen-btn, #app-modal_vorlesen_button{background-color:var(--color-neutral-100);display:flex;justify-content:center;width:auto;background-size:contain;background-repeat:no-repeat;align-self:flex-end;margin-left:1rem;padding:10px 10px;min-width:0px;position:absolute;right:20px;top:20px}#modal__vorlesen-btn::after, #app-modal_vorlesen_button::after{content:"";display:inline-block;height:1.2rem;width:1.4rem;background-image:url(../assets/_icons/icons/icon-vorlesen.svg);background-size:contain;background-repeat:no-repeat}.modal_image{width:3rem;margin-right:1rem}.modal_image.sanduhr{width:2rem}.modal_image.stern{/* position:absolute;top:0;right:0;*/ width:4rem;margin:1rem}.modal_text_container{display:flex;align-items:center}@media (max-width:500px){#app-modal_vorlesen_button{padding:5px 10px}.modal_image.stern{width:3rem}}@media (min-width:880px){.app-modal{}}[component="PageSpreadsheet"] .w-content{height:100%}[component="PageSpreadsheet"] h1{margin-top:0;text-align:left}[component="PageSpreadsheet"] .box{padding:2rem;max-height:100%;width:100%;overflow:auto;margin:auto;display:block;max-width:1000px}[component="PageSpreadsheet"] h2{margin-block-start:1rem;margin-block-end:0.5rem;font-weight:700;font-size:1.2rem}[component="PageSpreadsheet"] button{margin:auto;margin-top:1rem;display:block}.pdf__page{width:794px;height:1123px;position:relative;background:white;box-sizing:border-box;overflow:hidden;font-size:12pt}.pdf__header{height:120px;padding:30px;background:var(--color-turquoise-100);display:flex;justify-content:space-between;align-items:center;position:relative}.pdf__header .footer_image{max-width:25%;height:35px}.pdfsvg_box{}.level_evaluation_box{margin:10px}.svg_container{width:380px;margin-top:1rem}.lupe_svg_container{height:20px;width:30px}.level_comparison_box{display:flex;gap:15px}#pdf h1{text-align:left}/* .pdfFoundAds:before{content:"";display:inline-block;height:1.2rem;width:1.7rem;background-image:url(../assets/_icons/icons/lupe-icon.svg);background-size:contain;background-repeat:no-repeat;margin-right:0.5rem;vertical-align:middle}*/ .foundBar{display:flex;gap:5px}#pdf{position:absolute;left:-9999px;top:0;display:block !important;-webkit-text-size-adjust:none}[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}[role='radio']+[role='radio']{margin-left:1em}[role='radio']::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")}[role='radio'][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")}[role='radio'].focus, [role='radio']:hover{padding:2px 6px;border:2px solid #005a9c;background-color:#def;cursor:pointer}#start:before{content:"";position:absolute;height:100%;inset:0;background:url(../assets/background/hintergrund.svg);background-position:top left;background-size:25%;background-repeat:repeat;opacity:0.3;z-index:-1}#start .w-content{display:flex;justify-content:center;align-items:center}.start_box{padding:2rem;max-height:100%;max-width:850px;flex-direction:column}.start_box .button--vorlesen{display:flex;margin-left:auto}.startseite_buttons{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:2rem}.test{background-image:url(../assets/_icons/icons/test_icon.svg)}#test{background:url(../assets/_icons/icons/icon-vorlesen.svg);background-position:top left;background-size:25%;background-repeat:repeat}.start-caption{text-align:center}/* #videoplayer{position:relative}.video_container{display:flex;justify-content:center;height:90svh;border-top:solid;border-bottom:solid;border-color:black;border-width:4px;height:100%;width:100%;position:relative}.header{height:100%}.video_box{margin-top:1rem;padding:4rem 0;padding-bottom:0;max-width:1000px;display:flex;flex-flow:column}*/ .playButton{margin:0;z-index:10;width:12%;height:20%;background:none;background:no-repeat;background-size:auto;background-image:url(../assets/_icons/icons/play.svg)}.smallPlayButton{height:100%;width:auto;aspect-ratio:1}.video_controls_container{content:"";width:100%;height:100%;position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center}/* @media (max-height:800px) OR (max-width:900px){.video_container{min-height:0;max-width:650px}.video_box{min-width:0}}*/ @media (max-width:500px){/* .video_box{padding:2rem 0;padding-bottom:0;width:100%;min-width:0}*/ /* .video_container{border-width:3px;min-height:0}*/}#videoplayer{--whitespace-height:3rem}#videoplayer .w-content{height:100%;width:fit-content;margin:auto;max-width:100%}.video__container{height:calc(100% - 3rem);max-height:fit-content}.video__container-whitespace{padding:0.5rem;height:var(--whitespace-height);background-color:white}.video__container-whitespace:first-of-type{border-radius:1rem 1rem 0 0;border-bottom:2px solid black}.video__container-whitespace:last-of-type{border-radius:0 0 1rem 1rem;border-top:2px solid black}.video__inner-container{max-height:calc(100% - var(--whitespace-height) * 2);aspect-ratio:16 / 9;width:100%;max-width:100%;position:relative}.video__inner-container video{width:100%;height:100%;object-fit:contain;display:block}/* @media (max-height:800px) OR (max-width:900px){#videoplayer{--whitespace-height:1.5rem}}*/ .button--vorlesen{overflow:hidden;--progress:0;position:relative}#modal__vorlesen-btn{overflow:hidden;--progress:0}#endscreen .button--vorlesen{position:absolute}.button--small, #modal__vorlesen-btn{min-width:unset;padding:5px 5px;height:40px;width:40px}.button--small.button--vorlesen::after, #modal__vorlesen-btn::after{margin:0}.button--vorlesen::before, #modal__vorlesen-btn::before{content:"";height:90%;width:90%;position:absolute;left:5%;top:5%;border-radius:50%;background:conic-gradient( black calc(var(--progress) * 1turn), transparent 0 );-webkit-mask:radial-gradient(circle, transparent 62%, black 63%);mask:radial-gradient(circle, transparent 62%, black 63%);transition:background 0.1s linear;pointer-events:none}.button--vorlesen.button--playing::after, #modal__vorlesen-btn.button--playing::after{background-image:url(../assets/_icons/icons/icon-pause.svg)}.button--vorlesen.button--paused::after, #modal__vorlesen-btn.button--paused::after{background-image:url(../assets/_icons/icons/icon-vorlesen.svg)}/* .box{background-color:rgb(144, 172, 247);border-radius:15px;display:flex;flex-direction:column;margin-left:20%;margin-right:20%;margin-top:5%;align-items:center;width:60%;height:50%;padding:2%;padding-bottom:5%;padding-top:5%}*/ /* .footer{outline-style:solid;outline-color:black;outline:1px}*/