.MuiPaper-root{overflow:visible!important}.popup{align-items:center;background:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.popup__message{padding-left:16px}a.inactive-link{cursor:default;pointer-events:none}.accept-popup{align-items:flex-start;flex-direction:column;padding:16px}.accept-popup,.accept-popup-buttons{display:flex;justify-content:center;margin:0 auto;overflow:visible}.accept-popup-buttons{align-items:center;flex-direction:row;width:100%}.accept-popup-buttons button:first-child{margin-right:15px}.accept-popup button.accept-popup__close-icon{font-size:20px;min-width:0;position:absolute;right:8px;top:8px}.action-popup-buttons{display:flex;flex-direction:column;margin-top:15px;row-gap:10px;width:100%}.qr-container{align-items:center;display:flex;flex-direction:column;height:320px;justify-content:center;margin:0 auto;overflow:visible;width:248px}.qr-container a{margin-bottom:15px}.qr-container a#clipboard-link{text-align:-webkit-center}.qr-container #qr-link{color:#000;font-size:11px;overflow-wrap:anywhere;padding:0 10px;text-decoration:none}.qr-container #clipboard-link:visited{color:#00e}.qr-container--mobile{height:100px}.qr-container--mobile .connect-app-text{margin-bottom:15px}.qr-container--mobile #connect-app-button{margin-bottom:0;text-transform:none}.tooltip{position:relative}.tooltip-hover-only:after,.tooltip-hover-only:before{opacity:0}.tooltip-hover-only:hover:after,.tooltip-hover-only:hover:before{opacity:1}.tooltip:after,.tooltip:before{content:"";pointer-events:none;position:absolute}.tooltip:before{background:#fff;border-radius:6px;box-shadow:0 -1px 7px #999;color:#222;content:attr(data-tooltip);font-size:13px!important;line-height:19px!important;max-width:500px;padding:12px;text-align:left;text-decoration:none;text-transform:none!important;white-space:break-spaces;width:-webkit-max-content;width:max-content}.tooltip-bottom-center:after,.tooltip-bottom-end:after,.tooltip-bottom-start:after{background:#fff;box-shadow:-4px -4px 4px 0 hsla(0,0%,60%,.314);height:10px;left:50%;top:calc(100% + 1px);transform:translateX(-50%) translateY(75%) rotate(45deg);width:10px}.tooltip-bottom-center:before,.tooltip-bottom-end:before,.tooltip-bottom-start:before{top:calc(100% + 14px)}.tooltip-bottom-center:before{left:50%;transform:translateX(-50%)}.tooltip-bottom-end:before{right:-4px}.tooltip-bottom-start:before{left:-4px}@media(max-width:725px){.tooltip-bottom-center#qr-button:before{transform:translateX(-88.5%)}}.tooltip-top-center:after,.tooltip-top-end:after,.tooltip-top-start:after{background:#fff;bottom:calc(100% + 1px);box-shadow:4px 4px 4px 0 hsla(0,0%,60%,.314);height:10px;left:50%;transform:translateX(-50%) translateY(-75%) rotate(45deg);width:10px}.tooltip-top-center:before,.tooltip-top-end:before,.tooltip-top-start:before{bottom:calc(100% + 14px);box-shadow:0 1px 7px #999}.tooltip-top-center:before{left:50%;transform:translateX(-50%)}.tooltip-top-end:before{right:-4px}.tooltip-top-start:before{left:-4px}.tooltip-left-center:after,.tooltip-left-end:after,.tooltip-left-start:after{background:#fff;box-shadow:4px -4px 4px 0 hsla(0,0%,60%,.314);height:10px;right:calc(100% + 1px);top:50%;transform:translateX(-75%) translateY(-50%) rotate(45deg);width:10px}.tooltip-left-center:before,.tooltip-left-end:before,.tooltip-left-start:before{box-shadow:1px 0 7px #999;right:calc(100% + 14px)}.tooltip-left-center:before{top:50%;transform:translateY(-50%)}.tooltip-left-end:before{top:-4px}.tooltip-left-start:before{bottom:-4px}.tooltip-right-center:after,.tooltip-right-end:after,.tooltip-right-start:after{background:#fff;box-shadow:-4px 4px 4px 0 hsla(0,0%,60%,.314);height:10px;left:calc(100% + 1px);top:50%;transform:translateX(75%) translateY(-50%) rotate(45deg);width:10px}.tooltip-right-center:before,.tooltip-right-end:before,.tooltip-right-start:before{box-shadow:-1px 0 7px #999;left:calc(100% + 14px)}.tooltip-right-center:before{top:50%;transform:translateY(-50%)}.tooltip-right-end:before{top:-4px}.tooltip-right-start:before{bottom:-4px}@keyframes pulse{0%{box-shadow:0 0 0 2px orange;outline:2px solid #ff0}60%{box-shadow:0 0 0 9px #0000;outline:2px solid gold}to{box-shadow:0 0 0 2px #0000;outline:2px solid gold}}.pulse{animation:pulse 2.5s ease-out .5s infinite;outline:2px medium none invert;outline:2px solid initial}.all-right-popup{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:400px;overflow:hidden;padding:18px;width:100%}.all-right-popup p{margin-bottom:16px;text-align:left}.user-bar{align-items:center;background-color:#004b76;border-radius:0 0 5px 5px;color:#fff;display:flex;left:50vw;max-width:90vw;padding:8px 16px;position:absolute;top:0;transform:translateX(-50%);z-index:10}.user-bar__welcome{cursor:pointer;padding:4px}.user-bar__welcome .user-bar__user-name{background:#004b76;border-radius:5px;display:none;left:50%;padding:8px 16px;position:absolute;transform:translate(-50%,110%);white-space:nowrap}.user-bar__welcome .user-bar__user-name:before{background:#004b76;content:"";height:10px;left:50%;position:absolute;top:-5px;transform:translateX(-50%) rotate(45deg);width:10px}.user-bar__welcome .user-bar__user-name:after{content:"";height:20px;left:0;position:absolute;top:-20px;width:100%}.user-bar__welcome:hover .user-bar__user-name{display:inline}.user-bar__qr-button{background:#004b76;border:1px solid #00000026;border-radius:3px;box-shadow:0 0 0 0 #fff;box-sizing:initial;color:inherit;cursor:pointer;display:inline-flex;font-size:20px;margin-left:8px;padding:4px;transition:.15s ease-in-out}.user-bar__qr-button:hover{background:#e0e0e0;color:#739cb4}.user-bar a{color:#fff;padding:4px;text-decoration:none}.user-bar a:hover{background:#e0e0e0;color:#739cb4}.user-bar .delimiter{border-left:1px solid #e0e0e0;height:20px;margin:0 16px}#qr-image{width:175px}.qr-button svg{box-shadow:0 0 0 0 #fff}.qr-tooltip-anchor{top:4px}.upload-document-popup__file-info-container{width:85%}.upload-document-popup__file-info{overflow-wrap:break-word}.groups-list,.messages-history{border:1px solid #c8c4c4;border-radius:4px;padding:12.5px}.history-items-list{max-height:500px;overflow-y:scroll;padding:4px 12.5px 4px 4px}.history-item{word-break:break-all}.history-item__subject{font-size:16px;font-weight:700}.history-item__date{font-size:15px;font-style:italic}.group-item,.history-item{cursor:pointer}.group-item.selected,.history-item.selected{background:#b1b1b1}.groups-list-selector .group-item{border:1px solid #dfdfdf;border-radius:4px;padding:4px 8px}.groups-list-selector .group-item:hover{border-color:#000}.groups-list-selector .group-item svg{font-size:medium;margin-right:4px}.loader-local{background:#0000000d;cursor:default;height:100%;left:0;margin:0!important;position:absolute;top:0;width:100%;z-index:100}a[disabled]{pointer-events:none}a[disabled]:not(.router-link){filter:brightness(.5)}li{line-height:24px}ol,ul{margin-left:17.5px}.error-page{flex-direction:row}.error-page,.user-page{align-items:center;display:flex;justify-content:center;margin:0 auto;overflow:visible}.user-page{flex-direction:column;padding:16px}.user-page section{border-bottom:1px solid #222;color:#222;cursor:pointer;margin-bottom:16px;max-height:42px;overflow:hidden;padding-left:16px;transition:.15s ease-in-out;width:100%}.user-page section.active{max-height:1000px}.user-page section.active:before{transform:rotate(90deg)}.user-page section.disabled{pointer-events:none}.user-page section:before{border-bottom:6px solid #0000;border-left:8px solid #222;border-top:6px solid #0000;content:"";height:0;left:2px;position:absolute;top:13px;width:0}.user-page section .title{color:#222;font-size:19px;line-height:42px}.user-page section .content{display:flex;flex-direction:column;padding:0 0 16px 16px}.user-page section .content>div{margin-bottom:16px}.user-page section .content p{font-size:13px;padding-right:48px;text-align:right;width:300px}.user-page section .content input{border:none;border-bottom:2px solid #222;min-width:300px;padding:8px}footer{background:#004b76;color:#dfdfdf;margin-top:64px;padding:32px;width:100%}footer.simple{align-items:flex-start;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border-top:2px solid #dfdfdf;color:#b1b1b1;display:flex;height:100px;justify-content:flex-start;padding:16px}footer.simple>:not(:last-child){margin-right:16px}footer.simple>:first-child{margin-right:auto}.versions-container{bottom:8px;font-size:14px;left:50%;position:absolute;transform:translateX(-50%)}#root{display:flex;flex-direction:column;height:100vh}.header-banner{background-image:url(https://kammer.demo.meinbildungsraum.de/static/media/header.4bd788fdf8e28a217410.jpg);background-position-x:right;background-position-y:center;background-repeat:no-repeat;background-size:cover;height:370px}.commerce-banner{background-image:url(https://kammer.demo.meinbildungsraum.de/static/media/commerce.6bded9143355cd8e373c.jpg);background-position-x:center;background-position-y:center;background-repeat:no-repeat;background-size:cover;height:370px}.crafts-banner{background-image:url(https://kammer.demo.meinbildungsraum.de/static/media/crafts.c6afee9a357288d16eeb.jpg);background-position-x:left;background-position-y:center;background-repeat:no-repeat;background-size:cover;height:370px}.logo-wrapper{background:#fff;height:100px;justify-content:center}.logo-wrapper,.logo-wrapper--simple{align-items:center;display:flex;flex-direction:row;margin:0 auto;overflow:visible}.logo-wrapper--simple{justify-content:flex-start}.logo-container,.nav{display:flex;max-width:1100px;width:100%}.logo-container--simple,.nav--simple{align-items:center;max-width:none}.logo-container img{height:50px}.logo-container--simple a{padding:0 24px}.logo-container--simple img{margin-left:16px}.logo--simple{height:60px;max-height:60px;width:auto}.nav-container{align-items:center;background:#004b76;display:flex;flex-direction:row;justify-content:center;margin:0 auto;overflow:visible;position:-webkit-sticky;position:sticky;top:0;z-index:2}.nav a,.nav button,.nav p{align-items:center;background:#0000;border:none;color:#fff;display:inline-flex;font-size:16px;line-height:60px;padding:0 24px;text-decoration:none;transition:.15s ease-in-out}.nav a:disabled,.nav button:disabled,.nav p:disabled{opacity:.5;pointer-events:none}.nav a svg,.nav button svg,.nav p svg{font-size:22px}.nav a b,.nav button b,.nav p b{margin-left:4px}.nav a:before,.nav button:before,.nav p:before{line-height:normal}.nav a,.nav button{cursor:pointer}.nav .active{background:#739cb4}.nav .language-switch-container{margin-left:auto}.nav--simple{flex-wrap:wrap}.nav--simple a,.nav--simple button,.nav--simple p{font-size:15px;text-transform:none}.nav--simple a:hover{background-color:#e0e0e0;color:#739cb4}.nav--simple .language-switch-container{margin-left:0}.nav:not(.nav--simple) a:hover,.nav:not(.nav--simple) button:hover{background:#e0e0e0;color:#739cb4}.footer-logo-container{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;max-width:1100px;overflow:visible}.footer-logo-container img{display:block;height:50px}.in-article-image{height:auto;margin-top:25px;width:100%}.course-image-container{display:flex;margin:25px 0 0}.course-image-container .course-image{height:175px;margin:0;width:auto}.main{align-items:center;flex-direction:row;max-width:1100px}.main,.progress-main{display:flex;justify-content:center;margin:0 auto;overflow:visible}.progress-main{align-items:flex-start;flex-direction:column;padding:16px;width:100%}.score-block{background:#dfdfdf;margin-left:150px;max-width:600px;padding:48px 24px 24px}.score-block img{height:66%;left:115%;position:absolute;top:15%;width:auto}.disabled{cursor:default;opacity:.7;pointer-events:none}#score-value{font-weight:700;margin-right:auto}.form-field{align-items:center;flex-direction:row;justify-content:flex-start}.footer-popup-container,.form-field{display:flex;margin:0 auto;overflow:visible}.footer-popup-container{align-items:flex-start;flex-direction:column;justify-content:center;padding:16px}.footer-popup-buttons{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:30px auto 0;overflow:visible;width:100%}.footer-popup-buttons button:first-child{margin-right:15px}.start-course-container{align-items:center;display:flex;flex-direction:row;flex-direction:column;justify-content:center;margin:32px auto 0;max-width:650px;overflow:visible;row-gap:25px}.courses-container{display:flex;justify-content:space-between}.course{background:#d0e3f9;font-family:Open Sans,sans-serif;font-weight:500;padding:30px}.course h1,.course h2,.course h3,.course h4,.course h5,.course h6{filter:brightness(.5)}.course a,.course button,.course h1,.course h2,.course h3,.course h4,.course h5,.course h6,.course p,.course span{font-family:inherit;font-weight:inherit}.course ol,.course ul{list-style:none}.course ol li:before,.course ul li:before{color:#ff8d25;content:"■";display:inline-block;font-weight:700;margin-left:-1em;width:1em}.course{display:flex;flex-direction:column;width:47.5%}.course__button{width:-webkit-fit-content;width:fit-content}.spacer{flex-grow:1}.go-to-course-container{display:flex;flex-direction:column;row-gap:10px}.breadcrumbs{padding:0 24px}.breadcrumbs a{color:#408fe5!important;font-size:14px;text-decoration:none;text-transform:uppercase}.page-wrapper{flex-grow:1}div.timer{font-size:20px;font-weight:700;margin-bottom:5px;margin-top:-15px}*{box-sizing:border-box;margin:0;padding:0;position:relative}body{font-family:Arial MT,Arial,Helvetica,sans-serif;overflow-x:hidden;width:100%}.mt-16{margin-top:16px!important}.mt-24{margin-top:24px!important}.mt-32{margin-top:32px!important}.mt-48{margin-top:48px!important}.mb-16{margin-bottom:16px!important}.mb-24{margin-bottom:24px!important}.mb-32{margin-bottom:32px!important}.mb-48{margin-bottom:48px!important}.ml-16{margin-left:16px!important}.notistack-MuiContent-info{background:#b1b1b1!important}
/*# sourceMappingURL=main.9a5f353e.css.map*/