.warning-button[data-v-b9f7b96e]{color:#fff;background-color:var(--main-color)}.warning-button[data-v-b9f7b96e]:hover{color:#fff;background-color:var(--main-hover-color)}.warning-button[data-v-b9f7b96e]:focus{color:#fff;background-color:var(--main-color)}.title-conainer[data-v-40d98a8a]{display:flex;justify-content:flex-start;margin-bottom:1em}.headline-title[data-v-40d98a8a]{color:var(--primary-color);margin-bottom:0}.back-button[data-v-40d98a8a]{margin:auto .5em auto 0;color:var(--primary-color);background-color:transparent}.back-button[data-v-40d98a8a]:active{color:var(--pressed-primary-color);background-color:transparent}.back-button[data-v-40d98a8a]:focus{color:var(--primary-color);background-color:transparent}.back-button[data-v-40d98a8a]:hover{background-color:transparent}.action-button[data-v-40d98a8a]{margin:0 .5em}.action-container[data-v-40d98a8a]{margin-left:auto}.remove-btn[data-v-40d98a8a]{background-color:var(--main-color)}.remove-btn[data-v-40d98a8a]:hover{background-color:var(--main-hover-color)}.remove-btn[data-v-40d98a8a]:active,.remove-btn[data-v-40d98a8a]:focus{background-color:var(--main-color)}.info-icon[data-v-5b611980]{color:var(--disabled-text-color);cursor:pointer;margin-left:.5em}.info-icon[data-v-5b611980]:hover{color:var(--primary-color)}.containter-form-course[data-v-3bdad246]{margin:1em}.input-half-grow[data-v-3bdad246]{flex-grow:1;margin:0 .5em}.form-input[data-v-3bdad246]{margin-bottom:1em}.list-margin[data-v-3bdad246]{margin-bottom:2em}.current-image[data-v-3bdad246]{border-radius:.3em;width:5em;height:4em;margin-right:.5em}.current-image-container[data-v-3bdad246]{margin-top:.5em;display:flex;justify-content:flex-start}.current-image-caption[data-v-3bdad246]{margin:auto 0;color:var(--disabled-text-color)}.extra-container[data-v-3bdad246]{display:flex;justify-content:space-between;flex-flow:unset}.container-course{width:60%;margin:1em auto}.course-image{width:100%;height:15em;border-radius:10px;-o-object-fit:cover;object-fit:cover}.title-text{line-height:26px}@media screen and (max-width:1200px){.container-course{width:85%}}@media screen and (max-width:900px){.container-course{width:95%}}@media screen and (max-width:768px){.container-course{width:90%}}@media screen and (max-width:600px){.container-course{width:98%}}