@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap);.loader-container{align-items:center;background:var(--chakra-colors-chakra-body-bg);color:var(--chakra-colors-chakra-body-text);display:flex;height:100%;justify-content:center;position:absolute;width:100%}.lds-spinner{color:#444;display:inline-block;height:80px;position:relative;width:80px}.lds-spinner div{animation:lds-spinner 1.2s linear infinite;transform-origin:40px 40px}.lds-spinner div:after{background:var(--chakra-colors-chakra-body-text);border-radius:20%;content:" ";display:block;height:18px;left:37px;position:absolute;top:3px;width:6px}.lds-spinner div:first-child{animation-delay:-1.1s;transform:rotate(0deg)}.lds-spinner div:nth-child(2){animation-delay:-1s;transform:rotate(30deg)}.lds-spinner div:nth-child(3){animation-delay:-.9s;transform:rotate(60deg)}.lds-spinner div:nth-child(4){animation-delay:-.8s;transform:rotate(90deg)}.lds-spinner div:nth-child(5){animation-delay:-.7s;transform:rotate(120deg)}.lds-spinner div:nth-child(6){animation-delay:-.6s;transform:rotate(150deg)}.lds-spinner div:nth-child(7){animation-delay:-.5s;transform:rotate(180deg)}.lds-spinner div:nth-child(8){animation-delay:-.4s;transform:rotate(210deg)}.lds-spinner div:nth-child(9){animation-delay:-.3s;transform:rotate(240deg)}.lds-spinner div:nth-child(10){animation-delay:-.2s;transform:rotate(270deg)}.lds-spinner div:nth-child(11){animation-delay:-.1s;transform:rotate(300deg)}.lds-spinner div:nth-child(12){animation-delay:0s;transform:rotate(330deg)}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.logo{flex:0 0 160px}.logo img{height:auto;max-height:50px;width:100%}@media(min-width:768px){.logo{flex:0 0 200px}.logo img{max-height:60px}}.header-nav-link>*{transition:color .2s ease-in}.header-nav-link.active>*{color:#ed8936}ul{list-style:none}:root{--index:1vw;--swiper-navigation-size:35px!important}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--chakra-colors-chakra-body-bg);color:var(--chakra-colors-chakra-body-text);font-family:Poppins,sans-serif}.wrapper{display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding-top:64px}@media(min-width:768px){.wrapper{padding-top:80px}}ul{list-style:none!important;padding-left:0!important}.info-panel{display:flex;gap:15px}.connectors-value{color:#fff}.answer-wrong{color:red}.answer-right{color:#7fffd4}.page{background:linear-gradient(to bottom right,#f7fafc,#edf2f7,#e6fffa);flex:1 1 auto;width:100%}.chakra-ui-dark .page{background:linear-gradient(to bottom right,#1a202c,#2d3748,#2f855a)}section{margin:20px auto 0;max-width:1280px;padding:0 15px}.card{background:var(--chakra-colors-chakra-body-bg);max-width:500px;padding-bottom:10px}.card h2{font-size:38px;margin-bottom:10px;text-align:center}.card:is(.subjunktionen,.blue) h2{color:#0c72d2}.card:is(.konjunktionen,.yellow) h2{color:#dea90d}.card:is(.konjunktionaladverbien,.green) h2{color:#0cd240}.card:is(.infinitivgruppe,.violet) h2{color:#bb0abe}.card:is(.besonderer-position,.gray) h2{color:#848484}.card__body{min-height:100px}.card__text{font-size:20px;font-weight:500;text-transform:capitalize}.card__exemple{font-size:20px;margin-bottom:20px}.card:is(.subjunktionen,.blue) span,.card:is(.subjunktionen,.blue) strong{color:#0c72d2}.card:is(.konjunktionen,.yellow) span,.card:is(.konjunktionen,.yellow) strong{color:#dea90d}.card:is(.konjunktionaladverbien,.green) span,.card:is(.konjunktionaladverbien,.green) strong{color:#0cd240}.card:is(.infinitivgruppe,.violet) span,.card:is(.infinitivgruppe,.violet) strong{color:#bb0abe}.card:is(.besonderer-position,.gray) span,.card:is(.besonderer-position,.gray) strong{color:#848484}.words-example{background-color:#f8f9fa;border-left:4px solid #0000;border-radius:6px;font-size:14px;line-height:1.5;padding:8px 12px}.chakra-ui-dark .words-example{background-color:#2d3748;color:#e2e8f0}.words-example:is(.subjunktionen,.blue){border-left-color:#0c72d2}.words-example:is(.subjunktionen,.blue) span,.words-example:is(.subjunktionen,.blue) strong{color:#0c72d2;font-weight:600}.words-example:is(.konjunktionen,.yellow){border-left-color:#dea90d}.words-example:is(.konjunktionen,.yellow) span,.words-example:is(.konjunktionen,.yellow) strong{color:#dea90d;font-weight:600}.words-example:is(.konjunktionaladverbien,.green){border-left-color:#0cd240}.words-example:is(.konjunktionaladverbien,.green) span,.words-example:is(.konjunktionaladverbien,.green) strong{color:#0cd240;font-weight:600}.words-example:is(.infinitivgruppe,.violet){border-left-color:#bb0abe}.words-example:is(.infinitivgruppe,.violet) span,.words-example:is(.infinitivgruppe,.violet) strong{color:#bb0abe;font-weight:600}.words-example:is(.besonderer-position,.gray){border-left-color:#848484}.words-example:is(.besonderer-position,.gray) span,.words-example:is(.besonderer-position,.gray) strong{color:#848484;font-weight:600}.category{margin-bottom:30px;width:100%}.category__title{border-radius:8px;margin-bottom:10px;padding:12px;text-align:center}.category__title h2{color:#fff;font-size:18px;font-weight:600;text-shadow:0 1px 2px #0000001a}.category__words{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.category__words::last-child{border-bottom:none}.category__word{align-items:center;border:2px solid #0000;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;padding:12px 16px;text-align:center;transition:all .3s ease}@media(max-width:576px){.category__word{font-size:18px;padding:14px 18px}}.category__word:hover{border-color:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}:is(.subjunktionen,.blue) .category__title{background-color:#0c72d2}:is(.subjunktionen,.blue) .category__word{background-color:#0c72d2b3}@media(any-hover:hover){:is(.subjunktionen,.blue) .category__word:hover{background-color:#0c72d2}}.category:is(.konjunktionen,.yellow) .category__title{background-color:#dea90d}.category:is(.konjunktionen,.yellow) .category__word{background-color:#dea90db3}@media(any-hover:hover){.category:is(.konjunktionen,.yellow) .category__word:hover{background-color:#dea90d}}.category:is(.konjunktionaladverbien,.green) .category__title{background-color:#0abe3a}.category:is(.konjunktionaladverbien,.green) .category__word{background-color:#0abe3ab3}@media(any-hover:hover){.category:is(.konjunktionaladverbien,.green) .category__word:hover{background-color:#0abe3a}}.category:is(.infinitivgruppe,.violet) .category__title{background-color:#bb0abe}.category:is(.infinitivgruppe,.violet) .category__word{background-color:#bb0abeb3}@media(any-hover:hover){.category:is(.infinitivgruppe,.violet) .category__word:hover{background-color:#bb0abe}}.category:is(.besonderer-position,.gray) .category__title{background-color:#848484}.category:is(.besonderer-position,.gray) .category__word{background-color:#848484b3}@media(any-hover:hover){.category:is(.besonderer-position,.gray) .category__word:hover{background-color:#848484}}.connector-test__body.right{background-color:#02f01299}.connector-test__body.wrong{animation:shake .5s cubic-bezier(.68,-.55,.27,1.55) both;background-color:#f8101499}@keyframes shake{10%,90%{transform:translateX(-.5px)}20%,80%{transform:translateX(1px)}30%,50%,70%{transform:translateX(-2px)}40%,60%{transform:translateX(2px)}}.result-table__cell{border-bottom:1px solid var(--chakra-colors-chakra-border-color);padding:5px}.cell-header{color:var(--chakra-colors-chakra-body-text);color:#4a5568;font-weight:600}.chakra-ui-dark .cell-header{color:#a0aec0}.custom-swiper .swiper-pagination,.custom-swiper .swiper-pagination-bullet,.custom-swiper .swiper-pagination-bullet-active,.custom-swiper .swiper-pagination-custom,.custom-swiper .swiper-pagination-fraction,.custom-swiper .swiper-pagination-progressbar,.swiper-button-next,.swiper-button-prev,.swiper-pagination,.swiper-pagination-bullet,.swiper-pagination-bullet-active,.swiper-pagination-custom,.swiper-pagination-fraction,.swiper-pagination-progressbar,.swiper-scrollbar{display:none!important;height:0!important;left:-9999px!important;margin:0!important;opacity:0!important;padding:0!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important;width:0!important}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, 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")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.dc159632.css.map*/