:root{--text-farbe:#014370;--primaerfarbe:#00afd8;--text_auf_primaerfarbe:#fff;--primaerfarbe-hover:#00A7CC;--primaerfarbe-focus:#0092B3;--hintergrund-farbe-card:#fff;--green:#4dc5a1;--red:#e6755d;--secundaerfarbe:#7DD5E9;--textfarbe:#4d4d4d}body{font-family:'Open Sans', sans-serif;font-weight:400;font-size:12pt;color:var(--textfarbe)}h2{font-size:2rem}p{font-size:1rem}section{margin-bottom:100px}@media(max-width:600px){.w-hide-small{display:none !important}}@media (max-width:992px) and (min-width:601px){.w-hide-medium{display:none!important}}@media(min-width:993px){.w-hide-large{display:none !important}}#suche{position:relative}#suche .close{right:0}#app-feedback input, #app-feedback select{width:100%;font-size:1em}#app-feedback label{font-size:0.7em;margin:0px;margin-top:5px}#app-feedback textarea{width:100%}.debug #onFeedbackCall{display:block !important;position:fixed;bottom:10px;right:10px;width:30px;height:30px;cursor:pointer;border-radius:25px;background-color:#f8bc00;z-index:10000}.debug #onFeedbackCall img{width:80%;margin:10%}.w-desktopheader .search a{background:url(../assets/_icons/icons/search_icon_blue.svg) no-repeat center center;background-size:100%;height:45px;width:45px;position:absolute;right:0;margin-right:20px;margin-top:13px;padding:0}.w-suche{position:relative}#suche .close{right:0}#w-suche__reset.close{position:absolute;top:5px;right:5px}#suche{position:fixed;top:var(--header_height);right:0;left:0;bottom:0;background-color:rgba(255, 255, 255, 0.9);margin-bottom:0;z-index:6}.app-menu{text-align:center;display:block;margin:5px;text-decoration:none}#menu .close{right:0}#menu{position:fixed;top:var(--header_height);right:0;left:0;bottom:0;background-color:rgba(255, 255, 255, 0.9);margin-bottom:0;z-index:6;max-width:100%}#menu h2{text-align:center}nav{}.w-desktopheader{display:flex;background:#f2f2f2;max-height:70px;position:fixed;z-index:9;width:100%}.w-desktopheader #logo{width:100%;text-align:center}#logo img{width:330px}#navigation{display:none}/*.w-desktopheader .menu-icon a{background:url(../assets/_icons/icons/menu-icon.svg) no-repeat center center;margin-left:19px;background-size:100%;text-align:left;cursor:pointer;width:45px;height:45px;font-size:0;margin-top:13px;position:fixed;z-index:10001}*/ .menu-handler{position:absolute}.menu-icon{position:relative}.menu-handler{width:45px;margin-top:13px;margin-left:13px}.bar{height:5px;background:var(--primaerfarbe);margin-bottom:10px;border-radius:25px;position:relative;-webkit-transition:.3s all ease;transition:.3s all ease;display:block}.menu-handler.opened .bar.middle{transform:scale(0)}.menu-handler.opened .bar.top{transform:translateX(0) translateY(15px) rotate(45deg)}.menu-handler.opened .bar.bottom{transform:translateX(0px) translateY(-15px) rotate(-45deg)}.header-width{width:50px;margin-left:20px}.w-desktopheader .search{display:block;margin-right:20px;padding:0;line-height:70px}.w-desktopheader .search a::before{background:url(../assets/_icons/icons/search_icon_blue.svg) no-repeat center center;background-size:auto;margin-right:19px;background-size:100%;text-align:right;cursor:pointer;width:45px;height:45px;font-size:0;margin-top:13px;position:fixed;z-index:10001;right:0}#navigation{position:fixed;width:100%;height:100%;background:rgba(27, 85, 101, 0.68);z-index:10002}#navigation .main-nav{position:relative;width:100%;text-align:center;top:40%;left:50%;transform:translate(-50%, -40%);-webkit-transform:translate(-50%, -40%);margin-top:-45px}#navigation li{display:block}#navigation a{color:#fff}.w-mobileheader{position:fixed;min-height:100px;table-layout:fixed;background:#0471b2;background:-moz-linear-gradient(to right, #00aed7, #0471b2);background:-webkit-linear-gradient(to right, #00aed7, #0471b2);background:linear-gradient(to right, #00aed7, #0471b2);color:#fff;text-align:center;clip-path:polygon(0 0, 100% 0, 100% 70%, 0 100%);z-index:7;width:100%}.w-mobileheader .history-icon{background:url(../assets/_icons/icons/gobackarrow.svg) no-repeat center center;background-size:auto;background-size:100%;cursor:pointer;width:45px;height:45px;font-size:0;margin-top:13px;position:absolute;top:0;z-index:10;margin-left:13px}.w-mobileheader .menu-icon a{background:url(../assets/_icons/icons/menu-icon-transperent.svg) no-repeat center center;margin-top:13px;background-size:100%;cursor:pointer;width:45px;height:45px;position:absolute;top:0;right:0;z-index:10001;margin-right:13px}.w-mobileheader #logo img{width:50vw;position:relative;max-width:250px}.w-mobileheader #logo img{margin-top:13px}.w-mobileheader .w-header{position:absolute;right:0;left:0}.w-mobileheader .w-header img{max-height:40px;display:none;margin:10px;position:relative}.w-mobileheader .w-header h1{display:inline-block}.w-mobileheader .w-header h1:before{content:'';mask:url('../assets/_icons/gerhirnmenu/brain.svg');-webkit-mask:url('../assets/_icons/gerhirnmenu/brain.svg');background-color:#fff;width:40px;height:40px;display:inline-block;margin:0 10px;mask-size:40px;-webkit-mask-size:40px;vertical-align:-7px}.w-image-round-border{border-radius:50%}.w-content{padding-top:85px !important;max-width:var(--page_width);margin:auto;margin-bottom:100px}.w-padding-small{padding:4px 8px}.w-padding-large{padding:12px 24px}.w-center{text-align:center !important}.w3-opennav{float:right !important}.w-cursor-pointer{cursor:pointer}.w-overlay{display:none;z-index:9}.w-screen{}.app-component .app-card{width:90%;max-width:480px;margin:auto;padding:10px;overflow:hidden;background-color:var(--hintergrund-farbe-card);display:block}.app-component .w3-card img{width:100%}.app-button{padding:10px 30px;border-radius:25px;color:var(--text_auf_primaerfarbe);display:block;text-align:center;background-color:var(--primaerfarbe);text-decoration:none;margin:10px 0;font-size:1.3em;border:none;cursor:pointer}.app-button:hover{background-color:var(--primaerfarbe-hover)}.app-button:focus{background-color:var(--primaerfarbe-focus)}:root{--header_height:100px;--page_width:800px}section{padding-top:var(--header_height)}.close{font-size:0;background:url(../assets/_icons/icons/closeicon.svg) no-repeat center center;display:block;height:35px;width:35px;cursor:pointer;position:absolute;background-size:100%;background-position:0 0;z-index:1}button.close{border:none}#randomname{font-style:italic}#randomname:hover{border-radius:25px;padding:0 10px;background-color:var(--secundaerfarbe);color:var(--text_auf_primaerfarbe)}.app-multichoice-answers .w3-button{margin:10px;text-align:left;white-space:pre-wrap}.app-clickable{cursor:pointer}.app-disabled{pointer-events:none}.app-clickable:hover{background-color:var(--primaerfarbe);opacity:0.5;border-radius:25px;padding:0 10px;color:var(--text_auf_primaerfarbe)}.app-wrong{background-color:var(--red) !important;border-radius:25px;padding:0 10px;color:#fff}.app-right{background-color:var(--green) !important;border-radius:25px;color:#fff}.app-clickable.app-selected{border:3px solid var(--primaerfarbe);border-radius:25px;padding:0 10px}.app-selected{border:3px solid var(--primaerfarbe)}.button{width:100%;padding:10px;border-radius:25px;color:#fff !important;display:block;text-align:center;background-color:#00afd8;text-decoration:none;margin:10px 0}label{color:var(--textfarbe);font-size:1.2rem;margin:20px 0;display:block}.app-accordion__headline h1, .app-accordion__headline h2, .app-accordion__headline h3{cursor:pointer}.app-accordion.depth1 label{font-size:1rem}input[type="checkbox"]+.app-accordion__headline::before{content:" ";width:1rem;height:1rem;border:2px solid var(--primaerfarbe);border-radius:50%;display:inline-block;margin:0 5px 0 0}input[type="checkbox"]{}input[type="checkbox"]:checked+.app-accordion__headline::before{background-color:var(--primaerfarbe);box-shadow:inset 0px 0px 0px 3px #fff;border-radius:50%}.app-modal{position:fixed;left:0;right:0;z-index:100;width:calc(100% - 50px);max-width:var(--page_width);margin:auto;margin-top:var(--header_height);background-color:var(--hintergrund-farbe-card);padding:10px;box-shadow:0 6px 12px 0 rgba(0, 0, 0, 0.30);border-radius:10px;border:none}.app-modal .close{right:10px;top:10px}.w-ranking-title{text-align:center;color:var(--dunkle-primaerfarbe);font-size:2rem;margin:10px}.w-ranking{max-width:calc(var(--page_width) / 2);margin:auto;margin-bottom:25px}.w-ranking-badge{text-align:center;margin:10px}.w-ranking-badge img{width:40%;height:auto}.w-ranking-stars{text-align:center;margin:10px}.w-ranking-stars img{width:100%}.app-checkanswer.app-truefalse-true{background-color:(--secundaerfarbe);color:#fff}.app-checkanswer.app-truefalse-false{background-color:(--secundaerfarbe);color:#fff}.app-checkanswer{border-radius:25px;padding:5px 15px;display:inline}#w-preloader{margin:auto;text-align:center;position:fixed;top:0;left:0;right:0;background-color:rgba(255, 255, 255, 0.7);z-index:5001;bottom:0}#w-preloader img{max-width:300px;z-index:100;position:fixed;top:0;left:0;right:0;bottom:0;margin:auto}#w-preloader>h2{display:none}.app-loader{width:100%;height:100vh;background-color:#fff;display:flex;justify-content:center;align-items:center}.ui-datepicker-title{font-weight:bold}.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all{color:var(--text_auf_primaerfarbe);background:var(--secundaerfarbe);text-align:center;position:relative;padding:4px}.ui-datepicker-prev::before{content:'';width:8px;height:17px;background:url(../assets/_icons/icons/calender-arrow.svg) no-repeat scroll top / 8px !important;background-position-x:center;background-position-y:top;position:relative;left:8px;top:8px;font-size:0;position:absolute}.ui-state-disabled{opacity:0.35}.ui-datepicker-next:after{content:'';width:8px;height:17px;background:url(../assets/_icons/icons/calender-arrow.svg) no-repeat scroll bottom / 8px !important;background-position-x:center;background-position-y:bottom;position:relative;right:8px;top:8px;font-size:0;position:absolute}.ui-datepicker-calendar{width:100%}.ui-state-default{display:block;outline:none;text-decoration:none;color:#a8a8a8;border:none;background:#f0f3f4;margin:5px;text-align:left;line-height:15px;height:35px;padding:4px}.ui-datepicker-today a{background-color:var(--secundaerfarbe);color:#fff}.active .ui-state-default{background-color:var(--secundaerfarbe);color:#fff}.ui-state-highlight, active a.ui-state-active{background-color:var(--primaerfarbe);color:#fff}.ui-datepicker-next span{right:8px;top:8px;font-size:0;position:absolute}.ui-datepicker-prev span{left:8px;top:8px;font-size:0;position:absolute}.slick-arrow:before{background:url(https://dev.lernapp.info/sites/all/themes/neuro/images/source/icons/learntrack-arrows.svg) no-repeat scroll center top / 40px;width:40px;height:40px;display:inline-block;content:"";position:absolute;left:0;right:0;top:0}.slick-arrow{color:transparent;background-color:#fff;border:none;position:absolute;bottom:0;z-index:10;width:40px;height:40px;border-radius:50%;top:0;bottom:0;margin:auto;cursor:pointer}.slick-arrow:hover{background-color:var(--secundaerfarbe)}.slick-next.slick-arrow{right:0}.slick-prev.slick-arrow{left:0}.slick-prev.slick-arrow:before{margin-right:5px;background-position:0 100%}.slick-dots{list-style:none;display:flex !important;text-align:center;margin:auto;display:block;justify-content:left;padding:0}.slick-dots button{color:transparent;border-radius:50%;border:none;background:none;background-color:rgba(0, 0, 0, 0);font-size:0;width:25px;height:25px;margin:5px;margin-bottom:25px;margin-top:13px;border:3px solid var(--primaerfarbe)}.slick-dots .slick-active button{background-color:var(--primaerfarbe)}.slick-dots button:hover{background-color:var(--secundaerfarbe)}.w-image-enlargement{position:absolute;bottom:18px;right:16px}.w3-container.bilder{position:relative}.w-image-enlargment_button:before{content:"";mask:url(../assets/_icons/icons/search_icon_blue.svg) no-repeat center center;-webkit-mask:url(../assets/_icons/icons/search_icon_blue.svg) no-repeat center center;width:40px;height:40px;position:absolute;mask-size:25px;-webkit-mask-size:25px;right:0;top:0;z-index:1;background-color:var(--primaerfarbe);border-radius:50%}.w-image-enlargment_button{color:transparent;background-color:#fff;width:40px;height:40px;border-radius:50%;border:3px solid var(--primaerfarbe);cursor:pointer;overflow:hidden}.w-image-enlargment_button:hover{background-color:var(--secundaerfarbe)}#w-imageenlargment{position:fixed;top:0;z-index:5000;left:0;right:0;bottom:0;background-color:rgba(255, 255, 255, 0.9);overflow:auto}.w-imageenlargment__image{height:100%;width:auto;position:absolute;left:0;right:0;margin:auto}.w-imageenlargment__info{position:fixed;z-index:100;bottom:20px;left:0;right:0;margin:auto;text-align:center;background-color:rgba(255, 255, 255, 0.9)}.w-imageenlargment__buttons{position:fixed;top:0;margin:auto;bottom:0}.w-imageenlargment__close.close{font-size:0;background:url(../assets/_icons/icons/closeicon.svg) no-repeat center center;display:block;height:35px;width:35px;cursor:pointer;position:fixed;right:10px;top:80px;background-size:100%;background-position:0 0;z-index:100}.w-imageenlargment__next::before{background:url(https://dev.lernapp.info/sites/all/themes/neuro/images/source/icons/learntrack-arrows.svg) no-repeat scroll center top / 40px;width:40px;height:40px;display:inline-block;content:"";position:fixed;top:0;bottom:0;right:10px;border-radius:50%;margin:auto;cursor:pointer}.w-imageenlargment__next{color:transparent;width:40px;height:40px;display:inline-block;position:fixed;top:0;bottom:0;right:10px;margin:auto;background-color:#fff;border-radius:50%}.w-imageenlargment__next:hover{background-color:var(--secundaerfarbe)}.w-imageenlargment__previous{color:transparent;width:40px;height:40px;display:inline-block;position:fixed;top:0;bottom:0;left:10px;margin:auto;background-color:#fff;border-radius:50%}.w-imageenlargment__previous:hover{background-color:var(--secundaerfarbe)}.w-imageenlargment__previous::before{background:url(https://dev.lernapp.info/sites/all/themes/neuro/images/source/icons/learntrack-arrows.svg) no-repeat scroll center top / 40px;background-position:0 100%;width:40px;height:40px;display:inline-block;content:"";position:fixed;top:0;bottom:0;left:10px;border-radius:50%;margin:auto;cursor:pointer}.w-lernraum-item.app-accordion .app-accordion__headline{border:solid 3px var(--secundaerfarbe);border-radius:25px;color:var(--secundaerfarbe);padding:0 10px;position:relative;margin:10px 0}.w-lernraum-item.app-accordion.open .app-accordion__headline{border:solid 3px var(--primaerfarbe);color:var(--primaerfarbe)}.w-lernraum-item.app-accordion .app-accordion__headline h3{margin:0}.w-lernraum-item.app-accordion .app-accordion__headline:after{content:" ";-webkit-mask:url(../assets/_icons/icons/learntrack-arrows-top-bottom.svg);-webkit-mask-size:30px;-webkit-mask-position:top center;background-color:var(--secundaerfarbe);height:30px;width:30px;display:inline-block;position:absolute;right:3px;bottom:0;margin:auto;z-index:1;top:0}.w-lernraum-item.app-accordion.open .app-accordion__headline:after{content:" ";-webkit-mask:url(../assets/_icons/icons/learntrack-arrows-top-bottom.svg);-webkit-mask-size:30px;-webkit-mask-position:bottom center;background-color:var(--primaerfarbe)}[component="TextShortener"]{display:block;overflow:hidden;position:relative;background:#fff;height:100px}[component="TextShortener"].shorten:after{position:absolute;bottom:0;height:100%;width:100%;content:"";background:linear-gradient(to top, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 80%);pointer-events:none}[component="TextShortener"].shorten:before{content:" ";background:url(../assets/_icons/icons/learntrack-arrows-top-bottom.svg) no-repeat scroll center top / 40px;height:40px;width:40px;display:inline-block;position:absolute;left:0;right:0;bottom:0;margin:auto;z-index:1}[component="TextShortener"].shorten:hover:before{background:url(../assets/_icons/icons/learntrack-arrows-top-bottom.svg) no-repeat scroll center top / 40px, var(--secundaerfarbe);border-radius:50%}[component="ThemenComponent"] .depth0{margin-left:10px}[component="ThemenComponent"] .depth1{margin-left:10px}[component="ThemenComponent"] .depth2{margin-left:10px}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.hidden{display:none !important}:root{--text-farbe:#4d4d4d;--primaerfarbe:#f8bc00;--text_auf_primaerfarbe:#fff;--primaerfarbe-hover:#e4ac04;--primaerfarbe-focus:#e4ac04}body{font-family:'Open Sans', sans-serif;font-weight:400;font-size:1.2em;margin:0px;padding:0px}a{color:var(--primaerfarbe);text-decoration:none}a:hover{color:var(--primaerfarbe-hover);text-decoration:underline}h1, h2, h3, h4, h5{margin:0 0 15px 0}h3{font-size:1.8em}p{margin:0 0 15px 0}.image{display:block;width:100%;height:auto}.w-video{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.w-video iframe, .video-container object, .video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}/* ######################################################################### header css
######################################################################### */ a.app-menu{color:var(--primaerfarbe);font-size:1.2em;font-weight:bold}.logo img{width:60px;padding:5px}.w-desktopheader .logo{text-align:left}.w-desktopheader{background:#fff;max-width:var(--page_width);margin:0 auto;left:50%;transform:translateX(-50%)}/* ######################################################################### header css -Ende
######################################################################### */ body, html{font-family:'Open Sans', sans-serif;font-weight:400;font-size:16px}p{font-family:'Open Sans', sans-serif;font-size:1.2rem}ul{font-size:1.2rem}h4{font-family:'Open Sans', sans-serif;font-weight:400;font-size:1.4rem}.content_wrapper{max-width:600px;margin:auto}section{margin-bottom:100px}.startscreen{display:block}.w-newsitem.full img{width:100%}.w-newsitem.teaser{clear:both;position:relative;min-height:170px;margin-bottom:15px}.w-views__rated{height:12px;padding-right:5px}.w-views__viewed{height:14px;padding-right:5px;vertical-align:sub}.w-article-img{display:block;/* position:absolute;left:0;top:0;*/ float:left;margin-right:10px;width:150px;height:auto}.w-newsitem__content h3{font-size:1.4em;line-height:1.1em}.w-ranking{width:60%}.w-ranking_balken{border-radius:10px;padding:5px;height:30px}.w-ranking_avatar svg{height:40px;float:left}.w-ranking_rank{float:left;font-size:1.4em;margin:4px;margin-right:10px}.w-ranking_punkte{position:relative;font-size:1.4em;float:right;right:5px}.w-articleinfo{font-size:0.8rem}.w-articleinfo span{padding-right:5px}.read .w-newsitem.teaser img{opacity:0.6}a.w-teaser-link{text-decoration:none;color:var(--text-farbe)}a.w-teaser-link:visited{color:var(--text-farbe)}a.w-teaser-link.read{color:#aaaaaa}.w-newsitem.teaser .w-newsitem__data{font-size:0.8rem}.w-newsitem.teaser h3{font-size:1.5rem;margin-bottom:5px;}p.w-newsitem__text{font-size:1.0rem}.app-button{border-radius:25px;color:#000 !important;display:block;text-align:center;background-color:var(--primaerfarbe);text-decoration:none;margin:10px 0;text-transform:uppercase;margin:auto;margin-top:10px;margin-bottom:10px}.app-button:hover{background-color:var(--primaerfarbe-hover)}.w-konto{text-align:center}input[type=text], input[type=password], select{width:100%;padding:10px;font-size:1.5em;display:block;text-align:center;border:none;border-bottom-color:var(--primaerfarbe);border-bottom-style:solid;border-bottom-width:medium;margin:auto;margin-bottom:10px}fieldset{border-width:0;padding:0;padding-left:48px}#start, #nomobile{min-width:100%;min-height:100%;background-color:#f8bc00;text-align:center;position:absolute;top:0px;left:0px;z-index:100;margin:0px;padding:0px}#start img, #nomobile img{width:50%}.slick-dots button:hover{background-color:var(--primaerfarbe-hover)}@media(min-width:600px){#profil .beschreibung_wrapper{display:flex;margin-bottom:1rem}}#profil .beschreibung_wrapper>div{flex:1;text-align:center;flex:1;text-align:center;background-color:#f2f2f2;margin:10px;border-radius:10px;padding:20px;color:black}.w-name{text-align:center;font-size:2.2rem;margin:2rem;font-weight:600}.w-biszurklassenarbeit__number, .w-rotethemen__number, .w-lernraeume__number{font-size:2.7rem}.w-lernraum-item-fortschritts-balken-ausgabe{margin:10px 0}.w-lernraum-item-fortschritts-balken{background-color:var(--primaerfarbe);height:15px;border-radius:25px}.w-lernraum-item-fortschritts-balken::after{content:"";height:15px;width:100%;background-color:var(--secundaerfarbe);position:absolute;z-index:-1;border-radius:25px}.w-punkte{margin:15px 15px 0 0;background-image:url(/app/assets/_icons/icons/coin-yellow.png);background-size:contain;background-repeat:no-repeat;width:60px;min-width:60px;height:60px;line-height:59px;position:relative;top:-10px;text-align:center;display:block;font-size:22px;font-weight:800;color:#000000}#profil .w-useravatar{width:100%;display:flex}#profil .w-useravatar svg{width:200px;margin:auto}.drei-unscharfe-sterne{background-color:#fcebb4;padding:20px 20px 20px 40px;border-radius:20px;margin:20px 0 30px 30px;font-weight:500;font-size:1.1em}.drei-unscharfe-sterne:before{content:'';display:block;position:absolute;top:0;left:0;width:60px;height:57px;background-image:url(../assets/_icons/icons/drei-unscharfe-sterne.png);background-repeat:no-repeat;background-size:contain}#pauken:after, #lerntrack:after{content:'';background:url(../assets/_icons/icons/pauken.svg) no-repeat;position:fixed;z-index:-1;left:0;top:20%;height:340px;width:300px;background-size:100%}@media(max-width:600px){#pauken:after, #lerntrack:after{display:none}}.w-sammler{background-color:#f2f2f2;padding:10px;border-radius:10px;display:inline-block;position:fixed;z-index:1}@media(max-width:768px){.w-sammler{right:10px}}.app-component[ThemenSammlerComponent]{position:absolute;right:0}.content_wrapper{position:relative}.app-component[component="ThemenSammlerComponent"]{position:absolute;right:0}label{color:var(--textfarbe);font-size:1.2rem;display:block;position:relative}label.app-accordion__headline{margin:50px 0 50px 50px}.app-accordion__headline{margin-top:40px;margin-bottom:15px;cursor:pointer;color:var(--primaerfarbe);font-weight:500;padding-left:40px;background-image:url(/app/assets/_icons/icons/dropdown.png);background-size:20px 20px;background-position:left center;background-repeat:no-repeat}.app-accordion__headline:hover{text-decoration:underline}.w-formgroup{padding-left:50px;position:relative;min-height:40px}.w-formgroup.error{border-style:solid;border-width:5px;border-radius:5px;border-color:var(--primaerfarbe)}.w-formgroup__checkradio{margin:0;position:absolute;left:0;top:0}.w-formgroup__checkradio__input{display:none}.w-formgroup__checkradiodisplay{display:inline-block;width:30px;height:30px;background-size:cover;cursor:pointer}.w-formgroup__checkradiodisplay--checkbox{background-image:url(/app/assets/_icons/icons/checkbox.png)}.w-formgroup__checkradio__input:checked + .w-formgroup__checkradiodisplay--checkbox{background-image:url(/app/assets/_icons/icons/checkbox-checked.png)}.w-erreicht h3{color:var(--primaerfarbe)}.w-error{color:red}input[type="checkbox"]+.app-accordion__headline::before{content:"";background:url(../assets/_icons/learntrackmenu/depth1-icon-enable-disable.svg) no-repeat -9999px -9999px;height:45px;position:absolute;width:50px;top:75%;margin-top:-25px;cursor:pointer;background-size:250%;display:inline;left:-84px;border:none;border-radius:0;background-color:#fff}#thema_13 input[type="checkbox"]+.app-accordion__headline::before{background-position:-71px 75.5%}#thema_13 input[type="checkbox"]:checked+.app-accordion__headline::before{background-color:#fff;border-radius:0;box-shadow:none;background-position:-9px 76%}#thema_14 input[type="checkbox"]+.app-accordion__headline::before{background-position:-71px 24%;width:70px;height:67px;left:-95px;background-size:200%;top:0}#thema_14 input[type="checkbox"]:checked+.app-accordion__headline::before{background-color:#fff;border-radius:0;box-shadow:none;background-position:-0.5px 24%}#thema_14 .depth1 input[type="checkbox"]+.app-accordion__headline::before{background-position:-35.5px 24%;width:35px;height:35px;left:-45px;background-size:200%;top:20px}#thema_14 .depth1 input[type="checkbox"]:checked+.app-accordion__headline::before{background-color:transparent;border-radius:0;box-shadow:none;background-position:-0.5px 24%}#thema_21 input[type="checkbox"]+.app-accordion__headline::before{background-position:-71px 100.5%}#thema_21 input[type="checkbox"]:checked+.app-accordion__headline::before{background-color:#fff;border-radius:0;box-shadow:none;background-position:-8px 101%}#thema_21 .depth1 input[type="checkbox"]+.app-accordion__headline::before{background-position:-52px 101%;width:35px;height:35px;left:-45px}#thema_21 .depth1 input[type="checkbox"]:checked+.app-accordion__headline::before{background-color:transparent;border-radius:0;box-shadow:none;background-position:-8px 101%}#thema_1 input[type="checkbox"]+.app-accordion__headline::before{background-position:-71px 2px}#thema_1 input[type="checkbox"]:checked+.app-accordion__headline::before{background-color:#fff;border-radius:0;box-shadow:none;background-position:-8px 0}#thema_1 .depth1 input[type="checkbox"]+.app-accordion__headline::before{background-position:-52px 0;width:35px;height:35px;left:-45px}#thema_1 .depth1 input[type="checkbox"]:checked+.app-accordion__headline::before{background-color:transparent;border-radius:0;box-shadow:none;background-position:-8px 0}#thema_1 .depth2 input[type="checkbox"]+.app-accordion__headline::before{background-position:-28px 0;background-size:200%;width:28px;height:28px;top:28px}#thema_1 .depth2 input[type="checkbox"]:checked+.app-accordion__headline::before{background-color:transparent;border-radius:0;box-shadow:none;background-position:-0px 0}#thema_11 input[type="checkbox"]+.app-accordion__headline::before{background-position:-71px 50.5%}#thema_11 input[type="checkbox"]:checked+.app-accordion__headline::before{background-color:#fff;border-radius:0;box-shadow:none;background-position:-8px 50.5%}#thema_11 .depth1 input[type="checkbox"]+.app-accordion__headline::before{background-position:-52px 50.5%;width:35px;height:35px;left:-45px}#thema_11 .depth1 input[type="checkbox"]:checked+.app-accordion__headline::before{background-position:-8px 50.5%;width:35px;height:35px}#thema_95 input[type="checkbox"]+.app-accordion__headline::before{background:url(../assets/_icons/learntrackmenu/auswahl-enable-disable.svg) #ffffff no-repeat -9999px -9999px;background-position-x:-9999px;background-position-y:-9999px;background-size:auto;background-position:6px 4px;background-size:70%}#thema_95 input[type="checkbox"]:checked+.app-accordion__headline::before{background-color:#fff;border-radius:0;box-shadow:none;background-position:6px 102%}.app-component[component="ThemenComponent"]{border:solid var(--primaerfarbe);border-width:0 0 0 3px;margin:30px}.app-checkanswer.app-truefalse-true{background-color:var(--green);color:#fff}.app-checkanswer.app-truefalse-false{background-color:var(--red);color:#fff}.app-checkanswer{border-radius:25px;padding:5px 15px;display:inline-block}.app-button.app-multichoice-answer{background-color:var(--secundaerfarbe)}/*.app-answer-correct,
.app-answer-wrong{border-radius:25px;position:relative;border:#f2f2f2 solid 5px;height:35px;background-color:#fff;color:transparent}*/ /*.app-answer-correct:before{background-color:var(--primaerfarbe);border-radius:25px;position:absolute;width:calc(100%);height:100%;content:"";left:0;animation-name:fillbar;animation-duration:4s}*/ .app-multichoice-feedback{position:relative}.app-markthewords-feedback{position:relative}.app-answer-correct, .app-answer-wrong{margin-left:40px}.app-truefalse-buttons{position:relative}.app-answer-correct:before{content:"";width:30px;height:30px;background-color:var(--green);display:inline-block;border-radius:50px;position:absolute;left:0;top:-2px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E %3Cpath fill='white' d='M27,4L12,19l-7-7l-5,5l12,12L32,9L27,4z'/%3E %3C/svg%3E ");background-size:20px;background-repeat:no-repeat;background-origin:center;background-position:center}.app-answer-wrong:before{content:"";width:30px;height:30px;background-color:var(--red);display:inline-block;border-radius:50px;position:absolute;left:0;top:-2px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E %3Cpath fill='white' d='M31.7,25.7L31.7,25.7L22,16l9.7-9.7l0,0c0.1-0.1,0.2-0.2,0.2-0.4c0.1-0.4,0.1-0.8-0.2-1.1l-4.6-4.6 c-0.3-0.3-0.7-0.4-1.1-0.2c-0.1,0-0.3,0.1-0.4,0.2l0,0L16,10L6.3,0.3l0,0C6.2,0.2,6.1,0.1,5.9,0.1C5.6-0.1,5.2,0,4.9,0.3L0.3,4.9 C0,5.2-0.1,5.6,0.1,5.9c0,0.1,0.1,0.3,0.2,0.4l0,0L10,16l-9.7,9.7l0,0c-0.1,0.1-0.2,0.2-0.2,0.4c-0.1,0.4-0.1,0.8,0.2,1.1l4.6,4.6 c0.3,0.3,0.7,0.4,1.1,0.2c0.1,0,0.3-0.1,0.4-0.2l0,0L16,22l9.7,9.7l0,0c0.1,0.1,0.2,0.2,0.4,0.2c0.4,0.1,0.8,0.1,1.1-0.2l4.6-4.6 c0.3-0.3,0.4-0.7,0.2-1.1C31.9,25.9,31.8,25.8,31.7,25.7z'/%3E %3C/svg%3E ");background-size:20px;background-repeat:no-repeat;background-origin:center;background-position:center}@keyframe fillbar{from{width:0}to{width:calc(100%)}}@-webkit-keyframes fillbar{from{width:0}to{width:calc(100%)}}/*.app-answer-right:after,.app-answer-wrong:after{background:url(../assets/_icons/gerhirnmenu/brain.svg) no-repeat center;width:50px;height:50px;content:"";background-size:40px;position:absolute;right:-5px;top:-15px;background-color:#f2f2f2;border-radius:50%;margin:auto;border:5px solid #f2f2f2}*/ #starranking{margin-bottom:40px}#starranking .w-star{background-image:url(/app/assets/_icons/icons/star.png);width:20px;height:20px;display:inline-block;background-size:cover;margin-right:10px;color:transparent;cursor:pointer;opacity:0.4}#starranking .w-star:hover{opacity:1}#starranking .w-star.active{opacity:1}.w-smiley{font-size:2em;cursor:pointer;opacity:0.4}.w-smiley:hover{opacity:1}.w-smiley.active{opacity:1}#sentimentrating.disbled{pointer-events:none}.app-modal{border:7px solid var(--primaerfarbe)}.app_modal__close{text-align:right}.app_modal__close img{display:inline-block;width:25px;height:auto;cursor:pointer}.app-modal__title{text-align:center}.app-modal__content{text-align:center;margin-bottom:20px}.w-timer-normal-30::before{content:'0s';animation:w-timer-normal-30 100s;-webkit-animation:w-timer-normal-30 100s;color:var(--primaerfarbe)}@keyframes w-timer-normal-30{0%{content:'30s';color:var(--green)}1%{content:'29s'}2%{content:'28s'}3%{content:'27s'}4%{content:'26s'}5%{content:'25s'}6%{content:'24s'}7%{content:'23s'}8%{content:'22s'}9%{content:'21s'}10%{content:'20s';color:var(--green)}100%{content:'0s'}}@-webkit-keyframes w-timer-normal-30{0%{content:'30s';color:var(--green)}1%{content:'29s'}2%{content:'28s'}3%{content:'27s'}4%{content:'26s'}5%{content:'25s'}6%{content:'24s'}7%{content:'23s'}8%{content:'22s'}9%{content:'21s'}10%{content:'20s';color:var(--green)}100%{content:'0s'}}.w-timer-normal-30::after{content:' ';display:inline-block;mask:url(../assets/_icons/icons/timericon.svg) no-repeat center center / 25px;-webkit-mask:url(../assets/_icons/icons/timericon.svg) no-repeat center center / 25px;width:30px;height:30px;vertical-align:middle;margin-top:-4px;background-color:var(--green);animation:w-timer-normal-30-bg 100s;-webkit-animation:w-timer-normal-30-bg 100s}.w-timer-warning-30::before{content:'0s';animation:w-timer-warning-30 100s;-webkit-animation:w-timer-warning-30 100s;color:var(--yellow)}@keyframes w-timer-warning-30{0%{content:'20s';color:var(--green)}1%{content:'19s'}2%{content:'18s';color:var(--yellow)}3%{content:'17s'}4%{content:'16s'}5%{content:'15s'}6%{content:'14s'}7%{content:'13s'}8%{content:'12s'}9%{content:'11s'}10%{content:'10s'}100%{content:'0s'}}@-webkit-keyframes w-timer-warning-30{0%{content:'20s';color:var(--green)}1%{content:'19s'}2%{content:'18s';color:var(--yellow)}3%{content:'17s'}4%{content:'16s'}5%{content:'15s'}6%{content:'14s'}7%{content:'13s'}8%{content:'12s'}9%{content:'11s'}10%{content:'10s'}100%{content:'0s'}}.w-timer-warning-30::after{content:' ';display:inline-block;mask:url(../assets/_icons/icons/timericon.svg) no-repeat center center / 25px;-webkit-mask:url(../assets/_icons/icons/timericon.svg) no-repeat center center / 25px;width:30px;height:30px;vertical-align:middle;margin-top:-4px;background-color:var(--yellow);animation:w-timer-warning-30-bg 100s;-webkit-animation:w-timer-warning-30-bg 100s}@keyframes w-timer-warning-30-bg{0%{background-color:var(--green)}2%{background-color:var(--yellow)}100%{background-color:var(--yellow)}}@-webkit-keyframes w-timer-warning-30-bg{0%{background-color:var(--green)}2%{background-color:var(--yellow)}100%{background-color:var(--yellow)}}.w-timer-critical-30::before{content:'0s';animation:w-timer-critical-30 100s;-webkit-animation:w-timer-critical-30 100s;color:var(--red)}@keyframes w-timer-critical-30{0%{content:'10s';color:var(--yellow)}1%{content:'9s'}2%{content:'8s';color:var(--red)}3%{content:'7s'}4%{content:'6s'}5%{content:'5s'}6%{content:'4s'}7%{content:'3s'}8%{content:'2s'}9%{content:'1s'}10%{content:'0s'}100%{content:'0s'}}@-webkit-keyframes w-timer-critical-30{0%{content:'10s';color:var(--yellow)}1%{content:'9s'}2%{content:'8s';color:var(--red)}3%{content:'7s'}4%{content:'6s'}5%{content:'5s'}6%{content:'4s'}7%{content:'3s'}8%{content:'2s'}9%{content:'1s'}10%{content:'0s'}100%{content:'0s'}}.w-timer-critical-30::after{content:' ';display:inline-block;mask:url(../assets/_icons/icons/timericon.svg) no-repeat center center / 25px;-webkit-mask:url(../assets/_icons/icons/timericon.svg) no-repeat center center / 25px;width:30px;height:30px;vertical-align:middle;margin-top:-4px;background-color:var(--red);animation:w-timer-critical-30-bg 100s;-webkit-animation:w-timer-critical-30-bg 100s}@keyframes w-timer-critical-30-bg{0%{background-color:var(--yellow)}2%{background-color:var(--red)}100%{background-color:var(--red)}}@-webkit-keyframes w-timer-critical-30-bg{0%{background-color:var(--yellow)}2%{background-color:var(--red)}100%{background-color:var(--red)}}#lerntracktimer{text-align:right}.w-fortschritt{position:relative}.w-prozent-ausgabe{position:absolute;left:0;top:35%;right:0;bottom:0;margin:auto;text-align:center;font-size:2rem}canvas{margin-left:auto;margin-right:auto;display:block}#paulbackground{position:fixed;z-index:9;width:100%;height:100%;margin:auto;background-color:rgba(255, 255, 255, 0.7);top:0;left:0;right:0}.paul__image{max-width:100px;width:100%;height:100%;position:fixed;right:0}.paul.normal .paul__image{background:url(../assets/paul/paul_normal.png)no-repeat center bottom;background-size:100%}.paul.nichtschoen .paul__image{background:url(../assets/paul/paul_nichtschoen.png)no-repeat center bottom;background-size:100%}.paul.obacht .paul__image{background:url(../assets/paul/paul_obacht.png)no-repeat center bottom;background-size:100%}.paul.stop .paul__image{background:url(../assets/paul/paul_stop.png)no-repeat center bottom;background-size:100%}.paul.super .paul__image{background:url(../assets/paul/paul_super.png)no-repeat center bottom;background-size:100%}.paul__wrapper{background:#00afd8;padding:10px;max-width:300px;color:#fff;position:absolute;right:120px;bottom:100px;min-height:230px}.paul__wrapper:before{content:'';background:url(../assets/_icons/icons/dreiecke_blau.svg) no-repeat;display:block;height:45px;width:35px;position:absolute;background-size:100%;background-position:0 0;-webkit-background-size:100%;overflow:visible;right:-30px;bottom:15%}.paul__wrapper .close{font-size:0;background:url(../assets/_icons/icons/closeicon.svg) no-repeat center center;display:block;height:35px;width:35px;cursor:pointer;position:absolute;right:-15px;top:-15px;background-size:100%;background-position:0 0;z-index:100}.paul__buttons button{border:solid 2px var(--secundaerfarbe);padding:0 5px}#w-glossar-suche-reset{position:absolute;top:5px;right:5px}#glossar>.content_wrapper>div{position:relative}.w-glossar .app-accordion{display:inline-block}.w-glossar .app-accordion__headline h3{color:var(--secundaerfarbe);border:solid 3px var(--secundaerfarbe);width:40px;text-align:center;border-radius:50%;cursor:pointer}.w-glossar .app-accordion__headline h3:hover{color:var(--primaerfarbe);border:solid 3px var(--primaerfarbe);background-color:var(--secundaerfarbe)}.w-glossar .open h3{color:var(--primaerfarbe);border:solid 3px var(--primaerfarbe);background-color:var(--secundaerfarbe)}#w-glossar-search__result strong{color:var(--secundaerfarbe)}.w-glossaritem h4{color:var(--primaerfarbe)}.w-glossaritem .w-button{background-color:#fff;color:var(--primaerfarbe);text-decoration:none;padding:0 10px;border-radius:25px;border:3px solid}.w-glossaritem{margin-bottom:50px}.w-avatar-selection{display:flex;flex-wrap:wrap}.w-avatar-choose{box-sizing:border-box;width:33%;margin-bottom:3%;border-radius:50%;border:10px solid white}.w-avatar-choose svg{display:block;width:100%;height:auto}.w-avatar-choose:hover{border-color:var(--primaerfarbe)}/* ######################################################################### footer css
######################################################################### */ footer{background:none;position:fixed;width:100%;bottom:0;z-index:4999}footer ul.w-menu{padding:0;max-width:100%}footer .title{display:none}footer .w-menu li{display:inline-block !important;width:20%;font-size:0;height:60px;float:left}footer .w-menuitem.selected{background-color:var(--secundaerfarbe) !important}footer .w-menu li:nth-child(odd){background-color:#e6e6e6;display:block}footer .w-menu li:nth-child(even){background-color:#f2f2f2;display:block}footer .w-menu li.active-trail{background:#fff}footer .w-menu li a{display:block;height:35px;width:35px;margin:0 auto;margin-top:15px;text-align:center}footer .w-menu li.pauken a{background:url(../assets/_icons/gerhirnmenu/pauken.svg) no-repeat center;background-size:100%}footer .w-menu li.spielen a{background:url(../assets/_icons/gerhirnmenu/game.svg) no-repeat center;background-size:100%;width:50px;margin-top:18px}footer .w-menu li.glossar a{background:url(../assets/_icons/gerhirnmenu/glossar.svg) no-repeat center;background-size:100%}footer .w-menu li.profil a{background:url(../assets/_icons/gerhirnmenu/profil.svg) no-repeat center;background-size:100%}footer .w-menu li.coach a{pointer-events:none;position:relative}footer .w-menu li.coach{position:relative}footer .w-menu li.coach::after{content:'';background:url(../assets/_icons/icons/curve.svg) no-repeat bottom center/ 100px;height:30px;position:absolute;top:-27px;width:100%;z-index:-1;left:0;right:0}footer .w-menu li.coach a{background:url(../assets/_icons/gerhirnmenu/brain.svg) no-repeat center;height:40px;width:40px;background-size:100%;background-position:center;margin-top:10px}footer .w-menu.playgehirn li.coach a{background:url(../assets/_icons/gerhirnmenu/gehirn-play.svg) no-repeat scroll center / 40px;height:41px;animation:pulse_animation 3s infinite linear;-webkit-animation:pulse_animation 3s infinite linear;transform-origin:100% 70%;/*animation-iteration-count:infinite;animation-timing-function:linear;*/}footer .w-menu li.coach.progress10 a{background:url(../assets/_icons/gerhirnmenu/brain-10.svg) no-repeat center;background-position:center}footer .w-menu li.coach.progress20 a{background:url(../assets/_icons/gerhirnmenu/brain-20.svg) no-repeat center;background-position:center}footer .w-menu li.coach.progress30 a{background:url(../assets/_icons/gerhirnmenu/brain-30.svg) no-repeat center;background-position:center}footer .w-menu li.coach.progress40 a{background:url(../assets/_icons/gerhirnmenu/brain-40.svg) no-repeat center;background-position:center}footer .w-menu li.coach.progress50 a{background:url(../assets/_icons/gerhirnmenu/brain-50.svg) no-repeat center;background-position:center}footer .w-menu li.coach.progress60 a{background:url(../assets/_icons/gerhirnmenu/brain-60.svg) no-repeat center;background-position:center}footer .w-menu li.coach.progress70 a{background:url(../assets/_icons/gerhirnmenu/brain-70.svg) no-repeat center;background-position:center}footer .w-menu li.coach.progress80 a{background:url(../assets/_icons/gerhirnmenu/brain-80.svg) no-repeat center;background-position:center}footer .w-menu li.coach.progress90 a{background:url(../assets/_icons/gerhirnmenu/brain-90.svg) no-repeat center;background-position:center}footer .w-menu li.coach.progress100 a{background:url(../assets/_icons/gerhirnmenu/brain-100.svg) no-repeat center;background-position:center}footer .coach.selectable::before{content:'!';background:#00afd8;color:#fff;position:absolute;height:25px;width:25px;left:52%;border-radius:100%;font-size:20px;text-align:center;line-height:25px;font-weight:600;z-index:9;cursor:pointer}@keyframes pulse_animation{0%{transform:scale(1)}30%{transform:scale(1)}40%{transform:scale(1.08)}50%{transform:scale(1)}60%{transform:scale(1)}70%{transform:scale(1.05)}80%{transform:scale(1)}100%{transform:scale(1)}}@-webkit-keyframes pulse_animation{0%{transform:scale(1)}30%{transform:scale(1)}40%{transform:scale(1.08)}50%{transform:scale(1)}60%{transform:scale(1)}70%{transform:scale(1.05)}80%{transform:scale(1)}100%{transform:scale(1)}}#waiting .content_wrapper{border:5px solid var(--primaerfarbe);padding:35px 15px;border-radius:40px}#waiting .content_wrapper p{max-width:400px;margin:0 auto}.w-wainting-balken{max-width:400px;margin:0 auto}#intro img{max-width:150px;margin:15px auto;display:block;width:100%;height:auto}#intro h2{text-align:center}#intro p{text-align:center;margin-bottom:20px}