@charset "UTF-8";@font-face{font-family:slick;src:url(../assets/fonts/slick.eot);src:url(../assets/fonts/slick.eot?#iefix) format('embedded-opentype'), url(../assets/fonts/slick.woff) format('woff'), url(../assets/fonts/slick.ttf) format('truetype'), url(../assets/fonts/slick.svg#slick) format('svg');font-weight:400;font-style:normal}/* .slick-loading .slick-list{background:#fff url(ajax-loader.gif) center center no-repeat}*/ .slick-next, .slick-prev{position:absolute;top:50%;display:block;padding:0;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;border:none;transform:translate(0, -50%);z-index:100}.slick-next:focus .slick-next-icon, .slick-next:focus .slick-prev-icon, .slick-next:hover .slick-next-icon, .slick-next:hover .slick-prev-icon, .slick-prev:focus .slick-next-icon, .slick-prev:focus .slick-prev-icon, .slick-prev:hover .slick-next-icon, .slick-prev:hover .slick-prev-icon{opacity:1}.slick-next:focus, .slick-prev:focus{top:calc(50% - 1px)}.slick-next:focus .slick-next-icon, .slick-next:focus .slick-prev-icon, .slick-prev:focus .slick-next-icon, .slick-prev:focus .slick-prev-icon{color:orange;font-size:28px;margin-left:-2px}.slick-next.slick-disabled, .slick-prev.slick-disabled{cursor:default}.slick-next.slick-disabled .slick-next-icon, .slick-next.slick-disabled .slick-prev-icon, .slick-prev.slick-disabled .slick-next-icon, .slick-prev.slick-disabled .slick-prev-icon{opacity:0.25}.slick-next .slick-next-icon, .slick-next .slick-prev-icon, .slick-prev .slick-next-icon, .slick-prev .slick-prev-icon{display:block;color:#000;opacity:0.75;font-family:slick;font-size:24px;line-height:1}.slick-prev{left:-25px}[dir='rtl'] .slick-prev{left:auto;right:-25px}.slick-prev .slick-prev-icon:before{content:'←'}[dir='rtl'] .slick-prev .slick-prev-icon:before{content:'→'}.slick-next{right:-25px}[dir='rtl'] .slick-next{left:-25px;right:auto}.slick-next .slick-next-icon:before{content:'→'}[dir='rtl'] .slick-next .slick-next-icon:before{content:'←'}.slick-slider{margin-bottom:30px}.slick-slider.slick-dotted{margin-bottom:60px}.slick-dots{position:absolute;bottom:-30px;display:block;padding:0;margin:0;width:100%;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li button{display:block;/* height:20px;width:20px;*/ margin-top:-4px;margin-left:-4px;cursor:pointer}.slick-dots li button:focus .slick-dot-icon, .slick-dots li button:hover .slick-dot-icon{opacity:1}/* .slick-dots li button:focus .slick-dot-icon:before{color:var(--secundaerfarbe)}*/ .slick-dots li button .slick-dot-icon{color:#000;opacity:0.25}/* .slick-dots li button .slick-dot-icon:before{position:absolute;top:0;left:0;content:'•';font-family:slick;font-size:12px;line-height:1;text-align:center;transition:all 0.05s linear}*/ .slick-dots li.slick-active button:focus .slick-dot-icon{color:var(--secundaerfarbe);opacity:1}.slick-dots li.slick-active button .slick-dot-icon{color:var(--primaerfarbe);opacity:1}/* .slick-dots li.slick-active button .slick-dot-icon:before{margin-top:-3px;margin-left:-2px;font-size:18px}*/ .slick-sr-only{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.slick-autoplay-toggle-button{position:absolute;left:5px;bottom:-32px;z-index:10;opacity:0.75;background:0 0;border:0;cursor:pointer;color:#000}.slick-autoplay-toggle-button:focus, .slick-autoplay-toggle-button:hover{opacity:1}.slick-autoplay-toggle-button:focus{color:orange}.slick-autoplay-toggle-button .slick-pause-icon:before{content:'⏸';width:20px;height:20px;font-family:slick;font-size:18px;font-weight:400;line-height:20px;text-align:center}.slick-autoplay-toggle-button .slick-play-icon:before{content:'▶';width:20px;height:20px;font-family:slick;font-size:18px;font-weight:400;line-height:20px;text-align:center}.accordion{margin:auto;padding:0;border:2px solid hsl(0deg 0% 52%);border-radius:7px;width:20em}.accordion h3{margin:0;padding:0}.accordion:focus-within{border-color:var(--primaerfarbe)}.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:0.5em;padding-left:0;position:relative;text-align:left;width:100%;outline:none;font-weight:bold}.j-accordion_trigger[aria-expanded='false']{margin-bottom:20px}.accordion_panel p:first-of-type{margin-top:0}/* .j-accordion_trigger:focus, .j-accordion_trigger:hover{background:var(--primaerfarbe-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(--primaerfarbe)}.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(--primaerfarbe)}.j-accordion_trigger[aria-expanded='true'] .accordion_icon{transform:translateY(-50%) rotate(-135deg)}.accordion_panel{margin:0;padding:0.5em 0em}.accordion_panel[hidden]{display:none}fieldset{border:0;margin:0;padding:0}.accordion input{border:1px solid hsl(0deg 0% 42%);border-radius:0.3em;display:block;font-size:inherit;padding:0.3em 0.5em}/** * Generelle App-Styles */:root{--textfarbe:#333333;--primaerfarbe:#b5181f;--text-auf-primaerfarbe:#ffffff;--orange-hell:#e4aa46;--orange:#cf6e20;--braun:#a6682a;--gelb:#f0e500;--green:#8dad6e;--gelb-hell:#e0db7f;--blau-hell:#00edff;--font-size:16px;--font-size-h1:32px;--font-size-h2:25px;--font-size-h3:20px;--font-size-caption:13px}html{height:100%}body{margin:0;color:var(--textfarbe);height:100%;overflow:hidden}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}div{box-sizing:border-box}button{cursor:pointer}[component="SVGFilter"]{height:0;width:0}.hidden{display:none !important}.invisible{visibility:hidden}.w-screen{box-sizing:border-box;width:100%;padding:5%;height:100%;margin:0}.w-content{height:100%}a, a:visited{color:var(--textfarbe);text-decoration:none}a.app-button{display:block;box-sizing:border-box}.flex--vertical{display:flex;flex-direction:column}.align--center{align-items:center}.app-button, .app-button:visited{background:#fff;border:3px solid var(--primaerfarbe);color:var(--primaerfarbe);font-weight:bold;border-radius:3px;padding:10px;width:fit-content;-webkit-box-shadow:2px 2px 4px 2px rgb(0 0 0 / 20%);box-shadow:2px 2px 4px 2px rgb(0 0 0 / 20%);height:50px;overflow:hidden}button.app-button{height:50px}.app-button:hover, .app-button:active{background:var(--primaerfarbe);color:var(--text-auf-primaerfarbe)}.app-button_back{background:transparent;border:none;margin-top:5px;margin-left:10px;padding:0}.app-button_back img{height:30px;width:30px}section#start svg{height:100%}section#start{padding:0;width:100%;height:100%;overflow:hidden}.startseite_btn{cursor:pointer}/* section#start .w-content > div{bottom:0;height:100%;overflow:hidden;background:var(--hintergrund-farbe-start)}*/ *{overflow-x:hidden}.blinken{animation:blinken 2s infinite linear}@keyframes blinken{0%{opacity:1}50%{opacity:0}100%{opacity:1}}#w-preloader{height:100%;overflow:hidden;background:white;z-index:1000;position:absolute;top:0;left:0;width:100%;text-align:center}#preloader + nav{display:none}#preloader.hidden + nav{display:block}#w-preloader img{display:block;margin:auto}.w-preloader_logo-bwchronicles{max-width:500px;height:60%;margin-bottom:10%}.w-preloader_logo-lpb{max-width:400px;width:40%}.w-preloader_startseite-hintergrund{height:100%;z-index:-1}.w-preloader_hintergrund-container{background-image:url("../assets/graphics/startscreen.svg");background-color:#c69c6d;background-position:center;background-size:cover;height:100%;z-index:-1}.w-preloader_content{position:absolute;padding-top:10%;height:100vh;top:0;left:0;width:100%;z-index:1000;background:rgba(255, 255, 255, 0.9)}.icon_in-text{height:1em}#datenschutz, #impressum{margin-top:var(--menu-height);height:calc(100% - var(--menu-height));padding-bottom:70px}#datenschutz a, #impressum a{color:var(--primaerfarbe)}#datenschutz li{overflow:visible}#w-appversion{color:darkgrey;font-size:10px;position:absolute;bottom:10px;right:10px}.disabled{opacity:0.5;pointer-events:none}:root{--menu-height:60px}#j-appmenu-burger{position:fixed;display:flex;top:0;left:0;width:100vw;background:url(../assets/graphics/menu_bg.png);height:var(--menu-height);align-items:center;justify-content:space-between;background-size:contain;z-index:200}.j-appmenu-burger_link{font-size:var(--font-size-h2);text-decoration:none;color:var(--textfarbe)}.j-appmenu-burger_link:visited{color:var(--textfarbe)}#j-appmenu-burger_container{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.7);text-align:center;backdrop-filter:blur(3px);z-index:100}#j-appmenu-burger_container ul{display:flex;flex-direction:column;justify-content:center;height:100%;margin:0;list-style:none;padding:0}#j-appmenu-burger_button{width:82px;height:65px;display:block;margin-right:20px;background-image:url("../assets/_icons/icons/bus-passiv.svg");background-repeat:no-repeat;background-position:center;background-color:transparent;background-size:82px auto;border:none;z-index:200;margin-left:auto}#j-appmenu-burger_button.hover{background-image:url("../assets/_icons/icons/bus-aktiv.svg")}#j-appmenu-burger_button.close{background-image:url("../assets/_icons/icons/close-b.svg")}.ziffern-count__container, .nav--bottom__countable-container{display:flex;height:100%;gap:20px;padding:5px}.ziffern-count__column, .countable-count__column{display:flex;flex-direction:column;height:100%;gap:10px;max-height:50px;align-self:center;justify-content:space-between}.ziffern-count__row, .countable-count__row{display:flex;align-items:center;gap:7px}.ziffern-count__dot{height:18px;width:18px;background:var(--orange-hell);border-radius:50%}.ziffern-count__dot.yellow, .nav--bottom__countable.yellow{background:var(--gelb)}.nav--bottom{position:fixed;bottom:0;left:0;background:url(../assets/graphics/menu_bg.png);background-size:contain;height:var(--menu-height);width:100%;overflow:hidden;z-index:100}.nav--bottom > div{display:flex;width:100%;padding:10px;padding-left:5px;gap:10px;overflow:hidden;height:var(--menu-height);align-items:center}/* .nav--bottom__countable-container{display:flex;justify-content:start;gap:5px;height:100%;max-height:50px;overflow:visible;margin-left:10px}*/ .nav--bottom__countable{height:18px;width:18px;border-radius:50%;background:var(--orange-hell);overflow:visible;position:relative}.countable-count__dot{height:18px;width:18px;background:var(--orange-hell);border-radius:50%}.countable_icon{height:calc(var(--menu-height) - 10px);width:calc(var(--menu-height) - 10px);max-height:60px;max-width:60px;overflow:hidden;align-self:center;margin-left:15px}.countable_icon img{width:100%;height:100%}.nav--bottom__countable.start{align-self:flex-start}.nav--bottom__countable.center{align-self:center}.nav--bottom__countable.end{align-self:end}.blue{background-color:var(--blau-hell)}.w-info{text-align:center;position:fixed;left:0px;bottom:70px;width:90%;margin:5%;z-index:1000;overflow:visible}/** * Alertlevels **/ .w-info_inner{padding:14px}.w-info.w-notice .w-info_inner{background-color:var(--secundaerfarbe);color:black}.w-info.w-warning .w-info_inner{background-color:var(--hintergrund-farbe-chat);color:black}.w-info.w-error .w-info_inner{background-color:var(--primaerfarbe-focus);color:black}.w-info.w-notice .w-info_dreieck{width:0px;height:0px;transform:rotate(360deg);border-style:solid;border-width:20px 20px 0 0;border-color:var(--secundaerfarbe) transparent transparent transparent;position:absolute;bottom:-20px;left:30px}.w-bilderbuch__container .scrolling{scroll-snap-type:none !important}[id*='link'] text{display:none}[id*='link']{cursor:pointer}section#start{padding:0}.link__img{height:1rem;width:1rem;vertical-align:middle;margin-right:10px}.orange{color:var(--orange)}.green{color:var(--green)}.w-levelauswahl__container{height:100%;overflow-x:auto;overflow-y:hidden;overflow:hidden;scroll-snap-align:start;flex:0 0 100%}.w-menu__container{width:30%;height:50%;padding:20px;padding-top:10px;font-size:1rem;position:fixed;top:13%;right:3%;display:flex;justify-content:center;flex-direction:column;font-size:0.6rem}.w-menu_levelauswahl-container{width:30%;height:50%;padding:20px;padding-top:10px;font-size:1rem;position:fixed;top:8%;left:5%;display:flex;justify-content:center;flex-direction:column;font-size:0.6rem}.w-menu_levelauswahl-levelList li{display:inline}.w-menu_levelauswahl-container ul{margin:0;padding:0}.w-menu_levelauswahl-levelList ul{padding:0;padding-top:5px}.w-menu__container ul{margin:0;padding:0}.w-menu__container li, .w-menu_levelauswahl-container li{margin-top:10px}section#start .w-content{overflow:hidden;/* background-image:url(../assets/produktion/allgemein/hintergrund.png);background-size:cover;*/}.w-menu_levelauswahl-container h2, .menu__container h2{font-size:1rem}.app-modal{background:white;width:90vw;z-index:2000;position:fixed;padding:20px;left:5vw;top:20vh;-webkit-box-shadow:2px 2px 4px 2px rgb(0 0 0 / 20%);box-shadow:2px 2px 4px 2px rgb(0 0 0 / 20%);max-width:600px;overflow-x:visible}.app-modal_close{height:40px;width:40px;position:absolute;top:10px;right:10px;background:transparent}.app-modal_title{margin-top:10px;margin-bottom:10px}.app-modal_buttons{display:flex;align-items:center;justify-content:space-evenly;margin:10px 0}.app-modal_icon{height:40px;width:40px}.app-modal.zettel{box-sizing:border-box;background:white;background-repeat:no-repeat;background-size:cover;height:80%;margin-left:5%;width:80%;top:10%;padding-left:50px;padding-right:15px;word-wrap:break-word;z-index:500;max-width:600px}.app-modal.zettel .app-modal_wrapper{height:100%;overflow-y:initial}.app-modal.zettel::before{content:"";background:url(../assets/graphics/zettel.svg) repeat-y;background-size:contain;height:99%;width:10%;position:absolute;left:-5%;top:0}.app-modal.zettel h2{text-align:center}.overlay{opacity:0.5;background:white;height:100%;width:100%;position:absolute;left:0;top:0;z-index:99}#app-modal_anleitung{max-height:90%;top:5%;overflow-y:scroll}.app-modal_icon-char{height:60px;width:60px}@media (min-width:600px){/* .app-modal.zettel{margin-left:calc((100vw - 400px) / 2)}*/ .app-modal{left:calc((100vw - 600px) / 2)}}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;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;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after, .slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[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}#textfield-name{pointer-events:none}#w-namenseingabe__input{font-family:"Kartoffel", sans-serif;font-size:20px;color:var(--orange)}@font-face{font-family:"Kartoffel";src:url("../assets/fonts/KartoffelProFestkochend4.woff") format("woff");font-weight:400}body{font-family:"Kartoffel", sans-serif;background-image:url('../assets/produktion/allgemein/hintergrund.jpg')}.game .w-screen{padding:0px}.w-content{width:100%;text-align:center}.w-bilderbuch__container{display:flex;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.w-bilderbuch__container::-webkit-scrollbar{display:none}.bilderbuch__preview{object-fit:cover}.w-bilderbuch{height:100%;overflow-x:auto;overflow-y:hidden;overflow:hidden;scroll-snap-align:start;flex:0 0 100%}.w-bilderbuch svg{height:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.interactive, .clickable, .ziffer, .countable, .gruppe{cursor:pointer;transform-box:fill-box;transform-origin:left}.w-countablecounter{position:absolute;left:20px;bottom:20px}.w-zifferncounter{position:absolute;left:20px;top:20px}.gruppe-selected{}.gruppe-solved{animation:svg-shadow 1.5s ease-in-out infinite alternate}.counted{animation:svg-shadow 1.5s ease-in-out infinite alternate}.start .ziffern-count__container, .start .nav--bottom > div{display:none}#w-preloader{align-items:center;justify-content:center;color:var(--green);background-image:url('../assets/produktion/allgemein/hintergrund.jpg');padding-top:20%}.w-preloader-content{color:var(--green)}.w-preloader-title{width:60%;/*position:absolute;top:100px;*/ max-width:700px}#w-preloader img{}.w-preloader_button_wrapper{/*position:absolute;bottom:30%;*/ max-width:90%;margin:auto}.w-preloader_button_wrapper p{margin:auto;width:60%}button.app-button{font-family:"Kartoffel", sans-serif;margin-top:10px}.hilfe{}.w-spenden-modal__buttons{width:100%}.w-spenden-modal__buttons a{margin:auto}.button{cursor:pointer}/** * Wenn die Ziffer gefunden wurde */ .ziffer-solved{animation:svg-shadow 1.5s ease-in-out infinite alternate}.actionsound{cursor:pointer}/* @keyframes svg-shadow{from{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px #f1e601) drop-shadow(0 0 8px #f1e601)}to{filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 10px #f1e601) drop-shadow(0 0 16px #f1e601)}}*/ @keyframes rotieren{from{transform:matrix(1, 0, 0, 1, 1457, 506) rotateZ(0)}to{transform:matrix(1, 0, 0, 1, 1457, 506) rotateZ(45deg)}}