{"id":3402,"date":"2025-09-10T11:59:45","date_gmt":"2025-09-10T09:59:45","guid":{"rendered":"https:\/\/www.ilias-conference.org\/bologna-2022\/"},"modified":"2026-02-18T09:54:39","modified_gmt":"2026-02-18T08:54:39","slug":"bologna-2022","status":"publish","type":"page","link":"https:\/\/www.ilias-conference.org\/en\/bologna-2022\/","title":{"rendered":"Bologna 2022"},"content":{"rendered":"<div id=\"pl-3402\"  class=\"panel-layout\" ><div id=\"pg-3402-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-3402-0-0\"  class=\"panel-grid-cell\" ><style id=\"rmp-inline-menu-styles\">\/**\n* This file is major compenent of this plugin so please don't try to edit here.\n*\/\n#rmp_menu_trigger-3999, #rmp-search-box-3999, #rmp-menu-title-3999, #rmp-menu-additional-content-3999 {\n  display: none;\n}\n#rmp-header-bar-3999 {\n  position: fixed;\n  background-color: #ffffff;\n  color: #000000;\n  font-size: 14px;\n  padding-top: 8px;\n  padding-left: 8px;\n  padding-bottom: 8px;\n  padding-right: 8px;\n  font-family: Open Sans;\n  display: none;\n}\n#rmp-header-bar-3999 .rmp-header-bar-item {\n  margin-right: 2%;\n}\n#rmp-header-bar-3999 .rmp-header-bar-item .rmp-menu-header-logo {\n  width: 40px;\n}\n#rmp-header-bar-3999 a {\n  color: #000000;\n}\n#rmp-header-bar-3999 .rmp-header-bar-title {\n  color: #000000;\n  font-size: 14px;\n  font-family: Open Sans;\n}\n#rmp-header-bar-3999 .rmp-header-bar-title a {\n  color: #000000;\n  font-size: 14px;\n  font-family: Open Sans;\n}\n#rmp-header-bar-3999.header-scolling-bg-color {\n  background-color: #36bdf6;\n}\n@media screen and (max-width: 8000px) {\n  #rmp-header-bar-3999 {\n    display: block;\n  }\n}\n#rmp_menu_trigger-3999 {\n  width: 55px;\n  height: 55px;\n  position: absolute;\n  top: 2px;\n  border-radius: 5px;\n  display: none;\n  text-decoration: none;\n  right: 2%;\n  background: transparent;\n  transition: transform 0.5s, background-color 0.5s;\n}\n#rmp_menu_trigger-3999 .rmp-trigger-box {\n  width: 25px;\n  color: #fff;\n}\n#rmp_menu_trigger-3999 .rmp-trigger-icon-active, #rmp_menu_trigger-3999 .rmp-trigger-text-open {\n  display: none;\n}\n#rmp_menu_trigger-3999.is-active .rmp-trigger-icon-active, #rmp_menu_trigger-3999.is-active .rmp-trigger-text-open {\n  display: inline;\n}\n#rmp_menu_trigger-3999.is-active .rmp-trigger-icon-inactive, #rmp_menu_trigger-3999.is-active .rmp-trigger-text {\n  display: none;\n}\n#rmp_menu_trigger-3999 .rmp-trigger-label {\n  color: #fff;\n  pointer-events: none;\n  line-height: 13px;\n  font-family: inherit;\n  font-size: 14px;\n  display: inline;\n  text-transform: inherit;\n}\n#rmp_menu_trigger-3999 .rmp-trigger-label.rmp-trigger-label-top {\n  display: block;\n  margin-bottom: 12px;\n}\n#rmp_menu_trigger-3999 .rmp-trigger-label.rmp-trigger-label-bottom {\n  display: block;\n  margin-top: 12px;\n}\n#rmp_menu_trigger-3999 .responsive-menu-pro-inner {\n  display: block;\n}\n#rmp_menu_trigger-3999 .rmp-trigger-icon-inactive .rmp-font-icon {\n  color: #999999;\n}\n#rmp_menu_trigger-3999 .responsive-menu-pro-inner, #rmp_menu_trigger-3999 .responsive-menu-pro-inner::before, #rmp_menu_trigger-3999 .responsive-menu-pro-inner::after {\n  width: 25px;\n  height: 3px;\n  background-color: #999999;\n  border-radius: 4px;\n  position: absolute;\n}\n#rmp_menu_trigger-3999 .rmp-trigger-icon-active .rmp-font-icon {\n  color: #d8d8d8;\n}\n#rmp_menu_trigger-3999.is-active .responsive-menu-pro-inner, #rmp_menu_trigger-3999.is-active .responsive-menu-pro-inner::before, #rmp_menu_trigger-3999.is-active .responsive-menu-pro-inner::after {\n  background-color: #d8d8d8;\n}\n#rmp_menu_trigger-3999:hover .rmp-trigger-icon-inactive .rmp-font-icon {\n  color: #d8d8d8;\n}\n#rmp_menu_trigger-3999:not(.is-active):hover .responsive-menu-pro-inner, #rmp_menu_trigger-3999:not(.is-active):hover .responsive-menu-pro-inner::before, #rmp_menu_trigger-3999:not(.is-active):hover .responsive-menu-pro-inner::after {\n  background-color: #d8d8d8;\n}\n#rmp_menu_trigger-3999:not(.is-active) .responsive-menu-pro-inner::before {\n  top: 9px;\n}\n#rmp_menu_trigger-3999:not(.is-active) .responsive-menu-pro-inner::after {\n  bottom: 9px;\n}\n\/* Hamburger menu styling *\/\n#rmp-menu-wrap-3999 .rmp-topmenu-active > .rmp-menu-item-link, #rmp-menu-wrap-3999 .rmp-submenu .rmp-topmenu-active > .rmp-menu-item-link {\n  color: inherit;\n  background-color: inherit;\n}\n#rmp-menu-wrap-3999 .rmp-topmenu-active > .rmp-menu-item-link svg, #rmp-menu-wrap-3999 .rmp-submenu .rmp-topmenu-active > .rmp-menu-item-link svg {\n  fill: inherit;\n}\n@media screen and (max-width: 1024px) {\n  \/** Menu Title Style *\/\n  \/** Menu Additional Content Style *\/\n  #rmp_menu_trigger-3999 {\n    display: block;\n  }\n  #rmp-container-3999 {\n    position: fixed;\n    top: 0;\n    margin: 0;\n    transition: transform 0.5s;\n    overflow: auto;\n    width: 80%;\n    max-width: 320px;\n    min-width: 300px;\n    background-color: #f3f3f3;\n    background-image: url(\"\");\n    height: 100%;\n    right: 0;\n    padding-top: 10px;\n    padding-left: 10px;\n    padding-bottom: 10px;\n    padding-right: 10px;\n    \/** Menu Social Icons Style *\/\n  }\n  #rmp-container-3999.rmp-fade-top, #rmp-container-3999.rmp-fade-left, #rmp-container-3999.rmp-fade-right, #rmp-container-3999.rmp-fade-bottom {\n    display: none;\n  }\n  #rmp-container-3999 #rmp-menu-social-icons-3999 {\n    padding-top: 0%;\n    padding-left: 0%;\n    padding-right: 0%;\n    padding-bottom: 0%;\n  }\n  #rmp-container-3999 #rmp-menu-social-icons-3999 .rmp-social-icons-list {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    gap: 10px;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n  #rmp-container-3999 #rmp-menu-social-icons-3999.rmp-social-icons-layout-vertical .rmp-social-icons-list {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  #rmp-container-3999 #rmp-menu-social-icons-3999.rmp-social-icons-layout-horizontal.rmp-social-icons-align-left .rmp-social-icons-list {\n    justify-content: flex-start;\n  }\n  #rmp-container-3999 #rmp-menu-social-icons-3999.rmp-social-icons-layout-horizontal.rmp-social-icons-align-center .rmp-social-icons-list {\n    justify-content: center;\n  }\n  #rmp-container-3999 #rmp-menu-social-icons-3999.rmp-social-icons-layout-horizontal.rmp-social-icons-align-right .rmp-social-icons-list {\n    justify-content: flex-end;\n  }\n  #rmp-container-3999 #rmp-menu-social-icons-3999.rmp-social-icons-layout-vertical.rmp-social-icons-align-left .rmp-social-icons-list {\n    align-items: flex-start;\n  }\n  #rmp-container-3999 #rmp-menu-social-icons-3999.rmp-social-icons-layout-vertical.rmp-social-icons-align-center .rmp-social-icons-list {\n    align-items: center;\n  }\n  #rmp-container-3999 #rmp-menu-social-icons-3999.rmp-social-icons-layout-vertical.rmp-social-icons-align-right .rmp-social-icons-list {\n    align-items: flex-end;\n  }\n  #rmp-container-3999 #rmp-menu-social-icons-3999 .rmp-social-icon-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    text-decoration: none;\n    color: inherit;\n  }\n  #rmp-container-3999 #rmp-menu-social-icons-3999 .rmp-social-icon-link:hover {\n    color: inherit;\n  }\n  #rmp-container-3999 #rmp-menu-social-icons-3999 .rmp-social-icon-link--no-link {\n    cursor: default;\n    color: inherit;\n  }\n  #rmp-container-3999 #rmp-menu-social-icons-3999 .rmp-social-icon-link--no-link:hover {\n    color: inherit;\n  }\n  #rmp-container-3999 #rmp-menu-social-icons-3999 .rmp-social-icon {\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n  #rmp-container-3999 #rmp-menu-social-icons-3999 .rmp-social-icon .rmp-font-icon {\n    font-size: 24px;\n  }\n  #rmp-container-3999 #rmp-menu-social-icons-3999 .rmp-social-icon svg {\n    fill: currentColor;\n  }\n  #rmp-menu-wrap-3999 {\n    padding-top: 15%;\n    padding-left: 0%;\n    padding-bottom: 0%;\n    padding-right: 0%;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu, #rmp-menu-wrap-3999 .rmp-submenu {\n    width: 100%;\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu.rmp-submenu-open {\n    display: block;\n  }\n  #rmp-menu-wrap-3999 .rmp-mega-menu-panel {\n    width: 100%;\n  }\n  #rmp-menu-wrap-3999 .rmp-mega-menu-row {\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n  #rmp-menu-wrap-3999 .rmp-mega-menu-row .rmp-mega-menu-col {\n    width: 100%;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item {\n    width: 100%;\n    list-style: none;\n    margin: 0;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link {\n    height: 40px;\n    line-height: 40px;\n    font-size: 14px;\n    border-bottom: 0px solid #212121;\n    font-family: Open Sans;\n    color: #000000;\n    text-align: left;\n    background: inherit;\n    font-weight: 600;\n    letter-spacing: 1px;\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    text-decoration: none;\n    position: relative;\n    overflow: hidden;\n    transition: background-color 0.5s, border-color 0.5s, 0.5s;\n    padding: 0 5%;\n    padding-right: 50px;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link:after, #rmp-menu-wrap-3999 .rmp-menu-item-link:before {\n    display: none;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link:hover, #rmp-menu-wrap-3999 .rmp-menu-item-link:focus {\n    color: #6d6d6d;\n    border-color: #212121;\n    background: inherit;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link:hover svg, #rmp-menu-wrap-3999 .rmp-menu-item-link:focus svg {\n    fill: #6d6d6d;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link:focus {\n    outline: none;\n    border-color: unset;\n    box-shadow: unset;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link .rmp-font-icon {\n    height: 40px;\n    line-height: 40px;\n    margin-right: 10px;\n    font-size: 14px;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-current-item .rmp-menu-item-link {\n    color: #000000;\n    border-color: #212121;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-current-item .rmp-menu-item-link svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-current-item .rmp-menu-item-link:hover, #rmp-menu-wrap-3999 .rmp-menu-current-item .rmp-menu-item-link:focus {\n    color: #000000;\n    border-color: #3f3f3f;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-current-item .rmp-menu-item-link:hover svg, #rmp-menu-wrap-3999 .rmp-menu-current-item .rmp-menu-item-link:focus svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-subarrow {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    text-align: center;\n    overflow: hidden;\n    background-size: cover;\n    overflow: hidden;\n    right: 0;\n    border-left-style: solid;\n    border-left-color: currentColor;\n    border-left-width: 0px;\n    height: 40px;\n    width: 40px;\n    color: #000000;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-subarrow svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-subarrow:hover {\n    color: #000000;\n    border-color: currentColor;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-subarrow:hover svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-subarrow .rmp-font-icon {\n    margin-right: unset;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-subarrow * {\n    vertical-align: middle;\n    line-height: 40px;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-subarrow-active {\n    display: block;\n    background-size: cover;\n    color: #000000;\n    border-color: currentColor;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-subarrow-active svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-subarrow-active:hover {\n    color: #000000;\n    border-color: #3f3f3f;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-subarrow-active:hover svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-subarrow-active .rmp-go-back {\n    display: block;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu {\n    display: none;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link {\n    height: 35px;\n    line-height: 35px;\n    font-size: 13px;\n    letter-spacing: 1px;\n    border-bottom: 0px solid currentColor;\n    font-family: Open Sans;\n    font-weight: 300;\n    color: #000000;\n    text-align: left;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link:hover, #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link:focus {\n    color: #00527c;\n    border-color: currentColor;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link:hover svg, #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link:focus svg {\n    fill: #00527c;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link {\n    color: #000000;\n    border-color: currentColor;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link:hover, #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link:focus {\n    color: #3399ff;\n    border-color: currentColor;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link:hover svg, #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link:focus svg {\n    fill: #3399ff;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-description {\n    margin: 0;\n    padding: 5px 5%;\n    opacity: 0.8;\n    color: #000000;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu-depth-1 .rmp-menu-item-link {\n    padding-left: 10%;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu-depth-4 .rmp-menu-item-link {\n    padding-left: 25%;\n  }\n  #rmp-search-box-3999 {\n    display: block;\n    padding-top: 20px;\n    padding-left: 20%;\n    padding-bottom: 0px;\n    padding-right: 20%;\n  }\n  #rmp-search-box-3999 .rmp-search-form {\n    margin: 0;\n  }\n  #rmp-search-box-3999 .rmp-search-box {\n    background: rgba(255, 255, 255, 0);\n    border: 1px solid #aaaaaa;\n    color: #000000;\n    width: 100%;\n    padding: 0 5%;\n    border-radius: 30px;\n    height: 45px;\n    -webkit-appearance: none;\n  }\n  #rmp-search-box-3999 .rmp-search-box::placeholder {\n    color: #aaaaaa;\n  }\n  #rmp-search-box-3999 .rmp-search-box:focus {\n    background-color: rgba(255, 255, 255, 0);\n    outline: 2px solid #aaaaaa;\n    color: #000000;\n  }\n  #rmp-menu-title-3999 {\n    background-color: inherit;\n    color: #000000;\n    text-align: center;\n    font-size: 18px;\n    padding-top: 15%;\n    padding-left: 30%;\n    padding-bottom: 0%;\n    padding-right: 30%;\n    font-weight: 400;\n    display: flex;\n    flex-direction: column;\n    transition: background-color 0.5s, border-color 0.5s, color 0.5s;\n  }\n  #rmp-menu-title-3999:hover {\n    background-color: inherit;\n    color: #000000;\n  }\n  #rmp-menu-title-3999 .rmp-font-icon {\n    font-size: 18px;\n  }\n  #rmp-menu-title-3999 > .rmp-menu-title-link {\n    color: #000000;\n    width: 100%;\n    background-color: unset;\n    text-decoration: none;\n  }\n  #rmp-menu-title-3999 > .rmp-menu-title-link:hover {\n    color: #000000;\n  }\n  #rmp-menu-title-3999 .rmp-menu-title-image {\n    max-width: 100%;\n    width: 50%;\n    margin-bottom: 15px;\n    display: block;\n    margin: auto;\n    margin-bottom: 15px;\n  }\n  #rmp-menu-additional-content-3999 {\n    padding-top: 0px;\n    padding-left: 15%;\n    padding-bottom: 0px;\n    padding-right: 15%;\n    display: block;\n    color: #a5a5a5;\n    text-align: center;\n    word-break: break-word;\n    font-size: 10px;\n  }\n}\n\/* Desktop Styling *\/\n@media screen and (min-width: 1025px) {\n  #rmp-header-bar-3999 #rmp-container-3999 {\n    background: unset;\n  }\n  #rmp-container-3999 {\n    background-color: #ffffff;\n    padding: 0 5%;\n    z-index: 99997;\n  }\n  #rmp-container-3999.rmp-container {\n    transform: translateX(0);\n    -ms-transform: translateX(0);\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n  }\n  #rmp-container-3999 #rmp_menu_trigger-3999, #rmp-container-3999 #rmp-menu-title-3999, #rmp-container-3999 #rmp-menu-additional-content-3999, #rmp-container-3999 #rmp-menu-social-icons-3999, #rmp-container-3999 #rmp-search-box-3999 {\n    display: none;\n  }\n  #rmp-menu-wrap-3999 {\n    display: inline-block;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu, #rmp-menu-wrap-3999 .rmp-submenu {\n    width: auto;\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    display: flex;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu {\n    flex-flow: wrap;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu, #rmp-menu-wrap-3999 .rmp-submenu {\n    overflow: inherit;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu .rmp-go-back, #rmp-menu-wrap-3999 .rmp-submenu .rmp-go-back {\n    display: none;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu {\n    flex-direction: column;\n    display: none;\n    position: absolute;\n    min-width: 180px;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu li {\n    list-style-type: none;\n    line-height: normal;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-submenu {\n    left: 100%;\n    top: 0;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link {\n    height: 40px;\n    line-height: 40px;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link {\n    color: #000000;\n    border-color: currentColor;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link:hover, #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link:focus {\n    color: #3399ff;\n    border-color: currentColor;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link:hover svg, #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link:focus svg {\n    fill: #3399ff;\n  }\n  #rmp-menu-wrap-3999 .rmp-mega-menu-container.rmp-submenu {\n    z-index: 99;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-subarrow {\n    display: none;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-has-children .rmp-menu-item {\n    position: relative;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item {\n    width: auto;\n    list-style: none;\n    margin: 0;\n  }\n  #rmp-menu-wrap-3999 .menu-item-has-children:hover > .rmp-submenu {\n    display: flex;\n    animation: none 100ms;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link {\n    font-family: Open Sans;\n    height: 40px;\n    line-height: 40px;\n    font-size: 14px;\n    color: #666666;\n    background: inherit;\n    text-align: left;\n    font-weight: 600;\n    letter-spacing: 1px;\n    display: inline-block;\n    text-decoration: none;\n    padding: 0 1rem;\n    width: auto;\n    white-space: nowrap;\n    margin: 0 1px;\n    transition: background-color 0.5s, border-color 0.5s, 0.5s;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link svg {\n    fill: #666666;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link:after, #rmp-menu-wrap-3999 .rmp-menu-item-link:before {\n    display: none;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link:hover, #rmp-menu-wrap-3999 .rmp-menu-item-link:focus {\n    border-color: #212121;\n    color: #000000;\n    background: inherit;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link:focus {\n    outline: none;\n    border-color: unset;\n    box-shadow: unset;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link .rmp-font-icon {\n    height: 40px;\n    line-height: 40px;\n    font-size: 14px;\n    margin-right: 10px;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-current-item .rmp-menu-item-link {\n    color: #000000;\n    border-color: #212121;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-current-item .rmp-menu-item-link svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-current-item .rmp-menu-item-link:hover, #rmp-menu-wrap-3999 .rmp-menu-current-item .rmp-menu-item-link:focus {\n    color: #000000;\n    border-color: #3f3f3f;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-current-item .rmp-menu-item-link:hover svg, #rmp-menu-wrap-3999 .rmp-menu-current-item .rmp-menu-item-link:focus svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link {\n    font-family: Open Sans;\n    height: 30px;\n    line-height: 30px;\n    font-size: 12px;\n    color: #707070;\n    background-color: #ffffff;\n    width: 100%;\n    text-align: left;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link svg {\n    fill: #707070;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link:hover, #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link:focus {\n    border-color: currentColor;\n    color: #707070;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link:hover svg, #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link:focus svg {\n    fill: #707070;\n  }\n}\n@media screen and (max-width: 600px) {\n  #rmp-container-3999 {\n    width: 80%;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link {\n    font-family: Open Sans;\n    height: 40px;\n    line-height: 40px;\n    font-size: 14px;\n    color: #000000;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link:hover, #rmp-menu-wrap-3999 .rmp-menu-item-link:focus {\n    color: #6d6d6d;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link:hover svg, #rmp-menu-wrap-3999 .rmp-menu-item-link:focus svg {\n    fill: #6d6d6d;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link {\n    font-family: Open Sans;\n    height: 35px;\n    line-height: 35px;\n    font-size: 13px;\n    color: #000000;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link:hover, #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link:focus {\n    color: #00527c;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link:hover svg, #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link:focus svg {\n    fill: #00527c;\n  }\n}\n@media screen and (max-width: 1024px) and (min-width: 600px) {\n  #rmp-container-3999 {\n    width: 80%;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link {\n    font-family: Open Sans;\n    height: 40px;\n    line-height: 40px;\n    font-size: 14px;\n    color: #666666;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link svg {\n    fill: #666666;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link:hover, #rmp-menu-wrap-3999 .rmp-menu-item-link:focus {\n    color: #000000;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link:hover svg, #rmp-menu-wrap-3999 .rmp-menu-item-link:focus svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-3999 .rmp-menu-item-link .rmp-font-icon {\n    height: 40px;\n    line-height: 40px;\n    font-size: 14px;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link {\n    font-family: Open Sans;\n    height: 30px;\n    line-height: 30px;\n    font-size: 12px;\n    color: #707070;\n    background-color: #ffffff;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link svg {\n    fill: #707070;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link:hover, #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link:focus {\n    color: #707070;\n  }\n  #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link:hover svg, #rmp-menu-wrap-3999 .rmp-submenu .rmp-menu-item-link:focus svg {\n    fill: #707070;\n  }\n}\n.rmp-mega-menu-panel {\n  background: #000;\n  display: block;\n  overflow: hidden;\n  max-width: 100vw;\n}\n.rmp-mega-menu-row {\n  display: flex;\n  flex-direction: row;\n  overflow: hidden;\n}\n.rmp-submenu-animate-on {\n  animation: none 100ms;\n}\n\/*  Menu Trigger Boring Animation *\/\n.rmp-menu-trigger-boring .responsive-menu-pro-inner {\n  transition-property: none;\n}\n.rmp-menu-trigger-boring .responsive-menu-pro-inner::after, .rmp-menu-trigger-boring .responsive-menu-pro-inner::before {\n  transition-property: none;\n}\n.rmp-menu-trigger-boring.is-active .responsive-menu-pro-inner {\n  transform: rotate(45deg);\n}\n.rmp-menu-trigger-boring.is-active .responsive-menu-pro-inner:before {\n  top: 0;\n  opacity: 0;\n}\n.rmp-menu-trigger-boring.is-active .responsive-menu-pro-inner:after {\n  bottom: 0;\n  transform: rotate(-90deg);\n}\n\/*  Menu Trigger Spin Animation *\/\n.rmp-menu-trigger-spin .responsive-menu-pro-inner {\n  transition-duration: 0.3s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-spin .responsive-menu-pro-inner::before {\n  transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;\n}\n.rmp-menu-trigger-spin .responsive-menu-pro-inner::after {\n  transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-spin.is-active .responsive-menu-pro-inner {\n  transform: rotate(225deg);\n  transition-delay: 0.14s;\n  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n.rmp-menu-trigger-spin.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  opacity: 0;\n  transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;\n}\n.rmp-menu-trigger-spin.is-active .responsive-menu-pro-inner::after {\n  bottom: 0;\n  transform: rotate(-90deg);\n  transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\/*  Menu Trigger Spin Reverse Animation *\/\n.rmp-menu-trigger-spin-r .responsive-menu-pro-inner {\n  transition-duration: 0.3s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-spin-r .responsive-menu-pro-inner::before {\n  transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;\n}\n.rmp-menu-trigger-spin-r .responsive-menu-pro-inner::after {\n  transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-spin-r.is-active .responsive-menu-pro-inner {\n  transform: rotate(-225deg);\n  transition-delay: 0.14s;\n  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n.rmp-menu-trigger-spin-r.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  opacity: 0;\n  transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;\n}\n.rmp-menu-trigger-spin-r.is-active .responsive-menu-pro-inner::after {\n  bottom: 0;\n  transform: rotate(-90deg);\n  transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\/*  Menu Trigger Minus Animation *\/\n.rmp-menu-trigger-minus .responsive-menu-pro-inner::before, .rmp-menu-trigger-minus .responsive-menu-pro-inner::after {\n  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-minus .responsive-menu-pro-inner::before {\n  top: 12px;\n}\n.rmp-menu-trigger-minus .responsive-menu-pro-inner::after {\n  top: -12px;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-minus.is-active .responsive-menu-pro-inner::before, button.rmp_menu_trigger.rmp-menu-trigger-minus.is-active .responsive-menu-pro-inner::after {\n  opacity: 0;\n  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-minus.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-minus.is-active .responsive-menu-pro-inner::after {\n  top: 0;\n}\n\/*  Menu Trigger Vortex Animation *\/\n.rmp-menu-trigger-vortex .responsive-menu-pro-inner {\n  transition-duration: 0.3s;\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n.rmp-menu-trigger-vortex .responsive-menu-pro-inner::before, .rmp-menu-trigger-vortex .responsive-menu-pro-inner::after {\n  transition-duration: 0s;\n  transition-delay: 0.1s;\n  transition-timing-function: linear;\n}\n.rmp-menu-trigger-vortex .responsive-menu-pro-inner::before {\n  transition-property: top, opacity;\n}\n.rmp-menu-trigger-vortex .responsive-menu-pro-inner::after {\n  transition-property: bottom, transform;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-vortex.is-active:hover .responsive-menu-pro-inner, .rmp-menu-trigger-vortex.is-active .responsive-menu-pro-inner {\n  transform: rotate(765deg);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n.rmp-menu-trigger-vortex.is-active .responsive-menu-pro-inner::before, .rmp-menu-trigger-vortex.is-active .responsive-menu-pro-inner::after {\n  transition-delay: 0s;\n}\n.rmp-menu-trigger-vortex.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  opacity: 0;\n}\n.rmp-menu-trigger-vortex.is-active .responsive-menu-pro-inner::after {\n  bottom: 0;\n  transform: rotate(90deg);\n}\n\/*  Menu Trigger Vortex Reverse Animation *\/\n.rmp-menu-trigger-vortex-r .responsive-menu-pro-inner {\n  transition-duration: 0.3s;\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n.rmp-menu-trigger-vortex-r .responsive-menu-pro-inner::before, .rmp-menu-trigger-vortex-r .responsive-menu-pro-inner::after {\n  transition-duration: 0s;\n  transition-delay: 0.1s;\n  transition-timing-function: linear;\n}\n.rmp-menu-trigger-vortex-r .responsive-menu-pro-inner::before {\n  transition-property: top, opacity;\n}\n.rmp-menu-trigger-vortex-r .responsive-menu-pro-inner::after {\n  transition-property: bottom, transform;\n}\n.rmp-menu-trigger-vortex-r.is-active .responsive-menu-pro-inner {\n  transform: rotate(-765deg);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n.rmp-menu-trigger-vortex-r.is-active .responsive-menu-pro-inner::before, .rmp-menu-trigger-vortex-r.is-active .responsive-menu-pro-inner::after {\n  transition-delay: 0s;\n}\n.rmp-menu-trigger-vortex-r.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  opacity: 0;\n}\n.rmp-menu-trigger-vortex-r.is-active .responsive-menu-pro-inner::after {\n  bottom: 0;\n  transform: rotate(-90deg);\n}\n\/*  Menu Trigger Stand  Animation *\/\n.rmp-menu-trigger-stand .responsive-menu-pro-inner {\n  transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;\n}\n.rmp-menu-trigger-stand .responsive-menu-pro-inner::before {\n  transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-stand .responsive-menu-pro-inner::after {\n  transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp_menu_trigger.rmp-menu-trigger-stand.is-active:hover .responsive-menu-pro-inner, .rmp_menu_trigger.rmp-menu-trigger-stand.is-active .responsive-menu-pro-inner {\n  transform: rotate(90deg);\n  background-color: transparent !important;\n  transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;\n}\n.rmp-menu-trigger-stand.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  transform: rotate(-45deg);\n  transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n.rmp-menu-trigger-stand.is-active .responsive-menu-pro-inner::after {\n  bottom: 0;\n  transform: rotate(45deg);\n  transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\/*  Menu Trigger Stand Reverse Animation *\/\n.rmp-menu-trigger-stand-r .responsive-menu-pro-inner {\n  transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;\n}\n.rmp-menu-trigger-stand-r .responsive-menu-pro-inner::before {\n  transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-stand-r .responsive-menu-pro-inner::after {\n  transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-stand-r.is-active:hover .responsive-menu-pro-inner, .rmp-menu-trigger-stand-r.is-active .responsive-menu-pro-inner {\n  transform: rotate(-90deg);\n  background-color: transparent !important;\n  transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;\n}\n.rmp-menu-trigger-stand-r.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  transform: rotate(-45deg);\n  transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n.rmp-menu-trigger-stand-r.is-active .responsive-menu-pro-inner::after {\n  bottom: 0;\n  transform: rotate(45deg);\n  transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\/*  Menu Trigger squeeze animation *\/\n.rmp-menu-trigger-squeeze .responsive-menu-pro-inner {\n  transition-duration: 0.1s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-squeeze .responsive-menu-pro-inner::before {\n  transition: top 0.1s 0.14s ease, opacity 0.1s ease;\n}\n.rmp-menu-trigger-squeeze .responsive-menu-pro-inner::after {\n  transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-squeeze.is-active .responsive-menu-pro-inner {\n  transform: rotate(45deg);\n  transition-delay: 0.14s;\n  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n.rmp-menu-trigger-squeeze.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  opacity: 0;\n  transition: top 0.1s ease, opacity 0.1s 0.14s ease;\n}\n.rmp-menu-trigger-squeeze.is-active .responsive-menu-pro-inner::after {\n  bottom: 0;\n  transform: rotate(-90deg);\n  transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\/*  Menu Trigger spring animation *\/\n.rmp-menu-trigger-spring .responsive-menu-pro-inner {\n  transition: background-color 0s 0.15s linear;\n}\n.rmp-menu-trigger-spring .responsive-menu-pro-inner::before {\n  top: 12px;\n  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-spring .responsive-menu-pro-inner::after {\n  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-spring.is-active:hover .responsive-menu-pro-inner, .rmp-menu-trigger-spring.is-active .responsive-menu-pro-inner {\n  transition-delay: 0.32s;\n  background-color: transparent !important;\n}\n.rmp-menu-trigger-spring.is-active .responsive-menu-pro-inner::before {\n  top: -12px;\n  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);\n  transform: translate3d(0, 12px, 0) rotate(45deg);\n}\n.rmp-menu-trigger-spring.is-active .responsive-menu-pro-inner::after {\n  top: -12px;\n  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);\n  transform: translate3d(0, 12px, 0) rotate(-45deg);\n}\n\/*  Menu Trigger spring reverse animation *\/\n.rmp-menu-trigger-spring-r .responsive-menu-pro-inner {\n  top: auto;\n  bottom: 0;\n  transition-duration: 0.15s;\n  transition-delay: 0s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-spring-r .responsive-menu-pro-inner::before {\n  top: 12px !important;\n  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-spring-r .responsive-menu-pro-inner::after {\n  top: -12px;\n  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;\n}\n.rmp-menu-trigger-spring-r.is-active .responsive-menu-pro-inner {\n  transform: translate3d(0, 0px, 0) rotate(-45deg);\n  transition-delay: 0.32s;\n  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n.rmp-menu-trigger-spring-r.is-active .responsive-menu-pro-inner::after {\n  top: 0;\n  opacity: 0;\n  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.32s linear;\n}\n.rmp-menu-trigger-spring-r.is-active .responsive-menu-pro-inner::before {\n  top: 0 !important;\n  transform: rotate(90deg);\n  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\/*  Menu Trigger slider animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider .responsive-menu-pro-inner {\n  top: 0;\n  transition-property: transform, opacity;\n  transition-timing-function: ease;\n  transition-duration: 0.2s;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider .responsive-menu-pro-inner::before {\n  top: 12px;\n  transition-property: transform, opacity;\n  transition-timing-function: ease;\n  transition-duration: 0.2s;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider .responsive-menu-pro-inner::after {\n  top: -12px;\n  transition-property: transform, opacity;\n  transition-timing-function: ease;\n  transition-duration: 0.2s;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider.is-active .responsive-menu-pro-inner {\n  transform: translate3d(0, 0px, 0) rotate(45deg);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider.is-active .responsive-menu-pro-inner::before {\n  transform: rotate(-45deg) translate3d(-3.5714285714px, -9px, 0);\n  opacity: 0;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider.is-active .responsive-menu-pro-inner::after {\n  transform: translate3d(0, 12px, 0) rotate(-90deg);\n}\n\/*  Menu Trigger slider reverse animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider-r .responsive-menu-pro-inner, button.rmp_menu_trigger.rmp-menu-trigger-slider-r .responsive-menu-pro-inner::before, button.rmp_menu_trigger.rmp-menu-trigger-slider-r .responsive-menu-pro-inner::after {\n  transition-property: transform, opacity;\n  transition-timing-function: ease;\n  transition-duration: 0.2s;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider-r .responsive-menu-pro-inner {\n  top: 0;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider-r .responsive-menu-pro-inner::before {\n  top: 12px;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider-r .responsive-menu-pro-inner::after {\n  top: -12px;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider-r.is-active .responsive-menu-pro-inner {\n  transform: translate3d(0, 0px, 0) rotate(-45deg);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider-r.is-active .responsive-menu-pro-inner::before {\n  transform: rotate(45deg) translate3d(-3.5714285714px, -9px, 0);\n  opacity: 0;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider-r.is-active .responsive-menu-pro-inner::after {\n  transform: translate3d(0, 12px, 0) rotate(90deg);\n}\n\/*  Menu Trigger emphatic animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic {\n  overflow: hidden;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic .responsive-menu-pro-inner {\n  transition: background-color 0.2s 0.25s ease-in;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic .responsive-menu-pro-inner::before {\n  left: 0;\n  top: 12px;\n  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic .responsive-menu-pro-inner::after {\n  top: -12px;\n  right: 0;\n  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic.is-active:hover .responsive-menu-pro-inner, button.rmp_menu_trigger.rmp-menu-trigger-emphatic.is-active .responsive-menu-pro-inner {\n  transition-delay: 0s;\n  transition-timing-function: ease-out;\n  background-color: transparent !important;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic.is-active .responsive-menu-pro-inner::before {\n  left: -50px;\n  top: -50px;\n  transform: translate3d(50px, 50px, 0) rotate(45deg);\n  transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic.is-active .responsive-menu-pro-inner::after {\n  right: -50px;\n  top: -50px;\n  transform: translate3d(-50px, 50px, 0) rotate(-45deg);\n  transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);\n}\n\/*  Menu Trigger emphatic reverese animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic-r {\n  overflow: hidden;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic-r .responsive-menu-pro-inner {\n  transition: background-color 0.2s 0.25s ease-in;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic-r .responsive-menu-pro-inner::before {\n  left: 0;\n  top: 12px;\n  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic-r .responsive-menu-pro-inner::after {\n  top: -12px;\n  right: 0;\n  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;\n}\nbutton.rmp_menu_trigger .rmp-menu-trigger-emphatic-r.is-active:hover .responsive-menu-pro-inner, button.rmp_menu_trigger.rmp-menu-trigger-emphatic-r.is-active .responsive-menu-pro-inner {\n  transition-delay: 0s;\n  transition-timing-function: ease-out;\n  background-color: transparent !important;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic-r.is-active .responsive-menu-pro-inner::before {\n  left: -50px;\n  top: 50px;\n  transform: translate3d(50px, -50px, 0) rotate(-45deg);\n  transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic-r.is-active .responsive-menu-pro-inner::after {\n  right: -50px;\n  top: 50px;\n  transform: translate3d(-50px, -50px, 0) rotate(45deg);\n  transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);\n}\n\/*  Menu Trigger  elastic animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic .responsive-menu-pro-inner {\n  top: 0px;\n  transition-duration: 0.4s;\n  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic .responsive-menu-pro-inner::before {\n  top: 12px;\n  transition: opacity 0.15s 0.4s ease;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic .responsive-menu-pro-inner::after {\n  top: -12px;\n  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic.is-active .responsive-menu-pro-inner {\n  transform: translate3d(0, 0px, 0) rotate(135deg);\n  transition-delay: 0.1s;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic.is-active .responsive-menu-pro-inner::before {\n  transition-delay: 0s;\n  opacity: 0;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic.is-active .responsive-menu-pro-inner::after {\n  transform: translate3d(0, 12px, 0) rotate(-270deg);\n  transition-delay: 0.1s;\n}\n\/*  Menu Trigger  elastic reverse animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic-r .responsive-menu-pro-inner {\n  top: 0px;\n  transition-duration: 0.4s;\n  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic-r .responsive-menu-pro-inner::before {\n  top: 12px;\n  transition: opacity 0.15s 0.4s ease;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic-r .responsive-menu-pro-inner::after {\n  top: -12px;\n  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic-r.is-active .responsive-menu-pro-inner {\n  transform: translate3d(0, 0px, 0) rotate(-135deg);\n  transition-delay: 0.1s;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic-r.is-active .responsive-menu-pro-inner::before {\n  transition-delay: 0s;\n  opacity: 0;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic-r.is-active .responsive-menu-pro-inner::after {\n  transform: translate3d(0, 12px, 0) rotate(270deg);\n  transition-delay: 0.1s;\n}\n\/*  Menu Trigger  collapse animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse .responsive-menu-pro-inner {\n  top: auto;\n  bottom: 0;\n  transition-duration: 0.15s;\n  transition-delay: 0.15s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse .responsive-menu-pro-inner::after {\n  top: -12px;\n  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse .responsive-menu-pro-inner::before {\n  top: 12px;\n  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse.is-active .responsive-menu-pro-inner {\n  transform: translate3d(0, 0px, 0) rotate(-45deg);\n  transition-delay: 0.32s;\n  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse.is-active .responsive-menu-pro-inner::after {\n  top: 0;\n  opacity: 0;\n  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  transform: rotate(-90deg);\n  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\/*  Menu Trigger  collapse reverse animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse-r .responsive-menu-pro-inner {\n  top: auto;\n  bottom: 0;\n  transition-duration: 0.15s;\n  transition-delay: 0.15s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse-r .responsive-menu-pro-inner::after {\n  top: -12px;\n  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse-r .responsive-menu-pro-inner::before {\n  top: 12px;\n  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse-r.is-active .responsive-menu-pro-inner {\n  transform: translate3d(0, 0px, 0) rotate(45deg);\n  transition-delay: 0.32s;\n  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse-r.is-active .responsive-menu-pro-inner::after {\n  top: 0;\n  opacity: 0;\n  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse-r.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  transform: rotate(90deg);\n  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\/*  Menu Trigger  arrowalt animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrowalt .responsive-menu-pro-inner::before {\n  transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrowalt .responsive-menu-pro-inner::after {\n  transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrowalt.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  transform: translate3d(-5px, -6.25px, 0) rotate(-45deg) scale(0.7, 1);\n  transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrowalt.is-active .responsive-menu-pro-inner::after {\n  bottom: 0;\n  transform: translate3d(-5px, 6.25px, 0) rotate(45deg) scale(0.7, 1);\n  transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);\n}\n\/*  Menu Trigger  arrowalt reverse animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrowalt-r .responsive-menu-pro-inner::before {\n  transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrowalt-r .responsive-menu-pro-inner::after {\n  transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrowalt-r.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  transform: translate3d(5px, -6.25px, 0) rotate(45deg) scale(0.7, 1);\n  transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrowalt-r.is-active .responsive-menu-pro-inner::after {\n  bottom: 0;\n  transform: translate3d(5px, 6.25px, 0) rotate(-45deg) scale(0.7, 1);\n  transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);\n}\n\/*  Menu Trigger  arrow  animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrow .responsive-menu-pro-inner::before, button.rmp_menu_trigger.rmp-menu-trigger-arrow .responsive-menu-pro-inner::after, button.rmp_menu_trigger.rmp-menu-trigger-arrow-r .responsive-menu-pro-inner::before, button.rmp_menu_trigger.rmp-menu-trigger-arrow-r .responsive-menu-pro-inner::after {\n  transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrow-r .responsive-menu-pro-inner::before, button.rmp_menu_trigger.rmp-menu-trigger-arrow .responsive-menu-pro-inner::before {\n  top: 12px;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrow-r .responsive-menu-pro-inner::after, button.rmp_menu_trigger.rmp-menu-trigger-arrow .responsive-menu-pro-inner::after {\n  top: -12px;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrow.is-active .responsive-menu-pro-inner::before {\n  transform: translate3d(-9px, -5px, 0) rotate(45deg) scale(0.7, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrow.is-active .responsive-menu-pro-inner::after {\n  transform: translate3d(-9px, 5px, 0) rotate(-45deg) scale(0.7, 1);\n}\n\/*  Menu Trigger  arrow reverse  animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrow-r.is-active .responsive-menu-pro-inner::before {\n  transform: translate3d(9px, -5px, 0) rotate(-45deg) scale(0.7, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrow-r.is-active .responsive-menu-pro-inner::after {\n  transform: translate3d(9px, 5px, 0) rotate(45deg) scale(0.7, 1);\n}\n\/*  Menu Trigger  3dy  animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dy .responsive-menu-pro-box {\n  perspective: 50px;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dy .responsive-menu-pro-inner {\n  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.rmp-menu-trigger-3dy .responsive-menu-pro-inner::before, .rmp-menu-trigger-3dy .responsive-menu-pro-inner::after {\n  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\nbutton.rmp_menu_trigger .rmp-menu-trigger-3dy.is-active:hover .responsive-menu-pro-inner, button.rmp_menu_trigger.rmp-menu-trigger-3dy.is-active .responsive-menu-pro-inner {\n  background-color: transparent !important;\n  transform: rotateX(-180deg);\n}\nbutton.rmp_menu_trigger .rmp-menu-trigger-3dy.is-active:hover .responsive-menu-pro-inner::before, button.rmp_menu_trigger.rmp-menu-trigger-3dy.is-active .responsive-menu-pro-inner::before {\n  transform: translate3d(0, -18px, 0) rotate(45deg);\n}\nbutton.rmp_menu_trigger .rmp-menu-trigger-3dy.is-active:hover .responsive-menu-pro-inner::after, button.rmp_menu_trigger.rmp-menu-trigger-3dy.is-active .responsive-menu-pro-inner::after {\n  transform: translate3d(0, 18px, 0) rotate(-45deg);\n}\n\/*  Menu Trigger  3dy  reverse animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dy-r .responsive-menu-pro-box {\n  perspective: 50px;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dy-r .responsive-menu-pro-inner {\n  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dy-r .responsive-menu-pro-inner::before, button.rmp_menu_trigger.rmp-menu-trigger-3dy-r .responsive-menu-pro-inner::after {\n  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\nbutton.rmp_menu_trigger .rmp-menu-trigger-3dy-r.is-active:hover .responsive-menu-pro-inner, button.rmp_menu_trigger.rmp-menu-trigger-3dy-r.is-active .responsive-menu-pro-inner {\n  background-color: transparent !important;\n  transform: rotateX(180deg);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dy-r.is-active .responsive-menu-pro-inner::before {\n  transform: translate3d(0, -18px, 0) rotate(-45deg);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dy-r.is-active .responsive-menu-pro-inner::after {\n  transform: translate3d(0, 18px, 0) rotate(45deg);\n}\n\/*  Menu Trigger  3dx  animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx .responsive-menu-pro-box {\n  perspective: 50px;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx .responsive-menu-pro-inner {\n  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx .responsive-menu-pro-inner::before, button.rmp_menu_trigger.rmp-menu-trigger-3dx .responsive-menu-pro-inner::after {\n  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx.is-active:hover .responsive-menu-pro-inner, button.rmp_menu_trigger.rmp-menu-trigger-3dx.is-active .responsive-menu-pro-inner {\n  background-color: transparent !important;\n  transform: rotateY(180deg);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx.is-active .responsive-menu-pro-inner::before {\n  transform: translate3d(0, -18px, 0) rotate(45deg);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx.is-active .responsive-menu-pro-inner::after {\n  transform: translate3d(0, 18px, 0) rotate(-45deg);\n}\n\/*  Menu Trigger  3dx reverse  animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx-r .responsive-menu-pro-box {\n  perspective: 50px;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx-r .responsive-menu-pro-inner {\n  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx-r .responsive-menu-pro-inner::before, button.rmp_menu_trigger.rmp-menu-trigger-3dx-r .responsive-menu-pro-inner:after {\n  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\nbutton.rmp_menu_trigger .rmp-menu-trigger-3dx-r.is-active:hover .responsive-menu-pro-inner, button.rmp_menu_trigger.rmp-menu-trigger-3dx-r.is-active .responsive-menu-pro-inner {\n  background-color: transparent !important;\n  transform: rotateY(-180deg);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx-r.is-active .responsive-menu-pro-inner::before {\n  transform: translate3d(0, -18px, 0) rotate(45deg);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx-r.is-active .responsive-menu-pro-inner::after {\n  transform: translate3d(0, 18px, 0) rotate(-45deg);\n}\n@keyframes slideDown {\n  0% {\n    transform: translateY(-20px);\n  }\n  25% {\n    transform: translateY(-18px);\n  }\n  50% {\n    transform: translateY(-15px);\n  }\n  75% {\n    transform: translateY(-12px);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n@keyframes slideUp {\n  0% {\n    transform: translateY(10px);\n  }\n  25% {\n    transform: translateY(8px);\n  }\n  50% {\n    transform: translateY(7px);\n  }\n  75% {\n    transform: translateY(5px);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n@keyframes fade {\n  0% {\n    opacity: 0;\n  }\n  25% {\n    opacity: 0.2;\n  }\n  50% {\n    opacity: 0.3;\n  }\n  75% {\n    opacity: 0.5;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes fadeUp {\n  0% {\n    transform: translateY(10px);\n    opacity: 0;\n  }\n  25% {\n    transform: translateY(8px);\n    opacity: 0.25;\n  }\n  50% {\n    transform: translateY(7px);\n    opacity: 0.5;\n  }\n  75% {\n    transform: translateY(5px);\n    opacity: 0.75;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\/**\n* This file is major compenent of this plugin so please don't try to edit here.\n*\/\n#rmp_menu_trigger-351, #rmp-search-box-351, #rmp-menu-title-351, #rmp-menu-additional-content-351 {\n  display: none;\n}\n#rmp-header-bar-351 {\n  position: fixed;\n  background-color: #ffffff;\n  color: #000000;\n  font-size: 14px;\n  padding-top: 8px;\n  padding-left: 8px;\n  padding-bottom: 8px;\n  padding-right: 8px;\n  font-family: Open Sans;\n  display: none;\n}\n#rmp-header-bar-351 .rmp-header-bar-item {\n  margin-right: 2%;\n}\n#rmp-header-bar-351 .rmp-header-bar-item .rmp-menu-header-logo {\n  width: 40px;\n}\n#rmp-header-bar-351 a {\n  color: #000000;\n}\n#rmp-header-bar-351 .rmp-header-bar-title {\n  color: #000000;\n  font-size: 14px;\n  font-family: Open Sans;\n}\n#rmp-header-bar-351 .rmp-header-bar-title a {\n  color: #000000;\n  font-size: 14px;\n  font-family: Open Sans;\n}\n#rmp-header-bar-351.header-scolling-bg-color {\n  background-color: #36bdf6;\n}\n@media screen and (max-width: 8000px) {\n  #rmp-header-bar-351 {\n    display: block;\n  }\n}\n#rmp_menu_trigger-351 {\n  width: 55px;\n  height: 55px;\n  position: absolute;\n  top: 2px;\n  border-radius: 5px;\n  display: none;\n  text-decoration: none;\n  right: 2%;\n  background: transparent;\n  transition: transform 0.5s, background-color 0.5s;\n}\n#rmp_menu_trigger-351 .rmp-trigger-box {\n  width: 25px;\n  color: #fff;\n}\n#rmp_menu_trigger-351 .rmp-trigger-icon-active, #rmp_menu_trigger-351 .rmp-trigger-text-open {\n  display: none;\n}\n#rmp_menu_trigger-351.is-active .rmp-trigger-icon-active, #rmp_menu_trigger-351.is-active .rmp-trigger-text-open {\n  display: inline;\n}\n#rmp_menu_trigger-351.is-active .rmp-trigger-icon-inactive, #rmp_menu_trigger-351.is-active .rmp-trigger-text {\n  display: none;\n}\n#rmp_menu_trigger-351 .rmp-trigger-label {\n  color: #fff;\n  pointer-events: none;\n  line-height: 13px;\n  font-family: inherit;\n  font-size: 14px;\n  display: inline;\n  text-transform: inherit;\n}\n#rmp_menu_trigger-351 .rmp-trigger-label.rmp-trigger-label-top {\n  display: block;\n  margin-bottom: 12px;\n}\n#rmp_menu_trigger-351 .rmp-trigger-label.rmp-trigger-label-bottom {\n  display: block;\n  margin-top: 12px;\n}\n#rmp_menu_trigger-351 .responsive-menu-pro-inner {\n  display: block;\n}\n#rmp_menu_trigger-351 .rmp-trigger-icon-inactive .rmp-font-icon {\n  color: #999999;\n}\n#rmp_menu_trigger-351 .responsive-menu-pro-inner, #rmp_menu_trigger-351 .responsive-menu-pro-inner::before, #rmp_menu_trigger-351 .responsive-menu-pro-inner::after {\n  width: 25px;\n  height: 3px;\n  background-color: #999999;\n  border-radius: 4px;\n  position: absolute;\n}\n#rmp_menu_trigger-351 .rmp-trigger-icon-active .rmp-font-icon {\n  color: #d8d8d8;\n}\n#rmp_menu_trigger-351.is-active .responsive-menu-pro-inner, #rmp_menu_trigger-351.is-active .responsive-menu-pro-inner::before, #rmp_menu_trigger-351.is-active .responsive-menu-pro-inner::after {\n  background-color: #d8d8d8;\n}\n#rmp_menu_trigger-351:hover .rmp-trigger-icon-inactive .rmp-font-icon {\n  color: #d8d8d8;\n}\n#rmp_menu_trigger-351:not(.is-active):hover .responsive-menu-pro-inner, #rmp_menu_trigger-351:not(.is-active):hover .responsive-menu-pro-inner::before, #rmp_menu_trigger-351:not(.is-active):hover .responsive-menu-pro-inner::after {\n  background-color: #d8d8d8;\n}\n#rmp_menu_trigger-351:not(.is-active) .responsive-menu-pro-inner::before {\n  top: 9px;\n}\n#rmp_menu_trigger-351:not(.is-active) .responsive-menu-pro-inner::after {\n  bottom: 9px;\n}\n\/* Hamburger menu styling *\/\n#rmp-menu-wrap-351 .rmp-topmenu-active > .rmp-menu-item-link, #rmp-menu-wrap-351 .rmp-submenu .rmp-topmenu-active > .rmp-menu-item-link {\n  color: inherit;\n  background-color: inherit;\n}\n#rmp-menu-wrap-351 .rmp-topmenu-active > .rmp-menu-item-link svg, #rmp-menu-wrap-351 .rmp-submenu .rmp-topmenu-active > .rmp-menu-item-link svg {\n  fill: inherit;\n}\n@media screen and (max-width: 1024px) {\n  \/** Menu Title Style *\/\n  \/** Menu Additional Content Style *\/\n  #rmp_menu_trigger-351 {\n    display: block;\n  }\n  #rmp-container-351 {\n    position: fixed;\n    top: 0;\n    margin: 0;\n    transition: transform 0.5s;\n    overflow: auto;\n    width: 80%;\n    max-width: 320px;\n    min-width: 300px;\n    background-color: #f3f3f3;\n    background-image: url(\"\");\n    height: 100%;\n    right: 0;\n    padding-top: 10px;\n    padding-left: 10px;\n    padding-bottom: 10px;\n    padding-right: 10px;\n    \/** Menu Social Icons Style *\/\n  }\n  #rmp-container-351.rmp-fade-top, #rmp-container-351.rmp-fade-left, #rmp-container-351.rmp-fade-right, #rmp-container-351.rmp-fade-bottom {\n    display: none;\n  }\n  #rmp-container-351 #rmp-menu-social-icons-351 {\n    padding-top: 0%;\n    padding-left: 0%;\n    padding-right: 0%;\n    padding-bottom: 0%;\n  }\n  #rmp-container-351 #rmp-menu-social-icons-351 .rmp-social-icons-list {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    gap: 10px;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n  #rmp-container-351 #rmp-menu-social-icons-351.rmp-social-icons-layout-vertical .rmp-social-icons-list {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  #rmp-container-351 #rmp-menu-social-icons-351.rmp-social-icons-layout-horizontal.rmp-social-icons-align-left .rmp-social-icons-list {\n    justify-content: flex-start;\n  }\n  #rmp-container-351 #rmp-menu-social-icons-351.rmp-social-icons-layout-horizontal.rmp-social-icons-align-center .rmp-social-icons-list {\n    justify-content: center;\n  }\n  #rmp-container-351 #rmp-menu-social-icons-351.rmp-social-icons-layout-horizontal.rmp-social-icons-align-right .rmp-social-icons-list {\n    justify-content: flex-end;\n  }\n  #rmp-container-351 #rmp-menu-social-icons-351.rmp-social-icons-layout-vertical.rmp-social-icons-align-left .rmp-social-icons-list {\n    align-items: flex-start;\n  }\n  #rmp-container-351 #rmp-menu-social-icons-351.rmp-social-icons-layout-vertical.rmp-social-icons-align-center .rmp-social-icons-list {\n    align-items: center;\n  }\n  #rmp-container-351 #rmp-menu-social-icons-351.rmp-social-icons-layout-vertical.rmp-social-icons-align-right .rmp-social-icons-list {\n    align-items: flex-end;\n  }\n  #rmp-container-351 #rmp-menu-social-icons-351 .rmp-social-icon-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    text-decoration: none;\n    color: inherit;\n  }\n  #rmp-container-351 #rmp-menu-social-icons-351 .rmp-social-icon-link:hover {\n    color: inherit;\n  }\n  #rmp-container-351 #rmp-menu-social-icons-351 .rmp-social-icon-link--no-link {\n    cursor: default;\n    color: inherit;\n  }\n  #rmp-container-351 #rmp-menu-social-icons-351 .rmp-social-icon-link--no-link:hover {\n    color: inherit;\n  }\n  #rmp-container-351 #rmp-menu-social-icons-351 .rmp-social-icon {\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n  #rmp-container-351 #rmp-menu-social-icons-351 .rmp-social-icon .rmp-font-icon {\n    font-size: 24px;\n  }\n  #rmp-container-351 #rmp-menu-social-icons-351 .rmp-social-icon svg {\n    fill: currentColor;\n  }\n  #rmp-menu-wrap-351 {\n    padding-top: 15%;\n    padding-left: 0%;\n    padding-bottom: 0%;\n    padding-right: 0%;\n  }\n  #rmp-menu-wrap-351 .rmp-menu, #rmp-menu-wrap-351 .rmp-submenu {\n    width: 100%;\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu.rmp-submenu-open {\n    display: block;\n  }\n  #rmp-menu-wrap-351 .rmp-mega-menu-panel {\n    width: 100%;\n  }\n  #rmp-menu-wrap-351 .rmp-mega-menu-row {\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n  #rmp-menu-wrap-351 .rmp-mega-menu-row .rmp-mega-menu-col {\n    width: 100%;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item {\n    width: 100%;\n    list-style: none;\n    margin: 0;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link {\n    height: 40px;\n    line-height: 40px;\n    font-size: 14px;\n    border-bottom: 0px solid #212121;\n    font-family: inherit;\n    color: #000000;\n    text-align: left;\n    background: inherit;\n    font-weight: 600;\n    letter-spacing: 1px;\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    text-decoration: none;\n    position: relative;\n    overflow: hidden;\n    transition: background-color 0.5s, border-color 0.5s, 0.5s;\n    padding: 0 5%;\n    padding-right: 50px;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link:after, #rmp-menu-wrap-351 .rmp-menu-item-link:before {\n    display: none;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link:hover, #rmp-menu-wrap-351 .rmp-menu-item-link:focus {\n    color: #6d6d6d;\n    border-color: #212121;\n    background: inherit;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link:hover svg, #rmp-menu-wrap-351 .rmp-menu-item-link:focus svg {\n    fill: #6d6d6d;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link:focus {\n    outline: none;\n    border-color: unset;\n    box-shadow: unset;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link .rmp-font-icon {\n    height: 40px;\n    line-height: 40px;\n    margin-right: 10px;\n    font-size: 14px;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-current-item .rmp-menu-item-link {\n    color: #000000;\n    border-color: #212121;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-current-item .rmp-menu-item-link svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-current-item .rmp-menu-item-link:hover, #rmp-menu-wrap-351 .rmp-menu-current-item .rmp-menu-item-link:focus {\n    color: #000000;\n    border-color: #3f3f3f;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-current-item .rmp-menu-item-link:hover svg, #rmp-menu-wrap-351 .rmp-menu-current-item .rmp-menu-item-link:focus svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-subarrow {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    text-align: center;\n    overflow: hidden;\n    background-size: cover;\n    overflow: hidden;\n    right: 0;\n    border-left-style: solid;\n    border-left-color: currentColor;\n    border-left-width: 0px;\n    height: 40px;\n    width: 40px;\n    color: #000000;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-subarrow svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-subarrow:hover {\n    color: #000000;\n    border-color: currentColor;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-subarrow:hover svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-subarrow .rmp-font-icon {\n    margin-right: unset;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-subarrow * {\n    vertical-align: middle;\n    line-height: 40px;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-subarrow-active {\n    display: block;\n    background-size: cover;\n    color: #000000;\n    border-color: currentColor;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-subarrow-active svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-subarrow-active:hover {\n    color: #000000;\n    border-color: #3f3f3f;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-subarrow-active:hover svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-subarrow-active .rmp-go-back {\n    display: block;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu {\n    display: none;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link {\n    height: 30px;\n    line-height: 30px;\n    font-size: 12px;\n    letter-spacing: 1px;\n    border-bottom: 0px solid currentColor;\n    font-family: inherit;\n    font-weight: 300;\n    color: #707070;\n    text-align: left;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link svg {\n    fill: #707070;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link:hover, #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link:focus {\n    color: #707070;\n    border-color: currentColor;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link:hover svg, #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link:focus svg {\n    fill: #707070;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link {\n    color: #000000;\n    border-color: currentColor;\n    background-color: #ffffff;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link:hover, #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link:focus {\n    color: #3399ff;\n    border-color: currentColor;\n    background-color: #ffffff;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link:hover svg, #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link:focus svg {\n    fill: #3399ff;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-description {\n    margin: 0;\n    padding: 5px 5%;\n    opacity: 0.8;\n    color: #000000;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu-depth-1 .rmp-menu-item-link {\n    padding-left: 10%;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu-depth-4 .rmp-menu-item-link {\n    padding-left: 25%;\n  }\n  #rmp-search-box-351 {\n    display: block;\n    padding-top: 20px;\n    padding-left: 20%;\n    padding-bottom: 0px;\n    padding-right: 20%;\n  }\n  #rmp-search-box-351 .rmp-search-form {\n    margin: 0;\n  }\n  #rmp-search-box-351 .rmp-search-box {\n    background: rgba(255, 255, 255, 0);\n    border: 1px solid #aaaaaa;\n    color: #000000;\n    width: 100%;\n    padding: 0 5%;\n    border-radius: 30px;\n    height: 45px;\n    -webkit-appearance: none;\n  }\n  #rmp-search-box-351 .rmp-search-box::placeholder {\n    color: #aaaaaa;\n  }\n  #rmp-search-box-351 .rmp-search-box:focus {\n    background-color: rgba(255, 255, 255, 0);\n    outline: 2px solid #aaaaaa;\n    color: #000000;\n  }\n  #rmp-menu-title-351 {\n    background-color: inherit;\n    color: #000000;\n    text-align: center;\n    font-size: 18px;\n    padding-top: 15%;\n    padding-left: 30%;\n    padding-bottom: 0%;\n    padding-right: 30%;\n    font-weight: 400;\n    display: flex;\n    flex-direction: column;\n    transition: background-color 0.5s, border-color 0.5s, color 0.5s;\n  }\n  #rmp-menu-title-351:hover {\n    background-color: inherit;\n    color: #000000;\n  }\n  #rmp-menu-title-351 .rmp-font-icon {\n    font-size: 18px;\n  }\n  #rmp-menu-title-351 > .rmp-menu-title-link {\n    color: #000000;\n    width: 100%;\n    background-color: unset;\n    text-decoration: none;\n  }\n  #rmp-menu-title-351 > .rmp-menu-title-link:hover {\n    color: #000000;\n  }\n  #rmp-menu-title-351 .rmp-menu-title-image {\n    max-width: 100%;\n    width: 60%;\n    height: 60px;\n    margin-bottom: 15px;\n    display: block;\n    margin: auto;\n    margin-bottom: 15px;\n  }\n  #rmp-menu-additional-content-351 {\n    padding-top: 0px;\n    padding-left: 15%;\n    padding-bottom: 0px;\n    padding-right: 15%;\n    display: block;\n    color: #a5a5a5;\n    text-align: center;\n    word-break: break-word;\n    font-size: 10px;\n  }\n}\n\/* Desktop Styling *\/\n@media screen and (min-width: 1025px) {\n  #rmp-header-bar-351 #rmp-container-351 {\n    background: unset;\n  }\n  #rmp-container-351 {\n    background-color: #f3f3f3;\n    padding: 0 5%;\n    z-index: 99997;\n  }\n  #rmp-container-351.rmp-container {\n    transform: translateX(0);\n    -ms-transform: translateX(0);\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n  }\n  #rmp-container-351 #rmp_menu_trigger-351, #rmp-container-351 #rmp-menu-title-351, #rmp-container-351 #rmp-menu-additional-content-351, #rmp-container-351 #rmp-menu-social-icons-351, #rmp-container-351 #rmp-search-box-351 {\n    display: none;\n  }\n  #rmp-menu-wrap-351 {\n    display: inline-block;\n  }\n  #rmp-menu-wrap-351 .rmp-menu, #rmp-menu-wrap-351 .rmp-submenu {\n    width: auto;\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    display: flex;\n  }\n  #rmp-menu-wrap-351 .rmp-menu {\n    flex-flow: wrap;\n  }\n  #rmp-menu-wrap-351 .rmp-menu, #rmp-menu-wrap-351 .rmp-submenu {\n    overflow: inherit;\n  }\n  #rmp-menu-wrap-351 .rmp-menu .rmp-go-back, #rmp-menu-wrap-351 .rmp-submenu .rmp-go-back {\n    display: none;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu {\n    flex-direction: column;\n    display: none;\n    position: absolute;\n    min-width: 180px;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu li {\n    list-style-type: none;\n    line-height: normal;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-submenu {\n    left: 100%;\n    top: 0;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link {\n    height: 40px;\n    line-height: 40px;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link {\n    color: #000000;\n    border-color: currentColor;\n    background-color: #ffffff;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link:hover, #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link:focus {\n    color: #3399ff;\n    border-color: currentColor;\n    background-color: #ffffff;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link:hover svg, #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link:focus svg {\n    fill: #3399ff;\n  }\n  #rmp-menu-wrap-351 .rmp-mega-menu-container.rmp-submenu {\n    z-index: 99;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-subarrow {\n    display: none;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-has-children .rmp-menu-item {\n    position: relative;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item {\n    width: auto;\n    list-style: none;\n    margin: 0;\n  }\n  #rmp-menu-wrap-351 .menu-item-has-children:hover > .rmp-submenu {\n    display: flex;\n    animation: none 100ms;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link {\n    font-family: inherit;\n    height: 40px;\n    line-height: 40px;\n    font-size: 14px;\n    color: #000000;\n    background: inherit;\n    text-align: left;\n    font-weight: 600;\n    letter-spacing: 1px;\n    display: inline-block;\n    text-decoration: none;\n    padding: 0 1rem;\n    width: auto;\n    white-space: nowrap;\n    margin: 0 1px;\n    transition: background-color 0.5s, border-color 0.5s, 0.5s;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link:after, #rmp-menu-wrap-351 .rmp-menu-item-link:before {\n    display: none;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link:hover, #rmp-menu-wrap-351 .rmp-menu-item-link:focus {\n    border-color: #212121;\n    color: #6d6d6d;\n    background: inherit;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link:focus {\n    outline: none;\n    border-color: unset;\n    box-shadow: unset;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link .rmp-font-icon {\n    height: 40px;\n    line-height: 40px;\n    font-size: 14px;\n    margin-right: 10px;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-current-item .rmp-menu-item-link {\n    color: #000000;\n    border-color: #212121;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-current-item .rmp-menu-item-link svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-current-item .rmp-menu-item-link:hover, #rmp-menu-wrap-351 .rmp-menu-current-item .rmp-menu-item-link:focus {\n    color: #000000;\n    border-color: #3f3f3f;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-current-item .rmp-menu-item-link:hover svg, #rmp-menu-wrap-351 .rmp-menu-current-item .rmp-menu-item-link:focus svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link {\n    font-family: inherit;\n    height: 30px;\n    line-height: 30px;\n    font-size: 12px;\n    color: #707070;\n    background-color: inherit;\n    width: 100%;\n    text-align: left;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link svg {\n    fill: #707070;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link:hover, #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link:focus {\n    border-color: currentColor;\n    color: #707070;\n    background-color: inherit;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link:hover svg, #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link:focus svg {\n    fill: #707070;\n  }\n}\n@media screen and (max-width: 600px) {\n  #rmp-container-351 {\n    width: 80%;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link {\n    font-family: inherit;\n    height: 40px;\n    line-height: 40px;\n    font-size: 14px;\n    color: #000000;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link:hover, #rmp-menu-wrap-351 .rmp-menu-item-link:focus {\n    color: #6d6d6d;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link:hover svg, #rmp-menu-wrap-351 .rmp-menu-item-link:focus svg {\n    fill: #6d6d6d;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link {\n    font-family: inherit;\n    height: 30px;\n    line-height: 30px;\n    font-size: 12px;\n    color: #707070;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link svg {\n    fill: #707070;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link:hover, #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link:focus {\n    color: #707070;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link:hover svg, #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link:focus svg {\n    fill: #707070;\n  }\n}\n@media screen and (max-width: 1024px) and (min-width: 600px) {\n  #rmp-container-351 {\n    width: 80%;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link {\n    height: 40px;\n    line-height: 40px;\n    font-size: 14px;\n    color: #000000;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link svg {\n    fill: #000000;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link:hover, #rmp-menu-wrap-351 .rmp-menu-item-link:focus {\n    color: #6d6d6d;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link:hover svg, #rmp-menu-wrap-351 .rmp-menu-item-link:focus svg {\n    fill: #6d6d6d;\n  }\n  #rmp-menu-wrap-351 .rmp-menu-item-link .rmp-font-icon {\n    height: 40px;\n    line-height: 40px;\n    font-size: 14px;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link {\n    height: 30px;\n    line-height: 30px;\n    font-size: 12px;\n    color: #707070;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link svg {\n    fill: #707070;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link:hover, #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link:focus {\n    color: #707070;\n  }\n  #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link:hover svg, #rmp-menu-wrap-351 .rmp-submenu .rmp-menu-item-link:focus svg {\n    fill: #707070;\n  }\n}\n.rmp-mega-menu-panel {\n  background: #000;\n  display: block;\n  overflow: hidden;\n  max-width: 100vw;\n}\n.rmp-mega-menu-row {\n  display: flex;\n  flex-direction: row;\n  overflow: hidden;\n}\n.rmp-submenu-animate-on {\n  animation: none 100ms;\n}\n\/*  Menu Trigger Boring Animation *\/\n.rmp-menu-trigger-boring .responsive-menu-pro-inner {\n  transition-property: none;\n}\n.rmp-menu-trigger-boring .responsive-menu-pro-inner::after, .rmp-menu-trigger-boring .responsive-menu-pro-inner::before {\n  transition-property: none;\n}\n.rmp-menu-trigger-boring.is-active .responsive-menu-pro-inner {\n  transform: rotate(45deg);\n}\n.rmp-menu-trigger-boring.is-active .responsive-menu-pro-inner:before {\n  top: 0;\n  opacity: 0;\n}\n.rmp-menu-trigger-boring.is-active .responsive-menu-pro-inner:after {\n  bottom: 0;\n  transform: rotate(-90deg);\n}\n\/*  Menu Trigger Spin Animation *\/\n.rmp-menu-trigger-spin .responsive-menu-pro-inner {\n  transition-duration: 0.3s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-spin .responsive-menu-pro-inner::before {\n  transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;\n}\n.rmp-menu-trigger-spin .responsive-menu-pro-inner::after {\n  transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-spin.is-active .responsive-menu-pro-inner {\n  transform: rotate(225deg);\n  transition-delay: 0.14s;\n  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n.rmp-menu-trigger-spin.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  opacity: 0;\n  transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;\n}\n.rmp-menu-trigger-spin.is-active .responsive-menu-pro-inner::after {\n  bottom: 0;\n  transform: rotate(-90deg);\n  transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\/*  Menu Trigger Spin Reverse Animation *\/\n.rmp-menu-trigger-spin-r .responsive-menu-pro-inner {\n  transition-duration: 0.3s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-spin-r .responsive-menu-pro-inner::before {\n  transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;\n}\n.rmp-menu-trigger-spin-r .responsive-menu-pro-inner::after {\n  transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-spin-r.is-active .responsive-menu-pro-inner {\n  transform: rotate(-225deg);\n  transition-delay: 0.14s;\n  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n.rmp-menu-trigger-spin-r.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  opacity: 0;\n  transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;\n}\n.rmp-menu-trigger-spin-r.is-active .responsive-menu-pro-inner::after {\n  bottom: 0;\n  transform: rotate(-90deg);\n  transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\/*  Menu Trigger Minus Animation *\/\n.rmp-menu-trigger-minus .responsive-menu-pro-inner::before, .rmp-menu-trigger-minus .responsive-menu-pro-inner::after {\n  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-minus .responsive-menu-pro-inner::before {\n  top: 12px;\n}\n.rmp-menu-trigger-minus .responsive-menu-pro-inner::after {\n  top: -12px;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-minus.is-active .responsive-menu-pro-inner::before, button.rmp_menu_trigger.rmp-menu-trigger-minus.is-active .responsive-menu-pro-inner::after {\n  opacity: 0;\n  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-minus.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-minus.is-active .responsive-menu-pro-inner::after {\n  top: 0;\n}\n\/*  Menu Trigger Vortex Animation *\/\n.rmp-menu-trigger-vortex .responsive-menu-pro-inner {\n  transition-duration: 0.3s;\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n.rmp-menu-trigger-vortex .responsive-menu-pro-inner::before, .rmp-menu-trigger-vortex .responsive-menu-pro-inner::after {\n  transition-duration: 0s;\n  transition-delay: 0.1s;\n  transition-timing-function: linear;\n}\n.rmp-menu-trigger-vortex .responsive-menu-pro-inner::before {\n  transition-property: top, opacity;\n}\n.rmp-menu-trigger-vortex .responsive-menu-pro-inner::after {\n  transition-property: bottom, transform;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-vortex.is-active:hover .responsive-menu-pro-inner, .rmp-menu-trigger-vortex.is-active .responsive-menu-pro-inner {\n  transform: rotate(765deg);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n.rmp-menu-trigger-vortex.is-active .responsive-menu-pro-inner::before, .rmp-menu-trigger-vortex.is-active .responsive-menu-pro-inner::after {\n  transition-delay: 0s;\n}\n.rmp-menu-trigger-vortex.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  opacity: 0;\n}\n.rmp-menu-trigger-vortex.is-active .responsive-menu-pro-inner::after {\n  bottom: 0;\n  transform: rotate(90deg);\n}\n\/*  Menu Trigger Vortex Reverse Animation *\/\n.rmp-menu-trigger-vortex-r .responsive-menu-pro-inner {\n  transition-duration: 0.3s;\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n.rmp-menu-trigger-vortex-r .responsive-menu-pro-inner::before, .rmp-menu-trigger-vortex-r .responsive-menu-pro-inner::after {\n  transition-duration: 0s;\n  transition-delay: 0.1s;\n  transition-timing-function: linear;\n}\n.rmp-menu-trigger-vortex-r .responsive-menu-pro-inner::before {\n  transition-property: top, opacity;\n}\n.rmp-menu-trigger-vortex-r .responsive-menu-pro-inner::after {\n  transition-property: bottom, transform;\n}\n.rmp-menu-trigger-vortex-r.is-active .responsive-menu-pro-inner {\n  transform: rotate(-765deg);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n.rmp-menu-trigger-vortex-r.is-active .responsive-menu-pro-inner::before, .rmp-menu-trigger-vortex-r.is-active .responsive-menu-pro-inner::after {\n  transition-delay: 0s;\n}\n.rmp-menu-trigger-vortex-r.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  opacity: 0;\n}\n.rmp-menu-trigger-vortex-r.is-active .responsive-menu-pro-inner::after {\n  bottom: 0;\n  transform: rotate(-90deg);\n}\n\/*  Menu Trigger Stand  Animation *\/\n.rmp-menu-trigger-stand .responsive-menu-pro-inner {\n  transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;\n}\n.rmp-menu-trigger-stand .responsive-menu-pro-inner::before {\n  transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-stand .responsive-menu-pro-inner::after {\n  transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp_menu_trigger.rmp-menu-trigger-stand.is-active:hover .responsive-menu-pro-inner, .rmp_menu_trigger.rmp-menu-trigger-stand.is-active .responsive-menu-pro-inner {\n  transform: rotate(90deg);\n  background-color: transparent !important;\n  transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;\n}\n.rmp-menu-trigger-stand.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  transform: rotate(-45deg);\n  transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n.rmp-menu-trigger-stand.is-active .responsive-menu-pro-inner::after {\n  bottom: 0;\n  transform: rotate(45deg);\n  transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\/*  Menu Trigger Stand Reverse Animation *\/\n.rmp-menu-trigger-stand-r .responsive-menu-pro-inner {\n  transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;\n}\n.rmp-menu-trigger-stand-r .responsive-menu-pro-inner::before {\n  transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-stand-r .responsive-menu-pro-inner::after {\n  transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-stand-r.is-active:hover .responsive-menu-pro-inner, .rmp-menu-trigger-stand-r.is-active .responsive-menu-pro-inner {\n  transform: rotate(-90deg);\n  background-color: transparent !important;\n  transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;\n}\n.rmp-menu-trigger-stand-r.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  transform: rotate(-45deg);\n  transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n.rmp-menu-trigger-stand-r.is-active .responsive-menu-pro-inner::after {\n  bottom: 0;\n  transform: rotate(45deg);\n  transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\/*  Menu Trigger squeeze animation *\/\n.rmp-menu-trigger-squeeze .responsive-menu-pro-inner {\n  transition-duration: 0.1s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-squeeze .responsive-menu-pro-inner::before {\n  transition: top 0.1s 0.14s ease, opacity 0.1s ease;\n}\n.rmp-menu-trigger-squeeze .responsive-menu-pro-inner::after {\n  transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-squeeze.is-active .responsive-menu-pro-inner {\n  transform: rotate(45deg);\n  transition-delay: 0.14s;\n  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n.rmp-menu-trigger-squeeze.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  opacity: 0;\n  transition: top 0.1s ease, opacity 0.1s 0.14s ease;\n}\n.rmp-menu-trigger-squeeze.is-active .responsive-menu-pro-inner::after {\n  bottom: 0;\n  transform: rotate(-90deg);\n  transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\/*  Menu Trigger spring animation *\/\n.rmp-menu-trigger-spring .responsive-menu-pro-inner {\n  transition: background-color 0s 0.15s linear;\n}\n.rmp-menu-trigger-spring .responsive-menu-pro-inner::before {\n  top: 12px;\n  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-spring .responsive-menu-pro-inner::after {\n  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-spring.is-active:hover .responsive-menu-pro-inner, .rmp-menu-trigger-spring.is-active .responsive-menu-pro-inner {\n  transition-delay: 0.32s;\n  background-color: transparent !important;\n}\n.rmp-menu-trigger-spring.is-active .responsive-menu-pro-inner::before {\n  top: -12px;\n  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);\n  transform: translate3d(0, 12px, 0) rotate(45deg);\n}\n.rmp-menu-trigger-spring.is-active .responsive-menu-pro-inner::after {\n  top: -12px;\n  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);\n  transform: translate3d(0, 12px, 0) rotate(-45deg);\n}\n\/*  Menu Trigger spring reverse animation *\/\n.rmp-menu-trigger-spring-r .responsive-menu-pro-inner {\n  top: auto;\n  bottom: 0;\n  transition-duration: 0.15s;\n  transition-delay: 0s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-spring-r .responsive-menu-pro-inner::before {\n  top: 12px !important;\n  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n.rmp-menu-trigger-spring-r .responsive-menu-pro-inner::after {\n  top: -12px;\n  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;\n}\n.rmp-menu-trigger-spring-r.is-active .responsive-menu-pro-inner {\n  transform: translate3d(0, 0px, 0) rotate(-45deg);\n  transition-delay: 0.32s;\n  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n.rmp-menu-trigger-spring-r.is-active .responsive-menu-pro-inner::after {\n  top: 0;\n  opacity: 0;\n  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.32s linear;\n}\n.rmp-menu-trigger-spring-r.is-active .responsive-menu-pro-inner::before {\n  top: 0 !important;\n  transform: rotate(90deg);\n  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\/*  Menu Trigger slider animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider .responsive-menu-pro-inner {\n  top: 0;\n  transition-property: transform, opacity;\n  transition-timing-function: ease;\n  transition-duration: 0.2s;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider .responsive-menu-pro-inner::before {\n  top: 12px;\n  transition-property: transform, opacity;\n  transition-timing-function: ease;\n  transition-duration: 0.2s;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider .responsive-menu-pro-inner::after {\n  top: -12px;\n  transition-property: transform, opacity;\n  transition-timing-function: ease;\n  transition-duration: 0.2s;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider.is-active .responsive-menu-pro-inner {\n  transform: translate3d(0, 0px, 0) rotate(45deg);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider.is-active .responsive-menu-pro-inner::before {\n  transform: rotate(-45deg) translate3d(-3.5714285714px, -9px, 0);\n  opacity: 0;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider.is-active .responsive-menu-pro-inner::after {\n  transform: translate3d(0, 12px, 0) rotate(-90deg);\n}\n\/*  Menu Trigger slider reverse animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider-r .responsive-menu-pro-inner, button.rmp_menu_trigger.rmp-menu-trigger-slider-r .responsive-menu-pro-inner::before, button.rmp_menu_trigger.rmp-menu-trigger-slider-r .responsive-menu-pro-inner::after {\n  transition-property: transform, opacity;\n  transition-timing-function: ease;\n  transition-duration: 0.2s;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider-r .responsive-menu-pro-inner {\n  top: 0;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider-r .responsive-menu-pro-inner::before {\n  top: 12px;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider-r .responsive-menu-pro-inner::after {\n  top: -12px;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider-r.is-active .responsive-menu-pro-inner {\n  transform: translate3d(0, 0px, 0) rotate(-45deg);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider-r.is-active .responsive-menu-pro-inner::before {\n  transform: rotate(45deg) translate3d(-3.5714285714px, -9px, 0);\n  opacity: 0;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-slider-r.is-active .responsive-menu-pro-inner::after {\n  transform: translate3d(0, 12px, 0) rotate(90deg);\n}\n\/*  Menu Trigger emphatic animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic {\n  overflow: hidden;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic .responsive-menu-pro-inner {\n  transition: background-color 0.2s 0.25s ease-in;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic .responsive-menu-pro-inner::before {\n  left: 0;\n  top: 12px;\n  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic .responsive-menu-pro-inner::after {\n  top: -12px;\n  right: 0;\n  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic.is-active:hover .responsive-menu-pro-inner, button.rmp_menu_trigger.rmp-menu-trigger-emphatic.is-active .responsive-menu-pro-inner {\n  transition-delay: 0s;\n  transition-timing-function: ease-out;\n  background-color: transparent !important;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic.is-active .responsive-menu-pro-inner::before {\n  left: -50px;\n  top: -50px;\n  transform: translate3d(50px, 50px, 0) rotate(45deg);\n  transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic.is-active .responsive-menu-pro-inner::after {\n  right: -50px;\n  top: -50px;\n  transform: translate3d(-50px, 50px, 0) rotate(-45deg);\n  transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);\n}\n\/*  Menu Trigger emphatic reverese animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic-r {\n  overflow: hidden;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic-r .responsive-menu-pro-inner {\n  transition: background-color 0.2s 0.25s ease-in;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic-r .responsive-menu-pro-inner::before {\n  left: 0;\n  top: 12px;\n  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic-r .responsive-menu-pro-inner::after {\n  top: -12px;\n  right: 0;\n  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;\n}\nbutton.rmp_menu_trigger .rmp-menu-trigger-emphatic-r.is-active:hover .responsive-menu-pro-inner, button.rmp_menu_trigger.rmp-menu-trigger-emphatic-r.is-active .responsive-menu-pro-inner {\n  transition-delay: 0s;\n  transition-timing-function: ease-out;\n  background-color: transparent !important;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic-r.is-active .responsive-menu-pro-inner::before {\n  left: -50px;\n  top: 50px;\n  transform: translate3d(50px, -50px, 0) rotate(-45deg);\n  transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-emphatic-r.is-active .responsive-menu-pro-inner::after {\n  right: -50px;\n  top: 50px;\n  transform: translate3d(-50px, -50px, 0) rotate(45deg);\n  transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);\n}\n\/*  Menu Trigger  elastic animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic .responsive-menu-pro-inner {\n  top: 0px;\n  transition-duration: 0.4s;\n  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic .responsive-menu-pro-inner::before {\n  top: 12px;\n  transition: opacity 0.15s 0.4s ease;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic .responsive-menu-pro-inner::after {\n  top: -12px;\n  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic.is-active .responsive-menu-pro-inner {\n  transform: translate3d(0, 0px, 0) rotate(135deg);\n  transition-delay: 0.1s;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic.is-active .responsive-menu-pro-inner::before {\n  transition-delay: 0s;\n  opacity: 0;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic.is-active .responsive-menu-pro-inner::after {\n  transform: translate3d(0, 12px, 0) rotate(-270deg);\n  transition-delay: 0.1s;\n}\n\/*  Menu Trigger  elastic reverse animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic-r .responsive-menu-pro-inner {\n  top: 0px;\n  transition-duration: 0.4s;\n  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic-r .responsive-menu-pro-inner::before {\n  top: 12px;\n  transition: opacity 0.15s 0.4s ease;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic-r .responsive-menu-pro-inner::after {\n  top: -12px;\n  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic-r.is-active .responsive-menu-pro-inner {\n  transform: translate3d(0, 0px, 0) rotate(-135deg);\n  transition-delay: 0.1s;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic-r.is-active .responsive-menu-pro-inner::before {\n  transition-delay: 0s;\n  opacity: 0;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-elastic-r.is-active .responsive-menu-pro-inner::after {\n  transform: translate3d(0, 12px, 0) rotate(270deg);\n  transition-delay: 0.1s;\n}\n\/*  Menu Trigger  collapse animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse .responsive-menu-pro-inner {\n  top: auto;\n  bottom: 0;\n  transition-duration: 0.15s;\n  transition-delay: 0.15s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse .responsive-menu-pro-inner::after {\n  top: -12px;\n  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse .responsive-menu-pro-inner::before {\n  top: 12px;\n  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse.is-active .responsive-menu-pro-inner {\n  transform: translate3d(0, 0px, 0) rotate(-45deg);\n  transition-delay: 0.32s;\n  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse.is-active .responsive-menu-pro-inner::after {\n  top: 0;\n  opacity: 0;\n  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  transform: rotate(-90deg);\n  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\/*  Menu Trigger  collapse reverse animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse-r .responsive-menu-pro-inner {\n  top: auto;\n  bottom: 0;\n  transition-duration: 0.15s;\n  transition-delay: 0.15s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse-r .responsive-menu-pro-inner::after {\n  top: -12px;\n  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse-r .responsive-menu-pro-inner::before {\n  top: 12px;\n  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse-r.is-active .responsive-menu-pro-inner {\n  transform: translate3d(0, 0px, 0) rotate(45deg);\n  transition-delay: 0.32s;\n  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse-r.is-active .responsive-menu-pro-inner::after {\n  top: 0;\n  opacity: 0;\n  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-collapse-r.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  transform: rotate(90deg);\n  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\/*  Menu Trigger  arrowalt animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrowalt .responsive-menu-pro-inner::before {\n  transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrowalt .responsive-menu-pro-inner::after {\n  transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrowalt.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  transform: translate3d(-5px, -6.25px, 0) rotate(-45deg) scale(0.7, 1);\n  transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrowalt.is-active .responsive-menu-pro-inner::after {\n  bottom: 0;\n  transform: translate3d(-5px, 6.25px, 0) rotate(45deg) scale(0.7, 1);\n  transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);\n}\n\/*  Menu Trigger  arrowalt reverse animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrowalt-r .responsive-menu-pro-inner::before {\n  transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrowalt-r .responsive-menu-pro-inner::after {\n  transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrowalt-r.is-active .responsive-menu-pro-inner::before {\n  top: 0;\n  transform: translate3d(5px, -6.25px, 0) rotate(45deg) scale(0.7, 1);\n  transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrowalt-r.is-active .responsive-menu-pro-inner::after {\n  bottom: 0;\n  transform: translate3d(5px, 6.25px, 0) rotate(-45deg) scale(0.7, 1);\n  transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);\n}\n\/*  Menu Trigger  arrow  animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrow .responsive-menu-pro-inner::before, button.rmp_menu_trigger.rmp-menu-trigger-arrow .responsive-menu-pro-inner::after, button.rmp_menu_trigger.rmp-menu-trigger-arrow-r .responsive-menu-pro-inner::before, button.rmp_menu_trigger.rmp-menu-trigger-arrow-r .responsive-menu-pro-inner::after {\n  transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrow-r .responsive-menu-pro-inner::before, button.rmp_menu_trigger.rmp-menu-trigger-arrow .responsive-menu-pro-inner::before {\n  top: 12px;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrow-r .responsive-menu-pro-inner::after, button.rmp_menu_trigger.rmp-menu-trigger-arrow .responsive-menu-pro-inner::after {\n  top: -12px;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrow.is-active .responsive-menu-pro-inner::before {\n  transform: translate3d(-9px, -5px, 0) rotate(45deg) scale(0.7, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrow.is-active .responsive-menu-pro-inner::after {\n  transform: translate3d(-9px, 5px, 0) rotate(-45deg) scale(0.7, 1);\n}\n\/*  Menu Trigger  arrow reverse  animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrow-r.is-active .responsive-menu-pro-inner::before {\n  transform: translate3d(9px, -5px, 0) rotate(-45deg) scale(0.7, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-arrow-r.is-active .responsive-menu-pro-inner::after {\n  transform: translate3d(9px, 5px, 0) rotate(45deg) scale(0.7, 1);\n}\n\/*  Menu Trigger  3dy  animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dy .responsive-menu-pro-box {\n  perspective: 50px;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dy .responsive-menu-pro-inner {\n  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.rmp-menu-trigger-3dy .responsive-menu-pro-inner::before, .rmp-menu-trigger-3dy .responsive-menu-pro-inner::after {\n  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\nbutton.rmp_menu_trigger .rmp-menu-trigger-3dy.is-active:hover .responsive-menu-pro-inner, button.rmp_menu_trigger.rmp-menu-trigger-3dy.is-active .responsive-menu-pro-inner {\n  background-color: transparent !important;\n  transform: rotateX(-180deg);\n}\nbutton.rmp_menu_trigger .rmp-menu-trigger-3dy.is-active:hover .responsive-menu-pro-inner::before, button.rmp_menu_trigger.rmp-menu-trigger-3dy.is-active .responsive-menu-pro-inner::before {\n  transform: translate3d(0, -18px, 0) rotate(45deg);\n}\nbutton.rmp_menu_trigger .rmp-menu-trigger-3dy.is-active:hover .responsive-menu-pro-inner::after, button.rmp_menu_trigger.rmp-menu-trigger-3dy.is-active .responsive-menu-pro-inner::after {\n  transform: translate3d(0, 18px, 0) rotate(-45deg);\n}\n\/*  Menu Trigger  3dy  reverse animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dy-r .responsive-menu-pro-box {\n  perspective: 50px;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dy-r .responsive-menu-pro-inner {\n  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dy-r .responsive-menu-pro-inner::before, button.rmp_menu_trigger.rmp-menu-trigger-3dy-r .responsive-menu-pro-inner::after {\n  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\nbutton.rmp_menu_trigger .rmp-menu-trigger-3dy-r.is-active:hover .responsive-menu-pro-inner, button.rmp_menu_trigger.rmp-menu-trigger-3dy-r.is-active .responsive-menu-pro-inner {\n  background-color: transparent !important;\n  transform: rotateX(180deg);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dy-r.is-active .responsive-menu-pro-inner::before {\n  transform: translate3d(0, -18px, 0) rotate(-45deg);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dy-r.is-active .responsive-menu-pro-inner::after {\n  transform: translate3d(0, 18px, 0) rotate(45deg);\n}\n\/*  Menu Trigger  3dx  animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx .responsive-menu-pro-box {\n  perspective: 50px;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx .responsive-menu-pro-inner {\n  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx .responsive-menu-pro-inner::before, button.rmp_menu_trigger.rmp-menu-trigger-3dx .responsive-menu-pro-inner::after {\n  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx.is-active:hover .responsive-menu-pro-inner, button.rmp_menu_trigger.rmp-menu-trigger-3dx.is-active .responsive-menu-pro-inner {\n  background-color: transparent !important;\n  transform: rotateY(180deg);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx.is-active .responsive-menu-pro-inner::before {\n  transform: translate3d(0, -18px, 0) rotate(45deg);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx.is-active .responsive-menu-pro-inner::after {\n  transform: translate3d(0, 18px, 0) rotate(-45deg);\n}\n\/*  Menu Trigger  3dx reverse  animation *\/\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx-r .responsive-menu-pro-box {\n  perspective: 50px;\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx-r .responsive-menu-pro-inner {\n  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx-r .responsive-menu-pro-inner::before, button.rmp_menu_trigger.rmp-menu-trigger-3dx-r .responsive-menu-pro-inner:after {\n  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\nbutton.rmp_menu_trigger .rmp-menu-trigger-3dx-r.is-active:hover .responsive-menu-pro-inner, button.rmp_menu_trigger.rmp-menu-trigger-3dx-r.is-active .responsive-menu-pro-inner {\n  background-color: transparent !important;\n  transform: rotateY(-180deg);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx-r.is-active .responsive-menu-pro-inner::before {\n  transform: translate3d(0, -18px, 0) rotate(45deg);\n}\nbutton.rmp_menu_trigger.rmp-menu-trigger-3dx-r.is-active .responsive-menu-pro-inner::after {\n  transform: translate3d(0, 18px, 0) rotate(-45deg);\n}\n@keyframes slideDown {\n  0% {\n    transform: translateY(-20px);\n  }\n  25% {\n    transform: translateY(-18px);\n  }\n  50% {\n    transform: translateY(-15px);\n  }\n  75% {\n    transform: translateY(-12px);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n@keyframes slideUp {\n  0% {\n    transform: translateY(10px);\n  }\n  25% {\n    transform: translateY(8px);\n  }\n  50% {\n    transform: translateY(7px);\n  }\n  75% {\n    transform: translateY(5px);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n@keyframes fade {\n  0% {\n    opacity: 0;\n  }\n  25% {\n    opacity: 0.2;\n  }\n  50% {\n    opacity: 0.3;\n  }\n  75% {\n    opacity: 0.5;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes fadeUp {\n  0% {\n    transform: translateY(10px);\n    opacity: 0;\n  }\n  25% {\n    transform: translateY(8px);\n    opacity: 0.25;\n  }\n  50% {\n    transform: translateY(7px);\n    opacity: 0.5;\n  }\n  75% {\n    transform: translateY(5px);\n    opacity: 0.75;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\/**\nThis file contents common styling of menus.\n*\/\nhtml body {\n  width: 100%;\n}\n.rmp-container {\n  visibility: visible;\n  padding: 0px 0px 0px 0px;\n  z-index: 99998;\n  transition: all 0.3s;\n  \/** Scrolling bar in menu setting box **\/\n}\n.rmp-container.rmp-slide-left, .rmp-container.rmp-push-left {\n  transform: translateX(-100%);\n  -ms-transform: translateX(-100%);\n  -webkit-transform: translateX(-100%);\n  -moz-transform: translateX(-100%);\n}\n.rmp-container.rmp-slide-left.rmp-menu-open, .rmp-container.rmp-push-left.rmp-menu-open {\n  transform: translateX(0);\n  -ms-transform: translateX(0);\n  -webkit-transform: translateX(0);\n  -moz-transform: translateX(0);\n}\n.rmp-container.rmp-slide-right, .rmp-container.rmp-push-right {\n  transform: translateX(100%);\n  -ms-transform: translateX(100%);\n  -webkit-transform: translateX(100%);\n  -moz-transform: translateX(100%);\n}\n.rmp-container.rmp-slide-right.rmp-menu-open, .rmp-container.rmp-push-right.rmp-menu-open {\n  transform: translateX(0);\n  -ms-transform: translateX(0);\n  -webkit-transform: translateX(0);\n  -moz-transform: translateX(0);\n}\n.rmp-container.rmp-slide-top, .rmp-container.rmp-push-top {\n  transform: translateY(-100%);\n  -ms-transform: translateY(-100%);\n  -webkit-transform: translateY(-100%);\n  -moz-transform: translateY(-100%);\n}\n.rmp-container.rmp-slide-top.rmp-menu-open, .rmp-container.rmp-push-top.rmp-menu-open {\n  transform: translateY(0);\n  -ms-transform: translateY(0);\n  -webkit-transform: translateY(0);\n  -moz-transform: translateY(0);\n}\n.rmp-container.rmp-slide-bottom, .rmp-container.rmp-push-bottom {\n  transform: translateY(100%);\n  -ms-transform: translateY(100%);\n  -webkit-transform: translateY(100%);\n  -moz-transform: translateY(100%);\n}\n.rmp-container.rmp-slide-bottom.rmp-menu-open, .rmp-container.rmp-push-bottom.rmp-menu-open {\n  transform: translateX(0);\n  -ms-transform: translateX(0);\n  -webkit-transform: translateX(0);\n  -moz-transform: translateX(0);\n}\n.rmp-container::-webkit-scrollbar {\n  width: 0px;\n}\n.rmp-container ::-webkit-scrollbar-track {\n  box-shadow: inset 0 0 5px transparent;\n}\n.rmp-container ::-webkit-scrollbar-thumb {\n  background: transparent;\n}\n.rmp-container ::-webkit-scrollbar-thumb:hover {\n  background: transparent;\n}\n.rmp-container .rmp-menu-wrap .rmp-menu {\n  transition: none;\n  border-radius: 0;\n  box-shadow: none;\n  background: none;\n  border: 0;\n  bottom: auto;\n  box-sizing: border-box;\n  clip: auto;\n  color: #666;\n  display: block;\n  float: none;\n  font-family: inherit;\n  font-size: 14px;\n  height: auto;\n  left: auto;\n  line-height: 1.7;\n  list-style-type: none;\n  margin: 0;\n  min-height: auto;\n  max-height: none;\n  opacity: 1;\n  outline: none;\n  overflow: visible;\n  padding: 0;\n  position: relative;\n  pointer-events: auto;\n  right: auto;\n  text-align: left;\n  text-decoration: none;\n  text-indent: 0;\n  text-transform: none;\n  transform: none;\n  top: auto;\n  visibility: inherit;\n  width: auto;\n  word-wrap: break-word;\n  white-space: normal;\n}\nbutton.rmp_menu_trigger {\n  z-index: 999999;\n  overflow: hidden;\n  outline: none;\n  border: 0;\n  margin: 0;\n  display: inline-block;\n  transition: transform 0.5s, background-color 0.5s;\n  padding: 0;\n}\nbutton.rmp_menu_trigger .responsive-menu-pro-inner::before, button.rmp_menu_trigger .responsive-menu-pro-inner::after {\n  content: \"\";\n  display: block;\n}\nbutton.rmp_menu_trigger .responsive-menu-pro-inner::before {\n  top: 10px;\n}\nbutton.rmp_menu_trigger .responsive-menu-pro-inner::after {\n  bottom: 10px;\n}\nbutton.rmp_menu_trigger .rmp-trigger-box {\n  width: 40px;\n  display: inline-block;\n  position: relative;\n  pointer-events: none;\n  vertical-align: super;\n}\n.rmp-mega-menu-container .rmp-menu-sub-level-item {\n  display: none;\n}\n.rmp-mega-menu-container .rmp-mega-menu-row {\n  display: flex;\n}\n.rmp-mega-menu-container .rmp-mega-menu-col-12 {\n  width: 100%;\n}\n.rmp-mega-menu-container .rmp-mega-menu-col-11 {\n  width: 91.66666667%;\n}\n.rmp-mega-menu-container .rmp-mega-menu-col-10 {\n  width: 83.33333333%;\n}\n.rmp-mega-menu-container .rmp-mega-menu-col-9 {\n  width: 75%;\n}\n.rmp-mega-menu-container .rmp-mega-menu-col-8 {\n  width: 66.66666667%;\n}\n.rmp-mega-menu-container .rmp-mega-menu-col-7 {\n  width: 58.33333333%;\n}\n.rmp-mega-menu-container .rmp-mega-menu-col-6 {\n  width: 50%;\n}\n.rmp-mega-menu-container .rmp-mega-menu-col-5 {\n  width: 41.66666667%;\n}\n.rmp-mega-menu-container .rmp-mega-menu-col-4 {\n  width: 33.33333333%;\n}\n.rmp-mega-menu-container .rmp-mega-menu-col-3 {\n  width: 25%;\n}\n.rmp-mega-menu-container .rmp-mega-menu-col-2 {\n  width: 16.66666667%;\n}\n.rmp-mega-menu-container .rmp-mega-menu-col-1 {\n  width: 8.33333333%;\n}\n.admin-bar .rmp-container, .admin-bar .rmp_menu_trigger, .admin-bar .rmp-header-bar-container {\n  margin-top: 32px !important;\n}\n.admin-bar .rmp-container .rmp-container, .admin-bar .rmp_menu_trigger .rmp-container, .admin-bar .rmp-header-bar-container .rmp-container {\n  margin-top: 0 !important;\n}\n@media screen and (max-width: 782px) {\n  .admin-bar .rmp-container, .admin-bar .rmp_menu_trigger, .admin-bar .rmp-header-bar-container {\n    margin-top: 46px !important;\n  }\n  .admin-bar .rmp-container .rmp-container, .admin-bar .rmp_menu_trigger .rmp-container, .admin-bar .rmp-header-bar-container .rmp-container {\n    margin-top: 0 !important;\n  }\n}\n\/* Header style *\/\n.rmp-header-bar-container {\n  width: 100%;\n  padding: 0 5%;\n  box-sizing: border-box;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 99997;\n  display: block;\n  transition: all 0.3s;\n}\n.rmp-header-bar-container .rmp-header-bar-items {\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n.rmp-header-bar-container .rmp-header-bar-items .rmp-header-bar-contents {\n  display: inline;\n}\n.rmp-header-bar-container .rmp-header-bar-item {\n  display: inline-block;\n}\n.rmp-page-overlay {\n  position: fixed;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  visibility: hidden;\n  opacity: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  transition: visibility 0.5s linear, opacity 0.5s linear, background-color 0.5s ease;\n  z-index: 9;\n}\n.rmp-widget {\n  margin-bottom: 10px;\n}\n.rmp-widget input.search-field {\n  max-width: 100%;\n}\n.rmp-widget .wp-calendar-table {\n  min-width: 100%;\n}\n.rmp-widget table td, .rmp-widget table th, .rmp-widget .wp-block-table td, .rmp-widget .wp-block-table th {\n  padding: 2px;\n}\n<\/style><div id=\"panel-3402-0-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"textwidget custom-html-widget\"><div id=\"rmp-header-bar-351\" class=\"rmp-header-bar-container\">\n\t\t\t\t\t<div class=\"rmp-header-bar-items\">\n\t\t\t\t\t\t<div id=\"rmp-header-logo-351\" class=\"rmp-header-bar-item rmp-header-bar-logo\"><a href=\"https:\/\/www.ilias-conference.org\/en\/\"><img decoding=\"async\" class=\"rmp-menu-header-logo\" src=\"https:\/\/www.ilias-conference.org\/wp-content\/uploads\/2023\/03\/ILIAS-Logo-klein.png\" alt=\"ILIAS Logo\" title=\"ILIAS Logo\"\/><\/a><\/div><div id=\"rmp-header-title-351\" class=\"rmp-header-bar-item rmp-header-bar-title\"><a href=\"https:\/\/www.ilias-conference.org\/en\/\">International ILIAS Conference 2026<\/a><\/div><button type=\"button\"  aria-controls=\"rmp-container-351\" aria-label=\"Menu Trigger\" id=\"rmp_menu_trigger-351\"  class=\"rmp_menu_trigger rmp-menu-trigger-slider-r\">\n\t\t\t\t\t<span class=\"rmp-trigger-box\"><span class=\"responsive-menu-pro-inner\"><\/span><\/span>\n\t\t\t\t<\/button><div id=\"rmp-container-351\" class=\"rmp-container rmp-slide-right\"><div id=\"rmp-menu-title-351\" class=\"rmp-menu-title\"><a href=\"https:\/\/www.ilias-conference.org\/en\/\" target=\"_self\"><img loading=\"lazy\" decoding=\"async\" class=\"rmp-menu-title-image\" src=\"https:\/\/www.ilias-conference.org\/wp-content\/uploads\/2022\/08\/logo-ilias-1.png\" alt=\"\" width=\"100\" height=\"100\" \/><span><\/span><\/a><\/div><div id=\"rmp-menu-additional-content-351\" class=\"rmp-menu-additional-content\"><h2>ILIAS Conference<\/h2>powered by <br><strong>ILIAS open source e-Learning e.V.<\/strong><\/div><div id=\"rmp-menu-wrap-351\" class=\"rmp-menu-wrap\"><ul id=\"rmp-menu-351\" class=\"rmp-menu\" role=\"menubar\" aria-label=\"MainMenu\"><li id=\"rmp-menu-item-352\" class=\" menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children rmp-menu-item rmp-menu-item-has-children rmp-menu-top-level-item\" role=\"none\"><a  href=\"https:\/\/www.ilias-conference.org\/en\/\"  class=\"rmp-menu-item-link\"  role=\"menuitem\"  >HAMBURG<div class=\"rmp-menu-subarrow\"><span class=\"rmp-font-icon dashicons dashicons-arrow-up-alt2 \"><\/span><\/div><\/a><ul aria-label=\"HAMBURG\"\n            role=\"menu\" data-depth=\"2\"\n            class=\"  rmp-desktop-menu-container  rmp-submenu rmp-submenu-depth-1\"><li id=\"rmp-menu-item-4272\" class=\" menu-item menu-item-type-custom menu-item-object-custom rmp-menu-item rmp-menu-sub-level-item\" role=\"none\"><a  href=\"https:\/\/www.ilias-conference.org\/en\/#cfp\"  class=\"rmp-menu-item-link\"  role=\"menuitem\"  >Main Topics<\/a><\/li><li id=\"rmp-menu-item-4273\" class=\" menu-item menu-item-type-custom menu-item-object-custom rmp-menu-item rmp-menu-sub-level-item\" role=\"none\"><a  href=\"https:\/\/www.ilias-conference.org\/en\/#hotel\"  class=\"rmp-menu-item-link\"  role=\"menuitem\"  >Hotels<\/a><\/li><\/ul><\/li><li id=\"rmp-menu-item-4552\" class=\" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-top-level-item\" role=\"none\"><a  href=\"https:\/\/www.ilias-conference.org\/en\/programm\/\"  class=\"rmp-menu-item-link\"  role=\"menuitem\"  >PROGRAMME<\/a><\/li><li id=\"rmp-menu-item-3414\" class=\" menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children rmp-menu-item rmp-menu-item-has-children rmp-menu-top-level-item\" role=\"none\"><a  href=\"https:\/\/www.ilias-conference.org\/en\/archiv\/\"  class=\"rmp-menu-item-link\"  role=\"menuitem\"  >ARCHIVE<div class=\"rmp-menu-subarrow\"><span class=\"rmp-font-icon dashicons dashicons-arrow-up-alt2 \"><\/span><\/div><\/a><ul aria-label=\"ARCHIVE\"\n            role=\"menu\" data-depth=\"2\"\n            class=\"  rmp-desktop-menu-container  rmp-submenu rmp-submenu-depth-1\"><li id=\"rmp-menu-item-4376\" class=\" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item\" role=\"none\"><a  href=\"https:\/\/www.ilias-conference.org\/en\/berlin-2025\/\"  class=\"rmp-menu-item-link\"  role=\"menuitem\"  >Berlin 2025<\/a><\/li><li id=\"rmp-menu-item-4377\" class=\" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item\" role=\"none\"><a  href=\"https:\/\/www.ilias-conference.org\/en\/graz-2024\/\"  class=\"rmp-menu-item-link\"  role=\"menuitem\"  >Graz 2024<\/a><\/li><li id=\"rmp-menu-item-4378\" class=\" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item\" role=\"none\"><a  href=\"https:\/\/www.ilias-conference.org\/en\/cologne2023\/\"  class=\"rmp-menu-item-link\"  role=\"menuitem\"  >Cologne 2023<\/a><\/li><li id=\"rmp-menu-item-4386\" class=\" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item\" role=\"none\"><a  href=\"https:\/\/www.ilias-conference.org\/en\/bologna-2022\/\"  class=\"rmp-menu-item-link\"  role=\"menuitem\"  >Bologna 2022<\/a><\/li><li id=\"rmp-menu-item-4385\" class=\" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item\" role=\"none\"><a  href=\"https:\/\/www.ilias-conference.org\/en\/online-2021\/\"  class=\"rmp-menu-item-link\"  role=\"menuitem\"  >Online 2021<\/a><\/li><li id=\"rmp-menu-item-4384\" class=\" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item\" role=\"none\"><a  href=\"https:\/\/www.ilias-conference.org\/en\/online-2020\/\"  class=\"rmp-menu-item-link\"  role=\"menuitem\"  >Online 2020<\/a><\/li><li id=\"rmp-menu-item-4383\" class=\" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item\" role=\"none\"><a  href=\"https:\/\/www.ilias-conference.org\/en\/dresden-2019\/\"  class=\"rmp-menu-item-link\"  role=\"menuitem\"  >Dresden 2019<\/a><\/li><li id=\"rmp-menu-item-4382\" class=\" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item\" role=\"none\"><a  href=\"https:\/\/www.ilias-conference.org\/en\/luzern-2018\/\"  class=\"rmp-menu-item-link\"  role=\"menuitem\"  >Luzern 2018<\/a><\/li><li id=\"rmp-menu-item-4381\" class=\" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item\" role=\"none\"><a  href=\"https:\/\/www.ilias-conference.org\/en\/freiburg-2017\/\"  class=\"rmp-menu-item-link\"  role=\"menuitem\"  >Freiburg 2017<\/a><\/li><li id=\"rmp-menu-item-4380\" class=\" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item\" role=\"none\"><a  href=\"https:\/\/www.ilias-conference.org\/en\/utrecht-2016\/\"  class=\"rmp-menu-item-link\"  role=\"menuitem\"  >Utrecht 2016<\/a><\/li><li id=\"rmp-menu-item-4379\" class=\" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item\" role=\"none\"><a  href=\"https:\/\/www.ilias-conference.org\/en\/dortmund-2015\/\"  class=\"rmp-menu-item-link\"  role=\"menuitem\"  >Dortmund 2015<\/a><\/li><\/ul><\/li><li id=\"rmp-menu-item-393\" class=\" menu-item menu-item-type-custom menu-item-object-custom rmp-menu-item rmp-menu-top-level-item\" role=\"none\"><a  target=\"_blank\"  href=\"https:\/\/www.ilias.de\/en\/\"  class=\"rmp-menu-item-link\"  role=\"menuitem\"  >ILIAS.DE<\/a><\/li><li id=\"rmp-menu-item-wpml-ls-12-de\" class=\"menu-item wpml-ls-slot-12 wpml-ls-item wpml-ls-item-de wpml-ls-menu-item wpml-ls-first-item wpml-ls-last-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item rmp-menu-item rmp-menu-top-level-item\" role=\"none\"><a  title=\"Switch to German\"  href=\"https:\/\/www.ilias-conference.org\/\"  class=\"rmp-menu-item-link\"  role=\"menuitem\"  aria-label=\"Switch to German\"  ><img decoding=\"async\"\n            class=\"wpml-ls-flag\"\n            src=\"https:\/\/www.ilias-conference.org\/wp-content\/plugins\/sitepress-multilingual-cms\/res\/flags\/de.png\"\n            alt=\"German\"\n            loading=\"lazy\"\n            \n            \n    \/><\/a><\/li><\/ul><\/div><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div><\/div><\/div><div id=\"pg-3402-1\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch kt-panel-row-stretch panel-widget-style panel-row-style panel-row-style-for-3402-1\" style=\"background-image: url(https:\/\/www.ilias-conference.org\/wp-content\/uploads\/2022\/08\/Hero_ILIAS_Conference_2022-scaled-cut.jpg);background-size: cover;background-position: center center;visibility: hidden;\" data-stretch-type=\"full\" ><div id=\"pgc-3402-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-3402-1-0-0\" class=\"so-panel widget widget_media_image panel-first-child\" data-index=\"1\" ><div class=\"panel-widget-style panel-widget-style-for-3402-1-0-0\" ><img loading=\"lazy\" decoding=\"async\" width=\"610\" height=\"326\" src=\"https:\/\/www.ilias-conference.org\/wp-content\/uploads\/2025\/09\/LG-ILIAS-Conference_2022_RGB_EN-invers-20.png\" class=\"image wp-image-3404  attachment-full size-full\" alt=\"\" style=\"max-width: 100%; height: auto;\" srcset=\"https:\/\/www.ilias-conference.org\/wp-content\/uploads\/2025\/09\/LG-ILIAS-Conference_2022_RGB_EN-invers-20.png 610w, https:\/\/www.ilias-conference.org\/wp-content\/uploads\/2025\/09\/LG-ILIAS-Conference_2022_RGB_EN-invers-20-300x160.png 300w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/div><\/div><div id=\"panel-3402-1-0-1\" class=\"widget_text so-panel widget widget_custom_html panel-last-child\" data-index=\"2\" ><div class=\"textwidget custom-html-widget\"><h2 style=\"text-shadow: 3px 3px 2px #0d3f65; color:#fff; text-align:center; max-width:700px; margin:0 auto;\">Looking back at Bologna<\/h2><\/div><\/div><\/div><\/div><\/div><div id=\"pg-3402-2\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-widget-style panel-row-style panel-row-style-for-3402-2\" data-stretch-type=\"full-width-stretch\" ><div id=\"pgc-3402-2-0\"  class=\"panel-grid-cell\" ><div id=\"panel-3402-2-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child\" data-index=\"3\" ><div class=\"kt-pb-animation kt-pb-fadeInUp kt-pb-duration-900 kt-pb-delay- panel-widget-style panel-widget-style-for-3402-2-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<h1 id=\"ilPageTocA11\" class=\"ilc_Paragraph ilc_heading1_Headline1\" style=\"text-align: left;\">21<sup>st<\/sup> International ILIAS Conference on 8 and 9 September 2022<\/h1>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-3402-3\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-widget-style panel-row-style panel-row-style-for-3402-3\" data-stretch-type=\"full-width-stretch\" ><div id=\"pgc-3402-3-0\"  class=\"panel-grid-cell\" ><div id=\"panel-3402-3-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child\" data-index=\"4\" ><div class=\"kt-pb-animation kt-pb-fadeInUp kt-pb-duration-900 kt-pb-delay- panel-widget-style panel-widget-style-for-3402-3-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p>After two virtual editions, the 2022 ILIAS conference took place again as a face-to-face event at 8 and 9 September in Bologna, the city with the oldest university in Europe. The conference motto 2022 was:<\/p>\n<p style=\"text-align: center; font-size: 20px; color: #00527c;\"><strong>diverse \u2013 innovative \u2013 secure<\/strong><\/p>\n<p>The venue in Bologna was the\u00a0<a href=\"https:\/\/www.fico.it\/en\" target=\"_blank\" rel=\"noopener\">FICO Congress Center<\/a>. The 21<sup>st<\/sup>\u00a0ILIAS Conference has been organised by the Italian ILIAS service provider\u00a0<a href=\"https:\/\/www.oc-group.eu\/\" target=\"_blank\" rel=\"noopener\">OC Open Consulting srl<\/a>\u00a0in collaboration with the ILIAS open source e-Learning e.V.<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pgc-3402-3-1\"  class=\"panel-grid-cell\" ><div id=\"panel-3402-3-1-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child\" data-index=\"5\" ><div class=\"widget_text kt-pb-animation kt-pb-fadeInUp kt-pb-duration-900 kt-pb-delay- panel-widget-style panel-widget-style-for-3402-3-1-0\" ><div class=\"textwidget custom-html-widget\"><div><a href=\"https:\/\/www.youtube.com\/playlist?list=PLJj1ocVfK3oacpOLTfNZm4dUvrUGdkD23\" id=\"kadbtn61\" target=\"_blank\" class=\"kad-btn btn-shortcode kad-btn-primary sm-kad-btn \" style=\"background-color:#00527c; border: 4px solid; border-color:#00527c; border-radius:6px; color:#fff;\" onMouseOver=\"this.style.background=&#039;#013752&#039;,this.style.color=&#039;#fff&#039;,this.style.borderColor=&#039;#013752&#039;\" onMouseOut=\"this.style.background=&#039;#00527c&#039;,this.style.color=&#039;#fff&#039;,this.style.borderColor=&#039;#00527c&#039;\">Videos of Presentations (YouTube) <\/a><\/div><\/div><\/div><\/div><div id=\"panel-3402-3-1-1\" class=\"widget_text so-panel widget widget_custom_html panel-last-child\" data-index=\"6\" ><div class=\"widget_text kt-pb-animation kt-pb-fadeInUp kt-pb-duration-900 kt-pb-delay- panel-widget-style panel-widget-style-for-3402-3-1-1\" ><div class=\"textwidget custom-html-widget\"><div><a href=\"https:\/\/docu.ilias.de\/go\/blog\/3439\/761\" id=\"kadbtn89\" target=\"_blank\" class=\"kad-btn btn-shortcode kad-btn-primary lg-kad-btn \" style=\"background-color:#00527c; border: 4px solid; border-color:#00527c; border-radius:6px; color:#fff;\" onMouseOver=\"this.style.background=&#039;#013752&#039;,this.style.color=&#039;#fff&#039;,this.style.borderColor=&#039;#013752&#039;\" onMouseOut=\"this.style.background=&#039;#00527c&#039;,this.style.color=&#039;#fff&#039;,this.style.borderColor=&#039;#00527c&#039;\">ILIAS Blog: Looking back (de) <\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-3402-4\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-widget-style panel-row-style panel-row-style-for-3402-4\" data-stretch-type=\"full-width-stretch\" ><div id=\"pgc-3402-4-0\"  class=\"panel-grid-cell\" ><div id=\"panel-3402-4-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child\" data-index=\"7\" ><div class=\"kt-pb-animation kt-pb-fadeInUp kt-pb-duration-900 kt-pb-delay- panel-widget-style panel-widget-style-for-3402-4-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p style=\"font-size: 18px; color: #00527c;\"><strong>Community Award 2022:<\/strong><\/p>\n<p>Winner of the ILIAS Community Award 2022 is<strong> Uwe Tesche<\/strong> for his tireless commitment to improving documentation, code quality, bug fixing and user support. Congratulations!<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-3402-5\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-widget-style panel-row-style panel-row-style-for-3402-5\" data-stretch-type=\"full-width-stretch\" ><div id=\"pgc-3402-5-0\"  class=\"panel-grid-cell\" ><div id=\"panel-3402-5-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child\" data-index=\"8\" ><div class=\"kt-pb-animation kt-pb-fadeInUp kt-pb-duration-900 kt-pb-delay- panel-widget-style panel-widget-style-for-3402-5-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<h1 id=\"ilPageTocA19\" class=\"ilc_Paragraph ilc_heading1_Headline1\">Programme<\/h1>\n<p class=\"ilc_Paragraph ilc_text_block_Additional\">Below you will find the programme of the International ILIAS Conference 2022. Click on a programme item to find out more about the lecture or workshop.<\/p>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-3402-5-0-1\" class=\"so-panel widget widget_sow-accordion panel-last-child\" data-index=\"9\" ><div class=\"kt-pb-animation kt-pb-fadeInUp kt-pb-duration-900 kt-pb-delay- panel-widget-style panel-widget-style-for-3402-5-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-accordion so-widget-sow-accordion-default-540ac893a04a-3402\"\n\t\t\t\n\t\t><div>\n\t<div class=\"sow-accordion\">\n\t\t\t<div class=\"sow-accordion-panel\n\t\t\t\t\t\"\n\t\t\t\tdata-anchor-id=\"key-topics\">\n\t\t\t\t\t<div class=\"sow-accordion-panel-header-container\" role=\"heading\" aria-level=\"2\">\n\t\t\t\t\t<div class=\"sow-accordion-panel-header\" tabindex=\"0\" role=\"button\" id=\"accordion-label-key-topics\" aria-controls=\"accordion-content-key-topics\" aria-expanded=\"false\">\n\t\t\t\t\t\t<div class=\"sow-accordion-title sow-accordion-title-icon-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tKey Topics\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"sow-accordion-open-close-button\">\n\t\t\t\t\t\t\t<div class=\"sow-accordion-open-button\">\n\t\t\t\t\t\t\t\t<span class=\"sow-icon-ionicons\" data-sow-icon=\"&#xf218;\"\n\t\t \n\t\taria-hidden=\"true\"><\/span>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"sow-accordion-close-button\">\n\t\t\t\t\t\t\t\t<span class=\"sow-icon-ionicons\" data-sow-icon=\"&#xf209;\"\n\t\t \n\t\taria-hidden=\"true\"><\/span>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<div\n\t\t\t\tclass=\"sow-accordion-panel-content\"\n\t\t\t\trole=\"region\"\n\t\t\t\taria-labelledby=\"accordion-label-key-topics\"\n\t\t\t\tid=\"accordion-content-key-topics\"\n\t\t\t\tstyle=\"display: none;\"\t\t\t>\n\t\t\t\t<div class=\"sow-accordion-panel-border\">\n\t\t\t\t\t<div class=\"row\"> <div class=\"col-md-6  \">\n<p><strong>Back to the Future<\/strong><\/p>\n<p>The last two and a half years have seen a previously unimagined hype around digital work and education. A lot of this revolves around the concept of \u2018New Work\u2019, at the heart of which lie teaching and learning, which, thanks to this intense spotlight, also now have the opportunity to redefine themselves.<\/p>\n<p>But how should the future of this new world of digital freedom and learning look? Which of the sometimes rather hasty approaches of the recent past should be developed further in the future, and which digital solutions have not proved effective?<\/p>\n<p>How do businesses, organisations, schools and institutions of higher education solve the new challenges? How can we implement and combine compulsory learning, meaningful, work-oriented and life-phase oriented learning? And what role do digital sovereignty and security play?<\/p>\n<p>Presentations and workdhops will spread fresh impulses when it comes to using ILIAS and new forms of learning and learning technologies. They show us approaches and ideas, for example hybrid sceanarios, technical solutions and tools, and the use of media and didactic methods.<\/p>\n<\/div><div class=\"col-md-6  \">\n<p><strong>Diversity Management \u2013 ILIAS for Everyone<\/strong><\/p>\n<p>Diversity is opportunity: \u2018Diversity\u2019 is, along with \u2018New Work\u2019, the other big topic on everyone\u2019s lips nowadays.<\/p>\n<p>What are the challenges facing teaching and learning, vocational training and further education when it comes to diversity? The same learning media are meant to address and appeal to a wide range of different user groups, and at the same time, barriers, prejudice and injustice should be eliminated, allowing everyone to enjoy the experience of using digital learning opportunities.<\/p>\n<p>Diversity also means treating each individual\u2019s education as just that \u2013 individual. This diversity needs to be structured and organised.<\/p>\n<p>Ideas and experiences will be presented on how successful diversity management can be achieved with ILIAS, what approaches have been found and what opportunities are seen.<\/p>\n<\/div><\/div>\n<div class=\"row\"> <div class=\"col-md-6  \">\n<p><strong>How-to \u2026 Multipliers \u2013 Your ILIAS Needs You<\/strong><\/p>\n<p>Everyone has had one of those epiphanies \u2013 you know the ones \u2013 they usually start with \u2018Ahhh!\u2019 and then proceed with a \u2018that\u2019s how that works!\u2019 or \u2018you can achieve A using B!\u2019 or \u2018so that\u2019s what that is for!\u2019<\/p>\n<p>One of the strengths of ILIAS is the sheer amount of different things you can do with it. ILIAS can be used for a wide range of usage scenarios, is suitable for a whole variety of different types of users and training formats, and its look can be adapted to diverse design needs.<\/p>\n<p>We are looking for simple solutions, cruelly-underestimated tools, clever usage misappropriations, little \u2018helping hands\u2019, tricks to show off with, ingenious effects: small effort \u2013 large effect, simple production processes, attractive teaching and learning scenarios or tips that every user of ILIAS just has to know about!<\/p>\n<p>We look forward to solutions and recipes from the ILIAS community and will see how they work and how they can be used.<\/p>\n<\/div><div class=\"col-md-6  \">\n<p><strong>Wild Card<\/strong><\/p>\n<p>What is shown in these presentations and workshops is what ILIAS users have always wanted to tell us about. Be it innovative, new tools or a prototype or a new trend or research contribution.<\/p>\n<p>Let's be surprised!<\/p>\n<\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<div class=\"sow-accordion-panel\n\t\t\t\t\t\"\n\t\t\t\tdata-anchor-id=\"contribution-formats\">\n\t\t\t\t\t<div class=\"sow-accordion-panel-header-container\" role=\"heading\" aria-level=\"2\">\n\t\t\t\t\t<div class=\"sow-accordion-panel-header\" tabindex=\"0\" role=\"button\" id=\"accordion-label-contribution-formats\" aria-controls=\"accordion-content-contribution-formats\" aria-expanded=\"false\">\n\t\t\t\t\t\t<div class=\"sow-accordion-title sow-accordion-title-icon-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tContribution Formats\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"sow-accordion-open-close-button\">\n\t\t\t\t\t\t\t<div class=\"sow-accordion-open-button\">\n\t\t\t\t\t\t\t\t<span class=\"sow-icon-ionicons\" data-sow-icon=\"&#xf218;\"\n\t\t \n\t\taria-hidden=\"true\"><\/span>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"sow-accordion-close-button\">\n\t\t\t\t\t\t\t\t<span class=\"sow-icon-ionicons\" data-sow-icon=\"&#xf209;\"\n\t\t \n\t\taria-hidden=\"true\"><\/span>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<div\n\t\t\t\tclass=\"sow-accordion-panel-content\"\n\t\t\t\trole=\"region\"\n\t\t\t\taria-labelledby=\"accordion-label-contribution-formats\"\n\t\t\t\tid=\"accordion-content-contribution-formats\"\n\t\t\t\tstyle=\"display: none;\"\t\t\t>\n\t\t\t\t<div class=\"sow-accordion-panel-border\">\n\t\t\t\t\t<ul>\n<li><strong>Practical Application Review<\/strong>: A contribution focusing on practical experience in the use or development of tools\/use of methods\/etc... The contribution should start with a theoretical part and then move on to either a \u2018show and tell\u2019 or to working through a specific example of the practical application of the tool\/method etc. The results of the session will be included in the overall conference report. Submissions from heterogeneous teams such as companies and educational institutions are also possible.<\/li>\n<li><strong>Prototype and Product Close-Up<\/strong>: Here we are looking for contributions that describe and present innovative new tools that can be shown as working prototypes or finished products. After a brief theoretical introduction, the room should then turn into a hands-on demonstration lab, in which the (future) users will be able to try out your prototype\/product and give feedback.<\/li>\n<li><strong>Workshop<\/strong>: Workshops will be spaces in which we can take stock and exchange information on particular conference topics. Together with the participants, you will work on the conference topic in question and record a result. The active involvement of the participants is the important thing here. Workshops should not be a collection of lectures, but rather an open space for discussions and other forms of active participation. The results of the workshops will be published. For example you could do something like the following: Workshops With a Scientific Focus (a discussion about the preliminary results of research into current, but not yet widely established trends, input + discussion + further development); Idea Workshops (presentation of an idea with subsequent discussion\/exchange of ideas between the participants and the joint further development of the idea) or Project Workshops (Discussion and comparison of [interim] results from projects, exchange of experience\/knowledge, solutions to a concrete question).<\/li>\n<li><strong>\u2018How-To\u2019 Tutorial:<\/strong>\u00a0A \u2018How-To\u2019 tutorial should give a comprehensive overview of a thematically self-contained subject area, method or tool. A good tutorial should be educational and not just be a brief overview. Tutorials should also be combined with practical exercises (hands-on experience) and should be of sufficient relevance and importance to capture the interest of the audience.<\/li>\n<\/ul>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<div class=\"sow-accordion-panel\n\t\t\t\t\t\"\n\t\t\t\tdata-anchor-id=\"programme-committee\">\n\t\t\t\t\t<div class=\"sow-accordion-panel-header-container\" role=\"heading\" aria-level=\"2\">\n\t\t\t\t\t<div class=\"sow-accordion-panel-header\" tabindex=\"0\" role=\"button\" id=\"accordion-label-programme-committee\" aria-controls=\"accordion-content-programme-committee\" aria-expanded=\"false\">\n\t\t\t\t\t\t<div class=\"sow-accordion-title sow-accordion-title-icon-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tProgramme Committee\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"sow-accordion-open-close-button\">\n\t\t\t\t\t\t\t<div class=\"sow-accordion-open-button\">\n\t\t\t\t\t\t\t\t<span class=\"sow-icon-ionicons\" data-sow-icon=\"&#xf218;\"\n\t\t \n\t\taria-hidden=\"true\"><\/span>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"sow-accordion-close-button\">\n\t\t\t\t\t\t\t\t<span class=\"sow-icon-ionicons\" data-sow-icon=\"&#xf209;\"\n\t\t \n\t\taria-hidden=\"true\"><\/span>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<div\n\t\t\t\tclass=\"sow-accordion-panel-content\"\n\t\t\t\trole=\"region\"\n\t\t\t\taria-labelledby=\"accordion-label-programme-committee\"\n\t\t\t\tid=\"accordion-content-programme-committee\"\n\t\t\t\tstyle=\"display: none;\"\t\t\t>\n\t\t\t\t<div class=\"sow-accordion-panel-border\">\n\t\t\t\t\t<p>For the first time, the conference programme was composed by a programme committee made up of members of the ILIAS community. Together with representatives of the organiser OC Open Consulting and the ILIAS association, the programme committee also formed the jury for the call for papers. The members of the committee are:<\/p>\n<ul>\n<li><strong>Claudia Glander<\/strong>, CaT Concepts and Training GmbH<\/li>\n<li><strong>Katharina Riebe<\/strong>, Hochschule Bremen<\/li>\n<li><strong>Jeanette Kristin Weichler<\/strong>, ISE Fraunhofer<\/li>\n<li><strong>Karin Wessels<\/strong>, CaT Concepts and Training GmbH<\/li>\n<\/ul>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-3402-6\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-widget-style panel-row-style panel-row-style-for-3402-6\" data-stretch-type=\"full-width-stretch\" ><div id=\"pgc-3402-6-0\"  class=\"panel-grid-cell\" ><div id=\"panel-3402-6-0-0\" class=\"so-panel widget widget_sow-tabs panel-first-child panel-last-child\" data-index=\"10\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-tabs so-widget-sow-tabs-default-1520860656a7-3402\"\n\t\t\t\n\t\t><div class=\"sow-tabs\">\n\t<div class=\"sow-tabs-tab-container\" role=\"tablist\">\n\t\t\t<div\n\t\t\tclass=\"sow-tabs-tab\n\t\t\t sow-tabs-tab-selected\t\t\t\"\n\t\t\trole=\"tab\"\n\t\t\tdata-anchor-id=\"thursday-08-september-2022\"\n\t\t\taria-selected=\"true\"\n\t\t\ttabindex=\"0\"\n\t\t>\n\t\t\t<div class=\"sow-tabs-title sow-tabs-title-icon-left\">\n\t\t\t\t\t\t\t\tThursday, 08 September 2022\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<div\n\t\t\tclass=\"sow-tabs-tab\n\t\t\t\t\t\t\"\n\t\t\trole=\"tab\"\n\t\t\tdata-anchor-id=\"friday-09-september-2022\"\n\t\t\taria-selected=\"false\"\n\t\t\ttabindex=\"0\"\n\t\t>\n\t\t\t<div class=\"sow-tabs-title sow-tabs-title-icon-left\">\n\t\t\t\t\t\t\t\tFriday, 09 September 2022\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\n\t<div class=\"sow-tabs-panel-container\">\n\t\t\t<div class=\"sow-tabs-panel\">\n\t\t\t<div\n\t\t\t\tclass=\"sow-tabs-panel-content\"\n\t\t\t\trole=\"tabpanel\"\n\t\t\t\taria-hidden=\"false\"\n\t\t\t>\n\t\t\t\t<p><strong><span style=\"color: #e25607\">09h30 - 11h00<\/span><\/strong><\/p>\n<p><em><span style=\"color: grey\">Plenum \u2022 Sala A+B \u2022 with translation<\/span><\/em><\/p>\n<p><strong>Opening<\/strong>\u00a0of conference<\/p>\n<p><strong>Welcome Greetings<\/strong><br \/>\nPaolo Calvano, Region Emilia Romagna<br \/>\nOliver Samoila, ILIAS open source e-Learning e.V.<\/p>\n<p><strong>Future of work &amp; education - beyond the buzzwords<\/strong><br \/>\nAnja C. Wagner<br \/>\n<em>Keynote [de]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-wagner kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-wagner\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-wagner\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-wagner\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-wagner\">Future of Work &amp; Education - Beyond the Buzzwords<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Keynote by\u00a0<strong>Anja C. Wagner<\/strong> in German language with translation to English and Italian.<\/p>\n<div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-3340 alignleft\" src=\"https:\/\/www.ilias-conference.org\/wp-content\/uploads\/2025\/09\/ACWagner_Keynote1-289x300.jpeg\" alt=\"Anja C. Wagner\" width=\"289\" height=\"300\" srcset=\"https:\/\/www.ilias-conference.org\/wp-content\/uploads\/2025\/09\/ACWagner_Keynote1-289x300.jpeg 289w, https:\/\/www.ilias-conference.org\/wp-content\/uploads\/2025\/09\/ACWagner_Keynote1-768x798.jpeg 768w, https:\/\/www.ilias-conference.org\/wp-content\/uploads\/2025\/09\/ACWagner_Keynote1.jpeg 800w\" sizes=\"auto, (max-width: 289px) 100vw, 289px\" \/><\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">Dr. Anja C. Wagner deals with global transformation in digital change. She is considered a creative trendsetter and describes herself as an education troublemaker. Her content revolves around user experience, education policy, work organisation and our future in a networked society. As managing director of FROLLEINFLOW, she writes expert opinions, books and articles, consults in many ways and creatively strolls through the digital world.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">More info: http:\/\/acwagner.info and https:\/\/frolleinflow.com<\/p>\n<\/div>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<hr \/>\n<hr \/>\n<p><strong><span style=\"color: #e25607\">11h30 - 13h00<\/span><\/strong><\/p>\n<p><em><span style=\"color: grey\">Plenum:\u00a0presentations of hosts\u00a0\u2022 Sala A+B \u2022 with translation<\/span><\/em><\/p>\n<p><strong>L'e-learning pu\u00f2 diventare generatore di cambiamento sociale e creare impatto? Una storia di coraggio con il buon uso delle tecnologie e della formazione digitale<\/strong>\u00a0(<em>Can e-learning become a generator of social change and create impact?<\/em><em class=\"ilc_em_Emph\">\u00a0A courage story with the good use of technologies and digital training<\/em>)<br \/>\nRoberto del Mastro, OC Open Consulting<br \/>\n<em>[it]<\/em><\/p>\n<p><strong>Back to the Future: What comes with ILIAS 8 and 9<\/strong><br \/>\nMatthias Kunkel, ILIAS open source e-Learning e.V.<br \/>\n<em>[de]<\/em><\/p>\n<hr \/>\n<hr \/>\n<p><strong><span style=\"color: #e25607\">14h30 - 16h00<\/span><\/strong><br \/>\n<div class=\"row\"> <div class=\"col-md-3  \">\n<p><em><span style=\"color: grey\">Slot 1A: Back to the Future \u2022 Sala A \u2022 Translation<\/span><\/em><\/p>\n<p><strong>ILIAS als Teil der Digitalisierungsstrategie der S\u00fcdtiroler Landesverwaltung<\/strong><br \/>\nG\u00fcnter S\u00f6lva &amp; Stefan Kontschieder<br \/>\n<em>Practical Application Review <\/em><em>[de]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-soelva kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-soelva\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-soelva\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-soelva\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-soelva\">ILIAS as part of the digitalisation strategy of the South Tyrolean provincial administration<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Demo von\u00a0<strong>G\u00fcnter S\u00f6lva\u00a0<\/strong>&amp;<strong>\u00a0Stefan Kontschieder<\/strong>, S\u00fcdtiroler Landesverwaltung - Amt f\u00fcr Personalentwicklung<\/p>\n<p>The challenges and successes on the path of ILIAS as an integrated part of the digitization strategy of the South Tyrolean provincial administration are shown - specifically using the example of the automated filing of participation confirmations in the digital personnel file.<\/p>\n<p>The South Tyrolean regional administration (Autonomous Province of Bolzano) has been operating the learning portal www.copernicus.bz.it since 2004. With the update to ILIAS 6, new development steps were taken.<\/p>\n<p>The demo provides an insight into ILIAS as part of the digitization strategy of the South Tyrolean provincial administration and, in particular, into the process of connecting ILIAS to the digital South Tyrolean citizen network via various interfaces. As a result, since the end of 2021 it has been possible, for example, to file participation confirmations for all employees in the provincial administration directly and immediately in their digital personnel files. The participation confirmations can now be retrieved digitally using the electronic identity card EIK (CIE in Italian), among other things, and remain there even if someone changes jobs, for example.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<p><strong>Pflichtunterweisungen mit ILIAS effizient abbilden<\/strong><br \/>\nBernd Rumphorst &amp; Claudia Glander<br \/>\n<em>Demo [de]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-rumphorst kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-rumphorst\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-rumphorst\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-rumphorst\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-rumphorst\">Efficiently map compulsory training with ILIAS<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Demo von\u00a0<strong>Bernd Rumphorst<\/strong>, LVM Versicherung und\u00a0<strong>Claudia Glander<\/strong>, CaT Concepts and Training GmbH<\/p>\n<p>The demo presentation shows how mandatory instructions can be efficiently mapped with the ILIAS study program.<\/p>\n<p>For companies, the first challenge in organizing in-house training is often the regular implementation, monitoring and verification of mandatory training. Paper and pen or Excel can help, but the overview is quickly lost as the number of employees grows and new mandatory training courses are added. Invitations, registrations and documentation on paper mean a great deal of organizational effort. Can digitization of the process help here?<\/p>\n<p>LVM Versicherung from M\u00fcnster can answer this question in the affirmative. Through the introduction of the ILIAS-based system cate together with CaT Concepts and Training GmbH and the use of the ILIAS study program, the effort for mandatory instructions could be reduced to a minimum in a short time. Employees are reminded by the system cyclically by mail to complete or renew their mandatory training. The results are documented in a digital education biography for employees and managers.<\/p>\n<p>This not only pleases the organizers and those responsible, but also the learners, who are presented with the necessary information in an appealing interface.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<p><strong>Transparentes Koppeln von Plattformen<\/strong><br \/>\nMarko Glaubitz<br \/>\n<em>Demo [de]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-glaubitz kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-glaubitz\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-glaubitz\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-glaubitz\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-glaubitz\">Transparent coupling of platforms<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Do you operate several ILIAS platforms at your institution or in your cooperation network and have always wanted to send users, courses and other learning resources from one ILIAS or Moodle to another? But you didn't know how? Don't worry, ILIAS 8 and higher will help you!<\/p>\n<p>ILIAS has long offered the possibility to share content such as courses, learning modules and tests between platforms with the help of ECS. However, there have been some limiting factors that have made the use of this coupling method difficult or not effective - especially when two platforms within the same institution or within a trusting federation of platforms should be connected. A fundamental problem was that, until now, when users were transferred via the ECS, local user accounts were always created on the target platform. Access to the shared resources was thus only ever possible via a detour through the user's own platform; the account on the target platform received no e-mails and came virtually out of nowhere. While this was problem-free or even the desired behavior for many scenarios, it was at the same time a major stumbling block in other contexts, not least due to the emergence of authentication methods such as Shibboleth or OpenID Connect. Especially in a mesh of different interconnected platforms, the many independent local accounts posed a major problem.<\/p>\n<p>The ECS connector in ILIAS has now been extended to allow transparent passing of user identities between connected platforms - users thus have the same identity on both platforms even after passing on via ECS and can also log in to both platforms. This article shows which possibilities the ECS connector offers and discusses them with different coupling scenarios from the EPICUR network, the Eucor network and within the University of Freiburg.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<\/div><div class=\"col-md-3  \">\n<p><em><span style=\"color: grey\">Slot 1B: Back to the Future \u2022 Sala B<\/span><\/em><\/p>\n<p><strong>Gestaltung einer hybriden Ausbildung von Digital Learning Scouts<br \/>\n<\/strong>Nils Arne Brockmann, Andr\u00e9 Mersch &amp; Henrik Pruisken<br \/>\n<em>Workshop [de]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-brockmann kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-brockmann\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-brockmann\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-brockmann\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-brockmann\">Gestaltung einer hybriden Ausbildung von Digital Learning Scouts<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Im Workshop wollen wir auf Grundlage des DigikoS-Grundkonzepts gemeinsam mit den Teilnehmenden folgender Frage in einem kollegialen Austausch nachgehen: Wie l\u00e4sst sich mit dem Einsatz von ILIAS ein hybrides, flexibles und skalierbares Ausbildungsbildungskonzept f\u00fcr auf das Selbststudium spezialisierte studentische Mitarbeiter*innen (Digital Learning Scouts) realisieren?<\/p>\n<p>Bei dem Workshop handelt es sich um einen Projekt-Workshop, der sich auf das Verbundprojekt \u201eDigitalbaukasten f\u00fcr kompetenzorientiertes Selbststudium\u201c (DigikoS) bezieht. Ziel des Verbundprojekts ist es, sowohl Lehrende bei der F\u00f6rderung von studentischen Selbstlernkompetenzen zu unterst\u00fctzen als auch Studierende bei der Umsetzung ihres Selbststudiums zu begleiten. Zur Erreichung der Projektziele sollen Studierende zu Digital learning Scouts (DLS) ausgebildet werden, um in einer Br\u00fcckenfunktion die vorgenannten Aufgaben zu \u00fcbernehemen.<\/p>\n<p>Bei der Konzeption des Ausbildungsprogramms ergeben sich in Bezug auf die Organisation und Inhalte vielf\u00e4ltige Herausforderungen. Zum einen studieren die potentiellen DLS an unterschiedlichen Hochschulstandorten, in verschiedenen Studieng\u00e4ngen sowie mit ganz unterschiedlichen Studienmodellen und -zeiten. Zum anderen ist das Anwendungsfeld Selbststudium so vielf\u00e4ltig, dass das Ausbildungsprogramm flexibel zu gestalten ist. Um den r\u00e4umlichen, zeitlichen und inhaltlichen Herausforderungen zu begegnen, bietet sich ein \u00fcber ILIAS abgebildetes hybrides und (\u00fcberwiegend) asynchrones Ausbildungskonzept an.<\/p>\n<p>Konkret m\u00f6chten wir im Workshop mittels kurzer Inputs zur Rolle der DLS, der Ausbildungsorganisation und den Ausbildungsinhalten sowie anschlie\u00dfender Gruppenarbeiten Diskussionen anregen und Ideen entwickeln, wie sich ein solch komplexes Ausbildungsprogramm \u00fcber ILIAS realisieren l\u00e4sst.<\/p>\n<p>Der Workshop stellt die thematische Vertiefung eines Teilaspekts des Digikos-Projekts dar und ist nicht redundant zum Beitrag \"Erfolgreich Studieren \u2013 Konzepte und geplante Werkzeuge zur Unterst\u00fctzung des kompetenzorientierten Selbststudiums: Vorstellung des Projekts DigikoS\" zu verstehen.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<\/div><div class=\"col-md-3  \">\n<p><em><span style=\"color: grey\">Slot 1C: Wildcard \u2022 Sala C<\/span><\/em><\/p>\n<p><strong>ILIAS per principianti<br \/>\n<\/strong>Ilario Truppa<br \/>\n<em>Practical Application Review [it]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-truppa kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-truppa\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-truppa\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-truppa\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-truppa\">ILIAS per principianti<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Practical Application Review von <strong>Ilario Truppa<\/strong>, OC Open Consulting s.r.l.<\/p>\n<p>ILIAS is an extremely flexible LMS platform that can be adapted to the needs of companies and universities. However, for newbies it could be complex or even disorienting.<\/p>\n<p>The aim of this presentation is to provide an overview of ILIAS explained in a \"simple way\" and, together with you and your questions, understand the main settings and build a course using ILIAS LMS internal authoring.<\/p>\n<p>ILIAS \u00e8 una piattaforma LMS estremamente flessibile e adattabile alle necessit\u00e0 di aziende ed universit\u00e0. Tuttavia per i neofiti potrebbe risultare articolata o addirittura complessa.<\/p>\n<p>L'obiettivo di questa presentazione \u00e8 quello di fornire una panoramica di ILIAS spiegata in \"modo semplice\" e, insieme a voi ed alle vostre domande capire le principali impostazioni e costruire un corso utilizzando l'authoring interno di ILIAS LMS.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<p><strong>ILIAS Marketplace<br \/>\n<\/strong>Ilario Truppa<br \/>\n<em>Demo [en]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-ilario kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-ilario\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-ilario\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-ilario\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-ilario\">ILIAS Marketplace<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Practical Application Review by <strong>Ilario Truppa<\/strong>, OC Open Consulting s.r.l.<\/p>\n<p>Il progetto ILIAS Marketplace ha come obiettivo offrire la possibilit\u00e0 al management aziendale, di acquistare dei corsi off-the-shelf, forniti dai migliori cataloghi online e renderli accessibili agli utenti all\u2019interno della piattaforma eLearning ILIAS, tenendo al contempo in sicurezza i dati dei fruitori (GDPR Compliant).<\/p>\n<p>I punti principali di questo progetto sono:<\/p>\n<ol>\n<li>Avere direttemente in ILIAS un servizio on-demand di acquisto di Corsi gi\u00e0 pronti all\u2019uso, acquistandoli dai migliori cataloghi online;<\/li>\n<li>Risolvere il problema delle aziende utilizzatrici di ILIAS di dover acquistare i Corsi da importare, spesso ad un prezzo eccessivo rispetto al numero di utenti che fruiranno di quel Corso. In \u201cILIAS Marketplace\u201d sar\u00e0 possibile acquistare un numero di licenze adatto agli utenti da formare;<\/li>\n<li>Risolvere il problema della \u201cperdita di controllo\u201d da parte dei fornitori dei Corsi off-the-shelf che, una volta consegnati ai Clienti, possono essere utilizzati e\/o caricati in piattaforme diverse da quella concordate. I contenuti dei fornitori resteranno infatti sulle rispettive piattaforme, garantendone la propriet\u00e0 e l\u2019aggiornamento;<\/li>\n<li>Rispettare i dati personali degli utenti (spesso dipendenti delle aziende) perch\u00e9 i loro dati verranno salvati e conservati solo in ILIAS, poich\u00e9 il fornitore dei corsi ricever\u00e0 solo dati come il numero di licenze e delle stringhe alfanumeriche per differenziare gli utenti.<\/li>\n<\/ol>\n<p>Maggiori informazioni su https:\/\/marketplace.ilias.it\/<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<\/div><div class=\"col-md-3  \">\n<p><em><span style=\"color: grey\">Slot 1D: How to \u2026 \u2022 BORA<\/span><\/em><\/p>\n<p><strong>How to design a gamified self-study scenario in ILIAS<br \/>\n<\/strong>Dorthe Hutz-Nierhoff &amp; Rob Falkenstein<br \/>\n<em>Tutorial [en]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-nierhoff kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-nierhoff\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-nierhoff\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-nierhoff\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-nierhoff\">How to design a gamified self-study scenario in ILIAS<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Tutorial von\u00a0<strong>Dorthe Hutz-Nierhoff\u00a0<\/strong>&amp;<strong>\u00a0Rob Falkenstein<\/strong>, Universit\u00e4t Freiburg<\/p>\n<p>With this tutorial we would like to help participants design a gamified self-study scenario in ILIAS, using gamification elements such as \u201cunlockable content\u201d and badges awarded at different levels.<\/p>\n<p>It is known from a variety of empirical studies on the impact of gamification on learning and instruction that the use of game-based elements has several major gainful effects. Among these are, for instance, an increase in student motivation and engagement as well as improved orientation in the learning process.<\/p>\n<p>With these potentially gainful effects in mind, several game-based elements were integrated into the learning design of \u201cPerForm \u2013 Bioeconomy and Society\u201d, a SPOC (small private online course) with a guided microlearning approach piloted by the EPICUR European University Alliance.<\/p>\n<p>Implementing the concept of progressive unlocking of \u201clearning nuggets\u201d as well as awarding badges at different levels in ILIAS requires knowledge and skills of mechanics tied to functions such as learning progress, availability, badges and the ILIAS page editor.<\/p>\n<p>In this How to?! session participants will learn how to practically apply these mechanics on the basis of a pre-designed example taken from the setting described above. Practical tips for an advanced use of the page editor to clearly design and present learning nuggets (e.g. \u201cmanual\u201d tiles, column layout, embedded item groups) will be provided as needed.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<\/div><\/div>\n<hr \/>\n<hr \/>\n<p><strong><span style=\"color: #e25607\">16h30 - 18h00<\/span><\/strong><\/p>\n<div class=\"row\"> <div class=\"col-md-3  \">\n<p><em><span style=\"color: grey\">Slot 2A: Back to the Future \u2022 Sala A \u2022 Translation<\/span><\/em><\/p>\n<p><strong>Applied Bridge: the solution addressed to ILIAS platform administrators and tutors for an autonomous, segregated and time saving accounting management of the platform<\/strong><br \/>\nCaterina Castellani<br \/>\n<em>Practical Application Review [it]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-castellani kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-castellani\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-castellani\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-castellani\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-castellani\">Applied Bridge: the solution addressed to ILIAS platform administrators and tutors for an autonomous, segregated and time saving accounting management of the platform<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Practical Application Review by <strong>Caterina Castellani<\/strong>, APPLIED s.r.l.<\/p>\n<p>This presentation shows and tells an integration between ILIAS and SAP Success Factors (or other talent management systems).<\/p>\n<p>Within the digital transformation services provided by Applied towards significant companies and cross industries companies which are users of ILIAS LMS, we recognized an urgent need within the accounting management activities of the platform and affected by the following context of reference and major drivers:<\/p>\n<ul>\n<li>Covid-19 effects on companies\u2019 business process management<\/li>\n<li>Needs of reskilling and upskilling due to digital transformation<\/li>\n<li>Increasing use of remote learning for a more and more extensive audience.<\/li>\n<\/ul>\n<p>The above macro trends let Human Resources and Education departments dealing with new types and needs of works:<\/p>\n<ul>\n<li>The new management activities due to the adoption of ILIAS LMS<\/li>\n<li>Need for cross platform reporting between ILIAS LMS datas and talent management systems (as pe SAP Success Factors)<\/li>\n<li>Need to enroll a significant number of users in e-learning courses and to report learning progress results in the talent management<\/li>\n<\/ul>\n<p>As for the understanding of the above, Applied entirely developed an accounting system designed for the efficiency of activities performed by the administrators or tutors of ILIAS LMS. This accounting system is merely a middleware which can be customized accordingly to talent management systems adopted by the companies. The major functionalities allowed by the Applied Bridge are:<\/p>\n<ul>\n<li>Automatic synchronization of personal master data concerning the users who are required to attend ILIAS LM courses<\/li>\n<li>Automatic registration of participants in ILIAS LMS contents through the upload of files generated by the talent management system<\/li>\n<li>Automatic export of learning progress through format files ready to directly upload in the talent management system<\/li>\n<li>Creation of several roles with different permissions accordingly to operating flow chosen by the company (pe: a group HR department as general administrator with visibility on the total range of ILIAS contents and users list; HR manager of local subsidiaries as local administrator with limited visibility on ILIAS contents and users list)<\/li>\n<li>Time validity settings of courses activation<\/li>\n<li>Update of subscriptions features<\/li>\n<li>Users list view per content presented in ILIAS LMS<\/li>\n<li>User details view customized as for company\u2019s needs.<\/li>\n<\/ul>\n<p>Finally, the Applied bridge is applicable to both public and private institutions, and we would be honoured to join ILIAS Conference presenting our paper through a practice case experience based on a \u201cshow &amp; tell\u201d approach.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<p><strong>Training e automazione: composizione semi automatica di contenuti formativi<\/strong><br \/>\nMartina Solimini<br \/>\n<em>Practical Application Review [it]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-solimini kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-solimini\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-solimini\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-solimini\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-solimini\">Training and automation: semi-automated composition of training content<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Practical Application Review by\u00a0<strong>Martina Solimini<\/strong>, IMA<\/p>\n<p>Demonstrate the ability to create draft training content automatically from a product BOM.<\/p>\n<p>IMA is an international company specializing in the production of automatic machines for packaging pharmaceuticals, food, cosmetics, tobacco, tea and coffee. The machines have a logical and physical structure, called a bill of materials, which is defined at the design stage and used for production and maintenance. The machines that IMA designs and assembles almost handcrafted for its customers involve a complexity of process, operation, and maintenance that can only be shared with end users with appropriate field training.<\/p>\n<p>How do you enable IMA to transmit its know-how to clients? How do you digitize a process that can no longer be supported by paper and unstructured material? How do you synchronize this flow with machine delivery? In my talk, I will discuss how IMA has developed a process for producing and sharing training with its customers, making the system central to automating content writing within the ILIAS platform, namely MIXER.<\/p>\n<p>The Mixer, informally called a \"blender,\" is a system that can communicate with ILIAS and semi-automatically compose courses according to certain structures that represent the storyboard. Composition is done by aggregating Media Pool objects previously stored by the editor within the LMS.<\/p>\n<p>The aggregation logic is currently defined by the compilation of an xls file, in which the machine bill of materials or instruction manual structure is given, and each group is associated with a specific content. Our machines have a modular structure, that is, they are made up of functional groups that can be reused for subsequent productions. Consequently, why produce an already existing and reusable training content several times? Through the opportunity to associate a content with a functional group, it is possible to automatically aggregate training content based on the machine structure.<\/p>\n<p>From this input, which is effectively the course storyboard, the Mixer is able to produce an xml analogous to the one packaged in ILIAS, which can be imported and synchronized with the content actually present in the LMS. The result is to have a course reduce the editing work by at least 70 percent.<\/p>\n<p>Central to this process was the flexibility and scalability of ILIAS, as Open Source software, predisposed to co-working by multiple companies contributing to the development of an integrated system.<\/p>\n<p>The tangible benefits are major time and cost savings in producing and updating content, with the ability to reuse information already produced in other enterprise systems. An even more ambitious goal will be to connect ILIAS directly to other enterprise software via the Mixer. In this way, starting from the bill of materials processed with design systems, transmitted and finalized in ERP and CMS systems, it will be possible in a semi-automatic way to package customized Training content to machine matrix.<\/p>\n<p>This flow fits within a landscape that encompasses not only the production of content, but all the complexity of how to prepare it for our customers, who are faced with ever-increasing production needs due to the connectivity and industry requirements in which they operate.<\/p>\n<p>In this talk, I will try to emphasize how this whole ecosystem came about, the integration between ILIAS and the Mixer, and the provision of content to clients.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<\/div><div class=\"col-md-3  \">\n<p><em><span style=\"color: grey\">Slot 2B: Diversity \/ Back to the Future \u2022 Sala B<\/span><\/em><\/p>\n<p><strong>Mit dem MIKA-Campus die Medien- und IT-Kompetenz von Ausbildungspersonal f\u00f6rdern<\/strong><br \/>\nNatalie Deininger, Franziska Senze, Uwe Kohnle &amp; Philipp Kr\u00f6pelin<br \/>\n<em>Demo [de]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-senze kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-senze\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-senze\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-senze\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-senze\">Mit dem MIKA-Campus die Medien- und IT-Kompetenz von Ausbildungspersonal f\u00f6rdern<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Prototype and Product Close-Up by von <strong>Natalie Deininger<\/strong>, Bundesinstitut f\u00fcr Berufsbildung (BIBB),\u00a0<strong>Franziska Senze<\/strong> and\u00a0<strong>Philipp Kr\u00f6pelin<\/strong>, Kr\u00f6pelin Projekt GmbH, and <strong>Uwe Kohnle<\/strong>, internetlehrer GmbH<\/p>\n<p>Entwicklung eines niedrigschwelligen Lernangebots f\u00fcr die Zielgruppe des betrieblichen Ausbildungspersonals zur F\u00f6rderung von digitalen und medienp\u00e4dagogischen Kompetenzen.<\/p>\n<p>Das Bundesinstitut f\u00fcr Berufsbildung (BIBB) hat im Mai 2022 im Rahmen des Projekts Medien- und IT-Kompetenz f\u00fcr Ausbildungspersonal (MIKA) den MIKA-Campus ver\u00f6ffentlicht. Das Weiterbildungsangebot MIKA unterst\u00fctzt das Ausbildungspersonal dabei, den Einsatz von digitalen Medien in der betrieblichen Ausbildung zu etablieren. Das vom Bundesministerium f\u00fcr Bildung und Forschung (BMBF) gef\u00f6rderte Projekt hat zum Ziel, betrieblichem Ausbildungspersonal durch angeleitete praxisnahe \u00dcbungen in Pr\u00e4senzveranstaltungen, Webinaren und Selbstlernphasen (Blended Learning) zu erm\u00f6glichen, ihre digitalen und medienp\u00e4dagogischen Kompetenzen zu erweitern.<\/p>\n<p>Die vom BIBB entwickelte und ILIAS-basierte Lernplattform ist eine von drei Bausteinen des MIKA-Projekts:<\/p>\n<p>(1) Der MIKA-Campus (www.mika.foraus.de) als Lernplattform zur Aneignung medienp\u00e4dagogischer Grundlagen,<\/p>\n<p>(2) die MIKA-Seminare als ein niedrigschwelliges Weiterbildungsangebot f\u00fcr betriebliches Ausbildungspersonal im Blended-Learning-Format sowie<\/p>\n<p>(3) ein Train-the-Trainer-Konzept (MIKA-Trainer\/-in), um bundesweit einen fl\u00e4chendeckenden Qualit\u00e4tsstandard f\u00fcr die Durchf\u00fchrung des entwickelten MIKA-Konzepts zu gew\u00e4hrleisten.<\/p>\n<p>Der MIKA-Campus ist ein zentraler Baustein, um die Teilnehmenden der MIKA-Seminare thematisch in die Pr\u00e4senzveranstaltungen und Webinare einzuf\u00fchren. Die virtuelle Moderatorin und Auszubildende Mika begleitet die Nutzer\/-innen durch die Lernbausteine. Die Plattform des MIKA-Campus kooperiert gleichzeitig mit Bildungseinrichtungen, die MIKA-Seminare anbieten (bspw. Handwerkskammern, Industrie- und Handelskammern, Berufsbildungswerke). Der MIKA-Campus ist organisatorisch und technisch in das Ausbildungsportal www.foraus.de eingebunden. Dar\u00fcber hinaus ist der MIKA-Campus mit Kooperationsplattformen von Bildungseinrichtungen, die MIKA-Seminare anbieten, \u00fcber eine LTI-Schnittstelle vernetzt.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<p><strong>Mitbestimmungs- und Informationsrechte von Betriebsr\u00e4ten und F\u00fchrungskr\u00e4ften in ILIAS abbilden<\/strong><br \/>\nMarkus Zimmermann &amp; Claudia Glander<br \/>\n<em>Demo [de]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-zimmermann kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-zimmermann\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-zimmermann\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-zimmermann\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-zimmermann\">Mitbestimmungs- und Informationsrechte von Betriebsr\u00e4ten und F\u00fchrungskr\u00e4ften in ILIAS abbilden<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Demo von\u00a0<strong>Markus Zimmermann<\/strong>, DEVK Versicherungen, und\u00a0<strong>Claudia Glander<\/strong>, CaT Concepts and Training GmbH<\/p>\n<p>Im Beitrag wird gezeigt, wie die Organisationseinheiten und Positionen aus ILIAS genutzt werden k\u00f6nnen, um komplexe Genehmigungs- und Freigabeszenarien abzubilden.<\/p>\n<p>Bildungsverantwortliche in Unternehmen stehen vor der Herausforderung, Genehmigungs- und Freigabeprozesse abzubilden, \u00fcber die verschiedene F\u00fchrungsebenen oder Mitbestimmungsgremien eingebunden werden m\u00fcssen. Mit den \u201cOrganisationseinheiten\u201d und \u201cPositionen\u201d bietet ILIAS hier Features, die auch komplexen Szenarien gerecht werden.<\/p>\n<p>Die DEVK beteiligt F\u00fchrungskr\u00e4fte und Betriebsr\u00e4te an der Beantragung und Freigabe von Buchungen. Eingesetzt wird das auf ILIAS basierende System cate der CaT Concepts and Training GmbH, das in der Pro-Variante auf die Anforderungen gro\u00dfer und dezentraler Unternehmen ausgerichtet ist.<\/p>\n<p>Die in ILIAS vorhandenen M\u00f6glichkeiten der Organisationseinheiten und Positionen werden dazu mit Organisationsdaten der DEVK zu einem einfach zu bedienenden Vorgang verschmolzen. Die Mitbestimmungs- und Informationsrechte der Betriebsr\u00e4te und die F\u00fchrungsaufgaben der Vorgesetzten k\u00f6nnen so umfassend ber\u00fccksichtigt werden. Die Abbildung aller Bildungsaktivit\u00e4ten in einem System gelingt auch f\u00fcr externe oder mitbestimmungspflichtige Angebote.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<\/div><div class=\"col-md-3  \">\n<p><em><span style=\"color: grey\">Slot 2C: Back to the Future \u2022 Sala C<\/span><\/em><\/p>\n<p><strong>From ILIAS to ILAIS<\/strong><br \/>\nG\u00f6ran Kattenberg<br \/>\n<em>Demo [en]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-kattenberg kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-kattenberg\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-kattenberg\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-kattenberg\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-kattenberg\">From ILIAS to ILAIS<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Demo von\u00a0<strong>G\u00f6ran Kattenberg<\/strong>, Future Learning<\/p>\n<p>In this demo presentation we will show the practical contribution of Artificial Intelligence to ILIAS. And how ILIAS can transform into ILAIS: Intelligent Learning AI System<\/p>\n<p>Artificial Intelligence is a buzzword on everybody's agenda nowadays. Yet it is a concept from the 50's and 60's introduced by Martin Minsky, Seymour Papert and John McCarthy. He was a mathematician, trying to figure out the human brain. Hence the concept of Artificial Intelligence and how it could be put into practice. E.g. via Perceptrons, which is now called Machine Learning via Nearal Networks. Computers are much more powerful 70 years later and AI becomes a useful tool. I met Marvin Minsky once at a conference of the American Educational Research Association in Chicago. It inspired me to dedicate my own work and research to the constructive added value of computing to education and educational research. I used it for gathering data, analyzing data and creating diagnostic and remediating tools for learning. In the meantime all kinds of educational tools and technologies have been developed such as ILIAS. A system for Information sharing, Learning and Collaboration. an LMS or Learning Management System. Including a Learning Content Management System which is a very strong feature of the ILIAS system and in my opinion a Unique Selling Point. Not every Learning Management System has a multi-language repository and built-in content and knowledge creation tools. A fine-grained asset management included, also support multiple language and a document management system that supports versioning. And also support for metadata and taxonomy.<\/p>\n<p>The issue here is that creating and managing the knowledge repository or central core of truth for an organization can be become a very cumbersome, A process called content curation. Multiple languages, multiple versions, multiple assets, multiple audiences, multiple skill levels. personalization, recommendations based on individual progress and analytics. These are all promises made through the recent addition of new technologies and standards to ILIAS such as Experience API, CMI-5, Competency Frameworks. Also, new technologies are on the horizon and gradually added to ILIAS, such as H5P for interactive content, Integration with other systems that allow e.g. Blockchain exchange of learning data towards and from the European Skills and Competency Framework ESCO.<\/p>\n<p>However, the actual content curation process and knowledge capture process is still very much a manual process. In this Demo presentation i will show how Artificial Intelligence can help here and allow for bulk knowledge creation from legacy sources such as documents, ,presentations, videos capture such as lectures and other video content directly in to the repository. But now in a \"smart\" way that allows for adding concept metadata and taxonomy, versioning, and asset creation such as automated creation of questions that can be reused in ILIAS towards tests and assessment. It is of the utmost importance that the questions are of a high quality standard within the specific knowledge domain and also contain appropriate distractors. These questions and other interactions can be used and reused both for informal and formal pujrposes and can also be used to provide competency pretests and post-tests to support useful learning analytics.<\/p>\n<p>Current Artificial Intelligence technology allows for extracting relevant concepts and topics in a multidimensional concept space (768 dimensions in the most recent versions of AGI). From legacy content these concepts can be extracted and including in \"smart\" content. Content becomes a dynamic knowledge resource that can be repurposed towards various delivery mechanisms and formats. Also it can be used for translation into multiple languages retaining the original conceptual quality of the source language and with the ability to regenerated updated content and knowledge. Also, AI allows for generating voiceovers or podcasts in a very high quality. Or, it is can be used to leverage the repository to performance support use cases such as using Voice interfaces (Alexa a.s.o).<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<p><strong>Achieve and measure learning progress in 3D\/VR SCORM learning modules<\/strong><br \/>\nSebastian van Loo<br \/>\n<em>Demo [en]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-vanloo kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-vanloo\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-vanloo\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-vanloo\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-vanloo\">Achieve and measure learning progress in 3D\/VR SCORM learning modules<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Demo von\u00a0<strong>Sebastian van Loo<\/strong>, Databay AG<\/p>\n<p>The article shows interactive 3D\/VR learning modules in which the learner has to perform various tasks. As part of the fulfilment of various tasks, task-specific learning levels are achieved, which can be easily saved in ILIAS via the SCORM interface. The SCORM learning module is passed by solving all or a specific combination of tasks by the learner from the 3D\/VR environment.<\/p>\n<p>Learning real physical actions, procedures and hand movements is regularly a fundamental and important learning objective. In eLearning, a 3D\/VR learning environment therefore provides a valuable complementary learning experience because it can effectively improve the learner's action-related competence compared to conventional learning modules.<\/p>\n<p>Once a 3D\/VR SCORM learning module has been created (e.g. with Unity or Aframe), the interface transfers the learning statuses reliably and persistently. The interface works with a ScormLibrary, which considerably facilitates communication between the learning module and ILIAS.<\/p>\n<p>The article presents useful application scenarios and practical examples and discusses functional and organisational challenges that need to be overcome in a 3D VR learning environment.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<\/div><div class=\"col-md-3  \">\n<p><em><span style=\"color: grey\">Slot 2D \u2022 How To \u2026 \u2022 BORA<\/span><\/em><\/p>\n<p><strong>Recasting the Mediacast<\/strong><br \/>\nAlexandra T\u00f6dt<br \/>\n<em>Tutorial\u00a0 [en]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-toedt kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-toedt\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-toedt\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-toedt\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-toedt\">Recasting the Mediacast<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Tutorial von\u00a0<strong>Alexandra T\u00f6dt<\/strong>, LEIFOS GmbH<\/p>\n<p>This demo conveys different uses of the revamped mediacast.<\/p>\n<p>For ILIAS 8 the Mediacast was completely revamped. It has new presentations for video, audio and images. These new controls are more usable and attractive, allow for creating appealing videocasts, podcasts and images. These controls became part of the ILIAS Kitchensink.<\/p>\n<p>Participants get to work with the new presentation modes of the revamped mediacast: podcasts, videocast, images in light boxes. We will look at examples and participants individually and jointly prepare mediacasts. Participants get to add different media types, adding preview pictures, make settings.<\/p>\n<p>We will understand how mediacasts from former ILIAS versions will behave under the new presentation modes. Participants get to know how a low threshold collaborative scenario for mediacasts can be devised involving mobile phone video capture. Participants get to devise simple scenarios using the learning progress for the video casts.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<p><strong>Kursvorlagen bereitstellen und nutzen<br \/>\n<\/strong>Marko Glaubitz<br \/>\n<em>Tutorial [de]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-marco kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-marco\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-marco\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-marco\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-marco\">Kursvorlagen bereitstellen und nutzen<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Tutorial von\u00a0<strong>Marko Glaubitz<\/strong>, Universit\u00e4t Freiburg<\/p>\n<p>Demonstration der Bereistellung von Kursvorlagen unter Nutzung von lokalen Rollen und automatischer Rollenzuweisung.<\/p>\n<p>Kursvorlagen sind ein viel diskutiertes Thema und ein Beliebtes Werkzeug um noch unerfahrenen Nutzer*innen die Bereitstellung von ansprechend gestalteten und potentiell durchaus komplex strukturierten Kursen zu erm\u00f6glichen. Lehrenden werden dabei verschiedene \"skeletthafte\" Kurse zur Verf\u00fcgung gestellt, die zum freien Nutzen, Anpassen und Weiterentwickeln bereitstehen.<\/p>\n<p>Dieser Beitrag diskutiert kurz das aktuelle B\u00fcndel an Kursvorlagen und deren Einsatzszenarien und demonstriert, wie diese Kursvorlagen an der Universit\u00e4t Freiburg bereitgestellt und verf\u00fcgbar gemacht werden. Insbesondere wird dargestellt, wie dabei zwar erm\u00f6glicht wird, dass die Lehrenden solche Kursvorlagen einsehen und kopieren k\u00f6nnen, jedoch die Kopien wieder als ganz normale Kurse mit ganz normalen Berechtigungen entstehen. Dabei kommen lediglich Bordmittel des ILIAS-Kerns zum Einsatz.<\/p>\n<p>Des weiteren wird kurz auf die Limitationen solcher Vorlagen im Lichte des aktuellen Implemenationsstandes von ILIAS eingegangen.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<\/div><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<div class=\"sow-tabs-panel\">\n\t\t\t<div\n\t\t\t\tclass=\"sow-tabs-panel-content\"\n\t\t\t\trole=\"tabpanel\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t<p><strong><span style=\"color: #e25607\">09h00 - 11h00<\/span><\/strong><\/p>\n<div class=\"row\"> <div class=\"col-md-3  \">\n<p><em><span style=\"color: grey\">Slot 3A: Diversity \/ Back to \u2026 \/ Wildcard \u2022 Sala A \u2022 Translation<\/span><\/em><\/p>\n<p><strong>Guten Morgen, ILIAS<\/strong><br \/>\nIngo Jackisch<br \/>\n<em>Demo [de]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-ingo kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-ingo\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-ingo\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-ingo\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-ingo\">Good Morning, ILIAS<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Prototype and Product Close-Up by\u00a0<strong>Ingo Jackisch<\/strong>, Duale Hochschule Baden-W\u00fcrttemberg (DHBW)<\/p>\n<p>I would like to show the possibilities of the new ILIAS feature for role-specific starting points.<\/p>\n<p>Duale Hochschule Baden-W\u00fcrttemberg uses ILIAS (among other things) in the context of study preparation. In this context, the Dashboard (fka Personal Desktop) is not always the best choice as a starting point. Apart from the Favourites and the Recommended Content, there are only a few design options for placing information directly on the desk. It is difficult to make clear from the first use which of the objects on the desk contain the most important first elements.<\/p>\n<p>With ILIAS 7 there is now the possibility to assign different starting points to the holders of global roles. In our case, we use this to assign users a customised \"starting course\", which is displayed directly after login. Here, the respective supervisors can place target group-oriented offers and reduce barriers to entry through a suitable course design.<\/p>\n<p>In our scenario, the users come from several study academies and receive a locally adapted course. However, it is also conceivable to offer start-up courses specific to a faculty or degree programme, or even illustrations of corporate organisations. The approach can also be used to break down barriers.<\/p>\n<p>The current implementation in our ILIAS platform and the experiences gained up to the conference will be presented. In addition, the idea of giving users the choice of switching to the desk as a starting point will be presented.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<p><strong>Predicting key learning outcomes with Reporting &amp; Analytics for the ILIAS LMS<\/strong><br \/>\nMariana Robson<br \/>\n<em>Practical Application Review [en]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-robson kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-robson\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-robson\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-robson\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-robson\">Predicting key learning outcomes with Reporting &amp; Analytics for the ILIAS LMS<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Practical Application Review by\u00a0<strong>Mariana Robson<\/strong>, Intelliboard Inc.<\/p>\n<p>Show organizational and educational approaches in the access of ILIAS data that expands the application of actionable insights.<\/p>\n<p>Institutions such as corporations and universities\/colleges need advanced data insights. Corporate training departments specializing in \u201chigh stakes\u201d training (health and safety regulations, for-profit training courses, onboarding, or client training) need access to data that will directly and indirectly impact ROI. Colleges and universities need access to data that will impact retention, course, instructor, and student success. These data points can come from a wide variety of sources: the learning management system (LMS), individual tools used within a particular LMS platform, or even spreadsheets with data managed by specific individuals. IntelliBoard addresses the primary success factors for corporatations and institutions with access to data and resulting actions\/responses to that data, also known as actionable data. Actionable data can be predictive: Integrating with leading-edge machine learning to analyze historical ILIAS data and predict future learning outcomes.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<p><strong>Iraqi eLearning Portal as a unique solution \u2026<\/strong><br \/>\nLyubomir Bistrekov<br \/>\n<em>Demo [en]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-bistrekov kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-bistrekov\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-bistrekov\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-bistrekov\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-bistrekov\">Iraqi eLearning Portal as a unique solution \u2026<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Prototype and Product Close-Up by\u00a0<strong>Lyubomir Bistrekov<\/strong>, NATO DEEP eAcademy<\/p>\n<p>To familiarize the conference participants with the Iraqi eLearning Portal (IeLP) as unique solution \u2013 LMS ILIAS fully operational in Arabic. Also sharing lessons learned from the ADL capacity building programme for the Iraqi Higher Military Education System (HMES) conducted by NATO Mission Iraq and NATO DEEP eAcademy.<\/p>\n<p>NATO Mission Iraq (NMI) and NATO DEEP eAcademy have been working together to produce a viable solution to allow the Iraqis to access e-learning content. As the result, the customization process of the Iraqi e-Learning Portal (IeLP) was conducted. The interface in Arabic is fully available.<\/p>\n<p>A unique solution was introduced, based on LMS ILIAS 7.2 framework. The point is, that this platform does not fully support the Arabic version and when switching to this language (Right to Left Language \u2013 RTL), it mirrors the entire platform. On the other hand \u2013 using the Arabic version only is not a problem but maintaining\/ operating the multilingual LMS ILIAS option is demanding and requires the implementation of dedicated solutions.<\/p>\n<ul>\n<li>Firstly \u2013 separate the Arabic and English versions from each other on the platform. As a result, two autonomous areas are kept.<\/li>\n<li>Secondly \u2013 create and attribute dedicated roles and authorization groups for users using different language versions.<\/li>\n<li>Thirdly \u2013 prepare mirror images for graphics in the Arabic version.<\/li>\n<li>Fourthly \u2013 create a separate login screen for the Arabic version.<\/li>\n<\/ul>\n<p>Since the standard language package within LMS ILIAS offers only about 50% of translated phrases in Arabic, during the customization process, the remaining language portion was also translated.<br \/>\nThe IeLP is at full operating capacity and Iraqis are beginning to access it for learning.<\/p>\n<p>There have been two major areas that the Iraqis have started to use the Portal: (1) NMI assisted the Iraqi Defence University with the running of an Executive Leadership Workshop held at the end of January. This has included an e-package containing pre and further reading which, when combined with the content from the lectures, had given the participants the required knowledge to successfully answer the questions in the syndicate discussions. The participants from this course were Brigadier General and above and had been introduced to what e-learning can achieve. (2) A new NCO Leadership course has been developed between NMI and the instructors from the Elite NCO School. A dedicated page has been set up which contains the contents of the lessons and further notes. This will allow both the instructors and students access to reading material, PowerPoints, and lesson plans to help them prepare for upcoming lessons.<\/p>\n<p>On the 19th of January 2022, during an official meeting between the NMI leadership and General Abdul Amir Rashid Yarallah, the Chief of Staff of the Iraqi Armed Forces was very positive about IeLP. He expressed the will to benefit from it at all military institutes and beyond. The meeting dealt with a discussion concerning the progress of the projects submitted by the NMI that aim to raise the capabilities of the Iraqi Armed Forces, and options for developing the Mission\u2019s level of work in the country.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<\/div><div class=\"col-md-3  \">\n<p><em><span style=\"color: grey\">Slot 3B: How to\u2026 \/ Back to the Future \u2022 Sala B<\/span><\/em><\/p>\n<p><strong>EDUTIEK - mit ILIAS lange Textklausuren erfolgreich durchf\u00fchren<\/strong><br \/>\nFred Neumann &amp; Fabian Wolf<br \/>\n<em>Demo [de]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-wolf kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-wolf\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-wolf\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-wolf\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-wolf\">EDUTIEK - mit ILIAS lange Textklausuren erfolgreich durchf\u00fchren<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Demo von\u00a0<strong>Fred Neumann<\/strong>\u00a0&amp;\u00a0<strong>Fabian Wolf<\/strong>, ILIAS open source e-Learning e.V.<\/p>\n<p>Wir m\u00f6chten den Prototypen des EDUTIEK-Plugins \"LongEssayAssessment\" und seine Funktionsweise demonstrieren, Feedback aus einer sponanen Erprobung einholen, sowie aus den Erfahrungen mit bisherigen L\u00f6sungen f\u00fcr Textklausuren neue Anregungen f\u00fcr die weitere Entwicklung aufnehmen.<\/p>\n<p>Das Projekt EDUTIEK (Akronym f\u00fcr \u201eEinfache Durchf\u00fchrung textintensiver E-Klausuren\u201c) entwickelt eine umfassende Softwarel\u00f6sung f\u00fcr Online-Klausuren in F\u00e4chern, in denen l\u00e4ngere Texte als Klausurl\u00f6sung abgeben werden m\u00fcssen. Hierzu geh\u00f6ren Jura, Geschichtswissenschaften, Sprachwissenschaften, Philosophie, Soziologie und vieles andere mehr.<\/p>\n<p>Solche Klausuren erstecken sich oft \u00fcber mehrere Stunden und die Abgaben m\u00fcssen pr\u00fcferseitig aufwendig begutachtet werden. So ist etwa in der Rechtswissenschaft eine spezifische Fallbearbeitungsmethodik durch Pr\u00fcflinge anzuwenden und die Abgabe muss bei der Korrektur auf vorhandene und korrekte Argumente, Verweise oder Bestandteile \u00fcberpr\u00fcft werden. Diese Anforderungen werden von ILIAS derzeit nur ansatzweise unterst\u00fctzt, etwa in der \u00dcbung durch externe Programme und Datei-Upload oder im Test durch die Freitextfrage mit einfachem Texteingabe- und Bewertungsfeld.<\/p>\n<p>Die L\u00f6sung von EDUTIEK besteht aus drei Komponenten, die als ein Plugin zusammengefasst in ILIAS ohne zus\u00e4tzliche Systemvoraussetzung installiert werden k\u00f6nnen:<\/p>\n<ol>\n<li>Das \u201eLong Essay Assessment\u201c ist ein Repository-Objekt und b\u00fcndelt alle Funktionen zur Realisierung einer Textklausur. \u00dcber das Rechtesystem werden die Verantwortungen zur Aufgabenerstellung, Durchf\u00fchrung und Korrektur an verschiedene Personen vergeben. F\u00fcr die Bearbeitung kann Hilfsmaterial bereitgestellt werden und die Korrektur wird mit einem Bewertungsschema unterst\u00fctzt. Alle Ergebnisse lassen sich zur Dokumentation im PDF\/A-Format ausgeben.<\/li>\n<li>Der integrierte \u201eWriter\u201c ist eine spezialisierte Bearbeitungsseite f\u00fcr die Pr\u00fcflinge w\u00e4hrend der Klausur. Darin k\u00f6nnen der Texteditor und die Aufgabenstellung oder Zusatzmaterial nebeneinander oder ganzseitig dargestellt werden. Alle Bearbeitungsschritte werden protokolliert und sind reversibel. Auch bei Unterbrechungen des Netzwerks kann weitergeschrieben werden und die Speicherung der Bearbeitungsschritte wird anschlie\u00dfend nachgeholt. Nach Ende der Bearbeitungszeit wird der geschriebene Text zur \u00dcberpr\u00fcfung dargestellt und seine Abgabe final best\u00e4tigt.<\/li>\n<li>Der integrierte \u201eCorrector\u201c ist eine spezialisierte Bearbeitungsseite f\u00fcr die Korrekturkr\u00e4fte. Im abgegebenen Text werden Stellen markiert und mit Kommentaren versehen. Mit jedem Kommentar lassen sich anhand des Bewertungsschemas Teilpunkte vergeben. Text und Kommentare werden \u00fcbersichtlich nebeneinander dargestellt, bei einer Zweitkorrektur optional auch mit den Kommentaren der Erstkorrektur. Zur Erstellung des Gesamtvotums wird aus der Summe der Teilpunkte ein Vorschlag f\u00fcr die finale Note berechnet, der \u00fcbernommen oder ge\u00e4ndert werden kann. Mit dem Votum kann eine textuelle Gesamtbeurteilung erstellt werden.<\/li>\n<\/ol>\n<p>In dem Konferenzbeitrag wird ein kurzer \u00dcberblick \u00fcber die Entwicklung gegeben und das Plugin live demonstriert. Die Teilnehmer\/innen k\u00f6nnen dann in einer vorgegebenen Beispiel-Klausur mit dem Editor einen eigenen Text erstellen und gegenseitig mit Kommentaren korrigieren. Anschlie\u00dfend bleibt Raum f\u00fcr Feedback und Erfahrungsaustausch bez\u00fcglich der Realisierung von Textklausuren.<\/p>\n<p>EDUTIEK wird von der Digitalen Hochschule NRW gef\u00f6rdert. Initiiert und geleitet wird das Projekt von der Universit\u00e4t M\u00fcnster. Weitere Projektpartner sind die Universit\u00e4ten Bochum und Bielefeld. Die technische Umsetzung erfolgt durch den ILIAS open source e-Learning e.V.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<p><strong>More engagement in ILIAS \u2013 realizing amazing micro-interactions<\/strong><br \/>\nChristopher K\u00f6nitz<br \/>\n<em>Tutorial [de]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-k\u00f6nitz kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-k\u00f6nitz\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-k\u00f6nitz\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-k\u00f6nitz\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-k\u00f6nitz\">More engagement in ILIAS \u2013 realizing amazing micro-interactions<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p class=\"ilc_Paragraph ilc_text_block_Intro\">Tutorial von\u00a0<strong class=\"ilc_strong_Strong\">Christopher K\u00f6nitz<\/strong>, Hochschule Wismar<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">I would like to show how to create micro-interactions with basic ILIAS-elements to create better learning experiences.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\"><em class=\"ilc_em_Emph\">Why micro-interactions?<\/em>\u00a0Micro-interactions are small graphical elements that are helping to support the motivational design and are therefore preferable. Users get instant feedback for their actions and are motivated to interact with the learning content. So, these elements supporting learning goals and create an interactive user experience.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\"><em class=\"ilc_em_Emph\">The reality in ILIAS<\/em>\u00a0: Most courses in ILIAS are static. If users are looking at a course, they just see files, tests-objects or static graphics for example. Some courses use the availability-feature to implement learning paths. But the interface is still static. As a result, the lacking of micro-interactions lowers the level of motivation because the learning interface keeps the same.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\"><em class=\"ilc_em_Emph\">The Solution<\/em>\u00a0: To solve this problem, I\u2019ve developed a more interactive and graphical approach with basic ILIAS-Elements to realize micro-interactions. So, users are more engaged for further learning-interactions. In my session I will explain the basic interaction concepts and show how to create two micro-interactions:<\/p>\n<div class=\"ilc_Paragraph ilc_text_block_Standard\">\n<ul class=\"ilc_list_u_BulletedList\">\n<li class=\"ilc_list_item_StandardListItem\">First, an interactive button as a simple micro-interaction.<\/li>\n<li class=\"ilc_list_item_StandardListItem\">Second, a method to replace graphical elements to show individual learning progresses to the users.<\/li>\n<\/ul>\n<\/div>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">Both micro-interactions will be created and demonstrated live. I will also provide templates for download for an easy adaptation and implementation.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<\/div><div class=\"col-md-3  \">\n<p><em><span style=\"color: grey\">Slot 3C: How to \u2026 \/ Diversity\u00a0 \u2022 Sala C<\/span><\/em><\/p>\n<p><strong>KitchenWhat? - Wir kochen auch nur mit Wasser!<br \/>\n<\/strong>Monika Joussen &amp; Britta Mertens<br \/>\n<em>Tutorial [de]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-joussen kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-joussen\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-joussen\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-joussen\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-joussen\">KitchenWhat? - Wir kochen auch nur mit Wasser!<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Tutorial von\u00a0<strong>Monika Joussen<\/strong>\u00a0&amp;\u00a0<strong>Britta Mertens<\/strong>, Hochschule f\u00fcr Polizei und \u00f6ffentliche Verwaltung Nordrhein-Westfalen<\/p>\n<p>Anhand eines konkreten Beispiels zeigen wir, wie wir mit einfachen \"on Board\" Mitteln \u00fcber \"Seite gestalten\" einen eigenen Style anlegen und individualisieren. Wir sind ein Duo mit unterschiedlichen Expertisen. Monika Joussen legt den Schwerpunkt des Vortrages auf das \"How to\" im Bereich Seite gestalten und Britta Mertens bringt ihre Erfahrung im Bereich Bild &amp; Video ein.<\/p>\n<p>Nicht nur die Funktion \"Seite gestalten\" wurde in \u00e4lteren ILIAS Versionen stiefm\u00fctterlich behandelt, sondern auch unsere ILIAS-Kategorie f\u00fcr die HSPV-weit ausleihbaren Videor\u00fccks\u00e4cke und Tontaschen.<\/p>\n<p>Mit unserem Update auf ILIAS 7 und den neuen M\u00f6glichkeiten des Seiteneditors st\u00fcrzten wir uns ins Abenteuer und lie\u00dfen eine Kategorie aufbl\u00fchen.<\/p>\n<p>In unserem Beitrag gehen wir auf die unterschiedlichen Prozessstufen einer Seitengestaltung ein, berichten von unseren gemachten Learnings sowie den \"Dos &amp; Don'ts\" bei der Gestaltung einer Seite. Wir zeigen Ihnen, wie Sie geschickt das Rechtesystem nutzen k\u00f6nnen, um ILIAS Objekte in einem anderen Kontext einsetzen zu k\u00f6nnen.<\/p>\n<p>Prozesse im Zuge der Neugestaltung der Video- und Tontaschen-Kategorie waren die \u00dcberarbeitung der zur Verf\u00fcgung gestellten Materialien, die Produktion von Videotutorials zur Nutzung des Equipments sowie die Seitengestaltung der Kategorie. In unserem Beitrag geben wir Ihnen gerne einen Blick hinter den Kulissen der Prozesse.<\/p>\n<p>Wir nehmen Sie mit auf eine spannende Reise vom h\u00e4sslichen Entlein zur strukturierten, \u00fcbersichtlichen und ansprechenden Sch\u00f6nheit.<\/p>\n<p>Nach dem Motto \u201eKitchenWhat? - Wir kochen auch nur mit Wasser!\u201c zeigen wir Ihnen, dass auch Sie ohne jegliche Vorkenntnisse oder praktische Programmiererfahrung eine solche Verwandlung schaffen k\u00f6nnen.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<p><strong>Sexy, vielseitig und barriere-frei \u2013 ILIAS als aktive Corporate Learning Plattform nutzen<\/strong><br \/>\nKarim Sayed &amp; Enrico Zenzen<br \/>\n<em>Tutorial [de]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-sayed kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-sayed\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-sayed\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-sayed\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-sayed\">Sexy, vielseitig und barriere-frei \u2013 ILIAS als aktive Corporate Learning Plattform nutzen<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p class=\"ilc_Paragraph ilc_text_block_Intro\">Tutorial von\u00a0<strong class=\"ilc_strong_Strong\">Karim Sayed,\u00a0<\/strong>Fortbildungsakademie des Ministeriums des Innern des Landes NRW<strong class=\"ilc_strong_Strong\">\u00a0<\/strong>und\u00a0<strong class=\"ilc_strong_Strong\">Enrico Zenzen<\/strong>, leifos GmbH<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">Die Vision: ILIAS soll sexy und gleichzeitig vielseitig nutzbar sein \u2013 und das f\u00fcr jeden und jede unter der Ber\u00fccksichtigung der Barrierefreiheit. Mit attraktiven Inhalten und einer klaren Struktur will das E-Learning-Team der FAH Mont Cenis ILIAS als Corporate Learning Plattform des Landes NRW etablieren. Lehrende und Lerner sollen auch jenseits des Seminargeschehens \u00fcber ILIAS miteinander kommunizieren, sich in Communitys austauschen und gemeinsam Lernen.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">Die Umsetzung: Nach dem Update auf ILIAS 7 musste zun\u00e4chst die Struktur der ILIAS-Installation neu durchdacht und umgesetzt werden. Hinsichtlich der Barrierefreiheit wurde eine m\u00f6glichst flache Hauptmen\u00fcstruktur erstellt.<br \/>\nZus\u00e4tzlich wurde im Rahmen des Updates sowohl das Design der Plattform als auch des Contents \u00fcberarbeitet, sodass die Lernangebote attraktiv, barrierearm sind und der neuen CI der Fortbildungsakademie entsprechen.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">Im Rahmen des Vortrags m\u00f6chten wir die folgenden Leitfragen behandeln und freuen uns im Nachgang auf eine spannende Diskussion:<\/p>\n<div class=\"ilc_Paragraph ilc_text_block_Standard\">\n<ul class=\"ilc_list_u_BulletedList\">\n<li class=\"ilc_list_item_StandardListItem\">Wie ist der Aufbau gestaltet?<\/li>\n<li class=\"ilc_list_item_StandardListItem\">Wie kann Content trotz Barrierefreiheit sexy aufgebaut werden? Tipps und Tricks bei der Contentserstellung?<\/li>\n<li class=\"ilc_list_item_StandardListItem\">Corporate was?<\/li>\n<li class=\"ilc_list_item_StandardListItem\">Was ist perspektivisch im Bereich Corporate Learning geplant?<\/li>\n<li class=\"ilc_list_item_StandardListItem\">Didaktisches Template oder doch Lernpfad?<\/li>\n<\/ul>\n<\/div>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<\/div><div class=\"col-md-3  \">\n<p><em><span style=\"color: grey\">Slot 3D: Back to the Future \u2022 BORA<\/span><\/em><\/p>\n<p><strong>GO, ILIAS! \u2013 Getting ready (to upgrade) for trending learning scenarios: challenge-based, collaborative, agile<\/strong><br \/>\nDorthe Hutz-Nierhoff &amp; Barbara M\u00fcller<br \/>\n<em>Workshop [en]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-mueller kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-mueller\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-mueller\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-mueller\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-mueller\">GO, ILIAS! \u2013 Getting ready (to upgrade) for trending learning scenarios: challenge-based, collaborative, agile<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p class=\"ilc_Paragraph ilc_text_block_Intro\">Workshop von\u00a0<strong class=\"ilc_strong_Strong\">Dorthe Hutz-Nierhoff<\/strong>\u00a0&amp;\u00a0<strong class=\"ilc_strong_Strong\">Barbara M\u00fcller<\/strong>, Universit\u00e4t Freiburg<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">This workshop aims at jointly exploring must-haves, should-haves and nice-to-haves for supporting trending learning scenarios with ILIAS from a didactic perspective.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">The future is now! Driven by the pandemic, not only has digitalization in teaching and learning experienced a considerable boost, long-time didactic desiderata for student-centered, competence-oriented and collaborative learning are increasingly finding their way into strategic considerations for future university education.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">Is ILIAS well-equipped to meet the demands of these scenarios? What will it take to truly support the shift from teaching to learning and to provide for a seamless virtual learning environment that is safe and attractive to use for target audiences in higher education and professional development.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">Laying the foundation for a hopefully fruitful outcome of the workshop the workshop hosts will provide a didactic impulse as well as up-to-date examples of challenge-based, collaborative learning scenarios piloted by EPICUR European University, self-organised study groups at the University of Freiburg and a self-study scenario from Advanced Continuing Studies.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">The workshop participants will be invited to actively contribute to discussing, defining and prioritizing future features of ILIAS required to implement similar (or other) didactic scenarios. Corresponding feature requests will eventually be drafted and forwarded to the ILIAS Community as a basis for future development considerations to make ILIAS quantum-leap forward.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<\/div><\/div>\n<hr \/>\n<hr \/>\n<p><strong><span style=\"color: #e25607\">11h30 - 13h00<\/span><\/strong><\/p>\n<div class=\"row\"> <div class=\"col-md-3  \">\n<p><em><span style=\"color: grey\">Slot 4A: Diversity Management \u2022 Sala A \u2022 mit \u00dcbersetzung<\/span><\/em><\/p>\n<p><strong>Leichte Sprache, gerechte Sprache, alles zusammen? - Barrierefreie Kommunikation<br \/>\n<\/strong>Kendra Grotz<br \/>\n<em>Practical Application Review [de]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-grotz kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-grotz\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-grotz\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-grotz\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-grotz\">Easy language, fair language, all of the above? - Accessible communication<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p><em>Prototype and Product Close-Up<\/em>\u00a0by\u00a0<strong>Kendra Grotz<\/strong>, Fachhochschule Dortmund<\/p>\n<p>With this practical contribution, I would like to elaborate on the linguistic perspective of accessibility in and for ILIAS. With regard to the issue at hand, it will be interesting to see what linguistics and technical communication have to offer.<\/p>\n<p>The sub-project\u00a0<em>Inclusive Language and Accessibility<\/em>\u00a0within the project\u00a0<a href=\"https:\/\/www.ilias.nrw\/\" target=\"_blank\" rel=\"noopener\">ILIAS.nrw<\/a>\u00a0works vigorously and successfully towards a more inclusive ILIAS: We systematically remove language barriers on a regular basis.<\/p>\n<p>Our ultimate goal is a textual user interface speaking to everyone: to people of different genders, concentration spans, skill sets and linguistic backgrounds. Our approach to language is both critical and creative.<\/p>\n<p>What do we have to be mindful of in this process? What conflicts of interest are there - and how do we solve them, how do others?<\/p>\n<p>Fortunately, we can learn a thing or two from helpful rules and practices: We will take a look at easy language, controlled languages and translation-optimised writing.<\/p>\n<p>You will discover the power of understandability and how to create it.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<p><strong>Anybody home, McFly? \u2013 Barrierefreiheit damals, heute und in Zukunft<br \/>\n<\/strong>Wolfgang Schmidt-Sielex<br \/>\n<em>Practical Application Review [de]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-sielex kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-sielex\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-sielex\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-sielex\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-sielex\"><em>Anybody home, McFly? \u2013 About accessibility today, back then, and tomorrow<\/em><\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Practical Application Review\u00a0by\u00a0<strong>Wolfgang Schmidt-Sielex<\/strong>, Fachhochschule Dortmund<\/p>\n<p>A comparison about digital accessibility on the web: yesterday, today, and in the near future. Additionally we will see concepts and procedures which the ILIAS community uses today to improve accessibility. This includes, among other things, how accessibility is integrated into the development process and how people identify and remove existing digital barriers.<\/p>\n<p>Accessibility isn't the new \"hot shit\" that has been annoying Internet communities and their maintainers for just a couple of the latest CMS and LMS versions, and it is not an invention of governments who arbitrarily create new laws. For decades accessibility is a concept that has been integrated into the World Wide Web since the beginning, but has often met only with moderate enthusiasm by website developers.<\/p>\n<p>What was it like, back then? How did you go about making your own website available to as many people as possible without any problems? Why do we still discover similar usability problems in web interfaces today, which require the same kind of problem solving as in the \"Web 1.0\" of the 90's? And how exactly do we meet the challenges today, especially in ILIAS and in a web that has become significantly more complex, in order to create solutions for everyone?<\/p>\n<p>We get an insight into procedures and tools with which the ILIAS community makes their LMS more usable for everyone. We learn what digital barriers are, how we detect them, and how we can actively participate in improving ILIAS. The practical article offers a look back and a look into the future: ILIAS was great, ILIAS is awesome, ILIAS is going to be phenomenal!<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<\/div><div class=\"col-md-3  \">\n<p><em><span style=\"color: grey\">Slot 4B: How to \u2026 \u2022 Sala B<\/span><\/em><\/p>\n<p><strong>How the sausage gets made: Contribute to ILIAS Development<\/strong><br \/>\nRichard Klees<br \/>\n<em>Practical Application Review [en]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-klees kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-klees\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-klees\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-klees\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-klees\">How the sausage gets made: Contribute to ILIAS Development<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p class=\"ilc_Paragraph ilc_text_block_Intro\">Practical Application Review by\u00a0<strong class=\"ilc_strong_Strong\">Richard<\/strong>\u00a0<strong class=\"ilc_strong_Strong\">Klees<\/strong>, Technical Board des ILIAS-Vereins<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">The participants will get to know various possibilities to contribute and participate in the development of ILIAS, especially those for non-coders.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">ILIAS is a free and open soure software that claims to be developed in an open and community driven process. In fact, this is built into the very core of FOSS: You, the user, can become the creator, the director of the software that you use.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">The reality is a lot more complex: How is the development in a huge community organized? When, where and how are decisions made and who is responsible? How does the community agree on priorities and resource usage? How can I contribute? What is the relation between the ILIAS Society, service providers, maintainers, the product manager, the Technical Board and all the other groups and comitees in the ILIAS society? Can or should I become a member in these groups? And, isn\u2019t software development something for programmers only, after all?<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">This tutorial session will show possibilities for everyone to participate in the maintenance and development of ILIAS. In the presentation of the possibilites, we will meet various comittees, groups and tools. The participants in the workshop will have a lot of time to ask questions and give inputs, so the participation will already start in this very slot.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<\/div><div class=\"col-md-3  \">\n<p><em><span style=\"color: grey\">Slot 4C: Wildcard \u2022 BORA<\/span><\/em><\/p>\n<p><strong>Eliminare le resistenze all'introduzione di un LMS in contesti ibridi con il supporto delle neuroscienze<\/strong><br \/>\nMauro Sandrini<br \/>\n<em>Workshop [it]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-sandrini kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-sandrini\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-sandrini\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-sandrini\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-sandrini\">Eliminare le resistenze all'introduzione di un LMS in contesti ibridi con il supporto delle neuroscienze<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p class=\"ilc_Paragraph ilc_text_block_Intro\">Workshop von\u00a0<strong class=\"ilc_strong_Strong\">Mauro Sandrini<\/strong>, Eliminare il caos<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">Condividere un metodo per avere maggiore certezza del risultato di un progetto di formazione online e ibrida. Dal caos e dalla non consapevolezza alla conoscenza immediatamente utilizzabile.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">Qual'\u00e8 il bisogno percepito dall'organizzazione, la punta dell'iceberg? Finch\u00e9 non c'\u00e8 consapevolezza \u00e8 difficile dirlo, e solo tramite la condivisione e la conoscenza \u00e8 possibile fare dei passi in questa direzione. Tramite una serie di \"games\" nel workshop verranno proposte delle scelte applicative. Il gioco di ruolo sar\u00e0 analizzare le conflittualit\u00e0 che emergono nel case study utilizzando gli elementi pi\u00f9 recenti emersi dalle neuroscienze.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<p><strong>L\u2019importanza di un percorso di Coaching in un Progetto di eLearning aziendale<\/strong><br \/>\nPaola Lorenzi<br \/>\n<em>Practical Application Review [it]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-lorenzi kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-lorenzi\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-lorenzi\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-lorenzi\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-lorenzi\">L\u2019importanza di un percorso di Coaching in un Progetto di eLearning aziendale<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p class=\"ilc_Paragraph ilc_text_block_Intro\">Practical Application Review by\u00a0<strong class=\"ilc_strong_Strong\">Paola Lorenzi<\/strong>, Paola Lorenzi Life&amp;Business Coach<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">Obiettivo della presentazione \u00e8 illustrare la metodologia in modo da far comprendere l\u2019importanza del coaching durante tutta la durata di un progetto elearning ma in particolare nella prima fase, che non pu\u00f2 essere di mera raccolta delle esigenze formative.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">Il coaching \u00e8 un metodo creativo e strutturato di esplorazione ed indagine che consente di far emergere il potenziale delle persone coinvolte.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">Inserire il coaching nei progetti E-Learning significa generare un sostenibile cambiamento sulla vision delle persone e porli nella condizione di esporre la materia in modo comprensibile, efficace e attrattivo, secondo i pi\u00f9 attuali standard della formazione online.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">Ho sviluppato un metodo progettuale di consulenza aziendale con il supporto del coaching, allo scopo di ottenere un'adeguata indagine sulle aspettative ed esigenze della Direzione Aziendale e realizzare un progetto \u201dsartoriale\u201d rivolto alla formazione interna, ai distributori, ai clienti e alla rete vendita.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">Selezionare una risorsa, seppur esperta in materia, ed inserirla in un progetto e-learning non basta. \u00c8 necessario metterla nella condizione di beneficiare di un clima di connessione, consapevolezza e responsabilit\u00e0 rispetto alla erogazione della comunicazione stessa e dei contenuti formativi.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">Il coaching facilita la connessione attraverso l'ascolto attivo e l\u2019attenzione ai feedback, tra le volont\u00e0 aziendali e gli esperti della materia (SME), per renderli pi\u00f9 consapevoli sugli obiettivi, sicuri ed efficaci nel parlare davanti alla telecamera facendo emergere i loro punti di forza.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">I discenti che fruiranno di questa formazione adeguatamente preparata ne trarranno certamente maggiori vantaggi sia nella motivazione che sui risultati preventivamente pianificati.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<\/div><div class=\"col-md-3  \">\n<p><em><span style=\"color: grey\">Slot 4D: Wildcard \u2022 BORA<\/span><\/em><\/p>\n<p><strong>ILIAS im Zentrum moderner Learning Ecosystems<br \/>\n<\/strong>Uwe Kohnle &amp; Robert Kr\u00e4mer<br \/>\n<em>Workshop [de]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-kraemer kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-kraemer\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-kraemer\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-kraemer\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-kraemer\">ILIAS im Zentrum moderner Learning Ecosystems<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p class=\"ilc_Paragraph ilc_text_block_Intro\">Praxisbeitrag von\u00a0<strong class=\"ilc_strong_Strong\">Uwe Kohnle<\/strong>\u00a0&amp;<strong class=\"ilc_strong_Strong\">\u00a0Robert Kr\u00e4me<\/strong><strong class=\"ilc_strong_Strong\">r<\/strong>, internetlehrer GmbH<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">Die Leistungsf\u00e4higkeit von xAPI\/cmi5 soll verdeutlicht werden.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">Im Rahmen des BMBF INVITE Programms f\u00fcr einen innovativen digitalen Weiterbildungsraum nimmt das LMS ILIAS in zahlreichen Projekten eine zentrale Rolle ein.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">In diesem Vortrag werden Ausbaustufen und Systemkomponenten vorgestellt, die durch die leistungsf\u00e4hige xAPI\/cmi5 Implementierung in ILIAS realisierbar sind und als Ausgangspunkt f\u00fcr den Aufbau moderner Lern\u00f6kosysteme auf Open Source Basis dienen.<\/p>\n<p class=\"ilc_Paragraph ilc_text_block_Standard\">Der \u00dcbergang von monolithischen Lernplattformen, bedingt durch veraltete Standards und propriet\u00e4re Technologieanbieter, hin zu serviceorientierten Open Source basierten \u00d6kosystemen befindet sich im vollen Gange. Die Schl\u00fcsselfunktion von xAPI und cmi5 wird anhand eines flexiblen, skalierbaren und zukunftssicheren Lern\u00f6kosystems bestehend aus den Open Source Komponenten ILIAS LMS, Typo3\/H5P LCMS und Learning Record Store vorgestellt. Im Fokus stehen dabei interaktive Dashboards zur effizienten Datenanalyse\/Reporting sowie Werkzeuge zum Betrieb adaptiver Lehr-\/Lernangebote - alles unter Ber\u00fccksichtigung aktueller DSGVO konformer Datenhaltung.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<\/div><\/div>\n<hr \/>\n<hr \/>\n<p><strong><span style=\"color: #e25607\">14h30 - 16h00<\/span><\/strong><\/p>\n<div class=\"row\"> <div class=\"col-md-4  \">\n<p><em><span style=\"color: grey\">Slot 5A: Back to the Future \/ Wild Card \u2022 Sala A \u2022 mit \u00dcbersetzung<\/span><\/em><\/p>\n<p><strong>Apply Natural Language Processing to build interactive H5P learning activities at scale!<\/strong><br \/>\nPhilippe Decottignies &amp; Nejma Belkhdim<br \/>\n<em>Practical Application Review [en]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-belkhdim kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-belkhdim\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-belkhdim\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-belkhdim\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-belkhdim\">Apply Natural Language Processing to build interactive H5P learning activities at scale!<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Practical Application Review by\u00a0<strong>Philippe Decottignies<\/strong>\u00a0&amp;\u00a0<strong>Nejma Belkhdim<\/strong>, Neuronys France<\/p>\n<p>Research proves that active learning results in more engagement and a higher retention rate among trainees. However, for trainers, creating active learning materials is both difficult and time-consuming. We will demonstrate how to create them faster with Nolej.<\/p>\n<p>We use state-of-the-art artificial intelligence to analyze your static learning materials and apply the theories from neuroscience and cognitive psychology to generate engaging interactive H5P learning activities. Within minutes, NOLEJ enhances raw course materials with additional concepts, summarizes key parts of the course, and generates a large set of questions and flashcards. NOLEJ even turns passive videos into more engaging H5P interactive videos. NOLEJ is so intuitive and easy to use that even your best students or expert employees could become course authors and extend your eLearning catalog at a fraction of the cost.<\/p>\n<p>NOLEJ automatically generates:<\/p>\n<ul>\n<li>H5P interactive books,<\/li>\n<li>H5P interactive videos,<\/li>\n<li>H5P interactive games (Crossword, Drag The Word, Find The Word),<\/li>\n<li>H5P interactive assessments (question set with MCQ, True\/False, Fill The Blank).<\/li>\n<\/ul>\n<p>All these interactive learning activities can be:<\/p>\n<ul>\n<li>uploaded to ILIAS platform via SCORM or H5P,<\/li>\n<li>embedded on your website with one line of HTML code,<\/li>\n<li>executed from suppor LTI 1.3.<\/li>\n<\/ul>\n<p>During this talk, before demonstrating NOLEJ, we will first introduce what is Natural Language Processing (NLP), how it works nowadays with deep neural networks, how it could be applied to automate the course creation, how it could be combined with neuroscience and cognitive psychology to improve the course efficiency for the learner, how to keep the teacher in the loop while saving his\/her precious time\u2026<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<p><strong>Aula ibrida e potenziata con ExperienceAPI<\/strong><br \/>\nNicola Mastrolilli<br \/>\n<em>Practical Application Review [it]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-mastrolilli kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-mastrolilli\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-mastrolilli\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-mastrolilli\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-mastrolilli\">Hybrid and enhanced classroom with Experience API<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Practical Application Review by\u00a0<strong>Nicola Mastrolilli<\/strong>, Cartesiani<\/p>\n<p>Dissemination of knowledge about the standard<\/p>\n<p>First part<br \/>\nThe slow but unstoppable march of the new Experience API standard continues. Some adoption data, some news about new xAPI Learning Record Providers and new features of the xAPI Authoring Tool.<\/p>\n<p>The xAPI Profile Server and version 2.0 of the specification are scheduled to be released later this year (editor's note: both elements should be officially released by the ILIAS conference, and the information gathered in the working groups is sufficient for this part in any case).<\/p>\n<p>Part Two<br \/>\nOne of the consequences of the pandemic-lockdown combination was the impact on corporate training, which inevitably had to change. Today, there is an increasing need to redesign training in distance learning or at least in hybrid mode.<\/p>\n<p>The latter option is the most difficult, but perhaps it really is the most effective solution.<br \/>\nExperience API can help companies and trainers design and deliver highly effective blended and\/or hybrid training programs.<\/p>\n<p>Some practical approaches to designing hybrid classrooms and using xAPI before, during, and after class will be highlighted.<\/p>\n<p>Third part<br \/>\nWimmelxAPI. Through a simple game with pictures from the famous Wimmel book, the audience is made to playfully explore the design of xAPI statements.<br \/>\nThe game, of course, allows everyone to participate, even those who are not familiar with the specification. For this very reason, it can be an excellent tool for spreading knowledge about this standard.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<\/div><div class=\"col-md-4  \">\n<p><em><span style=\"color: grey\">Slot 5B: Back to the Future \u2022 Sala B<\/span><\/em><\/p>\n<p><strong>Eine neue Generation der ILIAS-Kollaboration: OnlyOffice<\/strong><br \/>\nMartin Gorgas &amp; Rob Falkenstein<br \/>\n<em>Demo [de]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-gorgas kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-gorgas\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-gorgas\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-gorgas\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-gorgas\">Eine neue Generation der ILIAS-Kollaboration: OnlyOffice<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Demo von\u00a0<strong>Martin Gorgas<\/strong>, Universit\u00e4t Marburg, und\u00a0<strong>Rob Falkenstein<\/strong>, Universit\u00e4t Freiburg<\/p>\n<p>Im Beitrag sollen die M\u00f6glichkeiten einer Kopplung von ILIAS mit der kollaborativen Software OnlyOffice aufgezeigt, sowie Teilnehmende dar\u00fcber aufkl\u00e4ren werden, wie sie dieses Werkzeug auch an ihrer Organisation einrichten und nutzen k\u00f6nnen.<\/p>\n<p>In diesem Demo-Beitrag geht es um das Thema kollaborative Werkzeuge am Beispiel von OnlyOffice. Hierbei handelt es sich um einen in Europa entwickelten OpenSource Online Editor f\u00fcr Dokumente, Tabellen und Pr\u00e4sentationen. Eine Erstellung und Bearbeitung erfolgt rein \u00fcber den Webbrowser in Echtzeit und eignet sich somit f\u00fcr eine Vielzahl von kollaborative Szenarien. Diese Funktionalit\u00e4t wird von Lehrenden und Studierenden in ILIAS als Desiderat angesehen, sodass auf Drittplattformen wie z.B. \u201eConfluence\u201c oder \u201eGoogle Docs\u201c ausgewichen wird. Um diese L\u00fccke zu schlie\u00dfen, haben wir die Kopplung zwischen ILIAS und OnlyOffice zu Ende spezifiziert und betreiben einen OnlyOffice-Dienst sowie ein entsprechendes ILIAS-Plugin aktuell in einer ersten Pilotphase.<\/p>\n<p>Unseren Vortrag m\u00f6chten wir in drei Teile gliedern:<\/p>\n<ul>\n<li>Im ersten Teil wird es schwerpunktm\u00e4\u00dfig um die Einrichtung des OnlyOffice-Dienstes gehen. Hier pr\u00e4sentieren wir kurz die unterschiedlichen Lizenzmodelle, die verwendete Technologie und die aufgetretenen Schwierigkeiten.<\/li>\n<li>Im zweiten Teil bekommen die Teilnehmenden die M\u00f6glichkeit, verschiedene Szenarien in OnlyOffice selbst auszuprobieren. Hierf\u00fcr werden wir unsere Anleitung und eine Plattform bereitstellen, damit die Teilnehmenden sich selbst ein Bild verschaffen k\u00f6nnen, welche M\u00f6glichkeiten OnlyOffice bietet und wie gut diese auf Anhieb verst\u00e4ndlich sind. Einige Funktionen sind nicht selbsterkl\u00e4rend und werden durch die Anleitung abgedeckt. In dieser Phase bitten wir die Teilnehmenden, auf m\u00f6gliche Fehler zu achten und potentielle Feature-W\u00fcnsche zu sammeln.<\/li>\n<li>Schlie\u00dflich m\u00f6chten wir im dritten Teil in einem moderierten Format auf die Erfahrungen der Teilnehmenden eingehen und weitere Anforderungen spezifizieren.<\/li>\n<\/ul>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<\/div><div class=\"col-md-4  \">\n<p><em><span style=\"color: grey\">Slot 5D: Wildcard \u2022 BORA<\/span><\/em><\/p>\n<p><strong>Konzeption mithilfe der Kitchen Sink \u2013 von kreativ-chaotisch zum System<\/strong><br \/>\nYvonne Seiler &amp; Enrico Zenzen<br \/>\n<em>Workshop [de]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-zenzenseiler kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-zenzenseiler\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-zenzenseiler\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-zenzenseiler\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-zenzenseiler\">Konzeption mithilfe der Kitchen Sink \u2013 von kreativ-chaotisch zum System<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Workshop von\u00a0<strong>Yvonne Seiler<\/strong>, Universit\u00e4t Bern, und\u00a0<strong>Enrico Zenzen<\/strong>, Leifos GmbH<\/p>\n<p>Wir m\u00f6chten mit dem Beitrag die Sichtbarkeit und Wichtigkeit der Kitchen Sink und des UI Frameworks von ILIAS st\u00e4rken.<\/p>\n<p>ILIAS lebt vom Erfahrungsschatz, von Vorschl\u00e4gen und Ideen aus der Community. Die Ausformulierung und Visualisierung der eigenen Ideen ist allerdings keine leichte Aufgabe.<\/p>\n<p>Nach dem letztj\u00e4hrigen Vortrag zur KitchenSink, wie man mit UI-Komponenten arbeiten kann, wird es jetzt praktisch. Im Rahmen des Workshops \u00fcben wir, wie Komponenten aus der Kitchen Sink verwendet und neue Konzepte KitchenSink-kompatibel werden k\u00f6nnen. Wir zeigen auf, wie Community-Mitglieder mit unterschiedlichen Kompetenzen zur KitchenSink beitragen k\u00f6nnen.<\/p>\n<p>Anhand der folgenden Leitfragen sollen sowohl grundlegende Aspekte als auch konkrete Handlungsempfehlungen im Umgang mit der Kitchen Sink veranschaulicht werden:<\/p>\n<ul>\n<li>Wozu brauchen wir die Kitchen Sink?<\/li>\n<li>Was kann ich zur Kitchen Sink beitragen?<\/li>\n<li>Wie nutze ich Komponenten der Kitchen Sink f\u00fcr meine Konzepte?<\/li>\n<li>Was mache ich, wenn die Komponenten der Kitchen Sink nicht ausreichen und erweitert werden m\u00fcssen?<\/li>\n<li>Wie \u00fcberf\u00fchre ich Komponenten in die Kitchen Sink?<\/li>\n<\/ul>\n<p>Zus\u00e4tzlich laden wir zur weiteren Diskussion bei der Konzeption von ILIAS Features und der Kitchen Sink ein.<\/p>\n<p>Hintergrund: Was ist die Kitchen Sink?<br \/>\nUm die Konsistenz und Qualit\u00e4t von ILIAS zu erh\u00f6hen, wurden die Anforderungen an die Konzeption von Features in den letzten Jahren kontinuierlich erweitert und angepasst. Mit der \u00abKitchen Sink\u00bb (ILIAS UI Framework) steht ein Werkzeugkoffer voller User Interface Komponenten zur Verf\u00fcgung, der bei der Konzeption von ILIAS Entwicklungen unterst\u00fctzt und die \u00dcberf\u00fchrung der Ideen ins Feature Wiki erleichtert.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<\/div><\/div>\n<hr \/>\n<hr \/>\n<p><strong><span style=\"color: #e25607\">16h30 - 17h30<\/span><\/strong><\/p>\n<p><em><span style=\"color: grey\">Plenum \u2022 Sala A \u2022 mit \u00dcbersetzung<\/span><\/em><\/p>\n<p><strong>Good Practices and Perspectives in the Introduction of the Use of Technology in Italian High Schools Educational Programs<\/strong><br \/>\nLuigi Vitellio<br \/>\n<em>Keynote [it]<\/em><\/p>\n\t\t\t<button class=\"kad-btn kad-btn-primary sm-kad-btn  kt-modal-btn-vitellio kt-modal-btn\" style=\"background-color:#00527c;color:#ffffff;\" data-toggle=\"modal\" data-target=\"#kt-modal-vitellio\">\n\t\t\tMore ...\t\t\t<\/button>\n\t\t\n\t<!-- Modal -->\n\t<div class=\"modal fade\" id=\"kt-modal-vitellio\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"#kt-modal-label-vitellio\" aria-hidden=\"true\">\n\t  <div class=\"modal-dialog\">\n\t    <div class=\"modal-content\">\n\t      <div class=\"modal-header\">\n\t        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button>\n\t        <h4 class=\"modal-title\" id=\"kt-modal-label-vitellio\">Keynote<\/h4>\n\t      <\/div>\n\t      <div class=\"modal-body\">\n\t        \n<p>Keynote by\u00a0<strong>Luigi Vitellio<\/strong>, FITSTIC, in Italian language with translation to German and English<\/p>\n<p>FITSTIC aims to promote technical-scientific culture among young people and increase the employment effectiveness of the regional system of ITS Foundations, a constituent of non-university tertiary education and a cornerstone of the Emilia-Romagna Region's Polytechnic Network educational offerings.<\/p>\n<p>Since 2008 FITSTIC has organized 2-years Post-Graduate vocational programmes. Courses are designed and developed to acquire technical and technological skills which are the foundation of information and communication field, while also offering a unique opportunity to practice and directly enter in the job market.<\/p>\n<p>FITSTIC cooperates with a strong companies network and meets employment and training needs express by Emilia Romagna territory, supporting regional Smart Specialization Strategy (S3), and enhancing local skill and expertise developing professional, technical, technological and scientific culture.<\/p>\n<p>Luigi Vitellio will describe experiences and perspectives of e-learning use in its environment, that is a privileged point of view in Italian high schools.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-3362 alignleft\" src=\"https:\/\/www.ilias-conference.org\/wp-content\/uploads\/2025\/09\/LuigiVitellio-300x300.jpg\" alt=\"Luigi Vitellio\" width=\"300\" height=\"300\" srcset=\"https:\/\/www.ilias-conference.org\/wp-content\/uploads\/2025\/09\/LuigiVitellio-300x300.jpg 300w, https:\/\/www.ilias-conference.org\/wp-content\/uploads\/2025\/09\/LuigiVitellio-150x150.jpg 150w, https:\/\/www.ilias-conference.org\/wp-content\/uploads\/2025\/09\/LuigiVitellio.jpg 700w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Luigi Vitellio is the Operation Manager of FITSTIC, a public foundation that coordinates the activities of Emilia Romagna high schools towards creativity and use of technology.<\/p>\n<p>In the last years, Mr Vitellio could observe from a privileged point of view the reactions of schools managers and teachers to the use of e-learning or virtual classroom technologies, two items still confused in our country.<\/p>\n<p>Mr Vitellio will introduce some criteria of turning the introduction of technology in didactics from a problem to an opportunity for everybody.<\/p>\n\t      <\/div>\n\t      <div class=\"modal-footer\">\n\t        <button type=\"button\" class=\"kad-btn\" data-dismiss=\"modal\">Close<\/button>\n\t      <\/div>\n\t    <\/div>\n\t  <\/div>\n\t<\/div>\n\n\t\n<p>&nbsp;<\/p>\n<p><strong>ILIAS Community Award 2022<\/strong><br \/>\nYvonne Fischer &amp; Thomas Schroeder<br \/>\n<em>[de]<\/em><\/p>\n<p><strong>Verabschiedung und Ank\u00fcndigung ILIAS-Konferenz 2023<\/strong><br \/>\nMatthias Kunkel<br \/>\n<em>[en]<\/em><\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>International ILIAS Conference 2026 ILIAS Conferencepowered by ILIAS open source e-Learning e.V.HAMBURGMain TopicsHotelsPROGRAMMEARCHIVEBerlin 2025Graz 2024Cologne 2023Bologna 2022Online 2021Online 2020Dresden 2019Luzern 2018Freiburg 2017Utrecht 2016Dortmund 2015ILIAS.DE Looking back at Bologna 21st International ILIAS Conference on 8 and 9 September 2022 After two &hellip; <a class=\"kt-excerpt-readmore\" href=\"https:\/\/www.ilias-conference.org\/en\/bologna-2022\/\" aria-label=\"Bologna 2022\">Read More<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3402","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ilias-conference.org\/en\/wp-json\/wp\/v2\/pages\/3402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ilias-conference.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ilias-conference.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ilias-conference.org\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ilias-conference.org\/en\/wp-json\/wp\/v2\/comments?post=3402"}],"version-history":[{"count":2,"href":"https:\/\/www.ilias-conference.org\/en\/wp-json\/wp\/v2\/pages\/3402\/revisions"}],"predecessor-version":[{"id":4090,"href":"https:\/\/www.ilias-conference.org\/en\/wp-json\/wp\/v2\/pages\/3402\/revisions\/4090"}],"wp:attachment":[{"href":"https:\/\/www.ilias-conference.org\/en\/wp-json\/wp\/v2\/media?parent=3402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}