.jwl-course-preview{--toggle-color:var(--color-white);padding-top:2.5rem}.jwl-course-preview__filter-buttons{align-items:stretch;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;grid-gap:1rem;grid-template-columns:1fr;grid-template-rows:4.5rem;justify-content:stretch;margin-bottom:2rem;max-width:100%;overflow-x:auto;overflow-y:hidden}@media screen and (max-width:480px){.jwl-course-preview__filter-buttons{grid-template-rows:3rem}}.jwl-course-preview__filter-button--bachelors{--button-color:var(--color-indigo)}.jwl-course-preview__filter-button--professionals{--button-color:var(--color-orange)}.jwl-course-preview__filter-button--languages{--button-color:var(--color-red)}.jwl-course-preview__course-wrapper{--concentration-color:var(--color-black);--concentration-opaque:transparent;list-style:none;margin-bottom:1rem;padding:0 0}.jwl-course-preview__course-wrapper--bachelor,.jwl-course-preview__course-wrapper--language,.jwl-course-preview__course-wrapper--professional,.jwl-course-preview__course-wrapper--teacher-training{--concentration-color:var(--color-concentration);--concentration-opaque:var(--opaque-concentration)}.jwl-course-preview__course-wrapper--academy{--concentration-color:var(--color-orange);--concentration-opaque:var(--opaque-orange)}.jwl-course-preview__course-content{padding:0 1.5rem}.jwl-course-preview__description-container{margin-bottom:2rem}.jwl-course-preview__headline-container{align-items:center;background-color:var(--concentration-color);border-radius:.19rem;color:#fff;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.5rem 2rem}.jwl-course-preview__headline-text{display:flex;flex-flow:column}.jwl-course-preview__headline{margin:0 0 .25rem;text-transform:uppercase}.jwl-course-preview__subheadline{color:#fff;font-size:.85rem;font-weight:regular;opacity:.7;text-transform:none}.jwl-course-preview__list-toggle{align-items:center;display:grid;grid-template-columns:2rem;grid-template-rows:2rem;justify-content:center}.jwl-course-preview__readings-container{align-items:center;display:grid;grid-template:"headline toggle" auto "list list" auto/1fr auto;justify-content:flex-start;margin-bottom:1rem;padding-bottom:1rem}.jwl-course-preview__readings-container:after{background-color:#dee2e6;box-sizing:border-box;content:"";height:.08rem;margin:1rem -1rem 0;width:calc(100% + 4rem)}.jwl-course-preview__readings-headline{grid-area:headline;margin:0 0}.jwl-course-preview__toggle-container{--toggle-color:var(--concentration-color);grid-area:toggle}.jwl-course-preview__readings-list{grid-area:list;margin:0 0;max-width:100%;padding:1rem 0 0 0}.jwl-course-preview__unit-list{list-style:none;margin:0 0 1rem;padding:0 0}.jwl-course-preview__unit-container{align-items:flex-start;box-sizing:border-box;display:flex;flex-flow:row wrap;justify-content:stretch;margin:0 -1rem;padding:1.5rem 1rem;width:calc(100% + 2rem)}.jwl-course-preview__unit-container--current{background-color:var(--concentration-opaque);border:1px solid var(--concentration-opaque);border-radius:3px;margin-top:-2px}.jwl-course-preview__unit-container:not(:last-child):not(.jwl-course-preview__unit-container--current){border-bottom:1px solid #dee2e6}.jwl-course-preview__unit-headline{color:var(--concentration-color);grid-area:headline;margin:0 0;padding:0 0}.jwl-course-preview__unit-subheadline{color:#212529;grid-area:subheadline;margin:.25rem 0 .75rem;padding:0 0}.jwl-course-preview__unit-text{align-items:flex-start;display:grid;grid-template:"headline link" auto "subheadline link" auto/auto auto;width:100%}@media screen and (max-width:480px){.jwl-course-preview__unit-text{grid-template:"headline link" auto "space space" .5rem "subheadline subheadline" auto/auto auto}}.jwl-course-preview__link{align-items:center;background-color:var(--concentration-color);border:.1rem solid var(--concentration-color);border-radius:1.125rem;box-sizing:border-box;color:#fff;display:flex;grid-area:link;height:2.25rem;justify-content:center;justify-self:flex-end;padding:0 1.25rem;text-decoration:none;transition:background-color .25s,color .25s;white-space:nowrap;width:-webkit-max-content;width:-moz-max-content;width:max-content}.jwl-course-preview__link:hover{background-color:#fff;color:var(--concentration-color)}.jwl-course-preview__tasks{grid-area:tasks}