/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{opacity:.6}.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{background-color:#999;height:11px}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style: none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.ps{overflow:auto!important}}.ps{position:relative}:root{--side-margin-phone: 11px;--side-margin-desktop-x-large: 40px;--color-orange: #F39200;--color-red: #E10916;--color-green: #AFD39A;--color-yellow: #FFF15F;--color-gray: #37383A;--color-gray-light: #878889;--color-blue: #488CCB;--color-blue-dark: #0867BF;--color-violet: #6455A0;--color-rose: #F17CA6;--color-green-dark: #0A9328;--text-color: --color-black;--text-color-inverted: --color-white;--main-font: "TheSans C5", sans-serif;--default-font-size: 16px;--default-line-height: normal;--page-width: 1920px}@font-face{font-family:TheSans C5;font-style:normal;font-weight:400;font-display:swap;src:url(/mm/franzoesisch-lernspiel/assets/TheSansC5-4_SemiLight-ecf09333.otf) format("opentype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:TheSans C5;font-style:italic;font-weight:400;font-display:swap;src:url(/mm/franzoesisch-lernspiel/assets/TheSansC5-4iSemiLightIta-73588da8.otf) format("opentype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:TheSans C5;font-style:normal;font-weight:450;font-display:swap;src:url(/mm/franzoesisch-lernspiel/assets/TheSansC5-4_SemiLight-ecf09333.otf) format("opentype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:TheSans C5;font-style:normal;font-weight:500;font-display:swap;src:url(/mm/franzoesisch-lernspiel/assets/TheSansC5-5_Plain-c73cd9d6.otf) format("opentype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:TheSans C5;font-style:normal;font-weight:700;font-display:swap;src:url(/mm/franzoesisch-lernspiel/assets/TheSansC5-7_Bold-e0c4194d.otf) format("opentype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:TheSans C5;font-weight:700;font-style:italic;font-display:swap;src:url(/mm/franzoesisch-lernspiel/assets/TheSansC5-7iBoldItalic-42bcf5d4.otf) format("opentype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:TheSans C5;font-style:normal;font-weight:800;font-display:swap;src:url(/mm/franzoesisch-lernspiel/assets/TheSansC5-8_ExtraBold-aca463a1.otf) format("opentype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:TheSans C5;font-weight:800;font-style:italic;font-display:swap;src:url(/mm/franzoesisch-lernspiel/assets/TheSansC5-8iExtraBoldIta-334339cc.otf) format("opentype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:TheSans C5;font-style:normal;font-weight:900;font-display:swap;src:url(/mm/franzoesisch-lernspiel/assets/TheSansC5-9_Black-c877e267.otf) format("opentype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html,body{box-sizing:border-box;width:100%;height:100%;font-family:var(--main-font);line-height:normal}*{margin:0;padding:0}*,*:before,*:after{box-sizing:inherit}*:is(button){border:none;background-color:unset;cursor:pointer}svg{-webkit-user-select:none;user-select:none}img{width:100%;height:auto;-webkit-user-select:none;user-select:none}.l-app{position:relative;background:linear-gradient(to bottom,#1e356b 0%,#64579f 100%)}.l-app{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;color:#000}main{position:relative;display:flex;flex-direction:column;width:100%;height:100%}.l-view{width:100%;min-height:100%;position:relative;flex-grow:2}.l-view__content-wrapper{width:100%;min-height:100%;overflow-x:hidden}.l-view__content-wrapper:after{content:"";position:fixed;background:transparent url(/mm/franzoesisch-lernspiel/assets/vignette-7e1a3f10.png) center center no-repeat;background-size:100% 100%;top:0;left:0;width:100%;height:100%;pointer-events:none}.l-view__content{width:100%;background:rgba(255,255,255,0);position:relative}.p-text{font-size:16px}.p-text--small{font-size:14px}.p-text--big{font-size:18px}.p-headline{font-weight:700}.p-headline--h1{font-size:22px}.p-headline--h2{font-size:18px}.p-headline--h3{font-size:16px}.p-headline--italique,.p-text--italique{font-style:italic}.p-headline--center,.p-text--center{text-align:center}.p-icon{display:inline-block}.p-icon{height:16px;background-size:contain}.p-icon--thumbs-up{aspect-ratio:1.12;background-image:url(/mm/franzoesisch-lernspiel/assets/icon-thumbs-up-3cd250da.svg);background-repeat:no-repeat}@media (min-width: 960px){.p-text{font-size:18px}.p-text--big{font-size:20px}.p-headline--h1{font-size:26px}.p-headline--h2{font-size:20px}.p-headline--h3{font-size:16px}}@media (min-width: 1600px) and (min-height: 1100px){.p-text{font-size:24px}.p-text--small{font-size:16px}.p-text--big{font-size:32px}.p-headline--h1{font-size:40px}.p-headline--h2{font-size:32px}.p-headline--h3{font-size:30px}}.p-button{display:block;text-decoration:none;color:#000;-webkit-tap-highlight-color:transparent}.p-button .p-button__label{font-weight:500;font-style:italic}.p-button--cta{margin:20px 0}.p-button--cta .p-button__label{background-image:url(/mm/franzoesisch-lernspiel/assets/hover-cta-right-cc894c90.svg);background-repeat:no-repeat;background-size:auto 100%;background-position:calc(100% + 150px) -20px;padding:6px 49px;font-size:32px;transition:background-position .3s ease-out}.p-button--primary{margin:15px 0}.p-button--primary .p-button__label{background-image:url(/mm/franzoesisch-lernspiel/assets/hover-primary-left-8149fef7.svg),url(/mm/franzoesisch-lernspiel/assets/hover-primary-right-be78d050.svg);background-repeat:no-repeat,no-repeat;background-size:auto 100%,auto 100%;background-position:-100px 100px,calc(100% + 100px) -100px;padding:6px 49px;font-size:24px;transition:background-position .3s ease-out}.p-button--secondary{margin:10px 0}.p-button--secondary .p-button__label{padding:6px 24px;background:black;transition:background-color .3s ease-out;color:var(--color-orange);font-size:16px;font-weight:700}.p-button--secondary .p-button__label .p-icon{filter:brightness(0) saturate(100%) invert(68%) sepia(91%) saturate(3760%) hue-rotate(7deg) brightness(103%) contrast(101%)}.p-button--icon{width:32px;height:32px;position:relative}.p-button--icon[disabled]{pointer-events:none;opacity:.5}.p-button--icon .p-button__icon{width:100%;height:100%;border-radius:100%;background:black;overflow:hidden;display:flex;justify-content:center;align-items:center}.p-button--icon .p-button__icon-svg{width:56.25%;height:auto;fill:#fff;transition:fill .3s ease-out}.p-button--icon .p-button__icon--fr .p-button__icon-svg{width:60%}.p-button--icon .p-button__icon--de .p-button__icon-svg{width:65%}.p-button--icon .p-button__icon--close .p-button__icon-svg{width:50%}.p-button--icon.p-button--inverted .p-button__icon{background-color:#fff}.p-button--icon.p-button--inverted .p-button__icon-svg{fill:#000}.p-button--link .p-button__label{font-weight:400;font-style:normal;position:relative;transition:color .3s ease-out}.p-button--link .p-button__label:before{content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;background:black;transition:background-color .3s ease-out}@media (hover: none){.p-button--cta .p-button__label{background-position:100% 0}.p-button--primary .p-button__label{background-position:0 0,100% 0}}@media (hover: hover) and (pointer: fine){.p-button--cta:hover .p-button__label{background-position:100% 0}.p-button--primary:hover .p-button__label{background-position:0 0,100% 0}.p-button--secondary:hover .p-button__label{background-color:var(--color-gray)}.p-button--icon:hover .p-button__icon-svg{fill:var(--color-orange)}.p-button--link:hover .p-button__label{color:var(--color-orange)}.p-button--link:hover .p-button__label:before{background-color:var(--color-orange)}}@media (min-width: 1600px) and (min-height: 1100px){.p-button--icon{width:60px;height:60px}.p-button--cta .p-button__label{padding:11px 65px;font-size:45px}.p-button--primary .p-button__label{padding:6px 63px;font-size:32px}.p-button--secondary .p-button__label{padding:7px 35px;font-size:24px}}.c-the-header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;z-index:10;pointer-events:none;transition:z-index 0s .5s}.c-the-header *:is(a),.c-the-header *:is(button){pointer-events:auto}.c-the-header.is-on-layer{z-index:210;transition:z-index 0s 0s}.c-the-header__logos{padding:10px 0}.c-the-header__logo--planetschule,.c-the-header__logo--swr{display:none;order:2;margin-top:20px}.c-the-header__logo--phantom{order:1}.c-the-header__logo:not(.c-the-header__logo--phantom){position:relative;filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(326deg) brightness(111%) contrast(101%)}.c-the-header__logo-graphic--planetschule{width:auto;height:19px}.c-the-header__logo-graphic--swr{width:auto;height:16px}.c-the-header__logo-graphic--phantom{width:130px;height:auto;order:1}.c-the-header__meta-menu{display:flex;gap:8px;padding:25px 20px}.c-the-header__meta-button--profile:before,.c-the-header__meta-button--profile:after,.c-the-header__meta-button--compendium.is-active:before,.c-the-header__meta-button--compendium.is-active:after{content:"";position:absolute;width:25%;height:25%;right:0;bottom:0}.c-the-header__meta-button--profile:before,.c-the-header__meta-button--compendium.is-active:before{background:var(--color-orange);border-radius:100%}.c-the-header__meta-button--profile:after,.c-the-header__meta-button--compendium.is-active:after{background:url(/mm/franzoesisch-lernspiel/assets/icon-check-12112a9d.svg) top right no-repeat;background-size:100% auto;transform:translate(15%,-5%)}.c-the-header__meta-button--profile:not(.is-active):after{background:url(/mm/franzoesisch-lernspiel/assets/icon-attention-bdadc95a.svg) center center no-repeat;background-size:auto 80%;transform:translate(0)}.c-the-header__meta-button--profile .c-the-header__meta-button-svg{width:46.9%;transform:translateY(-16%)}.c-the-header__meta-button--compendium .c-the-header__meta-button-svg{width:62.5%}.c-the-header__meta-button--map .c-the-header__meta-button-svg{width:50%}@media (hover: hover) and (pointer: fine){.c-the-header__logo:not(.c-the-header__logo--phantom):hover{filter:invert(50%) sepia(89%) saturate(1650%) hue-rotate(10deg) brightness(105%) contrast(103%)}}@media (max-width: 599px) and (max-height: 499px){.c-the-header:not(.is-on-layer).is-hidden{opacity:0;visibility:hidden;pointer-events:none}}@media (min-width: 540px){.c-the-header__logos{gap:10px;display:flex;align-items:flex-start}.c-the-header__logo--planetschule,.c-the-header__logo--swr{display:block}.c-the-header__meta-menu{gap:20px;padding:20px 25px}}@media (min-width: 700px){.c-the-header__logos{padding:25px;gap:15px 25px;max-width:300px;flex-wrap:wrap}.c-the-header__logo--planetschule,.c-the-header__logo--swr{margin-top:0}.c-the-header__logo--phantom{order:3;transform:translate(-18%)}}@media (min-width: 1200px){.c-the-header__logos{padding:25px 32px;max-width:400px}.c-the-header__logo-graphic--planetschule{height:28px}.c-the-header__logo-graphic--swr{height:24px}.c-the-header__logo-graphic--phantom{width:254px}}@media (min-width: 1600px) and (min-height: 1100px){.c-the-header__logos{padding:48px 65px}.c-the-header__meta-menu{gap:30px;padding:40px 65px}}.c-the-footer{width:100%;position:fixed;bottom:0;left:0;display:flex;z-index:99;overflow:hidden;pointer-events:none}.c-the-footer *:is(button),.c-the-footer *:is(a){pointer-events:auto}.c-the-footer__content-wrapper{width:100%;padding:8px 20px;background:black;transform:translateY(calc(100% - 30px));transition:transform .3s ease-out}.c-the-footer__content-wrapper.is-unfolded{transform:translateY(0)}.c-the-footer__content-wrapper.is-unfolded .c-the-footer__opener:before{background-image:url(/mm/franzoesisch-lernspiel/assets/icon-minus-e2a5689c.svg)}.c-the-footer__content-wrapper.is-unfolded .c-the-footer__opener-label--more{display:none}.c-the-footer__content-wrapper.is-unfolded .c-the-footer__opener-label--less{display:block}.c-the-footer__list-wrapper{display:flex;flex-wrap:wrap;gap:8px 10px;width:100%;list-style:none;margin:0 auto;padding:0;justify-content:center;align-items:center;max-width:280px}.c-the-footer__list-item{position:relative;font-size:14px;font-weight:400;order:1}.c-the-footer__list-item--contributers{order:2}.c-the-footer__list-item--share,.c-the-footer__list-item--planetschule,.c-the-footer__list-item--swr{order:3}.c-the-footer__list-item__link{position:relative;color:#fff;text-decoration:none;line-height:115%;transition:color .3s ease-out}.c-the-footer__list-item__link:after{position:relative;display:block;content:"";width:0;height:1px;background:white;transition:width .3s ease-out,background-color .3s ease-out}.c-the-footer__list-item__link--logo{display:inline-block}.c-the-footer__list-item__link--logo:after{content:none}.c-the-footer__list-item__link-logo{filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(326deg) brightness(111%) contrast(101%);transition:filter 0s ease-out}.c-the-footer__list-item__link-logo--planetschule{width:auto;height:25px}.c-the-footer__list-item__link-logo--swr{width:auto;height:16px}.c-the-footer__opener{position:relative;padding-right:19px}.c-the-footer__opener:before{content:"";display:block;position:absolute;top:1px;right:0;width:12px;height:12px;filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(326deg) brightness(111%) contrast(101%);background:url(/mm/franzoesisch-lernspiel/assets/icon-plus-21eac93c.svg) no-repeat center center;background-size:contain;transition:filter 0s ease-out}.c-the-footer__opener-label--less{display:none}.c-the-footer__sharing{position:relative;padding-right:24px}.c-the-footer__sharing:before{content:"";display:block;position:absolute;top:0;right:0;width:17px;height:15px;filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(326deg) brightness(111%) contrast(101%);background:url(/mm/franzoesisch-lernspiel/assets/icon-share-heart-f3a884de.svg) no-repeat center center;background-size:contain;transition:filter 0s ease-out}.c-the-footer__sharing.is-active{color:var(--color-orange)}.c-the-footer__sharing.is-active:after{width:100%;background-color:var(--color-orange)}.c-the-footer__sharing.is-active:before{filter:invert(50%) sepia(89%) saturate(1650%) hue-rotate(10deg) brightness(105%) contrast(103%)}.c-the-footer__sharing-menu{position:absolute;top:-31px;right:-56px;width:130px;height:28px;background-color:var(--color-orange);border-radius:22px;display:flex;flex-direction:row;justify-content:space-evenly;opacity:0;visibility:hidden;transition:opacity .5s 0s,visibility 0s .5s}.c-the-footer__sharing-menu.is-visible{opacity:1;visibility:visible;transition:opacity .5s 0s,visibility 0s 0s}.c-the-footer__sharing-icon{display:flex;align-self:center;width:22px;height:22px;background-color:#000;outline:none;transform:translateY(0);transition:background-color .3s ease-out}.c-the-footer__sharing-icon.sharing-fb{-webkit-mask-image:url(/mm/franzoesisch-lernspiel/assets/icon-facebook-a0f18656.svg);mask-image:url(/mm/franzoesisch-lernspiel/assets/icon-facebook-a0f18656.svg)}.c-the-footer__sharing-icon.sharing-wa{-webkit-mask-image:url(/mm/franzoesisch-lernspiel/assets/icon-whatsapp-7789657d.svg);mask-image:url(/mm/franzoesisch-lernspiel/assets/icon-whatsapp-7789657d.svg)}.c-the-footer__sharing-icon.sharing-copy{-webkit-mask-image:url(/mm/franzoesisch-lernspiel/assets/icon-link-b51e87ff.svg);mask-image:url(/mm/franzoesisch-lernspiel/assets/icon-link-b51e87ff.svg)}.c-the-footer__sharing-icon.sharing-send{-webkit-mask-image:url(/mm/franzoesisch-lernspiel/assets/icon-mail-c714398f.svg);mask-image:url(/mm/franzoesisch-lernspiel/assets/icon-mail-c714398f.svg)}.c-the-footer__copy-success{position:absolute;top:-25px;right:15px;font-size:15px;z-index:-1;color:#fff;transform:translateY(25px);opacity:0;visibility:hidden;transition:transform .5s 0s,opacity .5s 0s,visibility 0s .5s}.c-the-footer__copy-success.is-visible{transform:translateY(0);opacity:1;visibility:visible;transition:transform .5s 0s,opacity .5s 0s,visibility 0s 0s}.l-app.ki-facts-layer-open .c-the-footer,.l-app.contributors-layer-open .c-the-footer{visibility:hidden;opacity:0;transform:translateY(40px);transition:visibility 0s .5s,opacity .5s,transform .5s}@media (hover: hover) and (pointer: fine){.c-the-footer__list-item:hover .c-the-footer__list-item__link:not(.c-the-footer__list-item__link-logo){color:var(--color-orange)}.c-the-footer__list-item:hover .c-the-footer__list-item__link:not(.c-the-footer__list-item__link-logo):after{width:100%;background-color:var(--color-orange)}.c-the-footer__list-item:hover .c-the-footer__list-item__link:not(.c-the-footer__list-item__link-logo):before{filter:invert(50%) sepia(89%) saturate(1650%) hue-rotate(10deg) brightness(105%) contrast(103%)}.c-the-footer__list-item:hover .c-the-footer__list-item__link-logo{filter:invert(50%) sepia(89%) saturate(1650%) hue-rotate(10deg) brightness(105%) contrast(103%)}.c-the-footer__sharing-icon:hover{background-color:#fff}}@media (min-width: 540px){.c-the-footer{overflow:visible}.c-the-footer__content-wrapper{transition:transform 0s;transform:translateY(0)}.c-the-footer__list-wrapper{max-width:none;flex-wrap:nowrap;gap:12px}.c-the-footer__list-item--contributers{order:1}.c-the-footer__list-item--more,.c-the-footer__list-item--planetschule,.c-the-footer__list-item--swr{display:none}.c-the-footer__sharing-menu{top:-52px;right:-70px;width:154px;height:40px}.c-the-footer__sharing-icon{width:26px;height:26px}}@media (min-width: 960px){.c-the-footer__content-wrapper{padding-top:10px;padding-bottom:10px}.c-the-footer__list-wrapper{gap:20px}.c-the-footer__sharing{padding-right:28px}.c-the-footer__sharing:before{top:-1px;width:21px;height:19px}}@media (min-width: 1600px) and (min-height: 1100px){.c-the-footer__content-wrapper{padding-top:11px;padding-bottom:11px}.c-the-footer__list-wrapper{gap:30px}.c-the-footer__list-item{font-size:16px}}.c-button-frame{pointer-events:none}.c-button-frame__shadow{opacity:.4}.c-app-button__content-wrapper{position:relative;display:inline-block}.p-button--icon .c-app-button__content-wrapper{width:100%;height:100%}.p-button__icon--help .p-button__icon-svg{width:32%;transform:translate(12%)}.c-app-button__frame{position:absolute;top:0;left:0}.c-app-button__switch-arrows{position:absolute;width:140%;height:140%;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s ease-out}.c-app-button__label{position:relative;display:inline-block}@media (hover: hover) and (pointer: fine){.p-button--icon:hover .c-app-button__switch-arrows{transform:translate(-50%,-50%) rotate(90deg)}}.c-the-error-overlay{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:100;background-color:color-mix(in srgb,black 40%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);visibility:hidden;opacity:0;transition:visibility 0s .5s,opacity .5s}.c-the-error-overlay.is-visible{visibility:visible;opacity:1;transition:visibility 0s,opacity .5s}.c-the-error-overlay__box{display:flex;flex-direction:column;align-items:center;width:calc(100% - 40px);max-width:360px;padding:48px 16px 32px;position:relative;background-color:var(--color-gray);color:#fff}.c-the-error-overlay__close-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;position:absolute;top:7px;right:7px;fill:#fff;transition:fill .3s}.c-the-error-overlay__close-button .p-button{margin:0}.c-the-error-overlay__close-button .p-button__icon{padding:0;background:transparent}.c-the-error-overlay__close-button .p-button__icon--close .p-button__icon-svg{width:16px}.c-the-error-overlay__box>*:not(:last-child){margin-bottom:24px}.c-the-error-overlay__box-buttons{display:flex;flex-direction:column;align-items:center;gap:12px}.c-the-error-overlay__box-buttons .p-button--link .p-button__label{color:#fff;font-size:14px}.c-the-error-overlay__box-buttons .p-button--link .p-button__label:before{background-color:#fff}@media (hover: hover) and (pointer: fine){.c-the-error-overlay__close-button:hover{fill:var(--color-orange)}.c-the-error-overlay__box-button.p-button--secondary .p-button__label{transition:color .3s ease-out,background-color .3s ease-out}.c-the-error-overlay__box-button.p-button--secondary:hover .p-button__label{background-color:#fff;color:var(--color-gray)}.c-the-error-overlay__box-buttons .p-button--link:hover .p-button__label{color:var(--color-orange)}.c-the-error-overlay__box-buttons .p-button--link:hover .p-button__label:before{background-color:var(--color-orange)}}@media (min-width: 960px){.c-the-error-overlay__box{padding:48px 24px 32px}.c-the-error-overlay__close-button{top:15px;right:15px}}@media (min-width: 1600px) and (min-height: 1100px){.c-the-error-overlay__box{padding:80px 32px 64px;max-width:630px}.c-the-error-overlay__close-button{width:48px;height:48px;top:20px;right:20px}.c-the-error-overlay__close-button .p-button__icon--close .p-button__icon-svg{width:24px}}.c-the-login-box{width:calc(100% - 28px);max-width:360px;padding:24px 16px;position:absolute;top:20px;right:14px;z-index:20;background-color:var(--color-gray);color:#fff;pointer-events:auto;visibility:hidden;opacity:0;transform:translateY(-40px);transition:visibility 0s .3s,opacity .3s,transform 0s .3s}.c-the-login-box.is-visible{visibility:visible;opacity:1;transform:translateY(0);transition:visibility .3s,opacity .3s,transform .3s}.c-the-login-box__close-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;position:absolute;top:0;right:0;fill:#fff;transition:fill .3s}.c-the-login-box__close-button .p-button{margin:0}.c-the-login-box__close-button .p-button__icon{padding:0;background:transparent}.c-the-login-box__close-button .p-button__icon--close .p-button__icon-svg{width:16px}.c-the-login-box__state{display:flex;align-items:center;width:calc(100% - 25px);padding-bottom:16px;color:#fff;gap:8px}.c-the-login-box__state .c-the-login-box__state-icon{flex-shrink:0;width:24px;height:24px;position:relative}.c-the-login-box__state .c-the-login-box__state-icon:before{content:"";width:100%;height:100%;border-radius:100%;background:var(--color-orange);position:absolute}.c-the-login-box__state .c-the-login-box__state-icon:after{content:"";width:100%;height:100%;background:transparent url(/mm/franzoesisch-lernspiel/assets/icon-attention-bdadc95a.svg) center center no-repeat;background-size:auto 75%;position:absolute}.c-the-login-box__state.is-logged-in .c-the-login-box__state-icon:after{background:url(/mm/franzoesisch-lernspiel/assets/icon-check-12112a9d.svg) top right no-repeat;background-size:95% auto;transform:translate(15%,-5%)}.c-the-login-box__code-wrapper{display:flex;flex-direction:column;justify-content:flex-start;padding:16px 0;border-top:1px solid white;border-bottom:1px solid white}.c-the-login-box__code-label{margin-right:10px;color:#fff}.c-the-login-box__code{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;display:block}.c-the-login-box__code:before{content:"Code kopiert";display:block;padding:6px 7px;position:absolute;top:0;left:50%;font-size:14px;font-weight:500;font-style:italic;line-height:14px;color:#000;background-color:var(--color-orange);white-space:nowrap;transform:translate(-50%);opacity:0;transition:opacity .3s,transform .3s .3s}.c-the-login-box__code.is-copied:before{transform:translate(-50%,-80%);opacity:1;transition:opacity .3s,transform .3s}.c-the-login-box__code--request{color:#fff;padding:10px 0}.c-the-login-box__content-button:not(.c-the-login-box__content-button--left){margin-right:auto;margin-left:auto}.c-the-login-box__content-button:not(.c-the-login-box__content-button--left):not(:last-child){margin-bottom:16px}.c-the-login-box__get-code-button,.c-the-login-box__logout-button{margin-top:16px}.c-the-login-box__has-code-button .p-button__label,.c-the-login-box__delete-button .p-button__label{font-size:14px;color:#fff}.c-the-login-box__has-code-button .p-button__label:before,.c-the-login-box__delete-button .p-button__label:before{background-color:#fff}.c-the-login-box__code-input-wrapper{margin-top:10px;display:flex;flex-direction:row;justify-content:flex-start;gap:16px;align-items:center}.c-the-login-box__code-input{padding:8px 16px;height:40px;border-radius:5px;border:3px solid black;background:white;outline:none}.c-the-login-box__input-submit{flex-shrink:0}.c-the-login-box__input-submit .p-button__icon-svg{transform:scaleX(-1)}.c-the-login-box__code-error{display:none;color:var(--color-orange)}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.c-the-login-box__code-validation{padding:16px 0;border-top:1px solid white}.c-the-login-box__code-validation.has-error .c-the-login-box__code-input{border-color:var(--color-orange)}.c-the-login-box__code-validation.has-error .c-the-login-box__code-error{display:block;margin-top:10px}.c-the-login-box__code-validation.is-faulty .c-the-login-box__code-input-wrapper{animation:shake 1s}.c-the-login-box__no-connection{width:calc(100% - 25px)}@media (hover: hover) and (pointer: fine){.c-the-login-box .p-button--secondary .p-button__label{transition:color .3s ease-out,background-color .3s ease-out}.c-the-login-box .p-button--secondary:hover .p-button__label{background-color:#fff;color:var(--color-gray)}}@media (min-width: 960px){.c-the-login-box{padding-left:24px;padding-right:24px}.c-the-login-box__close-button{top:10px;right:10px}}@media (min-width: 1600px) and (min-height: 1100px){.c-the-login-box{padding:32px;max-width:500px;top:25px;right:50px}.c-the-login-box__code-wrapper{padding:24px 0}.c-the-login-box__state{padding-bottom:24px}.c-the-login-box__close-button{width:48px;height:48px;top:20px;right:20px}.c-the-login-box__close-button .p-button__icon--close .p-button__icon-svg{width:24px}.c-the-login-box__code-input-wrapper{gap:24px}.c-the-login-box__content-button:not(.c-the-login-box__content-button--left):not(:last-child){margin-bottom:24px}.c-the-login-box__get-code-button,.c-the-login-box__logout-button{margin-top:24px}.c-the-login-box__has-code-button .p-button__label,.c-the-login-box__delete-button .p-button__label{font-size:16px}}.c-the-contributors-layer{position:fixed;display:flex;top:0;left:0;width:100%;height:100%;overflow-y:auto;flex-direction:column;padding:100px 20px 30px;align-items:center;z-index:200;opacity:0;color:#fff;background:black;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.c-the-contributors-layer.is-visible{opacity:1;visibility:visible}.c-the-contributors-layer:after{content:"";background:linear-gradient(to bottom,rgba(0,0,0,1) 40%,rgba(0,0,0,0) 100%);width:100%;height:100px;position:fixed;top:0;left:0}.c-the-contributors-layer__close{position:fixed;top:20px;right:20px;width:36px;height:36px;fill:#fff;z-index:2}.c-the-contributors-layer__close .c-app-button__icon{background:transparent}.c-the-contributors-layer__inner{margin:0 auto;max-width:640px}.c-contributors__textbox,.c-contributors__caption{margin-bottom:35px}.c-contributors__figure{display:table;margin:0 auto}.c-contributors__caption{margin-top:16px;opacity:.5;caption-side:bottom}@media (min-width: 700px){.c-the-contributors-layer{padding:65px 140px 30px}.c-the-contributors-layer:after{background:linear-gradient(to bottom,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%);height:65px}.c-the-contributors-layer__close{top:15px}}@media (min-width: 960px){.c-the-contributors-layer__inner{margin:0 auto}.c-the-contributors-layer__close{top:12px;right:20px;width:40px;height:40px}}@media (min-width: 1200px){.c-the-contributors-layer{padding-top:80px}.c-the-contributors-layer:after{background:linear-gradient(to bottom,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%);height:80px}.c-the-contributors-layer__close{width:50px;height:50px}}@media (min-width: 1600px) and (min-height: 1100px){.c-the-contributors-layer{padding-top:110px}.c-the-contributors-layer__close{top:40px;right:40px}}.the-reload-prompt{position:fixed;left:0;bottom:30px;margin:16px;padding:12px;border:2px solid black;text-align:left;box-shadow:3px 4px 5px #8885;color:var(--color-orange);background-color:#00000080;z-index:99}.the-reload-prompt__message{margin-bottom:8px}.the-reload-prompt__button{border:1px solid white;padding:3px 10px;color:#fff;transition:color .3s ease-out,border-color .3s ease-out}.the-reload-prompt__button:not(:last-child){margin-right:10px}@media (hover: hover) and (pointer: fine){.the-reload-prompt__button:hover{border-color:var(--color-orange);color:var(--color-orange)}}main{width:100%;min-height:100%}.v-start{overflow:hidden}.v-start__content-wrapper:before{content:"";background:transparent url(/mm/franzoesisch-lernspiel/assets/pattern-bricks-f41bdac1.png) top center no-repeat;background-size:100% 80%;position:absolute;aspect-ratio:16/9;height:100%;width:auto;left:50%;transform:translate(-50%);z-index:2;pointer-events:none}.v-start__wall-darkner{opacity:.75;position:absolute;top:0;left:0;cursor:pointer;background:black;width:100%;height:100%;z-index:5}.v-start__wall-darkner:not(.is-active){cursor:auto;pointer-events:none}.v-start__wall-spot{aspect-ratio:1/1;width:min(90vw,800px,55vh);margin:0 auto;transform:translate(-65%,-70%);position:absolute;left:50%;top:46%;z-index:1;display:flex;flex-direction:column;justify-content:center}.v-start__wall-spot--logo{z-index:3}.v-start__spot{width:100%;opacity:0}.v-start__grafiti-logo{width:90%;opacity:0;filter:brightness(.5);pointer-events:none;transition:opacity 1s ease-out,filter 1s ease-out}.v-start__grafiti-logo.is-visible{opacity:1;filter:brightness(1)}.v-start__grafiti-click{position:absolute;width:85%;top:50%;left:0;opacity:0;pointer-events:none;filter:brightness(.5);transform:translateY(-55%);transition:opacity .5s ease-out,filter .5s ease-out}.v-start__grafiti-click.is-visible{opacity:1;filter:brightness(1);transition:opacity 1s .5s ease-out,filter 1s .5s ease-out}.v-start__phantom{width:min(130vw,836px,75vh);position:absolute;z-index:4;top:50%;left:50%;transform:translate(-5%,-20%);opacity:0;pointer-events:none;filter:brightness(0);transition:filter 1s ease-out}.v-start__phantom.is-visible{filter:brightness(1)}.v-start__start-button{margin:0 auto;opacity:0;visibility:hidden;transition:opacity .5s 0s ease-out,visibility 0s .5s}.v-start__start-button.is-visible{opacity:1;visibility:visible;transition:opacity .5s 0s ease-out,visibility 0s 0s}@media (orientation: landscape){.v-start__wall-spot{width:min(90vw,800px,65vh);transform:translate(-65%,-55%)}.v-start__phantom{transform:translate(8%);top:auto;bottom:0}}