.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:1em;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{--color-neutral-900:#000000;--color-neutral-100:#ffffff;--color-yellow-400:#f9e77d;--color-yellow-700:#e3cc45;--color-green-400:#a5f7b1;--color-green-700:#87d392;--color-purple-400:#b97dfc;--color-purple-700:#923fee;--color-purple-900:#560ca7;--color-orange-400:#fc9229;--color-orange-700:#d57414;--color-pink-400:#fc7da7;--color-pink-700:#d66087;--color-red-400:#dd4f28;--color-red-700:#b84526;--color-lightblue-400:#9ef4ff;--color-lightblue-700:#0fcde4;--color-turquoise-100:#c3e8ea;--color-turquoise-400:#63c3c8;--color-turquoise-700:#26abb3;--color-turquoise-900:#196469;--color-primary-400:var(--color-turquoise-400);--color-text:var(--color-neutral-900);--color-background:var(--color-neutral-100);--background-gradient:linear-gradient( to bottom, var(--color-turquoise-100) 0%, var(--color-turquoise-400) 100% );--font-family:"Inter", serif;--color-button-text:#000;--link-color:var(--primary-color-400);--link-hover-color:var(var(--color-turquoise-700));--bottom-menu-height:70px;--menu-height:0px;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;overflow:hidden}body{height:100svh;background:var(--background-gradient);padding-bottom:var(--bottom-menu-height);font-size:1em}*{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}h1{margin-block:1rem;text-align:center}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}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__container{margin-top:2rem;display:flex;gap:1rem}.button,
.app_button{background-color:var(--color-turquoise-700);color:var(--color-button-text);border:2px solid var(--color-neutral-900);padding:10px 30px;font-size:1em;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--center{margin:auto;margin-top:1rem;display:flex}.button--small,
#modal__vorlesen-btn{min-width:unset;padding:5px 5px;height:40px;width:40px}.button--vorlesen,
.button--info,
#modal__vorlesen-btn,
.button--auftrag{background-color:var(--color-neutral-100);display:inline-flex;align-items:center;margin-left:auto;align-self:flex-end}.button--auftrag{position:absolute;top:-0.5rem;right:0;height:45px;width:45px}.button--vorlesen::after,
#modal__vorlesen-btn::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}.button--small.button--vorlesen::after,
#modal__vorlesen-btn::after{margin:0}.button--info::after{content:"";display:inline-block;height:100%;width:100%;background-image:url(../assets/_icons/icons/icon-info.svg);background-size:contain;background-repeat:no-repeat;background-position:center;margin:0}.button--auftrag::after{content:"";display:inline-block;height:100%;width:100%;background-image:url(../assets/_icons/icons/fragezeichen.svg);background-size:contain;background-repeat:no-repeat;background-position:center;margin:0}.button:hover,
.app_button:hover{background-color:var(--color-turquoise-100);border:solid 2px var(--color-turquoise-400)}.button:active,
.app_button:active{background-color:var(--color-turquoise-900);border:solid 2px var(--color-neutral-900)}.button:focus,
.app_button:focus{outline:2px solid black}.button:disabled,
.app_button:disabled{border:2px solid #707070;background:rgb(207 207 207);color:#707070;pointer-events:none;cursor:not-allowed}.w-screen{height:100%;min-height:100%;margin:auto;padding:20px;overflow:auto}.w-content{min-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}#datenschutz,
#impressum{margin:auto;max-width:1000px}.kachel{background-color:var(--color-background);max-width:800px;box-shadow:0px 0px 8px rgba(0, 0, 0, 0.3);border-radius:10px;padding:1rem}footer{height:var(--bottom-menu-height);background:var(--color-background);padding:1rem;width:100svw;box-shadow:-4px 0px 4px rgba(0, 0, 0, 0.3);z-index:99;position:fixed;bottom:0;left:0}footer *{height:100%}footer ul{display:flex;padding:0;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 ul li{display:block}footer a{display:block}.footer__text-links,
.footer__text-links *{height:auto}.footer_image{height:100%;width:auto;max-width:20svw;object-fit:contain}@media (max-height:800px) OR (max-width:900px){:root{--bottom-menu-height:60px;font-size:16px}footer{padding:0.5rem}footer ul > div{gap:1rem}}@media (max-width:500px), (max-height:500px){:root{--bottom-menu-height:50px}footer{font-size:14px}footer ul > div{gap:0.5rem}h1{font-size:1.5em}}#auftrag__modal .app-modal_content{text-align:left}#auftrag__modal .app-modal_wrapper{padding-top:2rem}#auftrag__modal .app-modal_close{display:none}#auftrag__modal p + *{margin-top:1rem}#modal__vorlesen-btn{position:absolute;top:1rem;right:1rem}.auftrag__image{height:2.5rem;width:2.5rem}.auftrag__image.fragezeichen{border:solid 2px black;padding:5px;border-radius:50%}.auftrag__image-text-container{display:flex;gap: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}#beziehungsdiagramm .w-content{height:100%}#beziehungsdiagramm .bd__container{display:flex;gap:1rem;margin:auto;width:100%;max-width:1200px;height:calc(100% - 3em);justify-content:center;position:relative;max-height:fit-content}img.bd__char-img{position:absolute;height:15%;border-radius:50%;top:50%;left:50%;transform:translate(-50%, -50%)}.kachel.bd__drop-kachel{aspect-ratio:1;height:fit-content;width:auto;max-width:100%;max-height:100%;position:relative;min-height:450px;min-width:450px}.bd__drop-kachel > div{height:100%;width:100%}.bd__background-kreis{width:100%;height:100%;display:block;aspect-ratio:1}.kachel.bd__drag-kachel{width:100%;max-height:100%;max-width:17svh;min-width:100px;display:flex;flex-direction:column;gap:0.5rem;justify-content:start;height:fit-content;padding:40px 40px 1.5rem 2rem;position:relative}.kachel.bd__drag-kachel > div{display:flex;flex-direction:column;gap:0.5rem}.bd__chat-partner__img{height:auto;max-height:8svh;max-width:8svh;aspect-ratio:1;width:100%;border:solid 2px black;margin:0;border-radius:50%;touch-action:none;user-select:none;-webkit-user-drag:none;cursor:grab}.bd__chat-partner__img.is-dragging{position:fixed;z-index:9999;cursor:grabbing;pointer-events:none;margin:0}.bd__chat-partner__img.dragging{position:absolute;z-index:1000;cursor:grabbing}.bd__weiter-btn{display:block;margin:1rem auto}@media (orientation:landscape){.kachel.bd__drop-kachel{height:100%;width:fit-content}/* .kachel.bd__drag-kachel{height:100%}*/}@media (orientation:portrait){.kachel.bd__drop-kachel{height:fit-content;width:100%}.kachel.bd__drag-kachel{max-width:15svw}}@media (width < 750px) AND (orientation:portrait){#beziehungsdiagramm .bd__container{flex-direction:column}.kachel.bd__drag-kachel{flex-direction:row;width:100%;max-width:100%;flex-wrap:wrap;justify-content:center;padding:1.5rem;padding-top:2.5rem}.kachel.bd__drag-kachel > div{flex-direction:row}.kachel.bd__drag-kachel .bd__chat-partner__img{width:unset;height:100%;max-height:10svw;min-height:30px;max-width:10svw}.kachel.bd__drop-kachel{min-width:unset;min-height:unset}}@media (height < 630px) AND (orientation:landscape){.kachel.bd__drag-kachel{flex-direction:row;max-height:100%;max-width:150px;padding-top:2.5rem}.kachel.bd__drop-kachel{max-height:100%;min-width:unset;min-height:unset}.bd__chat-partner__img{max-height:10svh}}@media (max-height:800px){.kachel.bd__drag-kachel{max-width:18svh}}.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}.charakter__kachel-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 300px));gap:2rem;justify-content:center;margin-block:2rem;position:relative}.charakter__img{height:auto;width:80%;object-fit:cover;object-position:top;aspect-ratio:1;border-radius:50%;display:block;margin:auto}.charakter__kachel[role="radio"]{padding:1rem;width:100%;max-width:300px;height:100%}.charakter__kachel .button--vorlesen{position:absolute;right:1rem;top:1rem}.charakter__kachel h2{font-size:1em;margin-block:1rem;font-weight:bold;text-align:center}#charakter__heading{font-weight:bold}.chat-partner__kachel-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr);gap:2rem;width:100%;max-width:1200px;margin:auto;margin-block:2rem}.chat-partner__kachel{position:relative}.chat-partner__img{width:80px;border-radius:50%;aspect-ratio:1;object-fit:cover;object-position:top;margin:auto;display:block}.chat-partner__kachel .button--vorlesen{position:absolute;right:1rem;top:1rem}.chat-partner__kachel h2{font-size:1em;font-weight:bold;text-align:center;margin-block:0.5rem}.chat-partner__heading{margin-top:0;font-weight:bold}.chat-partner__kachel ul{text-align:left;padding-left:1rem;margin-bottom:0}#kontaktbuch__modal{max-width:1000px}#kontakt__modal{max-width:500px}/* @media (min-width:1080px){#kontaktbuch__modal{left:calc((100% - 1000px) / 2)}}*/ @media (max-height:820px){.chat-partner__kachel-container{gap:1rem;margin-block:1rem}}@media (max-width:900px){.chat-partner__kachel-container{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(3, 1fr);gap:1rem;margin-block:1rem}}@media (max-width:500px){.chat-partner__kachel-container{grid-template-columns:repeat(1, 1fr);grid-template-rows:repeat(6, 1fr)}}@media (max-width:350px){#chat__heading{margin-inline:40px}}#chat__heading{margin-top:0;font-weight:bold}.chat__weiter-btn{margin:auto;margin-top:2rem;display:flex}.chat__counter-container{display:flex;gap:1rem;justify-content:center;align-items:center;margin:1rem}.chat__counter-bullet{height:0.7rem;width:0.7rem;border:solid 2px black;background:white;border-radius:50%;box-shadow:0px 0px 3px rgba(0, 0, 0, 0.25)}.chat__counter-bullet.current{background:var(--color-turquoise-100);border:solid 4px var(--color-turquoise-700);height:1.2rem;width:1.2rem;box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5)}.chat__wrapper{display:flex;max-width:1200px;gap:2rem;margin:auto;justify-content:center;flex-wrap:wrap}.chat__auswahl-container{display:flex;flex-direction:column;gap:1rem;max-width:400px;min-width:250px;width:100%;flex:1}.chat__checkbox__info-button{position:absolute;top:0.5rem;right:0.5rem}.chat__checkbox{position:relative;height:6rem;min-height:fit-content}.chat__checkbox.disabled label{background-color:#e4e2e7;box-shadow:none;border:solid 1px gray}.chat__checkbox.disabled, .chat__checkbox.disabled input{filter:grayscale(1);user-select:none}.chat__checkbox input{appearance:none;border:none;height:100%;width:100%;position:absolute;top:0;left:0;cursor:pointer;background:transparent}.chat__checkbox label{font-weight:bold;display:block;height:100%;width:100%;display:flex;align-items:center;padding-right:3.5rem}.chat__checkbox-img{width:4rem;height:4rem;border-radius:50%;margin-right:1rem}.chat__checkbox label[for="niemand"]{align-items:start;gap:0.5rem}.chat__checkbox label[for="niemand"]:nth-child(2){font-weight:normal}.chat__checkbox input:checked + label{background-color:var(--color-turquoise-100);border:solid 4px var(--color-turquoise-700)}.chat__container{--header-bg-color:white;--header-color:black;--message-bubble-bg-color:white;--message-bubble-color:black;--message-bubble-la-bg-color:white;--message-bubble-la-color:black;--messages-bg:white;--footer-bg-color:white;--footer-text-box-bg-color:grey;--footer-send-button-bg-color:black;--footer-send-button:url(../assets/chats/icon-send--white.svg);--profile-image:url(../assets/chats/chat-image__game.svg);--border-radius--inner:8px;--border-radius:10px;--border-radius--text-feld:1rem;max-width:500px;width:100%;min-width:350px;flex:1;box-shadow:0px 0px 8px rgba(0, 0, 0, 0.25)}.chat__header{width:100%;border-radius:var(--border-radius--inner) var(--border-radius--inner) 0px 0px;padding:1rem;display:flex;justify-content:center;gap:1rem;position:relative;background:var(--header-bg-color)}.chat__header h2{font-weight:bold;color:var(--header-color)}.chat__header .button--vorlesen{position:absolute;right:1rem;top:0.8rem}.chat__messages{display:flex;flex-direction:column;padding:1rem;background:var(--messages-bg)}.chat__message{width:80%;display:flex;gap:0.5rem}.chat__message + .chat__message{margin-top:1rem}.chat__image{overflow:visible;position:relative;flex-shrink:0;height:2em}.chat__image img{object-fit:cover;width:50px;height:50px;border-radius:50%}/* .chat__image::before{content:"";position:absolute;height:50px;width:50px;background-repeat:no-repeat;background-size:cover;border-radius:50%;background-image:var(--profile-image);flex-shrink:0}*/ .chat__bubble{border-radius:var(--border-radius);background:var(--message-bubble-bg-color);color:var(--message-bubble-color);padding:0.5rem;height:fit-content;flex-shrink:1}.chat__message.lisa, .chat__message.amir{margin-left:auto;flex-direction:row-reverse}.chat__message.lisa .chat__bubble, .chat__message.amir .chat__bubble{background:var(--message-bubble-la-bg-color);color:var(--message-bubble-la-color)}.chat__message.lisa .chat__image::before{background-image:url(../assets/personen/lisa.jpg)}.chat__message.amir .chat__image::before{background-image:url(../assets/personen/amir.jpg)}.chat__message.lisa + .chat__message.lisa, .chat__message.amir + .chat__message.amir, .chat__message.unbekannt + .chat__message.unbekannt{margin-top:0.5rem}.chat__message.lisa + .chat__message.lisa .chat__image, .chat__message.amir + .chat__message.amir .chat__image, .chat__message.unbekannt + .chat__message.unbekannt .chat__image{opacity:0}.chat__footer{background:var(--footer-bg-color);width:100%;border-radius:0px 0px var(--border-radius--inner) var(--border-radius--inner);padding:1rem;display:flex}.chat__text-input{height:2rem;width:100%;background-color:var(--footer-text-box-bg-color);border-radius:var(--border-radius--text-feld) 0px 0px var(--border-radius--text-feld)}.chat__send-button{height:2rem;width:20%;background:var(--footer-send-button-bg-color);border-radius:0px var(--border-radius--text-feld) var(--border-radius--text-feld) 0px;display:inline-flex;align-items:center;justify-content:center}.chat__send-button::before{content:"";background:var(--footer-send-button);background-repeat:no-repeat;background-size:contain;height:1rem;width:1rem}.chat__social-media.chat__container{--header-bg-color:white;--header-color:black;--message-bubble-bg-color:#e5e5e5;--message-bubble-color:black;--message-bubble-la-bg-color:linear-gradient( 180deg, #0059ff 0%, #3700ff 100% );--message-bubble-la-color:white;--messages-bg:white;--footer-bg-color:white;--footer-text-box-bg-color:#e5e5e5;--footer-send-button-bg-color:linear-gradient( 180deg, #0059ff 0%, #3700ff 100% );--footer-send-button:url(../assets/chats/icon-send--white.svg);--profile-image:url(../assets/chats/chat-image__social-media.svg)}.chat__social-media .chat__header{border-bottom:solid 2px #e5e5e5}.chat__social-media .chat__header::before{content:"✉️";font-size:2em;line-height:2rem}.chat__social-media .chat__footer{border-top:solid 2px #e5e5e5}.chat__messenger.chat__container{--header-bg-color:var(--color-purple-900);--header-color:white;--message-bubble-bg-color:white;--message-bubble-color:black;--message-bubble-la-bg-color:var(--color-purple-400);--message-bubble-la-color:black;--messages-bg:#e4e2e7;--footer-bg-color:#e4e2e7;--footer-text-box-bg-color:white;--footer-send-button-bg-color:var(--color-purple-900);--profile-image:url(../assets/chats/chat-image__messenger.svg);--footer-send-button:url(../assets/chats/icon-send--white.svg)}.chat__game.chat__container{--header-bg-color:var(--color-orange-400);--header-color:black;--message-bubble-bg-color:white;--message-bubble-color:black;--message-bubble-la-bg-color:var(--color-yellow-400);--message-bubble-la-color:black;--messages-bg:url(../assets/chats/chat-background__game.svg) 100% repeat;--footer-bg-color:var(--color-orange-400);--footer-text-box-bg-color:white;--footer-send-button-bg-color:var(--color-yellow-400);--profile-image:url(../assets/chats/chat-image__game.svg);--footer-send-button:url(../assets/chats/icon-send--orange.svg)}.chat__game .chat__header::before{content:"🐾";font-size:2em;line-height:2rem}.chat__game .chat__messages{background-size:100%}.chat__schul-lern.chat__container{--header-bg-color:var(--color-lightblue-700);--header-color:black;--message-bubble-bg-color:#e5e5e5;--message-bubble-color:black;--message-bubble-la-bg-color:var(--color-lightblue-400);--message-bubble-la-color:black;--messages-bg:white;--footer-bg-color:white;--footer-text-box-bg-color:#e5e5e5;--footer-send-button-bg-color:var(--color-lightblue-700);--profile-image:url(../assets/chats/chat-image__schul-lern.svg);--footer-send-button:url(../assets/chats/icon-send--black.svg);--border-radius:0px;--border-radius--inner:0px;--border-radius--text-feld:0px}@media (max-width:500px){.chat__container{min-width:unset}.chat__auswahl-container{width:100%;max-width:unset;min-width:unset}}@media (max-width:400px){#chat__heading{margin-inline:40px}}img.feedback__img{height:90px;border-radius:50%;aspect-ratio:1;object-fit:contain;flex-shrink:0}.kachel.feedback__kachel{display:flex;gap:1rem;position:relative;padding-right:3.5rem;max-width:900px}#feedback__modal{max-width:900px}.feedback__auswahl-container{display:flex;flex-direction:column;gap:1rem}#feedback__modal .app-modal_close{display:none}.feedback__text-container{width:100%;text-align:left}.feedback__text-container h3{font-weight:bold;margin-bottom:0.5rem}.feedback-allg__container{display:flex;gap:1rem;text-align:left;position:relative;padding-right:3.5rem;padding-top:2rem}.feedback__kachel .button--vorlesen{position:absolute;top:0.5rem;right:0.5rem}.feedback-allg__container .button--vorlesen{position:absolute;top:0rem;right:0}.feedback-allg__img{height:90px;width:90px;aspect-ratio:1;object-fit:contain;flex-shrink:0}@media (max-width:600px){.feedback-allg__img, img.feedback__img{height:50px;width:50px}}: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)}.app-modal{background:white;width:90%;z-index:101;position:fixed;padding:10px;left:2.5%}.app-modal{background:white;width:90%;z-index:102;position:fixed;left:50%;max-height:90%;top:50%;border-radius:15px;max-width:800px;overflow:hidden;transform:translate(-50%, -50%)}.app-modal_wrapper{background:white;height:fit-content;max-height:calc(90svh - 6rem);padding:1rem;text-align:center;position:relative;overflow:auto}.app-modal_title{margin-bottom:1rem;text-align:left;font-weight:bold}.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;display:none}.app-modal_buttons{display:flex;align-items:center;justify-content:center;gap:10px;padding:1rem;flex-wrap:wrap}.app-modal_close img{height:100%;width:auto}.overlay{background:black;opacity:0.6;position:fixed;z-index:100;height:100%;width:100%;top:0;left:0}/* @media (min-width:880px){.app-modal{left:calc((100% - 800px) / 2)}}*/ @media (max-width:600px){.app-modal_wrapper{padding:1rem}.app-modal #modal__vorlesen-btn{margin-left:unset}}[component="PageSpreadsheet"] .w-content{height:100%}[component="PageSpreadsheet"] h1{margin-top:0;text-align:left}[component="PageSpreadsheet"] .kachel{padding:2rem;max-height:100%;width:100%;overflow:auto;margin:auto}[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}.button.loading::before{content:"";margin-right:1rem;height:1.5rem;width:1.5rem;background-image:url(../assets/_icons/icons/zeit.png);background-position:center;background-repeat:no-repeat;background-size:contain;animation:turn 2s ease-in-out infinite}@keyframes turn{0%{transform:rotateZ(0deg)}50%{transform:rotateZ(180deg)}100%{transform:rotateZ(360deg)}}#pdf{position:absolute;left:-9999px;top:0;display:block !important;-webkit-text-size-adjust:none}.pdf__page{width:794px;height:1123px;position:relative;background:white;box-sizing:border-box;overflow:hidden;font-size:12pt}.pdf__page .kachel{border:solid 2px rgba(0, 0, 0, 0.2);padding-right:1rem}.pdf__page .chat__container{border:solid 2px rgba(0, 0, 0, 0.2)}.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}.pdf__page-content{padding:20px 40px;height:calc(100% - 120px)}.pdf__page-number{position:absolute;bottom:20px;right:20px}.pdf__page h2{font-weight:bold}.pdf__charakter-kachel{display:flex;width:fit-content;margin-bottom:40px}.pdf__charakter-kachel .charakter__img{height:100px;width:100px}.pdf__chat-partner__kachel-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-block:20px}.pdf__chat-partner__kachel-container ul{padding-left:20px;margin:0}.pdf__chat-partner__kachel-container .chat-partner__img{height:90px;width:90px}.pdf__page-content .chat__container{max-width:50%;min-width:unset;width:50%;flex:1;border-radius:var(--border-radius)}.pdf__chat-feedback-container{display:flex;gap:20px;align-items:start;position:relative;margin-block:20px}.pdf__feedback-container{display:flex;flex-direction:column;gap:20px;width:calc(50% - 20px)}.pdf__feedback-container .feedback__img{height:50px}.pdf__page-content .chat__header h2{font-size:1.2em}.pdf__page-content .button--vorlesen{display:none}.pdf__page-content .feedback__kachel.ausgewaehlt{background:var(--color-turquoise-100);border:solid 2px var(--color-turquoise-400)}.pdf__page-content .feedback__text-container h3 span{font-weight:normal}.pdf__page-content .feedback-allg__container p{font-size:12pt !important}.pdf__page-content .bd__drop-kachel{margin-block:1rem;width:614px;height:614px}.pdf__page-content .bd__background-kreis{width:578px;height:578px}[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"][aria-checked="true"]{border:4px solid var(--color-turquoise-400);background-color:var(--color-turquoise-100)}[role="radio"].focus, [role="radio"]:hover{background-color:var(--color-turquoise-100);cursor:pointer}#start::before{content:"";position:absolute;height:100%;inset:0;background:url(../assets/background/background-speechbubbles.svg);background-position:top left;background-size:25%;background-repeat:repeat;opacity:0.3;pointer-events:none;z-index:-1}#start .w-content, #ende .w-content{display:flex;justify-content:center;align-items:center}.start__kachel, .ende__kachel{padding:2rem;max-height:100%;width:100%;overflow:auto;/* container-name:start-container;container-type:inline-size;*/ text-align:center;position:relative}#start .button__container, #ende .button__container{max-width:530px;margin-left:auto;margin-right:auto;flex-wrap:wrap;justify-content:center}#start .button--vorlesen{margin-left:auto;display:flex}#ende .button--vorlesen{position:absolute;top:1rem;right:1rem}.ende__image{height:20svh;display:block;margin:auto}/* @container start-container (max-width:440px){.button--vorlesen{margin-left:unset}#start .button__container, #ende .button__container{justify-content:center}}*/ .button--vorlesen{position:relative;overflow:hidden;--progress:0}#modal__vorlesen-btn{overflow:hidden;--progress: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)}