<div class="course-new">
<div class="course-title-wrap">
<div class="course-title">
Dipl. Betriebswirtschafter/-in HF
</div>
<div class="course-subtitle">
Höhere Fachschule für Wirtschaft HFW (eidg. anerkannt)
</div>
</div>
<div class="course-details">
<div class="row">
<div class="col-12 col-sm-7 course-details-date">
<div class="text-label">Nächster Start</div>
24.03.2020
</div>
<div class="col-12 col-sm-5 course-details-cta">
<a href="#lorem" class="btn btn-primary">Details</a>
</div>
</div>
</div>
</div>
<div class="course-new">
<div class="course-title-wrap">
<div class="course-title">
{{ title }}
{% if course_flag_new or course_flag_blended_learning or course_flag_concept %}
<div class="tags-wrapper">
{% if course_flag_new %}
<span class="flag is-new">{{ flag_name }}</span>
{% endif %}
{% if course_flag_blended_learning %}
<span class="flag is-blended-learning">{{ 'Blended learning'|t }}</span>
{% elseif course_flag_concept %}
<span class="flag">{{ flag_name }}</span>
{% endif %}
</div>
{% endif %}
</div>
{% if subtitle %}
<div class="course-subtitle">
{{ subtitle }}
</div>
{% endif %}
</div>
<div class="course-details">
{% if course_type == "kvbsz" %}
<div class="row">
<div class="col-12 col-sm-7 course-details-date">
<div class="text-label">{{ label_date }}</div>
{{ date }}
</div>
<div class="col-12 col-sm-5 course-details-cta">
<a href="{{ link_href }}" class="btn btn-primary">{{ link_text }}</a>
</div>
</div>
{% else %}
<div class="row row--skilltrainer">
<div class="col-6 col-sm-3 course-details-duration">
<div class="text-label">{{ label_trainer }}</div>
{{ trainer }}
</div>
<div class="col-6 col-sm-3 course-details-duration">
<div class="text-label">{{ label_duration }}</div>
{{ duration }}
</div>
<div class="col-12 col-sm-3 course-details-date">
<div class="text-label">{{ label_date }}</div>
{{ date|raw }}
</div>
<div class="col-12 col-sm-3 course-details-cta">
<a href="{{ link_href }}" class="btn btn-primary">{{ link_text }}</a>
</div>
<div class="skilltrainer--border"> </div>
</div>
<div class="row row--skilltrainer">
<div class="col-lg-8 col-sm-8 course-details-skilltrainer">
{{ skilltrainer_text }}
</div>
<div class="col-lg-4 col-sm-4">
<a href="https://skilltrainer.ch/" target="_blank">
<svg width="110" height="16" viewBox="0 0 110 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.09651 15.162C4.82451 15.162 6.31851 14.226 6.31851 12.696C6.31851 10.77 3.02451 8.772 3.02451 7.422C3.02451 6.828 3.42051 6.432 4.19451 6.432C5.16651 6.432 5.18451 7.44 5.18451 8.25C5.97651 8.25 6.71451 7.944 6.71451 7.044C6.71451 6.18 5.95851 5.622 4.42851 5.622C2.71851 5.622 1.56651 6.594 1.56651 7.98C1.56651 9.87 4.78851 11.508 4.78851 13.272C4.78851 14.082 4.01451 14.388 3.34851 14.388C2.21451 14.388 2.19651 13.578 2.19651 12.624C2.03451 12.57 1.85451 12.552 1.71051 12.552C1.04451 12.552 0.594508 13.02 0.594508 13.686C0.594508 14.676 1.69251 15.162 3.09651 15.162ZM14.4988 7.872C14.4988 9.492 11.2588 10.626 10.3948 10.68L10.5028 9.942C11.5468 8.052 12.9508 7.044 13.7248 7.044C14.1928 7.044 14.4988 7.314 14.4988 7.872ZM10.6648 8.628C10.7368 8.016 11.6368 1.41 11.6368 0.87C11.6368 0.545999 11.5288 0.311999 11.1328 0.311999C10.9708 0.311999 10.6828 0.383999 10.3948 0.455999L8.5948 0.87C8.3428 0.923999 8.2528 1.032 8.2528 1.23C8.2528 1.392 8.3608 1.536 8.5588 1.536H9.2788C9.7648 1.536 9.9088 1.698 9.9088 2.148C9.9088 2.616 8.3428 14.388 8.3428 14.946C8.3428 15.072 8.3968 15.144 8.5228 15.144C8.6668 15.144 9.2788 15.018 9.7288 14.874C9.9268 14.82 9.9808 14.73 9.9988 14.514L10.3228 11.472L11.1508 11.238C12.5728 14.676 13.4368 15.144 13.9408 15.144C14.5708 15.144 16.4428 13.938 16.4428 13.488C16.4428 13.344 16.3708 13.29 16.2448 13.29C15.9928 13.29 14.7328 13.578 14.5348 13.578C14.1928 13.578 13.7608 13.2 12.4648 10.77C14.3728 10.212 16.1008 8.988 16.1008 7.224C16.1008 6.324 15.4168 5.622 14.4268 5.622C13.0948 5.622 11.6368 6.558 10.7008 8.628H10.6648ZM18.2155 14.748C18.2155 15.036 18.3955 15.126 18.6475 15.126C19.4755 15.126 21.8875 14.172 21.8875 13.794C21.8875 13.596 21.7435 13.56 21.5995 13.56H20.4475C20.0515 13.56 19.9975 13.524 19.9975 13.29C19.9975 12.84 20.8615 6.342 20.8615 6C20.8615 5.712 20.6815 5.622 20.4295 5.622C19.6015 5.622 17.3155 6.756 17.3155 7.134C17.3155 7.332 17.4055 7.368 17.5495 7.368H18.6475C18.9895 7.368 19.0975 7.368 19.0975 7.53C19.0975 8.07 18.2155 14.19 18.2155 14.748ZM19.1695 2.688C19.1695 3.354 19.7275 3.912 20.3935 3.912C21.0595 3.912 21.6175 3.354 21.6175 2.688C21.6175 2.022 21.0595 1.464 20.3935 1.464C19.7275 1.464 19.1695 2.022 19.1695 2.688ZM26.7883 0.87C26.7883 0.545999 26.6803 0.311999 26.2843 0.311999C26.1223 0.311999 25.8343 0.383999 25.5463 0.455999L23.7823 0.87C23.5303 0.923999 23.4403 1.032 23.4403 1.23C23.4403 1.392 23.5483 1.536 23.7463 1.536H24.4663C24.9523 1.536 25.0963 1.698 25.0963 2.148C25.0963 2.616 23.5483 14.226 23.5483 14.784C23.5483 15.054 23.7283 15.144 23.9803 15.144C24.8083 15.144 27.2383 14.19 27.2383 13.812C27.2383 13.614 27.0943 13.578 26.9503 13.578H25.7443C25.4023 13.578 25.2943 13.56 25.2943 13.398C25.2943 12.732 26.7883 1.41 26.7883 0.87ZM32.0442 0.87C32.0442 0.545999 31.9362 0.311999 31.5402 0.311999C31.3782 0.311999 31.0902 0.383999 30.8022 0.455999L29.0382 0.87C28.7862 0.923999 28.6962 1.032 28.6962 1.23C28.6962 1.392 28.8042 1.536 29.0022 1.536H29.7222C30.2082 1.536 30.3522 1.698 30.3522 2.148C30.3522 2.616 28.8042 14.226 28.8042 14.784C28.8042 15.054 28.9842 15.144 29.2362 15.144C30.0642 15.144 32.4942 14.19 32.4942 13.812C32.4942 13.614 32.3502 13.578 32.2062 13.578H31.0002C30.6582 13.578 30.5502 13.56 30.5502 13.398C30.5502 12.732 32.0442 1.41 32.0442 0.87ZM34.528 8.592H33.196V6.558H34.528V3.786H37.12V6.558H39.298V8.592H37.12V11.922C37.12 12.33 37.198 12.648 37.354 12.876C37.522 13.092 37.78 13.2 38.128 13.2C38.392 13.2 38.62 13.158 38.812 13.074C39.004 12.978 39.184 12.87 39.352 12.75L40.396 14.334C39.58 14.982 38.692 15.306 37.732 15.306C37.132 15.306 36.628 15.216 36.22 15.036C35.812 14.868 35.482 14.634 35.23 14.334C34.978 14.022 34.798 13.65 34.69 13.218C34.582 12.786 34.528 12.306 34.528 11.778V8.592ZM41.4215 6.558H43.9055L43.9955 7.62C44.2115 7.332 44.5055 7.056 44.8775 6.792C45.2615 6.528 45.7535 6.396 46.3535 6.396C46.5815 6.396 46.7735 6.408 46.9295 6.432C47.0975 6.456 47.2595 6.498 47.4155 6.558L47.0015 8.844C46.7375 8.76 46.4255 8.718 46.0655 8.718C45.4535 8.718 44.9555 8.904 44.5715 9.276C44.1995 9.636 44.0135 10.152 44.0135 10.824V15H41.4215V6.558ZM53.2081 14.208C52.9201 14.544 52.5541 14.802 52.1101 14.982C51.6781 15.162 51.1921 15.252 50.6521 15.252C50.3521 15.252 50.0341 15.21 49.6981 15.126C49.3741 15.042 49.0681 14.904 48.7801 14.712C48.5041 14.508 48.2701 14.238 48.0781 13.902C47.8981 13.566 47.8081 13.146 47.8081 12.642C47.8081 12.15 47.9041 11.712 48.0961 11.328C48.3001 10.944 48.5761 10.626 48.9241 10.374C49.2721 10.11 49.6801 9.912 50.1481 9.78C50.6281 9.648 51.1441 9.582 51.6961 9.582C51.9961 9.582 52.2961 9.588 52.5961 9.6C52.9081 9.612 53.1121 9.63 53.2081 9.654V9.474C53.2081 9.258 53.1601 9.078 53.0641 8.934C52.9801 8.778 52.8601 8.652 52.7041 8.556C52.5601 8.448 52.3921 8.376 52.2001 8.34C52.0081 8.292 51.8041 8.268 51.5881 8.268C51.0121 8.268 50.5321 8.34 50.1481 8.484C49.7761 8.628 49.4581 8.79 49.1941 8.97L48.1321 7.386C48.3121 7.254 48.5161 7.122 48.7441 6.99C48.9721 6.858 49.2421 6.738 49.5541 6.63C49.8661 6.522 50.2141 6.438 50.5981 6.378C50.9941 6.306 51.4441 6.27 51.9481 6.27C53.2321 6.27 54.1801 6.618 54.7921 7.314C55.4041 7.998 55.7101 8.922 55.7101 10.086V15H53.2801L53.2081 14.208ZM53.2081 11.274C53.1481 11.262 53.0341 11.25 52.8661 11.238C52.6981 11.214 52.5061 11.202 52.2901 11.202C51.5701 11.202 51.0601 11.304 50.7601 11.508C50.4601 11.712 50.3101 12 50.3101 12.372C50.3101 13.068 50.7301 13.416 51.5701 13.416C51.7741 13.416 51.9721 13.386 52.1641 13.326C52.3681 13.254 52.5421 13.158 52.6861 13.038C52.8421 12.918 52.9681 12.768 53.0641 12.588C53.1601 12.408 53.2081 12.198 53.2081 11.958V11.274ZM57.5578 2.994H60.3298V5.316H57.5578V2.994ZM57.6478 6.558H60.2398V15H57.6478V6.558ZM62.2344 6.558H64.7184L64.7904 7.476C65.0664 7.14 65.4264 6.87 65.8704 6.666C66.3264 6.462 66.8004 6.36 67.2924 6.36C68.2644 6.36 69.0324 6.648 69.5964 7.224C70.1724 7.8 70.4604 8.652 70.4604 9.78V15H67.8684V10.14C67.8684 9.672 67.7484 9.3 67.5084 9.024C67.2804 8.748 66.9564 8.61 66.5364 8.61C66.2484 8.61 65.9964 8.664 65.7804 8.772C65.5644 8.868 65.3844 9 65.2404 9.168C65.0964 9.336 64.9884 9.534 64.9164 9.762C64.8444 9.978 64.8084 10.212 64.8084 10.464V15H62.2344V6.558ZM80.2978 14.082C80.2018 14.142 80.0578 14.244 79.8658 14.388C79.6738 14.52 79.4218 14.652 79.1098 14.784C78.8098 14.916 78.4498 15.03 78.0298 15.126C77.6098 15.234 77.1298 15.288 76.5898 15.288C75.8698 15.288 75.2218 15.18 74.6458 14.964C74.0698 14.736 73.5778 14.424 73.1698 14.028C72.7738 13.632 72.4678 13.158 72.2518 12.606C72.0478 12.042 71.9458 11.424 71.9458 10.752C71.9458 10.164 72.0418 9.6 72.2338 9.06C72.4378 8.508 72.7258 8.028 73.0978 7.62C73.4698 7.212 73.9258 6.888 74.4658 6.648C75.0058 6.396 75.6178 6.27 76.3018 6.27C76.9858 6.27 77.5858 6.39 78.1018 6.63C78.6178 6.87 79.0498 7.206 79.3978 7.638C79.7578 8.058 80.0278 8.568 80.2078 9.168C80.3878 9.756 80.4778 10.404 80.4778 11.112V11.544H74.4658C74.4778 12 74.6758 12.402 75.0598 12.75C75.4558 13.086 75.9958 13.254 76.6798 13.254C77.3518 13.254 77.8978 13.158 78.3178 12.966C78.7378 12.762 79.0438 12.588 79.2358 12.444L80.2978 14.082ZM78.0298 9.888C78.0298 9.708 77.9938 9.528 77.9218 9.348C77.8498 9.156 77.7418 8.982 77.5978 8.826C77.4538 8.67 77.2738 8.544 77.0578 8.448C76.8418 8.34 76.5838 8.286 76.2838 8.286C75.9838 8.286 75.7198 8.34 75.4918 8.448C75.2638 8.544 75.0718 8.67 74.9158 8.826C74.7718 8.982 74.6578 9.156 74.5738 9.348C74.5018 9.528 74.4658 9.708 74.4658 9.888H78.0298ZM81.9566 6.558H84.4406L84.5306 7.62C84.7466 7.332 85.0406 7.056 85.4126 6.792C85.7966 6.528 86.2886 6.396 86.8886 6.396C87.1166 6.396 87.3086 6.408 87.4646 6.432C87.6326 6.456 87.7946 6.498 87.9506 6.558L87.5366 8.844C87.2726 8.76 86.9606 8.718 86.6006 8.718C85.9886 8.718 85.4906 8.904 85.1066 9.276C84.7346 9.636 84.5486 10.152 84.5486 10.824V15H81.9566V6.558ZM96.6166 13.812C95.7166 13.812 94.6546 13.182 94.6546 10.914C94.6546 7.89 96.1306 6.432 97.1026 6.432C98.1286 6.432 98.1646 7.476 98.1646 8.304C99.0646 8.304 99.7846 8.016 99.7846 7.08C99.7846 6.18 98.9386 5.622 97.6066 5.622C95.3746 5.622 93.0886 7.458 93.0886 11.4C93.0886 13.452 94.1686 15.126 95.9506 15.126C97.9846 15.126 99.6046 13.578 99.6046 12.822C99.6046 12.642 99.4786 12.57 99.3886 12.57C99.1006 12.57 98.1286 13.812 96.6166 13.812ZM103.364 8.034C103.436 7.422 104.264 1.41 104.264 0.87C104.264 0.545999 104.156 0.311999 103.76 0.311999C103.598 0.311999 103.31 0.383999 103.022 0.455999L101.222 0.87C100.97 0.923999 100.88 1.032 100.88 1.23C100.88 1.392 100.988 1.536 101.186 1.536H101.906C102.392 1.536 102.536 1.698 102.536 2.148C102.536 2.616 100.97 14.388 100.97 14.946C100.97 15.072 101.024 15.144 101.15 15.144C101.294 15.144 101.906 15.018 102.356 14.874C102.554 14.82 102.608 14.73 102.626 14.514L103.274 9.168C104.642 7.836 105.47 7.116 106.262 7.116C106.64 7.116 106.838 7.278 106.838 7.71C106.838 8.178 105.812 14.478 105.812 14.82C105.812 15.054 105.992 15.144 106.244 15.144C107.072 15.144 109.484 14.172 109.484 13.758C109.484 13.596 109.394 13.56 109.142 13.56H107.99C107.648 13.56 107.522 13.542 107.522 13.38C107.522 13.038 108.53 7.728 108.53 7.044C108.53 6.108 107.9 5.622 107.09 5.622C105.902 5.622 104.696 6.666 103.418 8.034H103.364Z" fill="#001B35"/>
<path d="M88.537 13.812C88.537 14.514 89.095 15.072 89.797 15.072C90.517 15.072 91.093 14.514 91.093 13.812C91.093 13.092 90.517 12.516 89.797 12.516C89.095 12.516 88.537 13.092 88.537 13.812Z" fill="#F39100"/>
</svg>
</a>
</div>
</div>
{% endif %}
</div>
</div>
{
"course_flag_new": false,
"course_flag_concept": false,
"course_flag_blended_learning": false,
"flag_name": "Neu",
"title": "Dipl. Betriebswirtschafter/-in HF",
"subtitle": "Höhere Fachschule für Wirtschaft HFW (eidg. anerkannt)",
"label_regular_price": "Regulärer Preis:",
"label_discount_price": "Reduzierter Preis:",
"regular_price": "CHF 13200.00",
"discount_price": "CHF 11880.00",
"label_duration": "Dauer",
"duration": "6 Semester",
"label_date": "Nächster Start",
"date": "24.03.2020",
"link_href": "#lorem",
"link_text": "Details",
"course_type": "kvbsz",
"label_trainer": "Trainer",
"skilltrainer_text": "Dieses Bildungsangebot buchen Sie auf Skilltrainer.ch, Ihrer Plattform für individuelles Skill Management",
"trainer": ""
}
.course-new {
background: #fff;
padding: 1rem;
margin-bottom: 1rem;
display: flex;
align-items: center;
width: 100%;
@media screen and (max-width: 900px) {
flex-wrap: wrap;
}
.course-title-wrap{
flex: 0 0 60%;
max-width: 60%;
@media screen and (max-width: 900px) {
flex: 0 0 100%;
max-width: 100%;
}
}
.course-title {
@extend .title-small;
font-size: 19px !important;
font-family: "Effra";
font-style: normal;
font-weight: 700;
margin-bottom: 0;
position: relative;
padding-top: 0.5rem;
@include media-breakpoint-up(md) {
padding-top: 0;
}
.tags-wrapper {
position: absolute;
top: -30px;
margin-left: 0;
left: 0;
right: auto;
.flag {
color: #fff;
font-family: sans-serif;
padding: 0.2rem 0.5rem;
font-size: 12px;
text-transform: uppercase;
background: $color-medium-grey;
display: inline-block;
&.is-new,
&.is-blended-learning {
background: $color-red;
padding: 3px 10px;
}
&.is-new {
background: $color-green;
}
}
}
}
.course-subtitle {
font-family: "Effra";
margin-bottom: 1rem;
}
.course-details {
color: $color-grey;
font-family: "Effra";
flex: 0 0 40%;
max-width: 40%;
font-size: 15px;
word-break: break-word;
hyphens: auto;
@media screen and (max-width: 900px) {
flex: 0 0 100%;
max-width: 100%;
}
.course-details-price {
p {
margin-bottom: 0;
}
@include media-breakpoint-up(sm) {
border-right: 1px solid $color-medium-grey;
}
}
.course-details-duration {
border-right: 1px solid $color-medium-grey;
@include media-breakpoint-up(sm) {
//border-right: 1px solid $color-medium-grey;
}
}
.course-details-date{
@include media-breakpoint-down(sm) {
display: flex;
.text-label{
margin-right:15px;
}
}
}
.course-details-date {
@include media-breakpoint-up(sm) {
border-right: 1px solid $color-medium-grey;
border-left: 1px solid $color-medium-grey;
text-align: center;
}
}
.course-details-cta {
margin-top: 1.5rem;
font-family: "Feijoa";
@include media-breakpoint-up(sm) {
margin-top: 0;
}
}
}
.course-details-skilltrainer{
font-size: 14px;
line-height: 22px;
color: $color-dark-grey;
padding-top:1rem;
}
.skilltrainer--border{
border-top: 1px solid #d7d7d7;
display: block;
width: 100%;
margin-left: 5px;
margin-right: 5px;
height: 1px;
}
.row--skilltrainer {
.course-details-duration{
padding-bottom: 20px;
}
svg{
margin-top: 1rem;
width: 100%;
}
}
.btn {
width: auto;
justify-content: center;
height: 5rem;
font-size: 16px;
white-space: nowrap;
}
.text-label {
font-family: "Effra";
color: $color-grey;
// font-size: 1.6rem;
}
p {
margin-bottom: 1.4rem;
}
}
.course{
.row--skilltrainer{
align-items: center;
}
}
.accordion-body-inner {
.department-category-section {
margin-bottom: 60px;
&:last-child {
margin-bottom: 0;
}
h4 {
color: $primary;
margin-bottom: 28px;
}
.course-new {
margin-bottom: 30px;
&:last-child {
margin-bottom: 1rem;
}
}
}
}
.course-details-cta{
.btn-primary{
@include media-breakpoint-down(sm) {
width: 100% !important;
}
}
}
There are no notes for this item.