.jwl-button{--border-color:var(--button-color,var(--concentration-color,var(--page-color,var(--color-primary))));--primary-color:var(--button-color,var(--concentration-color,var(--page-color,var(--color-primary))));--inverse-color:var(--button-inverse,var(--color-white));align-items:center;background-color:var(--primary-color);border-radius:1.5em;border:2px solid var(--border-color);color:var(--inverse-color);cursor:pointer;display:flex;font-weight:regular;font-size:1rem;line-height:1.1em;padding:.3em 1em;text-decoration:none;transition:background-color .25s,color .25s;width:-webkit-max-content;width:-moz-max-content;width:max-content}.jwl-button:hover{background-color:var(--inverse-color);color:var(--primary-color)}.jwl-button--active:not(.jwl-button--tab),.jwl-button.router-link-active:not(.jwl-button--tab){--inverse-color:var(--button-color,var(--concentration-color,var(--page-color,var(--color-primary))));--primary-color:var(--button-inverse,var(--color-white))}.jwl-button--disabled,.jwl-button:disabled{--primary-color:var(--color-gray-500);--border-color:var(--color-gray-500);cursor:not-allowed}.jwl-button--icon-at-end{flex-flow:row-reverse}.jwl-button--bordered{background-color:var(--inverse-color);color:var(--primary-color)}.jwl-button--bordered:hover{background-color:var(--primary-color);color:var(--inverse-color)}.jwl-button--small{font-size:.85rem;padding:.2em 1em}.jwl-button--large{font-size:1em;padding:1.25rem 1rem}.jwl-button--tab{background-color:var(--color-gray-100);border:none;border-radius:.19rem;color:#333;font-size:1.15rem;justify-content:flex-start;min-height:2.5rem;min-width:3.5rem;padding:.3rem .75rem;position:relative;text-align:left;width:100%}.jwl-button--tab:after{background-color:var(--primary-color);border-radius:.19rem;bottom:0;content:"";height:.25rem;left:0;opacity:0;position:absolute;transition:opacity .25s;width:100%}.jwl-button--tab:hover{background-color:var(--color-gray-100);color:var(--primary-color)}.jwl-button--tab.jwl-button--active,.jwl-button--tab.router-link-active{background-color:#fff;border-radius:0;color:var(--primary-color)}.jwl-button--tab.jwl-button--active:after,.jwl-button--tab.router-link-active:after{opacity:1}.jwl-button--tab:hover:after{opacity:.5}.jwl-button--tab.jwl-button--small{font-size:1rem;padding:.5rem 1rem}.jwl-button--area{background-color:var(--color-gray-100);border:none;border-radius:var(--border-radius);box-sizing:border-box;color:var(--color-gray-800);font-size:1.15rem;justify-content:flex-start;min-height:2.5rem;min-width:3.5rem;padding:1rem 1.5rem;position:relative;text-align:left;width:100%}.jwl-button--area:hover{background-color:var(--color-gray-100);color:var(--primary-color)}.jwl-button--area.jwl-button--active,.jwl-button--area.router-link-active{background-color:var(--inverse-color);color:var(--primary-color)}.jwl-button--area.jwl-button--small{padding:.6rem 1.5rem}.jwl-button--margin-left{margin-left:.5rem}.jwl-button--margin-right:not(:last-child){margin-right:.5rem}.jwl-button--margin-auto{margin-left:auto;margin-right:auto}.jwl-button--full-width{box-sizing:border-box;justify-content:center;width:100%}.jwl-button__icon{flex:0 0 1em;height:1em;width:1em}.jwl-button--icon-at-end .jwl-button__icon{margin-left:.25rem}.jwl-button:not(.jwl-button--icon-at-end) .jwl-button__icon{margin-right:.25rem}.jwl-course{--toggle-color:var(--color-white);display:flex;flex-flow:column}.jwl-course__headline-container{align-items:center;background-color:var(--concentration-color);border-radius:var(--border-radius);color:var(--color-white);display:flex;justify-content:space-between;padding:1.5rem 2rem}@media screen and (max-width:480px){.jwl-course__headline-container{padding:.75rem 1rem}}.jwl-course__headline-text{display:flex;flex-flow:column}.jwl-course__headline{margin:0 0 .5rem;text-transform:uppercase}@media screen and (max-width:480px){.jwl-course__subheadline{color:hsla(0,0%,100%,.8);font-size:.8rem}}.jwl-course__course-content{margin-top:1.5rem}.jwl-course__description-container{padding:0 1.5rem 1.5rem}.jwl-course__readings-container{align-items:center;border-bottom:.08rem solid var(--color-gray-300);display:grid;grid-template:"headline toggle" auto "list list" auto/1fr auto;justify-content:flex-start;margin-bottom:1rem;padding:0 1.5rem 1rem}.jwl-course__readings-headline{grid-area:headline;margin:0 0}.jwl-course__toggle-container{--toggle-color:var(--concentration-color);grid-area:toggle}.jwl-course__readings-list{grid-area:list;margin:0 0;max-width:100%;padding:1rem 0 0 0}.jwl-course__list-toggle{align-items:center;display:grid;grid-template-columns:2rem;grid-template-rows:2rem;justify-content:center}.jwl-course__task-legend{align-items:center;display:flex;flex-flow:row wrap;justify-content:space-between;padding:0 2rem;width:100%}.jwl-course__task-group{align-items:center;display:flex;flex:0 0 25%}@media screen and (max-width:480px){.jwl-course__task-group{flex-basis:100%;margin-bottom:.5rem}}.jwl-course__task-icon{margin-bottom:0}html[dir=ltr] .jwl-course__task-icon{margin-right:.5rem}html[dir=rtl] .jwl-course__task-icon{margin-left:.5rem}.jwl-course__unit-list{list-style:none;margin:0 0 1rem;padding:0 0}.jwl-course__unit-container{align-items:flex-start;box-sizing:border-box;display:flex;flex-flow:row wrap;justify-content:stretch;padding:1.5rem 2rem;width:100%}@media screen and (max-width:480px){.jwl-course__unit-container{padding:.75rem 1rem}}.jwl-course__unit-container--current{background-color:var(--color-gray-100);border:1px solid var(--color-gray-100);border-radius:3px;margin-top:-2px}.jwl-course__unit-container:not(:last-child):not(.jwl-course__unit-container--current){border-bottom:1px solid var(--color-gray-300)}.jwl-course__unit-headline{color:var(--concentration-color);font-size:1.3rem;font-weight:400;grid-area:headline;margin:0 0;padding:0 0;text-transform:uppercase}.jwl-course__unit-subheadline{font-weight:regular;grid-area:subheadline;margin:.5rem 0 0;padding:0 0}.jwl-course__unit-text{align-items:flex-start;display:grid;grid-template:"headline link" auto "subheadline link" auto/auto auto;margin-bottom:1rem;width:100%}@media screen and (max-width:480px){.jwl-course__unit-text{grid-template:"headline link" auto "space space" .5rem "subheadline subheadline" auto/auto auto}}.jwl-course__link{grid-area:link;justify-self:flex-end}.jwl-course__tasks{grid-area:tasks}