@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:100;src:url("../fonts/inter-v12-latin-100.eot");src:local(""),url("../fonts/inter-v12-latin-100.eot?#iefix") format("embedded-opentype"),url("../fonts/inter-v12-latin-100.woff2") format("woff2"),url("../fonts/inter-v12-latin-100.woff") format("woff"),url("../fonts/inter-v12-latin-100.ttf") format("truetype"),url("../fonts/inter-v12-latin-100.svg#Inter") format("svg")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:200;src:url("../fonts/inter-v12-latin-200.eot");src:local(""),url("../fonts/inter-v12-latin-200.eot?#iefix") format("embedded-opentype"),url("../fonts/inter-v12-latin-200.woff2") format("woff2"),url("../fonts/inter-v12-latin-200.woff") format("woff"),url("../fonts/inter-v12-latin-200.ttf") format("truetype"),url("../fonts/inter-v12-latin-200.svg#Inter") format("svg")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:300;src:url("../fonts/inter-v12-latin-300.eot");src:local(""),url("../fonts/inter-v12-latin-300.eot?#iefix") format("embedded-opentype"),url("../fonts/inter-v12-latin-300.woff2") format("woff2"),url("../fonts/inter-v12-latin-300.woff") format("woff"),url("../fonts/inter-v12-latin-300.ttf") format("truetype"),url("../fonts/inter-v12-latin-300.svg#Inter") format("svg")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:400;src:url("../fonts/inter-v12-latin-regular.eot");src:local(""),url("../fonts/inter-v12-latin-regular.eot?#iefix") format("embedded-opentype"),url("../fonts/inter-v12-latin-regular.woff2") format("woff2"),url("../fonts/inter-v12-latin-regular.woff") format("woff"),url("../fonts/inter-v12-latin-regular.ttf") format("truetype"),url("../fonts/inter-v12-latin-regular.svg#Inter") format("svg")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:500;src:url("../fonts/inter-v12-latin-500.eot");src:local(""),url("../fonts/inter-v12-latin-500.eot?#iefix") format("embedded-opentype"),url("../fonts/inter-v12-latin-500.woff2") format("woff2"),url("../fonts/inter-v12-latin-500.woff") format("woff"),url("../fonts/inter-v12-latin-500.ttf") format("truetype"),url("../fonts/inter-v12-latin-500.svg#Inter") format("svg")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:600;src:url("../fonts/inter-v12-latin-600.eot");src:local(""),url("../fonts/inter-v12-latin-600.eot?#iefix") format("embedded-opentype"),url("../fonts/inter-v12-latin-600.woff2") format("woff2"),url("../fonts/inter-v12-latin-600.woff") format("woff"),url("../fonts/inter-v12-latin-600.ttf") format("truetype"),url("../fonts/inter-v12-latin-600.svg#Inter") format("svg")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:700;src:url("../fonts/inter-v12-latin-700.eot");src:local(""),url("../fonts/inter-v12-latin-700.eot?#iefix") format("embedded-opentype"),url("../fonts/inter-v12-latin-700.woff2") format("woff2"),url("../fonts/inter-v12-latin-700.woff") format("woff"),url("../fonts/inter-v12-latin-700.ttf") format("truetype"),url("../fonts/inter-v12-latin-700.svg#Inter") format("svg")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:800;src:url("../fonts/inter-v12-latin-800.eot");src:local(""),url("../fonts/inter-v12-latin-800.eot?#iefix") format("embedded-opentype"),url("../fonts/inter-v12-latin-800.woff2") format("woff2"),url("../fonts/inter-v12-latin-800.woff") format("woff"),url("../fonts/inter-v12-latin-800.ttf") format("truetype"),url("../fonts/inter-v12-latin-800.svg#Inter") format("svg")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:900;src:url("../fonts/inter-v12-latin-900.eot");src:local(""),url("../fonts/inter-v12-latin-900.eot?#iefix") format("embedded-opentype"),url("../fonts/inter-v12-latin-900.woff2") format("woff2"),url("../fonts/inter-v12-latin-900.woff") format("woff"),url("../fonts/inter-v12-latin-900.ttf") format("truetype"),url("../fonts/inter-v12-latin-900.svg#Inter") format("svg")}img{max-width:100%;height:auto}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:"Inter";display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#484e56}html,body{min-height:100vh;margin:0;padding:0;background-color:#f6f6f6;font-weight:10px}.button{display:table;margin:0 auto;text-decoration:none;background-color:#c39171;color:#fff;padding:8px;padding-left:35px;padding-right:35px;border-radius:25px;font-weight:500;letter-spacing:.5px;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;font-family:inherit;font-size:.8rem}.button:hover{background-color:#a57b60}.button i{font-size:.6rem;-webkit-transform:translateY(-1px);transform:translateY(-1px)}#app{max-width:100%;width:1100px;background-color:#fff;overflow:hidden;border-radius:20px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.0509803922);box-shadow:0 0 20px rgba(0,0,0,.0509803922);margin:40px}@media(max-width: 500px){#app{margin:20px}}.appHeader{text-align:right;padding:30px;background-color:#fbfbfb;margin-bottom:40px;padding-top:20px;padding-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.appHeader img{max-width:200px}.appHeader .user{display:none;font-size:small;color:gray}.appHeader .user i{color:#c39171;margin-right:10px}.appHeader .user a{color:inherit}@media(max-width: 500px){.appHeader .user span{display:none}}@media(max-width: 640px){.appHeader{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.appHeader .user{width:100%;text-align:center;background-color:#f0f0f0;padding:17px;border-radius:10px;padding-left:5px;padding-right:5px}}.appHeadline{padding-left:30px;margin-bottom:40px;font-size:2rem;text-align:center}@media(max-width: 640px){.appHeadline{padding:10px;font-size:1.4rem}}.appHeadline b{display:block;color:#c39171}.appFooter{text-align:center;padding:30px;padding-bottom:10px}.appFooter a{font-size:.7rem;text-decoration:none;margin:10px;display:inline-block;color:inherit;opacity:.3}.appContent{padding:30px;padding-top:0;padding-bottom:0}.login{max-width:100%;width:400px;margin:0 auto}.login input[type=email],.login input[type=password]{display:block;width:100%;padding:15px;border:0;margin-bottom:1px;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;background-color:#f7f7f7;font-size:1rem}.login input[type=password]{display:none}.login button{display:table;padding:10px 30px;border:none;font-size:.8rem;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;background-color:#c39171;color:#fff;font-weight:500;letter-spacing:.5px;border-radius:1000px;margin:0 auto;margin-top:20px}.kursTeaserContainer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;-ms-flex-wrap:wrap;flex-wrap:wrap}@media(max-width: 1000px){.kursTeaserContainer{grid-template-columns:1fr 1fr}}@media(max-width: 500px){.kursTeaserContainer{grid-template-columns:1fr}}.kursTeaserContainer .kursTeaser{border-radius:10px;margin-top:50px;background-color:rgba(128,128,128,.031372549);padding-bottom:20px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;cursor:pointer;position:relative;padding-bottom:35px;-webkit-box-shadow:0 0 0px rgba(0,0,0,.1215686275);box-shadow:0 0 0px rgba(0,0,0,.1215686275)}.kursTeaserContainer .kursTeaser:hover{-webkit-transform:scale(1.01);transform:scale(1.01);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1215686275);box-shadow:0 0 15px rgba(0,0,0,.1215686275)}.kursTeaserContainer .kursTeaser .progress{position:absolute;right:5%;bottom:15px;background-color:#dbdbdb;padding:4px;font-size:.6rem;font-weight:600;border-radius:100px;padding-left:10px;padding-right:10px;z-index:0;text-align:center;overflow:hidden;width:90%}.kursTeaserContainer .kursTeaser .progress:before{content:attr(data-progress)}.kursTeaserContainer .kursTeaser .progress::after{content:"";position:absolute;left:0;top:0;height:100%;width:var(--progress-width, 0%);background-color:rgba(165,123,96,.45);z-index:-1;-webkit-transition:1s ease-in-out;transition:1s ease-in-out}.kursTeaserContainer .kursTeaser h2{font-weight:500;font-size:1rem;margin-top:10px;padding-left:20px;padding-right:20px;text-align:center}.kursTeaserContainer .kursTeaser p{font-size:.8rem;line-height:1.2rem;opacity:.8;margin-bottom:20px;padding-left:20px;padding-right:20px}.kursTeaserContainer .kursTeaser .kurs-bilder{height:100px;background-size:cover;background-position:center;aspect-ratio:1/1;border-radius:10000px;margin:0 auto;margin-top:-50px;border:5px solid #fff;position:relative;background-color:#fff}.modulOverview{padding:15px;border-bottom:1px solid #f6f6f6;margin-bottom:10px;gap:20px;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:62px}.modulOverview>div{-webkit-box-flex:1;-ms-flex:1;flex:1}.modulOverview>div:nth-child(1){max-width:80px}.modulOverview>div:nth-child(2){display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.modulOverview>div:nth-child(2)>*{width:100%}.modulOverview>div:nth-child(2) p,.modulOverview>div:nth-child(2) .lektionenListe{display:none;margin:0;padding-top:10px;padding-bottom:10px}.modulOverview>div:nth-child(2) .lektionenListe{padding-top:0}.modulOverview>div:nth-child(2) p:empty{display:none !important}.modulOverview>div:nth-child(2) h4{display:none;font-weight:500}.modulOverview>div:nth-child(3){max-width:50px;padding-top:10px}.modulOverview>div:nth-child(3) .toggleModul{cursor:pointer}.modulOverview .modulName{cursor:pointer;margin:0;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.modulOverview .modulName:hover{color:#c39171}.modulOverview .modul_completion{font-weight:normal;font-size:.8rem;margin-top:7px;opacity:.6;margin-bottom:10px}.modulOverview .modulBild{background-size:contain;background-position:top;background-repeat:no-repeat}.modulOverview .modulBild img{border-radius:10000px;max-width:50px;margin:0 auto;display:block}.modulOverview h3{margin:0;padding:0;font-weight:500;font-size:1.3rem;margin-bottom:15px}.modulOverview p:empty{display:none}.modulOverview p{opacity:.7;width:100%;font-size:.9rem;line-height:1.3rem}.modulOverview .lektionenListe{margin-top:20px;padding-top:20px}.modulOverview .lektionenListe .openLektion{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;background-color:#f6f6f6;margin-bottom:10px;padding:15px;border-radius:10px;cursor:pointer;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;position:relative;padding-left:30px}.modulOverview .lektionenListe .openLektion:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.modulOverview .lektionenListe .openLektion:before{font-family:"Font Awesome 6 Free";content:"";position:absolute;top:50%;left:0;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#dfdfdf;font-size:1.5rem;border:7px solid #fff;border-radius:10000px}.modulOverview .lektionenListe .openLektion.done_true:before{color:#c39171}.modulOverview .lektionenListe .openLektion img{border-radius:5px;display:block}.modulOverview .lektionenListe .openLektion>div{-webkit-box-flex:1;-ms-flex:1;flex:1}.modulOverview .lektionenListe .openLektion>div:nth-child(1){max-width:150px;position:relative;border-radius:5px;overflow:hidden}.modulOverview .lektionenListe .openLektion>div:nth-child(1):before{font-family:"Font Awesome 6 Free";content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:999999;color:#fff;font-size:1.5rem}.modulOverview .lektionenListe .openLektion>div:nth-child(1):after{content:"";background-color:#000;opacity:.4;position:absolute;left:0;top:0%;width:100%;height:100%}.kursContainer .kursHeader{display:-webkit-box;display:-ms-flexbox;display:flex;gap:50px;border-bottom:1px solid #f6f6f6;margin-bottom:50px;background-color:rgba(128,128,128,.031372549);padding:30px;border-radius:20px}.kursContainer .kursHeader img{border-radius:10000px;background-color:#fff;border:5px solid #fff}.kursContainer .kursHeader h2{font-weight:500;margin-top:0}.kursContainer .kursHeader div{-webkit-box-flex:1;-ms-flex:1;flex:1}.kursContainer .kursHeader div:nth-child(1){max-width:150px}.kursContainer .kursHeader p{opacity:.8;font-size:.9rem;line-height:1.3rem}.kursContainer .lektion.active{display:block}.kursContainer .lektion>em{color:#c39171;font-style:normal;margin-bottom:10px;display:block}.kursContainer .lektion h2{font-weight:500;position:relative;margin:0;margin-bottom:20px}.kursContainer .lektion p{font-size:.9rem;line-height:1.3rem;white-space:pre-line;margin:0;margin-bottom:20px}.kursContainer .lektion video,.kursContainer .lektion iframe{width:100%;height:auto;border-radius:10px;aspect-ratio:16/9}.kursContainer .lektion .download-list{list-style:none;margin:0;background-color:#f8f8f8;padding:15px;border-radius:20px;margin-top:20px}.kursContainer .lektion .download-list:before{content:"Downloads zu diesem Thema:";font-size:.8rem;font-weight:600;margin-bottom:10px;display:block;padding-left:5px}.kursContainer .lektion .download-list li{display:inline-block;margin:5px}.kursContainer .backToOverview,.kursContainer .backToModule{font-size:small;color:#000;text-decoration:none;margin-top:50px;display:table;border:1px solid #000;padding:5px 20px;border-radius:100px;opacity:.3;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.kursContainer .backToOverview:hover,.kursContainer .backToModule:hover{opacity:.6}