:root{--color-primary:#1d1d99;--color-accent:#eb4f71;--color-grey:grey;--font-body:"Rubik",sans-serif;--font-heading:"Fredoka One",cursive}body{font-family:var(--font-body);color:var(--color-primary);letter-spacing:1px;background-color:#fff;font-size:1.3rem}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-primary)}h1{font-size:3rem;font-weight:400}h2{font-size:2.5rem;font-weight:300}h3{font-size:2rem;font-weight:200}h4{font-size:2rem;font-weight:100}.pink{color:var(--color-accent)}.bold{font-weight:600}.button{font-family:var(--font-heading);background-color:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:10px;align-self:flex-start;align-items:center;padding:.7rem 1rem;transition:background-color .3s}.button:hover{background-color:#f395aa}.disabled{cursor:not-allowed;opacity:.5}.header{border-bottom:2px solid var(--color-accent);background-color:#fff;position:relative}.header-btn{font-size:1.2rem;font-weight:400}.desktop-header{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.5rem 1rem;display:flex}.bottom-nav{background:var(--color-accent);z-index:50;width:100%;position:fixed;bottom:0;left:0}.bottom-nav .nav-item{font-size:1rem;font-family:var(--font-heading);color:#fff;background:0 0;flex-direction:column;flex:1;align-items:center;padding:.5rem 0;text-decoration:none;display:flex}.bottom-nav .nav-item.active{color:var(--color-accent);background-color:#fff;border-top:2px solid #eb4f71;border-bottom:2px solid #eb4f71;border-radius:5px;font-weight:700;box-shadow:0 4px 16px #0003}.bottom-menu{z-index:60;background:#fff;border:1px solid #ddd;border-radius:8px;flex-direction:column;width:200px;display:flex;position:fixed;bottom:60px;right:10px;box-shadow:0 2px 8px #00000026}.bottom-menu>*{color:var(--color-accent);font-family:var(--font-body);text-align:left;background:0 0;border:none;border-bottom:1px solid #eee;padding:10px 15px;font-size:1.2rem;font-weight:700;text-decoration:none}.bottom-menu a:last-child{border-bottom:none}.bottom-menu a:hover{background:#f5f5f5}:root:not([data-route=\/home]) #chatbase-bubble-button{visibility:hidden!important;pointer-events:none!important;display:none!important}@media (min-width:768px) and (orientation:landscape){.desktop-header{display:flex}.bottom-nav{display:none}}@media (max-width:767px),(orientation:portrait){.desktop-header{display:none}.header{border-bottom:none}.bottom-nav{display:flex}#chatbase-bubble-button{bottom:70px!important}}.logo{cursor:pointer;align-items:center;display:flex}.logo img{width:100px;height:auto}.nav{justify-content:center;align-items:center;display:flex}.nav a{color:var(--color-primary);font-size:1.1rem;font-weight:600;text-decoration:none}.nav a:hover,.nav .active{color:var(--color-accent)}.nav-left{align-items:center;gap:2rem;padding:.5rem 1rem;display:flex}.nav-left>*{text-align:center;flex:1}.nav-right{gap:1.5rem;display:flex}.hamburger{color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-size:2rem;display:block}.mobile-menu{text-align:right;z-index:11;background:#fff;flex-direction:column;gap:1rem;width:180px;padding:1rem;font-size:1rem;display:flex;position:absolute;top:100%;right:1rem;box-shadow:0 4px 10px #0000001a}.mobile-menu a{color:var(--color-primary);cursor:pointer;text-align:right;background:0 0;border:none;padding:0;font-size:1.1rem;font-weight:600;text-decoration:none}.mobile-menu a:hover active{color:var(--color-accent)}.login-wrapper{text-align:center;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-logo{width:clamp(180px,45vw,240px);margin-bottom:2rem}.install-banner{text-align:center;margin-bottom:1rem;padding:1rem}.login-form{flex-direction:column;gap:1rem;width:100%;max-width:400px;display:flex}.login-input{border:1px solid #ddd;border-radius:999px;width:100%;padding:.8rem;font-size:clamp(.9rem,2.5vw,1rem)}.login-error{color:red;font-size:.85rem}.login-btn{align-self:center;font-size:1.5rem;font-weight:400}.login-register{justify-content:center;gap:.5rem;margin-top:1rem;font-size:clamp(.85rem,2vw,1rem);display:flex}.login-register-link{color:var(--color-accent);font-weight:700;text-decoration:none}.login-register-link:hover{text-decoration:underline}.login-forgot{text-align:right;color:var(--color-primary);cursor:pointer;font-size:clamp(.8rem,2vw,.9rem)}.forgotpw-wrapper{text-align:center;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.forgotpw-btn{align-self:center;margin-top:2rem;font-size:1.5rem}.dialog-welcome{text-align:center;justify-content:center;align-items:center}.dialog-button{justify-content:center;margin-top:1rem;display:flex}.kurse-wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:1500px;margin-top:50px;margin-bottom:200px;display:flex}.filter-wrapper{align-self:self-end;min-width:200px;margin-top:1rem;margin-right:2rem}.modul-filter{width:80%;color:var(--color-primary);border:1px solid #ddd;border-radius:999px;padding:8px;font-size:1rem;box-shadow:0 1px 3px #0003}@media (max-width:870px){.filter-wrapper{align-self:center;margin-bottom:2rem;margin-right:0}}.search-wrapper{position:relative}.kurse-suche{border:1px solid #ddd;border-radius:999px;margin:0 auto 2rem;padding:.7rem 1rem;font-size:1rem;box-shadow:0 1px 3px #0003}.kurssuche-dropdown{z-index:10;background:#fff;border:1px solid #ccc;border-radius:4px;max-height:200px;position:absolute;left:0;right:0;overflow-y:auto}.kurssuche-dropdown ul{text-align:left;cursor:pointer;border-bottom:1px solid #ccc;margin:5px;padding:8px 0}.kurssuche-dropdown ul:hover{background:#ccc6}.kurssuche-dropdown ul:last-child{border-bottom:none}.kurse-grid{grid-template-columns:1fr;align-items:start;gap:1.5rem;width:80%;display:grid}.unterkurse-grid{grid-template-columns:1fr;align-items:start;gap:1.5rem;width:100%;display:grid}@media (min-width:640px){.kurse-grid{grid-template-columns:repeat(2,1fr);width:80%}.unterkurse-grid{grid-template-columns:repeat(2,1fr);width:100%}}@media (min-width:1024px){.kurse-grid{grid-template-columns:repeat(3,1fr);width:70%}.unterkurse-grid{grid-template-columns:repeat(3,1fr);width:80%}}.kurse-empty{text-align:center;color:gray;margin-top:2rem}.kurs-desc-container{max-width:1200px;margin:auto;padding:2rem}.kurs-desc-grid{grid-template-columns:1fr;gap:2rem;display:grid}.kurs-desc-info{flex-direction:column;order:1;margin-right:5%;display:flex}.kurs-desc-title{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin-bottom:0}.preis-kostenlos{color:var(--color-accent)}.alter-preis{color:var(--color-primary);opacity:.7;margin-right:.5rem;font-size:1.2rem;text-decoration:line-through}.preis-normal{color:var(--color-accent)}.kurs-module{color:var(--color-accent);font-size:1.3rem;font-weight:700}.kurs-extend{font-family:var(--font-body);color:var(--color-primary);font-size:1.3rem;font-weight:700}.kurs-desc-markdown{font-family:var(--font-body);overflow-wrap:break-word;margin-bottom:10%;font-size:1.3rem;font-weight:100;line-height:1.7}.kurs-desc-markdown h3{margin-bottom:0;font-size:1.5rem;font-weight:400}.kurs-desc-btn{margin-bottom:2rem;font-size:1.7rem;font-weight:400}.kurs-desc-schritte{padding:0;list-style:none}.kurs-desc-schritt{align-items:center;gap:1rem;margin:.3rem 0;line-height:2;display:flex}.kurs-desc-icon{color:var(--color-accent)}.kurs-desc-image-wrapper{text-align:center;order:2}.kurs-desc-image{border-radius:8px;max-width:100%;height:auto}.kurs-desc-image-placeholder{color:#777;background-color:#eee;border-radius:8px;padding:2rem}@media (min-width:768px){.kurs-desc-grid{grid-template-columns:1fr 1fr;align-items:start}}@media (max-width:767px){.kurs-desc-image-wrapper{order:1}.kurs-desc-info{order:2}}.abo-subtext-btn{margin-bottom:.5rem}.subtext{margin-top:0;font-size:1rem}.kursseite-container{max-width:1200px;margin:auto;padding:1rem}.kursseite-backlink{color:var(--color-primary);margin-bottom:1rem;font-size:1rem;text-decoration:underline;display:block}.kursseite-progressbar{background:#ddd;border-radius:999px;height:8px;margin-bottom:1.5rem;overflow:hidden}.kursseite-progressbar-fill{background:var(--color-accent);height:8px}.kursseite-progress-header{justify-content:flex-end;margin-bottom:4px;display:flex}.kursseite-progress-text{margin:0;font-size:16px;font-weight:500}.kursseite-layout{gap:2rem;display:flex}.kursseite-sidebar{flex-direction:column;gap:.5rem;width:25%;display:flex}.kursseite-sidebar-btn{text-align:left;font-family:var(--font-body);cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:.7rem 1rem}.kursseite-sidebar-btn.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.kurs-sidebar-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex}.kurs-sidebar-header img{object-fit:cover;border-radius:6px;width:60px;height:60px}.kurs-sidebar-header p{margin:0;font-size:16px;font-weight:600}.kursseite-mobile-header{width:80%;margin-bottom:1rem;display:none}.kursseite-mobile-dropdown-toggle{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;justify-content:space-between;align-items:center;padding:.7rem;display:flex}.kursseite-mobile-dropdown{background:#fff;border-radius:8px;flex-direction:column;margin-top:.3rem;display:flex}.kursseite-mobile-dropdown-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:3px;padding:.7rem 1rem}.kursseite-mobile-dropdown-item.active{background:var(--color-accent);color:#fff}.kursseite-content{flex:1;margin-bottom:70px}.video-container{border-radius:12px;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.kursseite-weiter-btn{display:flex}.kursseite-zurueck-btn{color:var(--color-accent);border-style:solid;border-color:var(--color-accent);background:#fff;display:flex}.kursseite-zurueck-btn:hover{color:#fff;border-style:none}.kursseite-navbuttons{justify-content:space-between;margin-top:2rem;display:flex}@media (max-width:1024px){.kursseite-layout{flex-direction:column}.kursseite-sidebar{display:none}.kursseite-mobile-header{display:block}}.responsive-image{max-width:100%;height:auto;display:block}.responsive-image.small{max-width:50%}.responsive-image.medium{max-width:70%}.responsive-image.large{max-width:100%}@media (max-width:767px){.responsive-image.small{max-width:70%}.responsive-image.medium{max-width:85%}}.kurs-card{cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 4px 16px #00000040}.kurs-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001f}.kurs-card-image{aspect-ratio:16/9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative;overflow:hidden}.kurs-card-image img{object-fit:contain;border-radius:8px;width:100%;height:100%}.kurs-card-content{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;flex-direction:column;flex:1;justify-content:space-between;padding:0 1.5rem;display:flex}.kurs-card-module{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin-bottom:2rem;padding:0 1.5rem;font-weight:500}.kurs-card-btn{margin-bottom:2rem;font-size:1.2rem;font-weight:400}.abos-grid{grid-auto-columns:minmax(66%,100%);grid-auto-flow:column;justify-content:center;gap:2rem;display:inline-grid}.abo-card{cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;max-width:100%;padding:0 10%;display:flex;overflow:hidden;box-shadow:0 4px 16px #00000040}.abo-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001f}.abo-title{margin-bottom:.5rem}.abo-card-content{text-align:left;margin:minmax(5rem,10rem)auto;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;border-bottom:1px solid #ccc;justify-content:center;align-items:baseline;padding:1rem 0}.switch-wrapper{align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.label,.active-label{color:#777;font-size:1.2rem}.active-label{color:var(--color-primary);font-weight:700}.switch{width:50px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--color-accent)}input:checked+.slider:before{transform:translate(24px)}.price{align-items:baseline;font-family:sans-serif;display:flex}.original-price{color:var(--color-primary);margin-right:.5rem;font-size:1rem;font-weight:400;text-decoration:line-through}.price .amount{font-family:var(--font-heading);color:var(--color-accent);font-size:1.7rem;font-weight:400}.price .currency{font-family:var(--font-heading);color:var(--color-accent);margin-left:4px;font-size:1rem}.price .per{color:var(--color-accent);margin-left:8px;font-size:1rem}.abo-desc{font-family:var(--font-body);padding-left:0;list-style:none}.abo-desc li{margin:.5em 0;padding-left:2em;position:relative}.abo-desc li:before{content:"✓";background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.2em;height:1.2em;padding:.1rem;font-size:.8rem;display:flex;position:absolute;top:.1em;left:0}.abo-card-btn{margin:2rem 0;font-size:1.2rem;font-weight:400}@media (max-width:767px){.abos-grid{grid-template-columns:repeat(auto-fit,minmax(150px,90%));grid-auto-flow:row;display:grid}}@media (min-width:768px){.abos-grid{max-width:50%}}.checkout-btn{align-self:center;margin-top:3rem;font-size:1.5rem;font-weight:400}.new-user-banner{color:#111827;z-index:10;background:linear-gradient(90deg,#eb4f711a 0%,#eb4f710d 100%);border-bottom:1px solid #0000000d;width:100%;padding:8px 12px;font-size:14px;position:sticky;top:0;box-shadow:0 1px #00000008}.new-user-banner-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1100px;margin:0 auto;display:flex}.new-user-banner-text{text-align:center;color:var(--color-primary);flex:1}.new-user-banner-btn{margin-left:8px;padding:6px 10px;text-decoration:none;display:inline-block}.new-user-banner-close{color:var(--color-primary);cursor:pointer;background:0 0;border:none;margin-right:2rem;padding:4px 8px;font-size:20px}.success-wrapper{text-align:center;align-items:center;padding:2rem}.download-wrapper{text-align:center;justify-content:center;align-items:center}.download-logo{width:clamp(180px,45vw,240px);margin-top:10rem;margin-bottom:2rem}.download-info{color:var(--color-accent);font-weight:700}.splash-container{background:#fff;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.splash-video{object-fit:contain;width:auto;max-width:100%;height:100%}
.editor-btn{margin-left:20px;margin-right:20px;font-size:1.5rem}.kursuebersicht-back{justify-content:flex-start;width:100%;max-width:1500px;margin-bottom:1rem;display:flex}.kursuebersicht-btn{align-items:center;gap:.3rem;margin-bottom:1rem;display:flex}.kurse-status{color:var(--color-grey);margin-bottom:2rem;font-size:1rem}.kurse-error{color:red;margin-bottom:2rem;font-size:1rem}.kurs-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.kurs-grid{grid-template-columns:repeat(2,1fr)}}.kurseditor-container{max-width:700px;margin:0 auto;padding:24px}.kurseditor-back-wrapper{margin-bottom:16px}.kurseditor-back-button{color:#1d1d99;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:16px;text-decoration:none;display:flex}.kurseditor-back-button:hover{text-decoration:underline}.kurseditor-back-icon{width:20px;height:20px;margin-right:8px}.kurseditor-title{color:#1d1d99;margin-bottom:16px;font-size:24px;font-weight:700}.kurseditor-label{margin-bottom:8px;font-weight:500;display:block}.kurseditor-input{border:1px solid #ccc;border-radius:4px;width:100%;margin-bottom:16px;padding:8px 12px;font-size:14px}.kurseditor-save-button{color:#fff;cursor:pointer;background-color:#1d1d99;border:none;border-radius:4px;padding:10px 16px}.kurseditor-save-button:hover{background-color:#15157c}.kurseditor-message{color:green;margin-top:16px;font-size:14px}.kurseditor-textarea{border:1px solid #ccc;border-radius:4px;width:100%;height:120px;margin-bottom:16px;padding:8px 12px;font-size:14px}.kurseditor-markdown-wrapper{margin-bottom:24px}