

  
    
    
  


  
    
    
  


  
    
      .login-top { background-image: url(https://s3.eu-central-1.amazonaws.com/portal.ardaonline.com/general/arda_logo_wt_no_payoff.png); }
    
    
      .login-top {
        background-size: 92px auto;
        min-width: calc(92px + 6px);
      }
    
    
      .login-top { padding-top: 24px; }
      .login-top__start a { height: 24px; }
    
    
  


  
    
  


  
    
      .app--layout-new .step-pager__previous a:before {
        content: "";
        height: 70px;
        background: transparent url(https://s3.eu-central-1.amazonaws.com/portal.ardaonline.com/media/e_learning/yellow_btn_left.png) no-repeat center;
        background-size: contain;
      }
    
    
      .app--layout-new .step-pager__next a:before {
        content: "";
        height: 70px;
        background: transparent url(https://s3.eu-central-1.amazonaws.com/portal.ardaonline.com/media/e_learning/yellow_btn_right.png) no-repeat center;
        background-size: contain;
      }
    
  


  
    
    
    
    
    
      .course-teaser {
        -webkit-transition: -webkit-transform .3s ease;
        -moz-transition: -moz-transform .3s ease;
        -o-transition: -o-transform .3s ease;
        transition: transform .3s ease;
        transform: translate(0, 0);
      }
      .course-teaser:hover {
        -webkit-transform: translate(0, -10px);
        -moz-transform: translate(0, -10px);
        -ms-transform: translate(0, -10px);
        -o-transform: translate(0, -10px);
        transform: translate(0, -10px);
      }
    
    
      .course-teaser__name {
        display: none;
      }
      .course-teaser__info {
        display: none;
      }
      .course-teaser {
        background: transparent;
        border: none;
        min-height: 0;
      }
      .course-teaser__image {
        padding: 0;
        background: transparent;
      }
      .course-teaser__image a:before,
      .course-teaser__image a:after {
        display: none;
      }
    
  
  
    
      .module-teaser {
        transition: transform .3s ease;
        transform: translate(0, 0);
      }
      .module-teaser:hover {
        transform: translate(0, -10px);
      }
      .todo-module-teaser {
        transition: transform .3s ease;
        transform: translate(0, 0);
      }
      .todo-module-teaser:hover {
        transform: translate(0, -10px);
      }
    
    
      .module-teaser__name {
        display: none;
      }
      .module-teaser__info {
        display: none;
      }
      .module-teaser {
        background: transparent;
        border: none;
        min-height: 0;
      }
      .module-teaser__image {
        padding: 0;
        background: transparent;
      }
      .module-teaser__image a:before,
      .module-teaser__image a:after {
        display: none;
      }
    
  

