diff --git a/Plugins/org.blueberry.ui.qt/src/berryWindow.cpp b/Plugins/org.blueberry.ui.qt/src/berryWindow.cpp
index 82a03126e1..0e1381b7ee 100644
--- a/Plugins/org.blueberry.ui.qt/src/berryWindow.cpp
+++ b/Plugins/org.blueberry.ui.qt/src/berryWindow.cpp
@@ -1,575 +1,572 @@
 /*============================================================================
 
 The Medical Imaging Interaction Toolkit (MITK)
 
 Copyright (c) German Cancer Research Center (DKFZ)
 All rights reserved.
 
 Use of this source code is governed by a 3-clause BSD license that can be
 found in the LICENSE file.
 
 ============================================================================*/
 
 #include "tweaklets/berryGuiWidgetsTweaklet.h"
 
 #include "berryWindow.h"
 
 #include "berryConstants.h"
 #include "berrySameShellProvider.h"
 #include "berryMenuManager.h"
 
 #include <QMainWindow>
 
 namespace berry
 {
 
 const int Window::OK = 0;
 const int Window::CANCEL = 1;
 
 QList<QIcon> Window::defaultImages = QList<QIcon>();
 
 Window::IExceptionHandler::Pointer Window::exceptionHandler(new DefaultExceptionHandler());
 IShellProvider::Pointer Window::defaultModalParent(new DefaultModalParent());
 
 Window::WindowShellListener::WindowShellListener(Window* wnd)
  : window(wnd)
  {
 
  }
 
 void Window::WindowShellListener::ShellClosed(const ShellEvent::Pointer& event)
 {
   event->doit = false; // don't close now
   if (window->CanHandleShellCloseEvent())
   {
     window->HandleShellCloseEvent();
   }
 }
 
 void Window::DefaultExceptionHandler::HandleException(const std::exception& t)
 {
   // Try to keep running.
   std::cerr << t.what();
 }
 
 Shell::Pointer Window::DefaultModalParent::GetShell() const
 {
   Shell::Pointer parent = Tweaklets::Get(GuiWidgetsTweaklet::KEY)->GetActiveShell();
 
   // Make sure we don't pick a parent that has a modal child (this can lock the app)
   if (parent == 0)
   {
     // If this is a top-level window, then there must not be any open modal windows.
     parent = Window::GetModalChild(Tweaklets::Get(GuiWidgetsTweaklet::KEY)->GetShells());
   }
   else
   {
     // If we picked a parent with a modal child, use the modal child instead
     Shell::Pointer modalChild = Window::GetModalChild(parent->GetShells());
     if (modalChild != 0)
     {
       parent = modalChild;
     }
   }
 
   return parent;
 }
 
 Shell::Pointer Window::GetModalChild(const QList<Shell::Pointer>& toSearch)
 {
   int modal = Constants::APPLICATION_MODAL | Constants::SYSTEM_MODAL | Constants::PRIMARY_MODAL;
 
   int size = toSearch.size();
   for (int i = size - 1; i < size; i--)
   {
     Shell::Pointer shell = toSearch[i];
 
     // Check if this shell has a modal child
     QList<Shell::Pointer> children = shell->GetShells();
     Shell::Pointer modalChild = GetModalChild(children);
     if (modalChild != 0)
     {
       return modalChild;
     }
 
     // If not, check if this shell is modal itself
     if (shell->IsVisible() && (shell->GetStyle() & modal) != 0)
     {
       return shell;
     }
   }
 
   return Shell::Pointer(nullptr);
 }
 
 //void Window::RunEventLoop()
 //{
 //
 //  //Use the display provided by the shell if possible
 //  Display display;
 //  if (shell == null)
 //  {
 //    display = Display.getCurrent();
 //  }
 //  else
 //  {
 //    display = loopShell.getDisplay();
 //  }
 //
 //  while (loopShell != null && !loopShell.isDisposed())
 //  {
 //    try
 //    {
 //      if (!display.readAndDispatch())
 //      {
 //        display.sleep();
 //      }
 //    } catch (Throwable e)
 //    {
 //      exceptionHandler.handleException(e);
 //    }
 //  }
 //  display.update();
 //}
 
 Window::Window(Shell::Pointer parentShell)
 {
   this->parentShell = new SameShellProvider(parentShell);
   this->Init();
 }
 
 Window::Window(IShellProvider::Pointer shellProvider)
 {
   poco_assert(shellProvider != 0);
   this->parentShell = shellProvider;
   this->Init();
 }
 
 Window::~Window()
 {
 
 }
 
 void Window::Init()
 {
   this->shellStyle = Constants::SHELL_TRIM;
   this->returnCode = OK;
   this->block = false;
 }
 
 bool Window::CanHandleShellCloseEvent()
 {
   return true;
 }
 
 void Window::ConfigureShell(Shell::Pointer newShell)
 {
 
   // The single image version of this code had a comment related to bug
   // 46624,
   // and some code that did nothing if the stored image was already
   // disposed.
   // The equivalent in the multi-image version seems to be to remove the
   // disposed images from the array passed to the shell.
   if (defaultImages.size() > 0)
   {
 //    ArrayList nonDisposedImages = new ArrayList(defaultImages.length);
 //    for (int i = 0; i < defaultImages.length; ++i)
 //    {
 //      if (defaultImages[i] != null && !defaultImages[i].isDisposed())
 //      {
 //        nonDisposedImages.add(defaultImages[i]);
 //      }
 //    }
 //
 //    if (nonDisposedImages.size() <= 0)
 //    {
 //      System.err.println("Window.configureShell: images disposed"); //$NON-NLS-1$
 //    }
 //    else
 //    {
 //      //Image[] array = new Image[nonDisposedImages.size()];
 //      nonDisposedImages.toArray(array);
       newShell->SetImages(defaultImages);
 //    }
   }
 
 //  Layout layout = getLayout();
 //  if (layout != null)
 //  {
 //    newShell.setLayout(layout);
 //  }
   CreateTrimWidgets(newShell);
 }
 
 //voidWindow::ConstrainShellSize()
 //{
 //  // limit the shell size to the display size
 //  QRect bounds = shell.getBounds();
 //  QRect constrained = getConstrainedShellBounds(bounds);
 //  if (!bounds.equals(constrained))
 //  {
 //    shell.setBounds(constrained);
 //  }
 //}
 
 QWidget* Window::CreateContents(Shell::Pointer parent)
 {
   // by default, just create a composite
   //return new Composite(parent, SWT.NONE);
   return parent->GetControl();
 }
 
 Shell::Pointer Window::CreateShell()
 {
 
   Shell::Pointer newParent = this->GetParentShell();
 //  if (newParent != 0 && newParent.isDisposed())
 //  {
 //    parentShell = new SameShellProvider(null);
 //    newParent = getParentShell();//Find a better parent
 //  }
 
   //Create the shell
   Shell::Pointer newShell = Tweaklets::Get(GuiWidgetsTweaklet::KEY)->CreateShell(newParent, this->GetShellStyle());
 
   //    resizeListener = new Listener() {
   //      public void handleEvent(Event e) {
   //        resizeHasOccurred = true;
   //      }
   //    };
 
   //newShell.addListener(SWT.Resize, resizeListener);
   newShell->SetData(Object::Pointer(this));
 
   //Add a listener
   newShell->AddShellListener(this->GetShellListener());
 
   //Set the layout
   this->ConfigureShell(newShell);
 
 //  //Register for font changes
 //  if (fontChangeListener == null)
 //  {
 //    fontChangeListener = new FontChangeListener();
 //  }
 //  JFaceResources.getFontRegistry().addListener(fontChangeListener);
 
   return newShell;
 }
 
 QWidget* Window::GetContents()
 {
   return contents;
 }
 
 QPoint Window::GetInitialLocation(const QPoint& initialSize)
 {
   QWidget* parent = Tweaklets::Get(GuiWidgetsTweaklet::KEY)->GetParent(shell->GetControl());
 
   QPoint centerPoint(0,0);
   QRect parentBounds(0,0,0,0);
   if (parent != nullptr)
   {
     parentBounds = Tweaklets::Get(GuiWidgetsTweaklet::KEY)->GetBounds(parent);
     centerPoint.setX(parentBounds.x() + parentBounds.width()/2);
     centerPoint.setY(parentBounds.y() - parentBounds.height()/2);
   }
   else
   {
     parentBounds = Tweaklets::Get(GuiWidgetsTweaklet::KEY)
       ->GetScreenSize(Tweaklets::Get(GuiWidgetsTweaklet::KEY)->GetPrimaryScreenNumber());
     centerPoint.setX(parentBounds.width()/2);
     centerPoint.setY(parentBounds.height()/2);
   }
 
-  return QPoint(centerPoint.x() - (initialSize.x() / 2),
-              std::max<int>(parentBounds.y(),
-                            std::min<int>(centerPoint.y() - (initialSize.y() * 2 / 3),
-                                          parentBounds.y() + parentBounds.height() - initialSize.y())));
+  return QPoint(centerPoint.x() - initialSize.x() / 2, centerPoint.y() - initialSize.y() / 2);
 }
 
 QPoint Window::GetInitialSize()
 {
   return shell->ComputeSize(Constants::DEFAULT, Constants::DEFAULT, true);
 }
 
 Shell::Pointer Window::GetParentShell()
 {
   Shell::Pointer parent = parentShell->GetShell();
 
   int modal = Constants::APPLICATION_MODAL | Constants::SYSTEM_MODAL | Constants::PRIMARY_MODAL;
 
   if ((this->GetShellStyle() & modal) != 0)
   {
     // If this is a modal shell with no parent, pick a shell using defaultModalParent.
     if (parent == 0)
     {
       parent = defaultModalParent->GetShell();
     }
   }
 
   return parent;
 }
 
 IShellListener* Window::GetShellListener()
 {
   if (windowShellListener.isNull())
     windowShellListener.reset(new WindowShellListener(this));
 
   return windowShellListener.data();
 }
 
 int Window::GetShellStyle()
 {
   return shellStyle;
 }
 
 void Window::HandleShellCloseEvent()
 {
   this->SetReturnCode(CANCEL);
   this->Close();
 }
 
 void Window::InitializeBounds()
 {
 //  if (resizeListener != null)
 //  {
 //    shell.removeListener(SWT.Resize, resizeListener);
 //  }
 //  if (resizeHasOccurred)
 //  { // Check if shell size has been set already.
 //    return;
 //  }
 
   QPoint size = this->GetInitialSize();
   QPoint location = this->GetInitialLocation(size);
   shell->SetBounds(this->GetConstrainedShellBounds(QRect(location.x(), location.y(), size.x(), size.y())));
 }
 
 QRect Window::GetConstrainedShellBounds(const QRect& preferredSize)
 {
   QRect result(preferredSize);
 
   GuiWidgetsTweaklet* guiTweaklet(Tweaklets::Get(GuiWidgetsTweaklet::KEY));
   int screenNum = guiTweaklet->GetClosestScreenNumber(result);
   QRect bounds(guiTweaklet->GetAvailableScreenSize(screenNum));
 
   if (result.height() > bounds.height()) {
     result.setHeight(bounds.height());
   }
 
   if (result.width() > bounds.width()) {
     result.setWidth(bounds.width());
   }
 
   result.moveLeft( std::max<int>(bounds.x(), std::min<int>(result.x(), bounds.x()
     + bounds.width() - result.width())));
   result.moveTop(std::max<int>(bounds.y(), std::min<int>(result.y(), bounds.y()
     + bounds.height() - result.height())));
 
   return result;
 }
 
 void Window::SetParentShell(Shell::Pointer newParentShell)
 {
   poco_assert(shell == 0); // "There must not be an existing shell."; //$NON-NLS-1$
   parentShell = new SameShellProvider(newParentShell);
 }
 
 void Window::SetReturnCode(int code)
 {
   returnCode = code;
 }
 
 void Window::SetShellStyle(int newShellStyle)
 {
   shellStyle = newShellStyle;
 }
 
 void Window::AddMenuBar()
 {
   if (GetShell().IsNull() && menuBarManager.IsNull())
   {
     menuBarManager = CreateMenuManager();
   }
 }
 
 SmartPointer<MenuManager> Window::CreateMenuManager()
 {
   MenuManager::Pointer manager(new MenuManager());
   return manager;
 }
 
 void Window::CreateTrimWidgets(SmartPointer<Shell> shell)
 {
   if (menuBarManager.IsNotNull())
   {
     QMainWindow* mw = qobject_cast<QMainWindow*>(shell->GetControl());
     if (mw)
     {
       mw->setMenuBar(menuBarManager->CreateMenuBar(shell->GetControl()));
       menuBarManager->UpdateAll(true);
     }
   }
 
 //  if (showTopSeperator())
 //  {
 //    seperator1 = new Label(shell, SWT.SEPARATOR | SWT.HORIZONTAL);
 //  }
 
   //CreateToolBarControl(shell);
   //CreateStatusLine(shell);
 }
 
 bool Window::Close()
 {
 
 //  BERRY_INFO << "Window::Close()";
 
 //  // stop listening for font changes
 //  if (fontChangeListener != null)
 //  {
 //    JFaceResources.getFontRegistry().removeListener(fontChangeListener);
 //    fontChangeListener = null;
 //  }
 
   // remove this window from a window manager if it has one
   if (windowManager != nullptr)
   {
     windowManager->Remove(Window::Pointer(this));
     windowManager = nullptr;
   }
 
   if (shell == 0)
   {
     return true;
   }
 
   shell->RemoveShellListener(this->GetShellListener());
   shell->SetData(Object::Pointer(nullptr));
 
   // If we "close" the shell recursion will occur.
   // Instead, we need to "dispose" the shell to remove it from the
   // display.
   Tweaklets::Get(GuiWidgetsTweaklet::KEY)->DisposeShell(shell);
   shell = nullptr;
   contents = nullptr;
 
   return true;
 }
 
 void Window::Create()
 {
   shell = this->CreateShell();
   contents = this->CreateContents(shell);
 
   //initialize the bounds of the shell to that appropriate for the
   // contents
   this->InitializeBounds();
 }
 
 QIcon Window::GetDefaultImage()
 {
   return (defaultImages.size() < 1) ? QIcon() : defaultImages[0];
 }
 
 QList<QIcon> Window::GetDefaultImages()
 {
   return defaultImages;
 }
 
 int Window::GetReturnCode()
 {
   return returnCode;
 }
 
 Shell::Pointer Window::GetShell() const
 {
   return shell;
 }
 
 WindowManager* Window::GetWindowManager()
 {
   return windowManager;
 }
 
 MenuManager *Window::GetMenuBarManager() const
 {
   return menuBarManager.GetPointer();
 }
 
 int Window::Open()
 {
 
   if (shell == 0)
   {
     // create the window
     this->Create();
   }
 
   // limit the shell size to the display size
   //constrainShellSize();
 
   // open the window
   shell->Open(block);
 
 //  // run the event loop if specified
 //  if (block)
 //  {
 //    this->RunEventLoop();
 //  }
 
   return returnCode;
 }
 
 void Window::SetBlockOnOpen(bool shouldBlock)
 {
   block = shouldBlock;
 }
 
 void Window::SetDefaultImage(const QIcon& image)
 {
   if (!image.isNull())
     defaultImages.push_back(image);
 }
 
 void Window::SetDefaultImages(const QList<QIcon>& images)
 {
   defaultImages = images;
 }
 
 void Window::SetWindowManager(WindowManager* manager)
 {
   windowManager = manager;
 
   // Code to detect invalid usage
 
   if (manager != nullptr)
   {
     QList<Window::Pointer> windows = manager->GetWindows();
     for (int i = 0; i < windows.size(); i++)
     {
       if (windows[i] == this)
       {
         return;
       }
     }
     manager->Add(Window::Pointer(this));
   }
 }
 
 void Window::SetExceptionHandler(IExceptionHandler::Pointer handler)
 {
   if (exceptionHandler == 0)
   {
     exceptionHandler = handler;
   }
 }
 
 void Window::SetDefaultModalParent(IShellProvider::Pointer provider)
 {
   defaultModalParent = provider;
 }
 
 }
diff --git a/Plugins/org.blueberry.ui.qt/src/internal/berryWorkbenchWindowConfigurer.cpp b/Plugins/org.blueberry.ui.qt/src/internal/berryWorkbenchWindowConfigurer.cpp
index 49d0b76b8e..1e0de9ace4 100644
--- a/Plugins/org.blueberry.ui.qt/src/internal/berryWorkbenchWindowConfigurer.cpp
+++ b/Plugins/org.blueberry.ui.qt/src/internal/berryWorkbenchWindowConfigurer.cpp
@@ -1,291 +1,291 @@
 /*============================================================================
 
 The Medical Imaging Interaction Toolkit (MITK)
 
 Copyright (c) German Cancer Research Center (DKFZ)
 All rights reserved.
 
 Use of this source code is governed by a 3-clause BSD license that can be
 found in the LICENSE file.
 
 ============================================================================*/
 
 #include "berryWorkbenchWindowConfigurer.h"
 
 #include "berryWorkbenchWindow.h"
 #include "berryWorkbench.h"
 #include "berryWorkbenchPage.h"
 #include "berryEditorSashContainer.h"
 #include "berryWorkbenchPlugin.h"
 #include "berryMenuManager.h"
 
 #include "berryQtDnDControlWidget.h"
 
 namespace berry
 {
 
 WorkbenchWindowConfigurer::WindowActionBarConfigurer::WindowActionBarConfigurer(WorkbenchWindow::WeakPtr wnd)
 : window(wnd)
 {
 
 }
 
 void WorkbenchWindowConfigurer::WindowActionBarConfigurer::SetProxy(IActionBarConfigurer::Pointer proxy)
 {
   this->proxy = proxy;
 }
 
 IWorkbenchWindowConfigurer::Pointer WorkbenchWindowConfigurer::WindowActionBarConfigurer::GetWindowConfigurer()
 {
   return WorkbenchWindow::Pointer(window)->GetWindowConfigurer();
 }
 
 IMenuManager* WorkbenchWindowConfigurer::WindowActionBarConfigurer::GetMenuManager()
 {
   if (proxy.IsNotNull())
   {
     return proxy->GetMenuManager();
   }
   return window.Lock()->GetMenuManager();
 }
 
 IToolBarManager* WorkbenchWindowConfigurer::WindowActionBarConfigurer::GetToolBarManager()
 {
   if (proxy.IsNotNull())
   {
     return proxy->GetToolBarManager();
   }
   //return window.Lock()->GetToolBarManager();
   return nullptr;
 }
 
 WorkbenchWindowConfigurer::WorkbenchWindowConfigurer(const WorkbenchWindow::Pointer& window)
  : shellStyle(nullptr)
  , showPerspectiveBar(false)
  , showStatusLine(true)
  , showToolBar(true)
  , showMenuBar(true)
  , showProgressIndicator(false)
  , dropTargetListener(nullptr)
- , initialSize(1024,768)
+ , initialSize(1632, 918) // 85% of 1920 x 1080 (FullHD, 1080p)
 {
   if (window.IsNull())
   {
     throw Poco::InvalidArgumentException();
   }
   this->window = window;
   windowTitle = "BlueBerry Application";
 }
 
 IWorkbenchWindow::Pointer WorkbenchWindowConfigurer::GetWindow()
 {
   return IWorkbenchWindow::Pointer(window);
 }
 
 IWorkbenchConfigurer::Pointer WorkbenchWindowConfigurer::GetWorkbenchConfigurer()
 {
   return dynamic_cast<Workbench*>(PlatformUI::GetWorkbench())->GetWorkbenchConfigurer();
 }
 
 QString WorkbenchWindowConfigurer::BasicGetTitle()
 {
   return windowTitle;
 }
 
 QString WorkbenchWindowConfigurer::GetTitle()
 {
   Shell::Pointer shell = window.Lock()->GetShell();
   if (shell)
   {
     // update the cached title
     windowTitle = shell->GetText();
   }
   return windowTitle;
 }
 
 void WorkbenchWindowConfigurer::SetTitle(const QString &title)
 {
   windowTitle = title;
   Shell::Pointer shell = window.Lock()->GetShell();
   if (shell)
   {
     shell->SetText(title);
   }
 }
 
 bool WorkbenchWindowConfigurer::GetShowMenuBar() const
 {
   return showMenuBar;
 }
 
 void WorkbenchWindowConfigurer::SetShowMenuBar(bool show)
 {
   showMenuBar = show;
 //  WorkbenchWindow win = (WorkbenchWindow) getWindow();
 //  Shell shell = win.getShell();
 //  if (shell != null)
 //  {
 //    boolean showing = shell.getMenuBar() != null;
 //    if (show != showing)
 //    {
 //      if (show)
 //      {
 //        shell.setMenuBar(win.getMenuBarManager().getMenu());
 //      }
 //      else
 //      {
 //        shell.setMenuBar(null);
 //      }
 //    }
 //  }
 }
 
 bool WorkbenchWindowConfigurer::GetShowToolBar() const
 {
   return showToolBar;
 }
 
 void WorkbenchWindowConfigurer::SetShowToolBar(bool show)
 {
   showToolBar = show;
   //window.setCoolBarVisible(show);
   // @issue need to be able to reconfigure after window's controls created
 }
 
 bool WorkbenchWindowConfigurer::GetShowPerspectiveBar() const
 {
   return showPerspectiveBar;
 }
 
 void WorkbenchWindowConfigurer::SetShowPerspectiveBar(bool show)
 {
   showPerspectiveBar = show;
   //window.setPerspectiveBarVisible(show);
   // @issue need to be able to reconfigure after window's controls created
 }
 
 bool WorkbenchWindowConfigurer::GetShowStatusLine() const
 {
   return showStatusLine;
 }
 
 void WorkbenchWindowConfigurer::SetShowStatusLine(bool show)
 {
   showStatusLine = show;
   // @issue need to be able to reconfigure after window's controls created
 }
 
 bool WorkbenchWindowConfigurer::GetShowProgressIndicator() const
 {
   return showProgressIndicator;
 }
 
 void WorkbenchWindowConfigurer::SetShowProgressIndicator(bool show)
 {
   showProgressIndicator = show;
   // @issue need to be able to reconfigure after window's controls created
 }
 
 void WorkbenchWindowConfigurer::AddEditorAreaTransfer(const QStringList& transfers)
 {
   if (transfers.isEmpty()) return;
 
   int oldSize = transferTypes.size();
   transferTypes.unite(QSet<QString>::fromList(transfers));
 
   if (transferTypes.size() == oldSize) return;
 
   WorkbenchPage::Pointer page = window.Lock()->GetActivePage().Cast<WorkbenchPage>();
   if (page)
   {
     QtDnDControlWidget* dropTarget =
         static_cast<QtDnDControlWidget*>(page->GetEditorPresentation()->GetLayoutPart().Cast<EditorSashContainer>()->GetParent());
     dropTarget->SetTransferTypes(transferTypes.toList());
   }
 }
 
 void WorkbenchWindowConfigurer::ConfigureEditorAreaDropListener(IDropTargetListener* listener)
 {
   if (listener == nullptr) return;
   dropTargetListener = listener;
 
   WorkbenchPage::Pointer page = window.Lock()->GetActivePage().Cast<WorkbenchPage>();
   if (page)
   {
     QtDnDControlWidget* dropTarget =
         static_cast<QtDnDControlWidget*>(page->GetEditorPresentation()->GetLayoutPart().Cast<EditorSashContainer>()->GetParent());
     dropTarget->AddDropListener(listener);
   }
 }
 
 QStringList WorkbenchWindowConfigurer::GetTransfers() const
 {
   return transferTypes.toList();
 }
 
 IDropTargetListener* WorkbenchWindowConfigurer::GetDropTargetListener() const
 {
   return dropTargetListener;
 }
 
 IActionBarConfigurer::Pointer WorkbenchWindowConfigurer::GetActionBarConfigurer()
 {
   if (actionBarConfigurer.IsNull())
   {
     // lazily initialize
     actionBarConfigurer = new WindowActionBarConfigurer(window);
   }
   return actionBarConfigurer;
 }
 
 Qt::WindowFlags WorkbenchWindowConfigurer::GetWindowFlags() const
 {
   return shellStyle;
 }
 
 void WorkbenchWindowConfigurer::SetWindowFlags(Qt::WindowFlags shellStyle)
 {
   this->shellStyle = shellStyle;
 }
 
 QPoint WorkbenchWindowConfigurer::GetInitialSize() const
 {
   return initialSize;
 }
 
 void WorkbenchWindowConfigurer::SetInitialSize(QPoint size)
 {
   initialSize = size;
 }
 
 void WorkbenchWindowConfigurer::CreateDefaultContents(Shell::Pointer shell)
 {
   WorkbenchWindow::Pointer(window)->CreateDefaultContents(shell);
 }
 
 QMenuBar* WorkbenchWindowConfigurer::CreateMenuBar()
 {
   return window.Lock()->GetMenuManager()->CreateMenuBar(window.Lock()->GetShell()->GetControl());
 }
 
 QWidget* WorkbenchWindowConfigurer::CreateToolBar(QWidget* /*parent*/)
 {
 //  IToolBarManager* toolBarManager = window->GetToolBarManager();
 //  if (toolBarManager)
 //  {
 //    return toolBarManager->CreateControl(parent);
 //  }
   return nullptr;
 }
 
 QWidget *WorkbenchWindowConfigurer::CreatePageComposite(QWidget *parent)
 {
   return WorkbenchWindow::Pointer(window)->CreatePageComposite(parent);
 }
 
 bool WorkbenchWindowConfigurer::SaveState(IMemento::Pointer memento)
 {
   return WorkbenchWindow::Pointer(window)->SaveState(memento);
 }
 
 }
diff --git a/Plugins/org.mitk.gui.qt.extapplication/src/internal/perspectives/QmitkExtDefaultPerspective.cpp b/Plugins/org.mitk.gui.qt.extapplication/src/internal/perspectives/QmitkExtDefaultPerspective.cpp
index 0cca148ebd..0420ddfccc 100644
--- a/Plugins/org.mitk.gui.qt.extapplication/src/internal/perspectives/QmitkExtDefaultPerspective.cpp
+++ b/Plugins/org.mitk.gui.qt.extapplication/src/internal/perspectives/QmitkExtDefaultPerspective.cpp
@@ -1,38 +1,39 @@
 /*============================================================================
 
 The Medical Imaging Interaction Toolkit (MITK)
 
 Copyright (c) German Cancer Research Center (DKFZ)
 All rights reserved.
 
 Use of this source code is governed by a 3-clause BSD license that can be
 found in the LICENSE file.
 
 ============================================================================*/
 
 #include "QmitkExtDefaultPerspective.h"
 #include "berryIViewLayout.h"
 
 QmitkExtDefaultPerspective::QmitkExtDefaultPerspective()
 {
 }
 
 void QmitkExtDefaultPerspective::CreateInitialLayout(berry::IPageLayout::Pointer layout)
 {
   QString editorArea = layout->GetEditorArea();
 
-  layout->AddView("org.mitk.views.datamanager", berry::IPageLayout::LEFT, 0.3f, editorArea);
+  layout->AddView("org.mitk.views.datamanager", berry::IPageLayout::LEFT, 0.21f, editorArea);
 
   berry::IViewLayout::Pointer lo = layout->GetViewLayout("org.mitk.views.datamanager");
   lo->SetCloseable(false);
 
-  layout->AddView("org.mitk.views.imagenavigator",
-    berry::IPageLayout::BOTTOM, 0.5f, "org.mitk.views.datamanager");
+  layout->AddView("org.mitk.views.imagenavigator", berry::IPageLayout::BOTTOM, 0.5f, "org.mitk.views.datamanager");
+
+  layout->AddView("org.mitk.views.viewnavigator", berry::IPageLayout::RIGHT, 0.7f, editorArea);
 
   berry::IPlaceholderFolderLayout::Pointer bottomFolder = layout->CreatePlaceholderFolder("bottom", berry::IPageLayout::BOTTOM, 0.7f, editorArea);
   bottomFolder->AddPlaceholder("org.blueberry.views.logview");
   bottomFolder->AddPlaceholder("org.mitk.views.modules");
 
   layout->AddPerspectiveShortcut("org.mitk.mitkworkbench.perspectives.editor");
   layout->AddPerspectiveShortcut("org.mitk.mitkworkbench.perspectives.visualization");
 }
diff --git a/Plugins/org.mitk.gui.qt.flow.segmentation/src/internal/perspectives/QmitkFlowSegmentationPerspective.cpp b/Plugins/org.mitk.gui.qt.flow.segmentation/src/internal/perspectives/QmitkFlowSegmentationPerspective.cpp
index cb09bd4f9f..d5650449a4 100644
--- a/Plugins/org.mitk.gui.qt.flow.segmentation/src/internal/perspectives/QmitkFlowSegmentationPerspective.cpp
+++ b/Plugins/org.mitk.gui.qt.flow.segmentation/src/internal/perspectives/QmitkFlowSegmentationPerspective.cpp
@@ -1,43 +1,43 @@
 /*============================================================================
 
 The Medical Imaging Interaction Toolkit (MITK)
 
 Copyright (c) German Cancer Research Center (DKFZ)
 All rights reserved.
 
 Use of this source code is governed by a 3-clause BSD license that can be
 found in the LICENSE file.
 
 ============================================================================*/
 
 #include "QmitkFlowSegmentationPerspective.h"
 #include "berryIViewLayout.h"
 
 QmitkFlowSegmentationPerspective::QmitkFlowSegmentationPerspective()
 {
 }
 
 void QmitkFlowSegmentationPerspective::CreateInitialLayout(berry::IPageLayout::Pointer layout)
 {
   QString editorArea = layout->GetEditorArea();
 
-  layout->AddView("org.mitk.views.segmentation", berry::IPageLayout::LEFT, 0.3f, editorArea);
+  layout->AddView("org.mitk.views.segmentation", berry::IPageLayout::LEFT, 0.24f, editorArea);
 
   berry::IViewLayout::Pointer lo = layout->GetViewLayout("org.mitk.views.segmentation");
   lo->SetCloseable(false);
 
-  layout->AddStandaloneView("org.mitk.views.flow.control",false, berry::IPageLayout::RIGHT, 0.6f, editorArea);
+  layout->AddStandaloneView("org.mitk.views.flow.control",false, berry::IPageLayout::RIGHT, 0.72f, editorArea);
   lo = layout->GetViewLayout("org.mitk.views.flow.control");
   lo->SetCloseable(false);
 
   layout->AddView("org.mitk.views.imagenavigator",
     berry::IPageLayout::TOP, 0.1f, "org.mitk.views.flow.control");
 
   berry::IPlaceholderFolderLayout::Pointer bottomFolder = layout->CreatePlaceholderFolder("bottom", berry::IPageLayout::BOTTOM, 0.7f, editorArea);
   bottomFolder->AddPlaceholder("org.blueberry.views.logview");
 
   berry::IPlaceholderFolderLayout::Pointer rightFolder = layout->CreatePlaceholderFolder("right", berry::IPageLayout::RIGHT, 0.3f, editorArea);
   rightFolder->AddPlaceholder("org.mitk.views.datamanager");
 
   layout->AddPerspectiveShortcut("org.mitk.qt.flowapplication.defaultperspective");
 }
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/QmitkWelcomeScreenView.qrc b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/QmitkWelcomeScreenView.qrc
index d8a478614a..319c197c41 100644
--- a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/QmitkWelcomeScreenView.qrc
+++ b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/QmitkWelcomeScreenView.qrc
@@ -1,59 +1,13 @@
 <RCC>
     <qresource prefix="/org.mitk.gui.qt.welcomescreen">
+        <file>img/levelwindow/standarddisplay.svg</file>
+        <file>img/mousenavigation/click.svg</file>
+        <file>img/mousenavigation/crosshair.svg</file>
+        <file>img/mousenavigation/pan.svg</file>
+        <file>img/mousenavigation/scroll.svg</file>
+        <file>img/mousenavigation/zoom.svg</file>
+        <file>index.html</file>
+        <file>script.js</file>
         <file>style.css</file>
-        <file>function.js</file>
-        <file>pics/background.jpg</file>
-        <file>pics/popup_bttn_close.png</file>
-        <file>pics/experimental.png</file>
-        <file>pics/button_mitka.png</file>
-        <file>pics/button_mitk.png</file>
-        <file>pics/WelcomeMITK.png</file>
-        <file>mitkworkbenchwelcomeview.html</file>
-    </qresource>
-    <qresource prefix="/org.mitk.gui.qt.welcomescreen.welcome.tutorial">
-        <file>WelcomePresentation.html</file>
-        <file>js/reveal.js</file>
-        <file>css/print/paper.css</file>
-        <file>css/print/pdf.css</file>
-        <file>css/reveal.css</file>
-        <file>css/reveal.scss</file>
-        <file>css/theme/MITK.css</file>
-        <file>css/theme/README.md</file>
-        <file>css/theme/source/MITK.scss</file>
-        <file>images/welcome/Alt.png</file>
-        <file>images/welcome/ArrowDown.png</file>
-        <file>images/welcome/ArrowKeys.png</file>
-        <file>images/welcome/ControlArrows.png</file>
-        <file>images/welcome/DataManagerData.png</file>
-        <file>images/welcome/DisplayAreaScan.png</file>
-        <file>images/welcome/DisplayAreaSmall.png</file>
-        <file>images/welcome/DisplayWindowAxial.png</file>
-        <file>images/welcome/DisplayWindowButtons.png</file>
-        <file>images/welcome/Esc.png</file>
-        <file>images/welcome/HelpWelcome.png</file>
-        <file>images/welcome/IconDataManager.png</file>
-        <file>images/welcome/IconHelp.svg</file>
-        <file>images/welcome/IconImageNavigator.png</file>
-        <file>images/welcome/ImageNavigator.png</file>
-        <file>images/welcome/LayoutList.png</file>
-        <file>images/welcome/Levelwindow.png</file>
-        <file>images/welcome/MITK.png</file>
-        <file>images/welcome/MITKArrow.png</file>
-        <file>images/welcome/MITKArrow2.png</file>
-        <file>images/welcome/MITKPoint.png</file>
-        <file>images/welcome/MousePointerClick.png</file>
-        <file>images/welcome/MouseTangoStyle.svg</file>
-        <file>images/welcome/ScreenScanData.png</file>
-        <file>images/welcome/ScreenScanPlugins.png</file>
-        <file>images/welcome/ScreenWithScan.png</file>
-        <file>images/welcome/Spacebar.png</file>
-        <file>images/welcome/Toolbar.png</file>
-        <file>images/welcome/ToolbarLeft.png</file>
-        <file>images/welcome/ToolbarRight.png</file>
-        <file>images/welcome/WelcomePage.png</file>
-        <file>lib/css/zenburn.css</file>
-        <file>lib/js/classList.js</file>
-        <file>lib/js/head.min.js</file>
-        <file>lib/js/html5shiv.js</file>
     </qresource>
 </RCC>
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/WelcomePresentation.html b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/WelcomePresentation.html
deleted file mode 100644
index 0f4c56df50..0000000000
--- a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/WelcomePresentation.html
+++ /dev/null
@@ -1,286 +0,0 @@
-<!doctype html>
-
-<meta http-equiv="X-UA-Compatible" content="IE=11,IE=10,IE=9,IE=8" />
-
-<html lang="en">
-    <head>
-      <meta charset="utf-8">
-      <title>May I introduce you to MITK?</title>
-      <meta name="description" content="A short introduction into working with the MITK Workbench">
-      <meta name="author" content="German Cancer Research Center (DKFZ)">
-
-      <link rel="stylesheet" href="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/css/reveal.css">
-      <link rel="stylesheet" href="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/css/theme/MITK.css" id="theme">
-
-      <!-- Code syntax highlighting -->
-      <link rel="stylesheet" href="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/lib/css/zenburn.css">
-    </head>
-
-    <body>
-        <div class="reveal">
-            <!-- Any section element inside of this container is displayed as a slide -->
-            <div class="slides">
-
-<!-- Main page + navigation help -->
-                <section>
-                    <section>
-                        <br>
-                        <br>
-                        <br>
-                        <br>
-                        <h2>May I introduce you to MITK?</h2>
-                        <br>
-                        <br>
-                        <br>
-                        <br>
-                        <p style="text-align: bottom; color: rgb(144, 144, 144)"><small>For a short explanation of the navigation through the tutorial, press <strong>DOWN</strong>.</small></p>
-                        <img src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/ArrowDown.png" style="position: absolute; bottom: 5%; right: 5%; width: 5%; box-shadow: none" />
-                    </section>
-                    <section>
-                        <h4>Navigation through the tutorial slides</h4>
-                        <p style="text-align: left"><small>In the lower right corner you see <strong>four arrows</strong> for navigation through the slides.</small></p>
-                        <img src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/ControlArrows.png" style="position: absolute; top: 23%; left: 45%; width: 10%" />
-                        <br>
-                        <br>
-                        <br>
-                        <p style="text-align: left"><small>If an arrow turns <strong>bold</strong>, you can follow it in this direction either using your <strong>mouse or keyboard</strong>. </small></p>
-                        <img src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/MouseTangoStyle.svg" style="position: absolute; bottom: 27%; left: 40%; height: 12%; box-shadow: none" />
-                        <img src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/ArrowKeys.png" style="position: absolute; bottom: 27%; right: 37%; height: 12%; box-shadow: none" />
-                        <br>
-                        <p style="text-align: left"><small>Besides the arrow keys you can also use the <strong>space bar</strong>, </br>to navigate you through all slides.</small></p>
-                        <img src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/Spacebar.png" style="position: absolute; bottom: 16%; right: 25%; width: 12%; box-shadow: none" />
-                        <p style="text-align: left"><small>When you press "<strong>Esc</strong>", you will see an overview about all the available slides.</small></p>
-                        <img src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/Esc.png" style="position: absolute; bottom: 6%; right: 15%; width: 5%; box-shadow: none" />
-                        <!-- This seems to not work in the QtWebkit
-                        <p style="text-align: left"><small>With <strong>Alt + clicking</strong> on a certain spot in the slide, you can zoom in.</small></p>
-                        <img src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/Alt.png" style="position: absolute; bottom: 5%; right: 26%; width: 5%; box-shadow: none" />
-                        <img src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/MousePointerClick.png" style="position: absolute; bottom: 5%; right: 20%; width: 5%; box-shadow: none" />
-                        -->
-                    </section>
-                </section>
-
-
-<!-- Welcome Page in MITK - 1 -->
-
-                <section>
-                    <h3>Welcome Page</h3>
-                    <br>
-                    <p style="text-align: right;"><small>The first window you will see, is the <br><strong>Welcome Page</strong>!</small></p>
-                    <img src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/WelcomePage.png" style="position: absolute; left: 5%; top: 20% ; width: 50%; border: none" />
-                    <br>
-                    <p class="fragment" data-fragment-index="0" style="text-align: right"><small>You can always reopen it by clicking on <br>"<em>Help</em>" and then "<em>Welcome</em>".<br> To return there from this presentation<br> click the MITK logo in the lower left corner.</small></p>
-                    <img class="fragment current-visible" data-fragment-index="0" src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/HelpWelcome.png" style="position: absolute; left: 0%; top: 15%; width: 25%; border: none" />
-                    <br>
-                    <br>
-                    <br>
-                    <p class="fragment" data-fragment-index="1" style="text-align: center"><small>Here you can find links to further on-line tutorials and related documentation.</small></p>
-                    <img class="fragment current-visible" data-fragment-index="1" src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/MITKArrow.png" style="position: absolute; right: 38%; bottom: 33%; width: 15%; border: none; box-shadow: none; background: none; -webkit-transform: rotate(-145deg); transform: rotate(-145deg)" />
-                    <br>
-                </section>
-
-
-<!-- Overview MITK Window - 2 -->
-
-                <section>
-                    <h3>Window overview</h3>
-                    <img src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/ScreenScanPlugins.png" style="position: absolute; left: 5%; top: 15%; width: 50%; border: none" />
-                    <br>
-                    <p class="fragment" data-fragment-index="0" style="text-align: right"><small>On the upper border you find the <strong>Toolbar</strong><br> with shortcuts to all important functions.</small></p>
-                    <img class="fragment current-visible" data-fragment-index="0" src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/Toolbar.png" style="position: absolute; top: 15%; left: 0%; width: 90%; border: none" />
-                    <br>
-                    <p class="fragment" data-fragment-index="1" style="text-align: right"><small>Your images and results appear <br>in the <strong>Display area</strong> in 2D and 3D views.</small></p>
-                    <img class="fragment current-visible" data-fragment-index="1" src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/DisplayAreaSmall.png" style="position: absolute; left: 13%; top: 17%; width: 35%" />
-                    <br>
-                    <br>
-                    <br>
-                    <br>
-                    <p class="fragment" data-fragment-index="2" style="text-align: left"><small>Tools are called <em>Plugins</em> in MITK. After opening they appear to the sides of the display area by default. </small></p>
-                    <img class="fragment current-visible" data-fragment-index="2" src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/MITKArrow.png" style="position: absolute; left: 5%; bottom: 20%; width: 10%; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); box-shadow: none" />
-                    <img class="fragment current-visible" data-fragment-index="2" src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/MITKArrow.png" style="position: absolute; left: 45%; bottom: 20%; width: 10%; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); box-shadow: none" />
-                </section>
-
-
-<!-- Toolbar  - 3 -->
-
-                <section>
-                    <h3>Toolbar</h3>
-                    <p class="fragment" data-fragment-index="0" style="text-align: left"><small>You can access the main functions with the buttons on the left side of the toolbar.</small></p>
-                    <img src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/ScreenWithScan.png" style="position: absolute; bottom: 0%; left: 28%; width: 44%;" data-fragment-index="0" />
-                    <div class="fragment current-visible" data-fragment-index="0" style="position: absolute; bottom: 45%; left: 27%; width: 21%; height: 2%; border-radius: 10px 10px 10px 10px; border: 5px solid #2d5a88"></div>
-                    <img class="fragment current-visible" data-fragment-index="0" src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/ToolbarLeft.png" style="position: absolute; left: 3%; bottom: 49%; width: 55%" />
-                    <ul class="fragment current-visible" data-fragment-index="0" style="position: absolute; left: 0%; bottom: 15%"><small>
-                        <li>Open File</li>
-                        <li>Save/Close Project</li>
-                        <li>Undo/Redo</li>
-                        <li>Image Navigator</li>
-                        <li>...</li>
-                    </small></ul>
-                    <p class="fragment" data-fragment-index="1" style="text-align: right"><small>On the right side you find the available Plugins for working on your data.</small></p>
-                    <div class="fragment current-visible" data-fragment-index="1" style="position: absolute; bottom: 45%; right: 34%; width: 17%; height: 2%; border-radius: 10px 10px 10px 10px; border: 5px solid #2d5a88"></div>
-                    <img class="fragment current-visible" data-fragment-index="1" src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/ToolbarRight.png" style="position: absolute; right: 1%; bottom: 49%; width: 60%" />
-                    <ul class="fragment current-visible" data-fragment-index="1" style="position: absolute; right: 0%; bottom: 15%"><small>
-                        <p><strong>Plugins:</strong></p>
-                        <li>Clipping Plane</li>
-                        <li>Segmentation Utilities</li>
-                        <li>Movie Maker</li>
-                        <li>Image Cropper</li>
-                        <li>...</li>
-                    </small></ul>
-                    <p class="fragment" data-fragment-index="2" style="text-align: right"><small>The <strong>help</strong> button can also be found here.</small></p>
-                    <img class="fragment current-visible" data-fragment-index="2" src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/IconHelp.svg" style="position: absolute; top: 34%; right: 46%; width: 5%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); border-radius: 5px 5px 5px 5px; border: 2px solid rgb(45, 92, 136);" />
-                    <br>
-                    <br>
-                    <br>
-                    <br>
-                    <br>
-                    <br>
-                    <br>
-                </section>
-
-
-<!-- Data Manager - 4 -->
-
-                <section>
-                    <h3>Data Manager</h3>
-                    <img src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/ScreenScanData.png" style="position: absolute; top: 25%; right: 0%; width: 50%; border:none" />
-                    <p class="fragment" data-fragment-index="0" style="text-align: left"><small>In the <strong>Data Manager</strong> you get an overview of all your data.</small></p>
-                    <img class="fragment current-visible" data-fragment-index="0"src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/IconDataManager.png" style="position: absolute; top: 15%; right: 22%; width: 5%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); border-radius: 5px 5px 5px 5px; border: 2px solid rgb(45, 92, 136)" />
-                    <div class="fragment current-visible" data-fragment-index="0" style="position: absolute; top: 28%; right: 23.7%; width: 1.5%; height: 2.5%; border-radius: 10px 10px 10px 10px; border: 5px solid #2d5a88"></div>
-                    <div class="fragment current-visible" data-fragment-index="0" style="position: absolute; top: 30.5%; right: 38.2%; width: 11%; height: 35%; border-radius: 5px 5px 5px 5px; border: 5px solid #2d5a88"></div>
-                    <br>
-                    <br>
-                    <br>
-                    <p class="fragment" data-fragment-index="1" style="text-align: left"><small>Besides the image itself, additional objects<br> such as <strong>segmentations, 3D models, ...</strong><br> are shown</small></p>
-                    <img class="fragment current-visible" data-fragment-index="1" src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/DataManagerData.png" style="position: absolute; right: 34%; top: 23%; width: 30%" />
-                    <br>
-                    <br>
-                    <br>
-                    <p class="fragment" data-fragment-index="2" style="text-align: left"><small>The <strong>Image Navigator</strong> helps to scroll faster through your scans or to navigate to a certain slice.</small></p>
-                    <img class="fragment" data-fragment-index="2" src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/IconImageNavigator.png" style="position: absolute; bottom: 15%; left: 0%; width: 5%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); border-radius: 5px 5px 5px 5px; border: 2px solid rgb(45, 92, 136)" />
-                    <img class="fragment current-visible" data-fragment-index="2" src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/ImageNavigator.png" style="position: absolute; bottom: 13%; right: 30%; width: 27%; border: none" />
-                </section>
-
-
-<!-- Display area - 5 -->
-
-                <section>
-                    <h3>Display Area</h3>
-                    <p class="fragment" data-fragment-index="0" style="text-align: left"><small>Three windows of the display area show you slices from the three different anatomical planes.</small></p>
-                    <img src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/DisplayAreaScan.png" style="position: absolute; top: 20%; left: 5%;; width: 48%; border: none" />
-                    <p class="fragment" data-fragment-index="0" style="position: absolute; left: 10%; top: 30%;color: rgb(255, 0, 0); transition: all 0.25s ease-in 0.75s; background: black"><strong>axial</strong></p>
-                    <p class="fragment" data-fragment-index="0" style="position: absolute; left: 10%; top: 60%; color: rgb(0, 0, 255); transition: all 0.25s ease-in 1.25s; background: black"><strong>coronal</strong></p>
-                    <p class="fragment" data-fragment-index="0" style="position: absolute; left: 35%; top: 30%; color: rgb(0, 255, 0); transition: all 0.25s ease-in 1.75s; background: black"><strong>sagittal</strong></p>
-                    <br>
-                    <br>
-                    <br>
-                    <br>
-                    <p class="fragment" data-fragment-index="2" style="text-align: right; bottom: 30%"><small>On the right side is the <strong>level-window</strong><br> for adjusting the displayed </br>grey level range of the image.</small></p>
-                    <br>
-                    <br>
-                    <br>
-                    <p class="fragment" data-fragment-index="1" style="text-align: center"><small>The fourth window shows you the <strong>3D view</strong>.</small></p>
-                    <p class="fragment" data-fragment-index="1" style="position: absolute; left: 35%; top: 60%; color: rgb(255, 255, 0); transition: all 0.25s ease-in 0.25s; background: black"><strong>3D</strong></p>
-                    <img class="fragment current-visible" data-fragment-index="2" src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/Levelwindow.png" style="position: absolute; left: 50%; top: 17%; width: 3%" />
-                </section>
-
-
-<!-- Display Windows - 6 -->
-
-                <section>
-                    <h3>Display Windows</h3>
-                    <p class="fragment" data-fragment-index="0" style="text-align: left"><small>A <strong>crosshair</strong> is shown in each display window to facilitate the navigation and slice selection.</small></p>
-                    <p class="fragment" data-fragment-index="1" style="text-align: right"><small>On the upper right corner you have more options to customize the view,<br> for example if you want to <strong>rotate</strong> the sectional planes.</small></p>
-                    <p class="fragment" data-fragment-index="2" style="text-align: right"><small>Here you can also select other <strong>layouts</strong> of the display windows.</small></p>
-                    <br>
-                    <br>
-                    <br>
-                    <br>
-                    <br>
-                    <img src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/DisplayWindowAxial.png" style="position: absolute; bottom: 0%; right: 32.5%; width: 35%; border: none" />
-                    <img class="fragment current-visible" data-fragment-index="0" src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/MITKArrow.png" style="position: absolute; top: 40%; left: 42.3%; width: 15%;-webkit-transform: rotate(90deg); transform: rotate(90deg); background: none; box-shadow: none" />
-                    <img class="fragment current-visible" data-fragment-index="1" src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/DisplayWindowButtons.png" style="position: absolute; bottom: 40%; right: 31%; width: 7.5%; height: 5%; border-radius: 10px 10px 10px 10px; border: 4px solid #2d5a88" />
-                    <img class="fragment" data-fragment-index="2" src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/MousePointerClick.png" style="position: absolute; right: 31%; top: 51%; width: 4%; box-shadow: none; background: none" />
-                    <img class="fragment current-visible" data-fragment-index="2" src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/LayoutList.png" style="position: absolute; right: 17%; bottom: 3%; width: 23%" />
-                    <br>
-                    <br>
-                </section>
-
-
-<!-- Operations with the mouse - 7 -->
-
-                <section>
-                    <h3>Mouse Navigation</h3>
-                    <p><small>Inside the <strong>Display area</strong> you can easily navigate through the images with your mouse.</small></p>
-                    <img src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/MouseTangoStyle.svg" style="position: absolute; bottom: 0%; left: 35%; width: 30%; box-shadow: none" />
-                    <p class="fragment" data-fragment-index="0" style="position: absolute; top: 47%; left: 0%"><small><strong>Press left and move the cursor:</strong><br>Moves the crosshair in all 3 planes.</small></p>
-                    <img class="fragment current-visible" data-fragment-index="0" src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/MITKPoint.png" style="position: absolute; width: 4%; bottom: 28%; left: 43.5%; box-shadow: none; background: none" />
-                    <p class="fragment" data-fragment-index="1"><small><strong>Scrolling:</strong><br> Scrolls through the slides.</small></p>
-                    <img class="fragment current-visible" data-fragment-index="1" src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/MITKArrow2.png" style="position: absolute; bottom: 18.5%; left: 46.6%; width: 7%; box-shadow: none; background: none" />
-                    <p class="fragment" data-fragment-index="3"><small><strong>Press the scroll wheel and move:</strong><br> Shifts the section you are looking at.</small></p>
-                    <br>
-                    <img class="fragment current-visible" data-fragment-index="3" src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/MITKPoint.png" style="position: absolute; width: 4%; bottom: 30%; left: 48%; box-shadow: none; background: none" />
-                    <br>
-                    <p class="fragment" data-fragment-index="4" style="position: absolute; right: 0%; top: 47%"><small><strong>Right-Click and moving:</strong><br> Zooms in and out.</small></p>
-                    <br>
-                    <img class="fragment current-visible" data-fragment-index="4" src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/MITKPoint.png" style="position: absolute; width: 4%; bottom: 28%; right: 43.5%; box-shadow: none; background: none" />
-                    <br>
-                    <br>
-                    <br>
-                </section>
-
-
-<!-- Last page - 8 -->
-
-                <section>
-                    <p>Thank you for downloading MITK!</p>
-                    <br>
-                    <blockquote><p><small>Press <strong style="color: rgb(249, 145, 87)">F1</strong>, to get fast access <br>to the documentation of the Plugin you're currently using!<br> Try it now inside of the <strong style="color: rgb(45, 92, 136)">Data Manager</strong> Plugin.</small></p></blockquote>
-                    <br>
-                    <p class="fragment" data-fragment-index="2"><small>Maybe one of the following links could also interest you:</small>
-                    <ul class="fragment" data-fragment-index="2"><small>
-                        <li><a href="https://docs.mitk.org/Tutorials/OpenSaveClose.html">Load, Save and Close Projects</a></li>
-                        <li><a href="https://docs.mitk.org/Tutorials/Navigation.html">Navigation inside MITK</a></li>
-                    </small></ul></p>
-                    <p class="fragment" data-fragment-index="2" style="text-align: right; color: #2d5a88; transition: all 0.25s ease-in 0.5s">The end!</p>
-                </section>
-            </div>
-
-<!-- Footer -->
-            <a class="mitk-logo" href="qrc:/org.mitk.gui.qt.welcomescreen/mitkworkbenchwelcomeview.html" target="_blank">
-                <img src="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/images/welcome/MITK.png">
-            </a>
-            <div class="footer">
-              German Cancer Research Center (DKFZ) - August 2015 - created using reveal.js
-            </div>
-
-        </div>
-
-        <script src="lib/js/head.min.js"></script>
-        <script src="js/reveal.js"></script>
-
-        <script>
-
-            // Full list of configuration options available at:
-            // https://github.com/hakimel/reveal.js#configuration
-            Reveal.initialize({
-                controls: true,
-                progress: true,
-                history: true,
-                center: true,
-                fragments: true,
-                transition: 'concave', // none/fade/slide/convex/concave/zoom
-
-                // Optional reveal.js plugins
-                dependencies: [
-                    { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
-                    { src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
-                    { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
-                    { src: 'plugin/highlight/highlight.js', async: true, condition: function() { return !!document.querySelector( 'pre code' ); }, callback: function() { hljs.initHighlightingOnLoad(); } },
-                    { src: 'plugin/zoom-js/zoom.js', async: true },
-                    { src: 'plugin/notes/notes.js', async: true }
-                ]
-            });
-
-        </script>
-    </body>
-</html>
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/css/print/paper.css b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/css/print/paper.css
deleted file mode 100644
index d112815366..0000000000
--- a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/css/print/paper.css
+++ /dev/null
@@ -1,202 +0,0 @@
-/* Default Print Stylesheet Template
-   by Rob Glazebrook of CSSnewbie.com
-   Last Updated: June 4, 2008
-
-   Feel free (nay, compelled) to edit, append, and
-   manipulate this file as you see fit. */
-
-
-@media print {
-
-  /* SECTION 1: Set default width, margin, float, and
-     background. This prevents elements from extending
-     beyond the edge of the printed page, and prevents
-     unnecessary background images from printing */
-  html {
-    background: #fff;
-    width: auto;
-    height: auto;
-    overflow: visible;
-  }
-  body {
-    background: #fff;
-    font-size: 20pt;
-    width: auto;
-    height: auto;
-    border: 0;
-    margin: 0 5%;
-    padding: 0;
-    overflow: visible;
-    float: none !important;
-  }
-
-  /* SECTION 2: Remove any elements not needed in print.
-     This would include navigation, ads, sidebars, etc. */
-  .nestedarrow,
-  .controls,
-  .fork-reveal,
-  .share-reveal,
-  .state-background,
-  .reveal .progress,
-  .reveal .backgrounds {
-    display: none !important;
-  }
-
-  /* SECTION 3: Set body font face, size, and color.
-     Consider using a serif font for readability. */
-  body, p, td, li, div {
-    font-size: 20pt!important;
-    font-family: Georgia, "Times New Roman", Times, serif !important;
-    color: #000;
-  }
-
-  /* SECTION 4: Set heading font face, sizes, and color.
-     Differentiate your headings from your body text.
-     Perhaps use a large sans-serif for distinction. */
-  h1,h2,h3,h4,h5,h6 {
-    color: #000!important;
-    height: auto;
-    line-height: normal;
-    font-family: Georgia, "Times New Roman", Times, serif !important;
-    text-shadow: 0 0 0 #000 !important;
-    text-align: left;
-    letter-spacing: normal;
-  }
-  /* Need to reduce the size of the fonts for printing */
-  h1 { font-size: 28pt !important;  }
-  h2 { font-size: 24pt !important; }
-  h3 { font-size: 22pt !important; }
-  h4 { font-size: 22pt !important; font-variant: small-caps; }
-  h5 { font-size: 21pt !important; }
-  h6 { font-size: 20pt !important; font-style: italic; }
-
-  /* SECTION 5: Make hyperlinks more usable.
-     Ensure links are underlined, and consider appending
-     the URL to the end of the link for usability. */
-  a:link,
-  a:visited {
-    color: #000 !important;
-    font-weight: bold;
-    text-decoration: underline;
-  }
-  /*
-  .reveal a:link:after,
-  .reveal a:visited:after {
-    content: " (" attr(href) ") ";
-    color: #222 !important;
-    font-size: 90%;
-  }
-  */
-
-
-  /* SECTION 6: more reveal.js specific additions by @skypanther */
-  ul, ol, div, p {
-    visibility: visible;
-    position: static;
-    width: auto;
-    height: auto;
-    display: block;
-    overflow: visible;
-    margin: 0;
-    text-align: left !important;
-  }
-  .reveal pre,
-  .reveal table {
-    margin-left: 0;
-    margin-right: 0;
-  }
-  .reveal pre code {
-    padding: 20px;
-    border: 1px solid #ddd;
-  }
-  .reveal blockquote {
-    margin: 20px 0;
-  }
-  .reveal .slides {
-    position: static !important;
-    width: auto !important;
-    height: auto !important;
-
-    left: 0 !important;
-    top: 0 !important;
-    margin-left: 0 !important;
-    margin-top: 0 !important;
-    padding: 0 !important;
-    zoom: 1 !important;
-
-    overflow: visible !important;
-    display: block !important;
-
-    text-align: left !important;
-    -webkit-perspective: none;
-       -moz-perspective: none;
-        -ms-perspective: none;
-            perspective: none;
-
-    -webkit-perspective-origin: 50% 50%;
-       -moz-perspective-origin: 50% 50%;
-        -ms-perspective-origin: 50% 50%;
-            perspective-origin: 50% 50%;
-  }
-  .reveal .slides section {
-    visibility: visible !important;
-    position: static !important;
-    width: 100% !important;
-    height: auto !important;
-    display: block !important;
-    overflow: visible !important;
-
-    left: 0 !important;
-    top: 0 !important;
-    margin-left: 0 !important;
-    margin-top: 0 !important;
-    padding: 60px 20px !important;
-    z-index: auto !important;
-
-    opacity: 1 !important;
-
-    page-break-after: always !important;
-
-    -webkit-transform-style: flat !important;
-       -moz-transform-style: flat !important;
-        -ms-transform-style: flat !important;
-            transform-style: flat !important;
-
-    -webkit-transform: none !important;
-       -moz-transform: none !important;
-        -ms-transform: none !important;
-            transform: none !important;
-
-    -webkit-transition: none !important;
-       -moz-transition: none !important;
-        -ms-transition: none !important;
-            transition: none !important;
-  }
-  .reveal .slides section.stack {
-    padding: 0 !important;
-  }
-  .reveal section:last-of-type {
-    page-break-after: avoid !important;
-  }
-  .reveal section .fragment {
-    opacity: 1 !important;
-    visibility: visible !important;
-
-    -webkit-transform: none !important;
-       -moz-transform: none !important;
-        -ms-transform: none !important;
-            transform: none !important;
-  }
-  .reveal section img {
-    display: block;
-    margin: 15px 0px;
-    background: rgba(255,255,255,1);
-    border: 1px solid #666;
-    box-shadow: none;
-  }
-
-  .reveal section small {
-    font-size: 0.8em;
-  }
-
-}
\ No newline at end of file
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/css/print/pdf.css b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/css/print/pdf.css
deleted file mode 100644
index 9813bc5b74..0000000000
--- a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/css/print/pdf.css
+++ /dev/null
@@ -1,156 +0,0 @@
-/* Default Print Stylesheet Template
-   by Rob Glazebrook of CSSnewbie.com
-   Last Updated: June 4, 2008
-
-   Feel free (nay, compelled) to edit, append, and
-   manipulate this file as you see fit. */
-
-
-/* SECTION 1: Set default width, margin, float, and
-   background. This prevents elements from extending
-   beyond the edge of the printed page, and prevents
-   unnecessary background images from printing */
-
-* {
-  -webkit-print-color-adjust: exact;
-}
-
-body {
-  margin: 0 auto !important;
-  border: 0;
-  padding: 0;
-  float: none !important;
-  overflow: visible;
-}
-
-html {
-  width: 100%;
-  height: 100%;
-  overflow: visible;
-}
-
-/* SECTION 2: Remove any elements not needed in print.
-   This would include navigation, ads, sidebars, etc. */
-.nestedarrow,
-.reveal .controls,
-.reveal .progress,
-.reveal .slide-number,
-.reveal .playback,
-.reveal.overview,
-.fork-reveal,
-.share-reveal,
-.state-background {
-  display: none !important;
-}
-
-/* SECTION 3: Set body font face, size, and color.
-   Consider using a serif font for readability. */
-body, p, td, li, div {
-
-}
-
-/* SECTION 4: Set heading font face, sizes, and color.
-   Differentiate your headings from your body text.
-   Perhaps use a large sans-serif for distinction. */
-h1,h2,h3,h4,h5,h6 {
-  text-shadow: 0 0 0 #000 !important;
-}
-
-.reveal pre code {
-  overflow: hidden !important;
-  font-family: Courier, 'Courier New', monospace !important;
-}
-
-
-/* SECTION 5: more reveal.js specific additions by @skypanther */
-ul, ol, div, p {
-  visibility: visible;
-  position: static;
-  width: auto;
-  height: auto;
-  display: block;
-  overflow: visible;
-  margin: auto;
-}
-.reveal {
-  width: auto !important;
-  height: auto !important;
-  overflow: hidden !important;
-}
-.reveal .slides {
-  position: static;
-  width: 100%;
-  height: auto;
-
-  left: auto;
-  top: auto;
-  margin: 0 !important;
-  padding: 0 !important;
-
-  overflow: visible;
-  display: block;
-
-  -webkit-perspective: none;
-     -moz-perspective: none;
-      -ms-perspective: none;
-          perspective: none;
-
-  -webkit-perspective-origin: 50% 50%; /* there isn't a none/auto value but 50-50 is the default */
-     -moz-perspective-origin: 50% 50%;
-      -ms-perspective-origin: 50% 50%;
-          perspective-origin: 50% 50%;
-}
-.reveal .slides section {
-  page-break-after: always !important;
-
-  visibility: visible !important;
-  position: relative !important;
-  display: block !important;
-  position: relative !important;
-
-  margin: 0 !important;
-  padding: 0 !important;
-  box-sizing: border-box !important;
-  min-height: 1px;
-
-  opacity: 1 !important;
-
-  -webkit-transform-style: flat !important;
-     -moz-transform-style: flat !important;
-      -ms-transform-style: flat !important;
-          transform-style: flat !important;
-
-  -webkit-transform: none !important;
-     -moz-transform: none !important;
-      -ms-transform: none !important;
-          transform: none !important;
-}
-.reveal section.stack {
-  margin: 0 !important;
-  padding: 0 !important;
-  page-break-after: avoid !important;
-  height: auto !important;
-  min-height: auto !important;
-}
-.reveal img {
-  box-shadow: none;
-}
-.reveal .roll {
-  overflow: visible;
-  line-height: 1em;
-}
-
-/* Slide backgrounds are placed inside of their slide when exporting to PDF */
-.reveal section .slide-background {
-  display: block !important;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  z-index: -1;
-}
-/* All elements should be above the slide-background */
-.reveal section>* {
-  position: relative;
-  z-index: 1;
-}
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/css/reveal.css b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/css/reveal.css
deleted file mode 100644
index 6efa4c383a..0000000000
--- a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/css/reveal.css
+++ /dev/null
@@ -1,1254 +0,0 @@
-/*!
- * reveal.js
- * http://lab.hakim.se/reveal-js
- * MIT licensed
- *
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
- */
-/*********************************************
- * RESET STYLES
- *********************************************/
-html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal iframe, .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal p, .reveal blockquote, .reveal pre, .reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code, .reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp, .reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var, .reveal b, .reveal u, .reveal center, .reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li, .reveal fieldset, .reveal form, .reveal label, .reveal legend, .reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td, .reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed, .reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary, .reveal time, .reveal mark, .reveal audio, video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font-size: 100%;
-  font: inherit;
-  vertical-align: baseline; }
-
-.reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure, .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
-  display: block; }
-
-/*********************************************
- * GLOBAL STYLES
- *********************************************/
-html, body {
-  width: 100%;
-  height: 100%;
-  overflow: hidden; }
-
-body {
-  position: relative;
-  line-height: 1;
-  background-color: #fff;
-  color: #000; }
-
-/*********************************************
- * VIEW FRAGMENTS
- *********************************************/
-.reveal .slides section .fragment {
-  opacity: 0;
-  visibility: hidden;
-  -webkit-transition: all 0.2s ease;
-          transition: all 0.2s ease; }
-  .reveal .slides section .fragment.visible {
-    opacity: 1;
-    visibility: visible; }
-
-.reveal .slides section .fragment.grow {
-  opacity: 1;
-  visibility: visible; }
-  .reveal .slides section .fragment.grow.visible {
-    -webkit-transform: scale(1.3);
-        -ms-transform: scale(1.3);
-            transform: scale(1.3); }
-
-.reveal .slides section .fragment.shrink {
-  opacity: 1;
-  visibility: visible; }
-  .reveal .slides section .fragment.shrink.visible {
-    -webkit-transform: scale(0.7);
-        -ms-transform: scale(0.7);
-            transform: scale(0.7); }
-
-.reveal .slides section .fragment.zoom-in {
-  -webkit-transform: scale(0.1);
-      -ms-transform: scale(0.1);
-          transform: scale(0.1); }
-  .reveal .slides section .fragment.zoom-in.visible {
-    -webkit-transform: none;
-        -ms-transform: none;
-            transform: none; }
-
-.reveal .slides section .fragment.fade-out {
-  opacity: 1;
-  visibility: visible; }
-  .reveal .slides section .fragment.fade-out.visible {
-    opacity: 0;
-    visibility: hidden; }
-
-.reveal .slides section .fragment.semi-fade-out {
-  opacity: 1;
-  visibility: visible; }
-  .reveal .slides section .fragment.semi-fade-out.visible {
-    opacity: 0.5;
-    visibility: visible; }
-
-.reveal .slides section .fragment.strike {
-  opacity: 1; }
-  .reveal .slides section .fragment.strike.visible {
-    text-decoration: line-through; }
-
-.reveal .slides section .fragment.current-visible {
-  opacity: 0;
-  visibility: hidden; }
-  .reveal .slides section .fragment.current-visible.current-fragment {
-    opacity: 1;
-    visibility: visible; }
-
-.reveal .slides section .fragment.step-visible-1s {
-  opacity: 0;
-  visibility: hidden; }
-  .reveal .slides section .fragment.step-visible-1s.current-fragment {
-    opacity: 1;
-    visibility: visible;
-    transition: all 0.5s ease-in 1s;}
-
-.reveal .slides section .fragment.step-visible-15s {
-  opacity: 0;
-  visibility: hidden; }
-  .reveal .slides section .fragment.step-visible-15s.current-fragment {
-    opacity: 1;
-    visibility: visible;
-    transition: all 0.5s ease-in 1.5s;}
-
-.reveal .slides section .fragment.step-visible-2s {
-  opacity: 0;
-  visibility: hidden; }
-  .reveal .slides section .fragment.step-visible-2s.current-fragment {
-    opacity: 1;
-    visibility: visible;
-    transition: all 0.5s ease-in 2s;}
-
-.reveal .slides section .fragment.step-visible-3s {
-  opacity: 0;
-  visibility: hidden; }
-  .reveal .slides section .fragment.step-visible-3s.current-fragment {
-    opacity: 1;
-    visibility: visible;
-    transition: all 0.5s ease-in 3s;}
-
-.reveal .slides section .fragment.step-visible-4s {
-  opacity: 0;
-  visibility: hidden; }
-  .reveal .slides section .fragment.step-visible-4s.current-fragment {
-    opacity: 1;
-    visibility: visible;
-    transition: all 0.5s ease-in 4s;}
-
-.reveal .slides section .fragment.step-visible-5s {
-  opacity: 0;
-  visibility: hidden; }
-  .reveal .slides section .fragment.step-visible-5s.current-fragment {
-    opacity: 1;
-    visibility: visible;
-    transition: all 0.5s ease-in 5s;}
-
-.reveal .slides section .fragment.highlight-red, .reveal .slides section .fragment.highlight-current-red, .reveal .slides section .fragment.highlight-green, .reveal .slides section .fragment.highlight-current-green, .reveal .slides section .fragment.highlight-blue, .reveal .slides section .fragment.highlight-current-blue {
-  opacity: 1;
-  visibility: visible; }
-
-.reveal .slides section .fragment.highlight-red.visible {
-  color: #ff2c2d; }
-
-.reveal .slides section .fragment.highlight-green.visible {
-  color: #17ff2e; }
-
-.reveal .slides section .fragment.highlight-blue.visible {
-  color: #1b91ff; }
-
-.reveal .slides section .fragment.highlight-current-red.current-fragment {
-  color: #ff2c2d; }
-
-.reveal .slides section .fragment.highlight-current-green.current-fragment {
-  color: #17ff2e; }
-
-.reveal .slides section .fragment.highlight-current-blue.current-fragment {
-  color: #1b91ff; }
-
-/*********************************************
- * DEFAULT ELEMENT STYLES
- *********************************************/
-/* Fixes issue in Chrome where italic fonts did not appear when printing to PDF */
-.reveal:after {
-  content: '';
-  font-style: italic; }
-
-.reveal iframe {
-  z-index: 1; }
-
-/** Prevents layering issues in certain browser/transition combinations */
-.reveal a {
-  position: relative; }
-
-.reveal .stretch {
-  max-width: none;
-  max-height: none; }
-
-.reveal pre.stretch code {
-  height: 100%;
-  max-height: 100%;
-  -moz-box-sizing: border-box;
-       box-sizing: border-box; }
-
-/*********************************************
- * CONTROLS
- *********************************************/
-.reveal .controls {
-  display: none;
-  position: fixed;
-  width: 110px;
-  height: 110px;
-  z-index: 30;
-  right: 10px;
-  bottom: 10px;
-  -webkit-user-select: none; }
-
-.reveal .controls div {
-  position: absolute;
-  opacity: 0.05;
-  width: 0;
-  height: 0;
-  border: 12px solid transparent;
-  -webkit-transform: scale(0.9999);
-      -ms-transform: scale(0.9999);
-          transform: scale(0.9999);
-  -webkit-transition: all 0.2s ease;
-          transition: all 0.2s ease;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
-
-.reveal .controls div.enabled {
-  opacity: 0.7;
-  cursor: pointer; }
-
-.reveal .controls div.enabled:active {
-  margin-top: 1px; }
-
-.reveal .controls div.navigate-left {
-  top: 42px;
-  border-right-width: 22px;
-  border-right-color: #000; }
-
-.reveal .controls div.navigate-left.fragmented {
-  opacity: 0.3; }
-
-.reveal .controls div.navigate-right {
-  left: 74px;
-  top: 42px;
-  border-left-width: 22px;
-  border-left-color: #000; }
-
-.reveal .controls div.navigate-right.fragmented {
-  opacity: 0.3; }
-
-.reveal .controls div.navigate-up {
-  left: 42px;
-  border-bottom-width: 22px;
-  border-bottom-color: #000; }
-
-.reveal .controls div.navigate-up.fragmented {
-  opacity: 0.3; }
-
-.reveal .controls div.navigate-down {
-  left: 42px;
-  top: 74px;
-  border-top-width: 22px;
-  border-top-color: #000; }
-
-.reveal .controls div.navigate-down.fragmented {
-  opacity: 0.3; }
-
-/*********************************************
- * PROGRESS BAR
- *********************************************/
-.reveal .progress {
-  position: fixed;
-  display: none;
-  height: 3px;
-  width: 100%;
-  bottom: 0;
-  left: 0;
-  z-index: 10;
-  background-color: rgba(0, 0, 0, 0.2); }
-
-.reveal .progress:after {
-  content: '';
-  display: block;
-  position: absolute;
-  height: 20px;
-  width: 100%;
-  top: -20px; }
-
-.reveal .progress span {
-  display: block;
-  height: 100%;
-  width: 0px;
-  background-color: #000;
-  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-          transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-  position: fixed;
-  display: block;
-  right: 15px;
-  bottom: 15px;
-  opacity: 0.5;
-  z-index: 31;
-  font-size: 12px; }
-
-/*********************************************
- * SLIDES
- *********************************************/
-.reveal {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  -ms-touch-action: none;
-      touch-action: none; }
-
-.reveal .slides {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  margin: auto;
-  overflow: visible;
-  z-index: 1;
-  text-align: center;
-  -webkit-perspective: 600px;
-          perspective: 600px;
-  -webkit-perspective-origin: 50% 40%;
-          perspective-origin: 50% 40%; }
-
-.reveal .slides > section {
-  -ms-perspective: 600px; }
-
-.reveal .slides > section, .reveal .slides > section > section {
-  display: none;
-  position: absolute;
-  width: 100%;
-  padding: 20px 0px;
-  z-index: 10;
-  -webkit-transform-style: preserve-3d;
-          transform-style: preserve-3d;
-  -webkit-transition: -webkit-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), -webkit-transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-          transition: -ms-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-          transition: transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/* Global transition speed settings */
-.reveal[data-transition-speed="fast"] .slides section {
-  -webkit-transition-duration: 400ms;
-          transition-duration: 400ms; }
-
-.reveal[data-transition-speed="slow"] .slides section {
-  -webkit-transition-duration: 1200ms;
-          transition-duration: 1200ms; }
-
-/* Slide-specific transition speed overrides */
-.reveal .slides section[data-transition-speed="fast"] {
-  -webkit-transition-duration: 400ms;
-          transition-duration: 400ms; }
-
-.reveal .slides section[data-transition-speed="slow"] {
-  -webkit-transition-duration: 1200ms;
-          transition-duration: 1200ms; }
-
-.reveal .slides > section.stack {
-  padding-top: 0;
-  padding-bottom: 0; }
-
-.reveal .slides > section.present, .reveal .slides > section > section.present {
-  display: block;
-  z-index: 11;
-  opacity: 1; }
-
-.reveal.center, .reveal.center .slides, .reveal.center .slides section {
-  min-height: 0 !important; }
-
-/* Don't allow interaction with invisible slides */
-.reveal .slides > section.future, .reveal .slides > section > section.future, .reveal .slides > section.past, .reveal .slides > section > section.past {
-  pointer-events: none; }
-
-.reveal.overview .slides > section, .reveal.overview .slides > section > section {
-  pointer-events: auto; }
-
-.reveal .slides > section.past, .reveal .slides > section.future, .reveal .slides > section > section.past, .reveal .slides > section > section.future {
-  opacity: 0; }
-
-/*********************************************
- * Slide Footer
- *********************************************/
-
-.reveal .footer{
-    position: absolute;
-    bottom: 1%;
-    width: 100%;
-    text-align: center;
-    font-size: 0.75rem;
-    color: rgb(144, 144, 144);
-}
-
-a.mitk-logo {
-    z-index: 99;
-    width: 10%;
-    position: absolute;
-    bottom: 1%;
-    left: 1%;
-}
-
-a.mitk-logo img {
-    width: 100%;
-}
-a.mitk-logo:hover img {
-    box-shadow: none !important;
-    transform: scale(1.1);
-}
-
-/*********************************************
- * Mixins for readability of transitions
- *********************************************/
-/*********************************************
- * SLIDE TRANSITION
- * Aliased 'linear' for backwards compatibility
- *********************************************/
-.reveal.slide section {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden; }
-
-.reveal .slides > section[data-transition=slide].past, .reveal .slides > section[data-transition~=slide-out].past, .reveal.slide .slides > section:not([data-transition]).past {
-  -webkit-transform: translate(-150%, 0);
-      -ms-transform: translate(-150%, 0);
-          transform: translate(-150%, 0); }
-
-.reveal .slides > section[data-transition=slide].future, .reveal .slides > section[data-transition~=slide-in].future, .reveal.slide .slides > section:not([data-transition]).future {
-  -webkit-transform: translate(150%, 0);
-      -ms-transform: translate(150%, 0);
-          transform: translate(150%, 0); }
-
-.reveal .slides > section > section[data-transition=slide].past, .reveal .slides > section > section[data-transition~=slide-out].past, .reveal.slide .slides > section > section:not([data-transition]).past {
-  -webkit-transform: translate(0, -150%);
-      -ms-transform: translate(0, -150%);
-          transform: translate(0, -150%); }
-
-.reveal .slides > section > section[data-transition=slide].future, .reveal .slides > section > section[data-transition~=slide-in].future, .reveal.slide .slides > section > section:not([data-transition]).future {
-  -webkit-transform: translate(0, 150%);
-      -ms-transform: translate(0, 150%);
-          transform: translate(0, 150%); }
-
-.reveal.linear section {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden; }
-
-.reveal .slides > section[data-transition=linear].past, .reveal .slides > section[data-transition~=linear-out].past, .reveal.linear .slides > section:not([data-transition]).past {
-  -webkit-transform: translate(-150%, 0);
-      -ms-transform: translate(-150%, 0);
-          transform: translate(-150%, 0); }
-
-.reveal .slides > section[data-transition=linear].future, .reveal .slides > section[data-transition~=linear-in].future, .reveal.linear .slides > section:not([data-transition]).future {
-  -webkit-transform: translate(150%, 0);
-      -ms-transform: translate(150%, 0);
-          transform: translate(150%, 0); }
-
-.reveal .slides > section > section[data-transition=linear].past, .reveal .slides > section > section[data-transition~=linear-out].past, .reveal.linear .slides > section > section:not([data-transition]).past {
-  -webkit-transform: translate(0, -150%);
-      -ms-transform: translate(0, -150%);
-          transform: translate(0, -150%); }
-
-.reveal .slides > section > section[data-transition=linear].future, .reveal .slides > section > section[data-transition~=linear-in].future, .reveal.linear .slides > section > section:not([data-transition]).future {
-  -webkit-transform: translate(0, 150%);
-      -ms-transform: translate(0, 150%);
-          transform: translate(0, 150%); }
-
-/*********************************************
- * CONVEX TRANSITION
- * Aliased 'default' for backwards compatibility
- *********************************************/
-.reveal .slides > section[data-transition=default].past, .reveal .slides > section[data-transition~=default-out].past, .reveal.default .slides > section:not([data-transition]).past {
-  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
-          transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
-
-.reveal .slides > section[data-transition=default].future, .reveal .slides > section[data-transition~=default-in].future, .reveal.default .slides > section:not([data-transition]).future {
-  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
-          transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
-
-.reveal .slides > section > section[data-transition=default].past, .reveal .slides > section > section[data-transition~=default-out].past, .reveal.default .slides > section > section:not([data-transition]).past {
-  -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
-          transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
-
-.reveal .slides > section > section[data-transition=default].future, .reveal .slides > section > section[data-transition~=default-in].future, .reveal.default .slides > section > section:not([data-transition]).future {
-  -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
-          transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
-
-.reveal .slides > section[data-transition=convex].past, .reveal .slides > section[data-transition~=convex-out].past, .reveal.convex .slides > section:not([data-transition]).past {
-  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
-          transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
-
-.reveal .slides > section[data-transition=convex].future, .reveal .slides > section[data-transition~=convex-in].future, .reveal.convex .slides > section:not([data-transition]).future {
-  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
-          transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
-
-.reveal .slides > section > section[data-transition=convex].past, .reveal .slides > section > section[data-transition~=convex-out].past, .reveal.convex .slides > section > section:not([data-transition]).past {
-  -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
-          transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
-
-.reveal .slides > section > section[data-transition=convex].future, .reveal .slides > section > section[data-transition~=convex-in].future, .reveal.convex .slides > section > section:not([data-transition]).future {
-  -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
-          transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
-
-/*********************************************
- * CONCAVE TRANSITION
- *********************************************/
-.reveal .slides > section[data-transition=concave].past, .reveal .slides > section[data-transition~=concave-out].past, .reveal.concave .slides > section:not([data-transition]).past {
-  -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
-          transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
-
-.reveal .slides > section[data-transition=concave].future, .reveal .slides > section[data-transition~=concave-in].future, .reveal.concave .slides > section:not([data-transition]).future {
-  -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
-          transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
-
-.reveal .slides > section > section[data-transition=concave].past, .reveal .slides > section > section[data-transition~=concave-out].past, .reveal.concave .slides > section > section:not([data-transition]).past {
-  -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
-          transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); }
-
-.reveal .slides > section > section[data-transition=concave].future, .reveal .slides > section > section[data-transition~=concave-in].future, .reveal.concave .slides > section > section:not([data-transition]).future {
-  -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
-          transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
-
-/*********************************************
- * ZOOM TRANSITION
- *********************************************/
-.reveal .slides > section[data-transition=zoom], .reveal.zoom .slides > section:not([data-transition]) {
-  -webkit-transition-timing-function: ease;
-          transition-timing-function: ease; }
-
-.reveal .slides > section[data-transition=zoom].past, .reveal .slides > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section:not([data-transition]).past {
-  visibility: hidden;
-  -webkit-transform: scale(16);
-      -ms-transform: scale(16);
-          transform: scale(16); }
-
-.reveal .slides > section[data-transition=zoom].future, .reveal .slides > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section:not([data-transition]).future {
-  visibility: hidden;
-  -webkit-transform: scale(0.2);
-      -ms-transform: scale(0.2);
-          transform: scale(0.2); }
-
-.reveal .slides > section > section[data-transition=zoom].past, .reveal .slides > section > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section > section:not([data-transition]).past {
-  -webkit-transform: translate(0, -150%);
-      -ms-transform: translate(0, -150%);
-          transform: translate(0, -150%); }
-
-.reveal .slides > section > section[data-transition=zoom].future, .reveal .slides > section > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section > section:not([data-transition]).future {
-  -webkit-transform: translate(0, 150%);
-      -ms-transform: translate(0, 150%);
-          transform: translate(0, 150%); }
-
-/*********************************************
- * CUBE TRANSITION
- *********************************************/
-.reveal.cube .slides {
-  -webkit-perspective: 1300px;
-          perspective: 1300px; }
-
-.reveal.cube .slides section {
-  padding: 30px;
-  min-height: 700px;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
-  -moz-box-sizing: border-box;
-       box-sizing: border-box; }
-
-.reveal.center.cube .slides section {
-  min-height: 0; }
-
-.reveal.cube .slides section:not(.stack):before {
-  content: '';
-  position: absolute;
-  display: block;
-  width: 100%;
-  height: 100%;
-  left: 0;
-  top: 0;
-  background: rgba(0, 0, 0, 0.1);
-  border-radius: 4px;
-  -webkit-transform: translateZ(-20px);
-          transform: translateZ(-20px); }
-
-.reveal.cube .slides section:not(.stack):after {
-  content: '';
-  position: absolute;
-  display: block;
-  width: 90%;
-  height: 30px;
-  left: 5%;
-  bottom: 0;
-  background: none;
-  z-index: 1;
-  border-radius: 4px;
-  box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2);
-  -webkit-transform: translateZ(-90px) rotateX(65deg);
-          transform: translateZ(-90px) rotateX(65deg); }
-
-.reveal.cube .slides > section.stack {
-  padding: 0;
-  background: none; }
-
-.reveal.cube .slides > section.past {
-  -webkit-transform-origin: 100% 0%;
-      -ms-transform-origin: 100% 0%;
-          transform-origin: 100% 0%;
-  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
-          transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
-
-.reveal.cube .slides > section.future {
-  -webkit-transform-origin: 0% 0%;
-      -ms-transform-origin: 0% 0%;
-          transform-origin: 0% 0%;
-  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
-          transform: translate3d(100%, 0, 0) rotateY(90deg); }
-
-.reveal.cube .slides > section > section.past {
-  -webkit-transform-origin: 0% 100%;
-      -ms-transform-origin: 0% 100%;
-          transform-origin: 0% 100%;
-  -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
-          transform: translate3d(0, -100%, 0) rotateX(90deg); }
-
-.reveal.cube .slides > section > section.future {
-  -webkit-transform-origin: 0% 0%;
-      -ms-transform-origin: 0% 0%;
-          transform-origin: 0% 0%;
-  -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
-          transform: translate3d(0, 100%, 0) rotateX(-90deg); }
-
-/*********************************************
- * PAGE TRANSITION
- *********************************************/
-.reveal.page .slides {
-  -webkit-perspective-origin: 0% 50%;
-          perspective-origin: 0% 50%;
-  -webkit-perspective: 3000px;
-          perspective: 3000px; }
-
-.reveal.page .slides section {
-  padding: 30px;
-  min-height: 700px;
-  -moz-box-sizing: border-box;
-       box-sizing: border-box; }
-
-.reveal.page .slides section.past {
-  z-index: 12; }
-
-.reveal.page .slides section:not(.stack):before {
-  content: '';
-  position: absolute;
-  display: block;
-  width: 100%;
-  height: 100%;
-  left: 0;
-  top: 0;
-  background: rgba(0, 0, 0, 0.1);
-  -webkit-transform: translateZ(-20px);
-          transform: translateZ(-20px); }
-
-.reveal.page .slides section:not(.stack):after {
-  content: '';
-  position: absolute;
-  display: block;
-  width: 90%;
-  height: 30px;
-  left: 5%;
-  bottom: 0;
-  background: none;
-  z-index: 1;
-  border-radius: 4px;
-  box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2);
-  -webkit-transform: translateZ(-90px) rotateX(65deg); }
-
-.reveal.page .slides > section.stack {
-  padding: 0;
-  background: none; }
-
-.reveal.page .slides > section.past {
-  -webkit-transform-origin: 0% 0%;
-      -ms-transform-origin: 0% 0%;
-          transform-origin: 0% 0%;
-  -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
-          transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
-
-.reveal.page .slides > section.future {
-  -webkit-transform-origin: 100% 0%;
-      -ms-transform-origin: 100% 0%;
-          transform-origin: 100% 0%;
-  -webkit-transform: translate3d(0, 0, 0);
-          transform: translate3d(0, 0, 0); }
-
-.reveal.page .slides > section > section.past {
-  -webkit-transform-origin: 0% 0%;
-      -ms-transform-origin: 0% 0%;
-          transform-origin: 0% 0%;
-  -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
-          transform: translate3d(0, -40%, 0) rotateX(80deg); }
-
-.reveal.page .slides > section > section.future {
-  -webkit-transform-origin: 0% 100%;
-      -ms-transform-origin: 0% 100%;
-          transform-origin: 0% 100%;
-  -webkit-transform: translate3d(0, 0, 0);
-          transform: translate3d(0, 0, 0); }
-
-/*********************************************
- * FADE TRANSITION
- *********************************************/
-.reveal .slides section[data-transition=fade], .reveal.fade .slides section:not([data-transition]), .reveal.fade .slides > section > section:not([data-transition]) {
-  -webkit-transform: none;
-      -ms-transform: none;
-          transform: none;
-  -webkit-transition: opacity 0.5s;
-          transition: opacity 0.5s; }
-
-.reveal.fade.overview .slides section, .reveal.fade.overview .slides > section > section {
-  -webkit-transition: none;
-          transition: none; }
-
-/*********************************************
- * NO TRANSITION
- *********************************************/
-.reveal .slides > section[data-transition=none], .reveal.none .slides > section:not([data-transition]) {
-  -webkit-transform: none;
-      -ms-transform: none;
-          transform: none;
-  -webkit-transition: none;
-          transition: none; }
-
-/*********************************************
- * PAUSED MODE
- *********************************************/
-.reveal .pause-overlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: black;
-  visibility: hidden;
-  opacity: 0;
-  z-index: 100;
-  -webkit-transition: all 1s ease;
-          transition: all 1s ease; }
-
-.reveal.paused .pause-overlay {
-  visibility: visible;
-  opacity: 1; }
-
-/*********************************************
- * FALLBACK
- *********************************************/
-.no-transforms {
-  overflow-y: auto; }
-
-.no-transforms .reveal .slides {
-  position: relative;
-  width: 80%;
-  height: auto !important;
-  top: 0;
-  left: 50%;
-  margin: 0;
-  text-align: center; }
-
-.no-transforms .reveal .controls, .no-transforms .reveal .progress {
-  display: none !important;
-  z-index: -1;
-}
-
-.no-transforms .reveal .slides section {
-  display: block !important;
-  opacity: 1 !important;
-  position: relative !important;
-  height: auto;
-  min-height: 0;
-  top: 0;
-  left: -50%;
-  margin: 70px 0;
-  -webkit-transform: none;
-      -ms-transform: none;
-          transform: none; }
-
-.no-transforms .reveal .slides section section {
-  left: 0; }
-
-.reveal .no-transition, .reveal .no-transition * {
-  -webkit-transition: none !important;
-          transition: none !important; }
-
-/*********************************************
- * PER-SLIDE BACKGROUNDS
- *********************************************/
-.reveal .backgrounds {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  -webkit-perspective: 600px;
-          perspective: 600px; }
-
-.reveal .slide-background {
-  display: none;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-  visibility: hidden;
-  background-color: rgba(0, 0, 0, 0);
-  background-position: 50% 50%;
-  background-repeat: no-repeat;
-  background-size: cover;
-  -webkit-transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-          transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-.reveal .slide-background.stack {
-  display: block; }
-
-.reveal .slide-background.present {
-  opacity: 1;
-  visibility: visible; }
-
-.print-pdf .reveal .slide-background {
-  opacity: 1 !important;
-  visibility: visible !important; }
-
-/* Video backgrounds */
-.reveal .slide-background video {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  max-width: none;
-  max-height: none;
-  top: 0;
-  left: 0; }
-
-/* Immediate transition style */
-.reveal[data-background-transition=none] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=none] {
-  -webkit-transition: none;
-          transition: none; }
-
-/* Slide */
-.reveal[data-background-transition=slide] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=slide] {
-  opacity: 1;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden; }
-
-.reveal[data-background-transition=slide] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=slide] {
-  -webkit-transform: translate(-100%, 0);
-      -ms-transform: translate(-100%, 0);
-          transform: translate(-100%, 0); }
-
-.reveal[data-background-transition=slide] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=slide] {
-  -webkit-transform: translate(100%, 0);
-      -ms-transform: translate(100%, 0);
-          transform: translate(100%, 0); }
-
-.reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] {
-  -webkit-transform: translate(0, -100%);
-      -ms-transform: translate(0, -100%);
-          transform: translate(0, -100%); }
-
-.reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] {
-  -webkit-transform: translate(0, 100%);
-      -ms-transform: translate(0, 100%);
-          transform: translate(0, 100%); }
-
-/* Convex */
-.reveal[data-background-transition=convex] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=convex] {
-  opacity: 0;
-  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
-          transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
-
-.reveal[data-background-transition=convex] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=convex] {
-  opacity: 0;
-  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
-          transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
-
-.reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex] {
-  opacity: 0;
-  -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
-          transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); }
-
-.reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex] {
-  opacity: 0;
-  -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
-          transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); }
-
-/* Concave */
-.reveal[data-background-transition=concave] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=concave] {
-  opacity: 0;
-  -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
-          transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
-
-.reveal[data-background-transition=concave] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=concave] {
-  opacity: 0;
-  -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
-          transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
-
-.reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave] {
-  opacity: 0;
-  -webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
-          transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); }
-
-.reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave] {
-  opacity: 0;
-  -webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
-          transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); }
-
-/* Zoom */
-.reveal[data-background-transition=zoom] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=zoom] {
-  -webkit-transition-timing-function: ease;
-          transition-timing-function: ease; }
-
-.reveal[data-background-transition=zoom] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=zoom] {
-  opacity: 0;
-  visibility: hidden;
-  -webkit-transform: scale(16);
-      -ms-transform: scale(16);
-          transform: scale(16); }
-
-.reveal[data-background-transition=zoom] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=zoom] {
-  opacity: 0;
-  visibility: hidden;
-  -webkit-transform: scale(0.2);
-      -ms-transform: scale(0.2);
-          transform: scale(0.2); }
-
-.reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom] {
-  opacity: 0;
-  visibility: hidden;
-  -webkit-transform: scale(16);
-      -ms-transform: scale(16);
-          transform: scale(16); }
-
-.reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom] {
-  opacity: 0;
-  visibility: hidden;
-  -webkit-transform: scale(0.2);
-      -ms-transform: scale(0.2);
-          transform: scale(0.2); }
-
-/* Global transition speed settings */
-.reveal[data-transition-speed="fast"] > .backgrounds .slide-background {
-  -webkit-transition-duration: 400ms;
-          transition-duration: 400ms; }
-
-.reveal[data-transition-speed="slow"] > .backgrounds .slide-background {
-  -webkit-transition-duration: 1200ms;
-          transition-duration: 1200ms; }
-
-/*********************************************
- * OVERVIEW
- *********************************************/
-.reveal.overview {
-  -webkit-perspective-origin: 50% 50%;
-          perspective-origin: 50% 50%;
-  -webkit-perspective: 700px;
-          perspective: 700px; }
-  .reveal.overview .slides section {
-    height: 700px;
-    opacity: 1 !important;
-    overflow: hidden;
-    visibility: visible !important;
-    cursor: pointer;
-    -moz-box-sizing: border-box;
-         box-sizing: border-box; }
-  .reveal.overview .slides section:hover, .reveal.overview .slides section.present {
-    outline: 10px solid rgba(150, 150, 150, 0.4);
-    outline-offset: 10px; }
-  .reveal.overview .slides section .fragment {
-    opacity: 1;
-    -webkit-transition: none;
-            transition: none; }
-  .reveal.overview .slides section:after, .reveal.overview .slides section:before {
-    display: none !important; }
-  .reveal.overview .slides > section.stack {
-    padding: 0;
-    top: 0 !important;
-    background: none;
-    outline: none;
-    overflow: visible; }
-  .reveal.overview .backgrounds {
-    -webkit-perspective: inherit;
-            perspective: inherit; }
-  .reveal.overview .backgrounds .slide-background {
-    opacity: 1;
-    visibility: visible;
-    outline: 10px solid rgba(150, 150, 150, 0.1);
-    outline-offset: 10px; }
-
-.reveal.overview .slides section, .reveal.overview-deactivating .slides section {
-  -webkit-transition: none;
-          transition: none; }
-
-.reveal.overview .backgrounds .slide-background, .reveal.overview-deactivating .backgrounds .slide-background {
-  -webkit-transition: none;
-          transition: none; }
-
-.reveal.overview-animated .slides {
-  -webkit-transition: -webkit-transform 0.4s ease;
-          transition: transform 0.4s ease; }
-
-/*********************************************
- * RTL SUPPORT
- *********************************************/
-.reveal.rtl .slides, .reveal.rtl .slides h1, .reveal.rtl .slides h2, .reveal.rtl .slides h3, .reveal.rtl .slides h4, .reveal.rtl .slides h5, .reveal.rtl .slides h6 {
-  direction: rtl;
-  font-family: sans-serif; }
-
-.reveal.rtl pre, .reveal.rtl code {
-  direction: ltr; }
-
-.reveal.rtl ol, .reveal.rtl ul {
-  text-align: right; }
-
-.reveal.rtl .progress span {
-  float: right; }
-
-/*********************************************
- * PARALLAX BACKGROUND
- *********************************************/
-.reveal.has-parallax-background .backgrounds {
-  -webkit-transition: all 0.8s ease;
-          transition: all 0.8s ease; }
-
-/* Global transition speed settings */
-.reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds {
-  -webkit-transition-duration: 400ms;
-          transition-duration: 400ms; }
-
-.reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds {
-  -webkit-transition-duration: 1200ms;
-          transition-duration: 1200ms; }
-
-/*********************************************
- * LINK PREVIEW OVERLAY
- *********************************************/
-.reveal .overlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 1000;
-  background: rgba(0, 0, 0, 0.9);
-  opacity: 0;
-  visibility: hidden;
-  -webkit-transition: all 0.3s ease;
-          transition: all 0.3s ease; }
-
-.reveal .overlay.visible {
-  opacity: 1;
-  visibility: visible; }
-
-.reveal .overlay .spinner {
-  position: absolute;
-  display: block;
-  top: 50%;
-  left: 50%;
-  width: 32px;
-  height: 32px;
-  margin: -16px 0 0 -16px;
-  z-index: 10;
-  background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAJmZmf%2F%2F%2F6%2Bvr8nJybW1tcDAwOjo6Nvb26ioqKOjo7Ozs%2FLy8vz8%2FAAAAAAAAAAAACH%2FC05FVFNDQVBFMi4wAwEAAAAh%2FhpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh%2BQQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ%2FV%2FnmOM82XiHRLYKhKP1oZmADdEAAAh%2BQQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY%2FCZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB%2BA4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6%2BHo7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq%2BB6QDtuetcaBPnW6%2BO7wDHpIiK9SaVK5GgV543tzjgGcghAgAh%2BQQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK%2B%2BG%2Bw48edZPK%2BM6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE%2BG%2BcD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm%2BFNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk%2BaV%2BoJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0%2FVNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc%2BXiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30%2FiI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE%2FjiuL04RGEBgwWhShRgQExHBAAh%2BQQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR%2BipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY%2BYip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd%2BMFCN6HAAIKgNggY0KtEBAAh%2BQQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1%2BvsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d%2BjYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg%2BygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0%2Bbm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h%2BKr0SJ8MFihpNbx%2B4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX%2BBP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA%3D%3D);
-  visibility: visible;
-  opacity: 0.6;
-  -webkit-transition: all 0.3s ease;
-          transition: all 0.3s ease; }
-
-.reveal .overlay header {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 40px;
-  z-index: 2;
-  border-bottom: 1px solid #222; }
-
-.reveal .overlay header a {
-  display: inline-block;
-  width: 40px;
-  height: 40px;
-  padding: 0 10px;
-  float: right;
-  opacity: 0.6;
-  -moz-box-sizing: border-box;
-       box-sizing: border-box; }
-
-.reveal .overlay header a:hover {
-  opacity: 1; }
-
-.reveal .overlay header a .icon {
-  display: inline-block;
-  width: 20px;
-  height: 20px;
-  background-position: 50% 50%;
-  background-size: 100%;
-  background-repeat: no-repeat; }
-
-.reveal .overlay header a.close .icon {
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC); }
-
-.reveal .overlay header a.external .icon {
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==); }
-
-.reveal .overlay .viewport {
-  position: absolute;
-  top: 40px;
-  right: 0;
-  bottom: 0;
-  left: 0; }
-
-.reveal .overlay.overlay-preview .viewport iframe {
-  width: 100%;
-  height: 100%;
-  max-width: 100%;
-  max-height: 100%;
-  border: 0;
-  opacity: 0;
-  visibility: hidden;
-  -webkit-transition: all 0.3s ease;
-          transition: all 0.3s ease; }
-
-.reveal .overlay.overlay-preview.loaded .viewport iframe {
-  opacity: 1;
-  visibility: visible; }
-
-.reveal .overlay.overlay-preview.loaded .spinner {
-  opacity: 0;
-  visibility: hidden;
-  -webkit-transform: scale(0.2);
-      -ms-transform: scale(0.2);
-          transform: scale(0.2); }
-
-.reveal .overlay.overlay-help .viewport {
-  overflow: auto;
-  color: #fff; }
-
-.reveal .overlay.overlay-help .viewport .viewport-inner {
-  width: 600px;
-  margin: 0 auto;
-  padding: 60px;
-  text-align: center;
-  letter-spacing: normal; }
-
-.reveal .overlay.overlay-help .viewport .viewport-inner .title {
-  font-size: 20px; }
-
-.reveal .overlay.overlay-help .viewport .viewport-inner table {
-  border: 1px solid #fff;
-  border-collapse: collapse;
-  font-size: 14px; }
-
-.reveal .overlay.overlay-help .viewport .viewport-inner table th, .reveal .overlay.overlay-help .viewport .viewport-inner table td {
-  width: 200px;
-  padding: 10px;
-  border: 1px solid #fff;
-  vertical-align: middle; }
-
-.reveal .overlay.overlay-help .viewport .viewport-inner table th {
-  padding-top: 20px;
-  padding-bottom: 20px; }
-
-/*********************************************
- * PLAYBACK COMPONENT
- *********************************************/
-.reveal .playback {
-  position: fixed;
-  left: 15px;
-  bottom: 15px;
-  z-index: 30;
-  cursor: pointer;
-  -webkit-transition: all 400ms ease;
-          transition: all 400ms ease; }
-
-.reveal.overview .playback {
-  opacity: 0;
-  visibility: hidden; }
-
-/*********************************************
- * ROLLING LINKS
- *********************************************/
-.reveal .roll {
-  display: inline-block;
-  line-height: 1.2;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-perspective: 400px;
-          perspective: 400px;
-  -webkit-perspective-origin: 50% 50%;
-          perspective-origin: 50% 50%; }
-
-.reveal .roll:hover {
-  background: none;
-  text-shadow: none; }
-
-.reveal .roll span {
-  display: block;
-  position: relative;
-  padding: 0 2px;
-  pointer-events: none;
-  -webkit-transition: all 400ms ease;
-          transition: all 400ms ease;
-  -webkit-transform-origin: 50% 0%;
-      -ms-transform-origin: 50% 0%;
-          transform-origin: 50% 0%;
-  -webkit-transform-style: preserve-3d;
-          transform-style: preserve-3d;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden; }
-
-.reveal .roll:hover span {
-  background: rgba(0, 0, 0, 0.5);
-  -webkit-transform: translate3d(0px, 0px, -45px) rotateX(90deg);
-          transform: translate3d(0px, 0px, -45px) rotateX(90deg); }
-
-.reveal .roll span:after {
-  content: attr(data-title);
-  display: block;
-  position: absolute;
-  left: 0;
-  top: 0;
-  padding: 0 2px;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
-  -webkit-transform-origin: 50% 0%;
-      -ms-transform-origin: 50% 0%;
-          transform-origin: 50% 0%;
-  -webkit-transform: translate3d(0px, 110%, 0px) rotateX(-90deg);
-          transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
-
-/*********************************************
- * SPEAKER NOTES
- *********************************************/
-.reveal aside.notes {
-  display: none; }
-
-/*********************************************
- * ZOOM PLUGIN
- *********************************************/
-.zoomed .reveal *, .zoomed .reveal *:before, .zoomed .reveal *:after {
-  -webkit-backface-visibility: visible !important;
-          backface-visibility: visible !important; }
-
-.zoomed .reveal .progress, .zoomed .reveal .controls {
-  opacity: 0; }
-
-.zoomed .reveal .roll span {
-  background: none; }
-
-.zoomed .reveal .roll span:after {
-  visibility: hidden; }
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/css/reveal.scss b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/css/reveal.scss
deleted file mode 100644
index 2bbc51e2fe..0000000000
--- a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/css/reveal.scss
+++ /dev/null
@@ -1,1317 +0,0 @@
-/*!
- * reveal.js
- * http://lab.hakim.se/reveal-js
- * MIT licensed
- *
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
- */
-
-
-/*********************************************
- * RESET STYLES
- *********************************************/
-
-html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal iframe,
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal p, .reveal blockquote, .reveal pre,
-.reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code,
-.reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp,
-.reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var,
-.reveal b, .reveal u, .reveal center,
-.reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li,
-.reveal fieldset, .reveal form, .reveal label, .reveal legend,
-.reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td,
-.reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed,
-.reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup,
-.reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary,
-.reveal time, .reveal mark, .reveal audio, video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font-size: 100%;
-  font: inherit;
-  vertical-align: baseline;
-}
-
-.reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure,
-.reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
-  display: block;
-}
-
-
-/*********************************************
- * GLOBAL STYLES
- *********************************************/
-
-html,
-body {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}
-
-body {
-  position: relative;
-  line-height: 1;
-
-  background-color: #fff;
-  color: #000;
-}
-
-
-/*********************************************
- * VIEW FRAGMENTS
- *********************************************/
-
-.reveal .slides section .fragment {
-  opacity: 0;
-  visibility: hidden;
-  transition: all .2s ease;
-
-  &.visible {
-    opacity: 1;
-    visibility: visible;
-  }
-}
-
-.reveal .slides section .fragment.grow {
-  opacity: 1;
-  visibility: visible;
-
-  &.visible {
-    transform: scale( 1.3 );
-  }
-}
-
-.reveal .slides section .fragment.shrink {
-  opacity: 1;
-  visibility: visible;
-
-  &.visible {
-    transform: scale( 0.7 );
-  }
-}
-
-.reveal .slides section .fragment.zoom-in {
-  transform: scale( 0.1 );
-
-  &.visible {
-    transform: none;
-  }
-}
-
-.reveal .slides section .fragment.fade-out {
-  opacity: 1;
-  visibility: visible;
-
-  &.visible {
-    opacity: 0;
-    visibility: hidden;
-  }
-}
-
-.reveal .slides section .fragment.semi-fade-out {
-  opacity: 1;
-  visibility: visible;
-
-  &.visible {
-    opacity: 0.5;
-    visibility: visible;
-  }
-}
-
-.reveal .slides section .fragment.strike {
-  opacity: 1;
-
-  &.visible {
-    text-decoration: line-through;
-  }
-}
-
-.reveal .slides section .fragment.current-visible {
-  opacity: 0;
-  visibility: hidden;
-
-  &.current-fragment {
-    opacity: 1;
-    visibility: visible;
-  }
-}
-
-.reveal .slides section .fragment.highlight-red,
-.reveal .slides section .fragment.highlight-current-red,
-.reveal .slides section .fragment.highlight-green,
-.reveal .slides section .fragment.highlight-current-green,
-.reveal .slides section .fragment.highlight-blue,
-.reveal .slides section .fragment.highlight-current-blue {
-  opacity: 1;
-  visibility: visible;
-}
-  .reveal .slides section .fragment.highlight-red.visible {
-    color: #ff2c2d
-  }
-  .reveal .slides section .fragment.highlight-green.visible {
-    color: #17ff2e;
-  }
-  .reveal .slides section .fragment.highlight-blue.visible {
-    color: #1b91ff;
-  }
-
-.reveal .slides section .fragment.highlight-current-red.current-fragment {
-  color: #ff2c2d
-}
-.reveal .slides section .fragment.highlight-current-green.current-fragment {
-  color: #17ff2e;
-}
-.reveal .slides section .fragment.highlight-current-blue.current-fragment {
-  color: #1b91ff;
-}
-
-
-/*********************************************
- * DEFAULT ELEMENT STYLES
- *********************************************/
-
-/* Fixes issue in Chrome where italic fonts did not appear when printing to PDF */
-.reveal:after {
-  content: '';
-  font-style: italic;
-}
-
-.reveal iframe {
-  z-index: 1;
-}
-
-/** Prevents layering issues in certain browser/transition combinations */
-.reveal a {
-  position: relative;
-}
-
-.reveal .stretch {
-  max-width: none;
-  max-height: none;
-}
-
-.reveal pre.stretch code {
-  height: 100%;
-  max-height: 100%;
-  box-sizing: border-box;
-}
-
-
-/*********************************************
- * CONTROLS
- *********************************************/
-
-.reveal .controls {
-  display: none;
-  position: fixed;
-  width: 110px;
-  height: 110px;
-  z-index: 30;
-  right: 10px;
-  bottom: 10px;
-
-  -webkit-user-select: none;
-}
-
-.reveal .controls div {
-  position: absolute;
-  opacity: 0.05;
-  width: 0;
-  height: 0;
-  border: 12px solid transparent;
-  transform: scale(.9999);
-  transition: all 0.2s ease;
-
-  -webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
-}
-
-.reveal .controls div.enabled {
-  opacity: 0.7;
-  cursor: pointer;
-}
-
-.reveal .controls div.enabled:active {
-  margin-top: 1px;
-}
-
-  .reveal .controls div.navigate-left {
-    top: 42px;
-
-    border-right-width: 22px;
-    border-right-color: #000;
-  }
-    .reveal .controls div.navigate-left.fragmented {
-      opacity: 0.3;
-    }
-
-  .reveal .controls div.navigate-right {
-    left: 74px;
-    top: 42px;
-
-    border-left-width: 22px;
-    border-left-color: #000;
-  }
-    .reveal .controls div.navigate-right.fragmented {
-      opacity: 0.3;
-    }
-
-  .reveal .controls div.navigate-up {
-    left: 42px;
-
-    border-bottom-width: 22px;
-    border-bottom-color: #000;
-  }
-    .reveal .controls div.navigate-up.fragmented {
-      opacity: 0.3;
-    }
-
-  .reveal .controls div.navigate-down {
-    left: 42px;
-    top: 74px;
-
-    border-top-width: 22px;
-    border-top-color: #000;
-  }
-    .reveal .controls div.navigate-down.fragmented {
-      opacity: 0.3;
-    }
-
-
-/*********************************************
- * PROGRESS BAR
- *********************************************/
-
-.reveal .progress {
-  position: fixed;
-  display: none;
-  height: 3px;
-  width: 100%;
-  bottom: 0;
-  left: 0;
-  z-index: 10;
-
-  background-color: rgba( 0, 0, 0, 0.2 );
-}
-  .reveal .progress:after {
-    content: '';
-    display: block;
-    position: absolute;
-    height: 20px;
-    width: 100%;
-    top: -20px;
-  }
-  .reveal .progress span {
-    display: block;
-    height: 100%;
-    width: 0px;
-
-    background-color: #000;
-    transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
-  }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-
-.reveal .slide-number {
-  position: fixed;
-  display: block;
-  right: 15px;
-  bottom: 15px;
-  opacity: 0.5;
-  z-index: 31;
-  font-size: 12px;
-}
-
-/*********************************************
- * SLIDES
- *********************************************/
-
-.reveal {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  touch-action: none;
-}
-
-.reveal .slides {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  margin: auto;
-
-  overflow: visible;
-  z-index: 1;
-  text-align: center;
-  perspective: 600px;
-  perspective-origin: 50% 40%;
-}
-
-.reveal .slides>section {
-  -ms-perspective: 600px;
-}
-
-.reveal .slides>section,
-.reveal .slides>section>section {
-  display: none;
-  position: absolute;
-  width: 100%;
-  padding: 20px 0px;
-
-  z-index: 10;
-  transform-style: preserve-3d;
-  transition: transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
-        transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
-        visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
-        opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
-}
-
-/* Global transition speed settings */
-.reveal[data-transition-speed="fast"] .slides section {
-  transition-duration: 400ms;
-}
-.reveal[data-transition-speed="slow"] .slides section {
-  transition-duration: 1200ms;
-}
-
-/* Slide-specific transition speed overrides */
-.reveal .slides section[data-transition-speed="fast"] {
-  transition-duration: 400ms;
-}
-.reveal .slides section[data-transition-speed="slow"] {
-  transition-duration: 1200ms;
-}
-
-.reveal .slides>section.stack {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.reveal .slides>section.present,
-.reveal .slides>section>section.present {
-  display: block;
-  z-index: 11;
-  opacity: 1;
-}
-
-.reveal.center,
-.reveal.center .slides,
-.reveal.center .slides section {
-  min-height: 0 !important;
-}
-
-/* Don't allow interaction with invisible slides */
-.reveal .slides>section.future,
-.reveal .slides>section>section.future,
-.reveal .slides>section.past,
-.reveal .slides>section>section.past {
-  pointer-events: none;
-}
-
-.reveal.overview .slides>section,
-.reveal.overview .slides>section>section {
-  pointer-events: auto;
-}
-
-.reveal .slides>section.past,
-.reveal .slides>section.future,
-.reveal .slides>section>section.past,
-.reveal .slides>section>section.future {
-  opacity: 0;
-}
-
-
-/*********************************************
- * Mixins for readability of transitions
- *********************************************/
-
-@mixin transition-global($style) {
-  .reveal .slides>section[data-transition=#{$style}],
-  .reveal.#{$style} .slides>section:not([data-transition]) {
-    @content;
-  }
-}
-@mixin transition-horizontal-past($style) {
-  .reveal .slides>section[data-transition=#{$style}].past,
-  .reveal .slides>section[data-transition~=#{$style}-out].past,
-  .reveal.#{$style} .slides>section:not([data-transition]).past {
-    @content;
-  }
-}
-@mixin transition-horizontal-future($style) {
-  .reveal .slides>section[data-transition=#{$style}].future,
-  .reveal .slides>section[data-transition~=#{$style}-in].future,
-  .reveal.#{$style} .slides>section:not([data-transition]).future {
-    @content;
-  }
-}
-
-@mixin transition-vertical-past($style) {
-  .reveal .slides>section>section[data-transition=#{$style}].past,
-  .reveal .slides>section>section[data-transition~=#{$style}-out].past,
-  .reveal.#{$style} .slides>section>section:not([data-transition]).past {
-    @content;
-  }
-}
-@mixin transition-vertical-future($style) {
-  .reveal .slides>section>section[data-transition=#{$style}].future,
-  .reveal .slides>section>section[data-transition~=#{$style}-in].future,
-  .reveal.#{$style} .slides>section>section:not([data-transition]).future {
-    @content;
-  }
-}
-
-/*********************************************
- * SLIDE TRANSITION
- * Aliased 'linear' for backwards compatibility
- *********************************************/
-
-@each $stylename in slide, linear {
-  .reveal.#{$stylename} section {
-    backface-visibility: hidden;
-  }
-  @include transition-horizontal-past(#{$stylename}) {
-    transform: translate(-150%, 0);
-  }
-  @include transition-horizontal-future(#{$stylename}) {
-    transform: translate(150%, 0);
-  }
-  @include transition-vertical-past(#{$stylename}) {
-    transform: translate(0, -150%);
-  }
-  @include transition-vertical-future(#{$stylename}) {
-    transform: translate(0, 150%);
-  }
-}
-
-/*********************************************
- * CONVEX TRANSITION
- * Aliased 'default' for backwards compatibility
- *********************************************/
-
-@each $stylename in default, convex {
-  @include transition-horizontal-past(#{$stylename}) {
-    transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
-  }
-  @include transition-horizontal-future(#{$stylename}) {
-    transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
-  }
-  @include transition-vertical-past(#{$stylename}) {
-    transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
-  }
-  @include transition-vertical-future(#{$stylename}) {
-    transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
-  }
-}
-
-/*********************************************
- * CONCAVE TRANSITION
- *********************************************/
-
-@include transition-horizontal-past(concave) {
-  transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
-}
-@include transition-horizontal-future(concave) {
-  transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
-}
-@include transition-vertical-past(concave) {
-  transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
-}
-@include transition-vertical-future(concave) {
-  transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
-}
-
-
-/*********************************************
- * ZOOM TRANSITION
- *********************************************/
-
-@include transition-global(zoom) {
-  transition-timing-function: ease;
-}
-@include transition-horizontal-past(zoom) {
-  visibility: hidden;
-  transform: scale(16);
-}
-@include transition-horizontal-future(zoom) {
-  visibility: hidden;
-  transform: scale(0.2);
-}
-@include transition-vertical-past(zoom) {
-  transform: translate(0, -150%);
-}
-@include transition-vertical-future(zoom) {
-  transform: translate(0, 150%);
-}
-
-
-/*********************************************
- * CUBE TRANSITION
- *********************************************/
-
-.reveal.cube .slides {
-  perspective: 1300px;
-}
-
-.reveal.cube .slides section {
-  padding: 30px;
-  min-height: 700px;
-  backface-visibility: hidden;
-  box-sizing: border-box;
-}
-  .reveal.center.cube .slides section {
-    min-height: 0;
-  }
-  .reveal.cube .slides section:not(.stack):before {
-    content: '';
-    position: absolute;
-    display: block;
-    width: 100%;
-    height: 100%;
-    left: 0;
-    top: 0;
-    background: rgba(0,0,0,0.1);
-    border-radius: 4px;
-    transform: translateZ( -20px );
-  }
-  .reveal.cube .slides section:not(.stack):after {
-    content: '';
-    position: absolute;
-    display: block;
-    width: 90%;
-    height: 30px;
-    left: 5%;
-    bottom: 0;
-    background: none;
-    z-index: 1;
-
-    border-radius: 4px;
-    box-shadow: 0px 95px 25px rgba(0,0,0,0.2);
-    transform: translateZ(-90px) rotateX( 65deg );
-  }
-
-.reveal.cube .slides>section.stack {
-  padding: 0;
-  background: none;
-}
-
-.reveal.cube .slides>section.past {
-  transform-origin: 100% 0%;
-  transform: translate3d(-100%, 0, 0) rotateY(-90deg);
-}
-
-.reveal.cube .slides>section.future {
-  transform-origin: 0% 0%;
-  transform: translate3d(100%, 0, 0) rotateY(90deg);
-}
-
-.reveal.cube .slides>section>section.past {
-  transform-origin: 0% 100%;
-  transform: translate3d(0, -100%, 0) rotateX(90deg);
-}
-
-.reveal.cube .slides>section>section.future {
-  transform-origin: 0% 0%;
-  transform: translate3d(0, 100%, 0) rotateX(-90deg);
-}
-
-
-/*********************************************
- * PAGE TRANSITION
- *********************************************/
-
-.reveal.page .slides {
-  perspective-origin: 0% 50%;
-  perspective: 3000px;
-}
-
-.reveal.page .slides section {
-  padding: 30px;
-  min-height: 700px;
-  box-sizing: border-box;
-}
-  .reveal.page .slides section.past {
-    z-index: 12;
-  }
-  .reveal.page .slides section:not(.stack):before {
-    content: '';
-    position: absolute;
-    display: block;
-    width: 100%;
-    height: 100%;
-    left: 0;
-    top: 0;
-    background: rgba(0,0,0,0.1);
-    transform: translateZ( -20px );
-  }
-  .reveal.page .slides section:not(.stack):after {
-    content: '';
-    position: absolute;
-    display: block;
-    width: 90%;
-    height: 30px;
-    left: 5%;
-    bottom: 0;
-    background: none;
-    z-index: 1;
-
-    border-radius: 4px;
-    box-shadow: 0px 95px 25px rgba(0,0,0,0.2);
-
-    -webkit-transform: translateZ(-90px) rotateX( 65deg );
-  }
-
-.reveal.page .slides>section.stack {
-  padding: 0;
-  background: none;
-}
-
-.reveal.page .slides>section.past {
-  transform-origin: 0% 0%;
-  transform: translate3d(-40%, 0, 0) rotateY(-80deg);
-}
-
-.reveal.page .slides>section.future {
-  transform-origin: 100% 0%;
-  transform: translate3d(0, 0, 0);
-}
-
-.reveal.page .slides>section>section.past {
-  transform-origin: 0% 0%;
-  transform: translate3d(0, -40%, 0) rotateX(80deg);
-}
-
-.reveal.page .slides>section>section.future {
-  transform-origin: 0% 100%;
-  transform: translate3d(0, 0, 0);
-}
-
-
-/*********************************************
- * FADE TRANSITION
- *********************************************/
-
-.reveal .slides section[data-transition=fade],
-.reveal.fade .slides section:not([data-transition]),
-.reveal.fade .slides>section>section:not([data-transition]) {
-  transform: none;
-  transition: opacity 0.5s;
-}
-
-
-.reveal.fade.overview .slides section,
-.reveal.fade.overview .slides>section>section {
-  transition: none;
-}
-
-
-/*********************************************
- * NO TRANSITION
- *********************************************/
-
-@include transition-global(none) {
-  transform: none;
-  transition: none;
-}
-
-
-/*********************************************
- * PAUSED MODE
- *********************************************/
-
-.reveal .pause-overlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: black;
-  visibility: hidden;
-  opacity: 0;
-  z-index: 100;
-  transition: all 1s ease;
-}
-.reveal.paused .pause-overlay {
-  visibility: visible;
-  opacity: 1;
-}
-
-
-/*********************************************
- * FALLBACK
- *********************************************/
-
-.no-transforms {
-  overflow-y: auto;
-}
-
-.no-transforms .reveal .slides {
-  position: relative;
-  width: 80%;
-  height: auto !important;
-  top: 0;
-  left: 50%;
-  margin: 0;
-  text-align: center;
-}
-
-.no-transforms .reveal .controls,
-.no-transforms .reveal .progress {
-  display: none !important;
-}
-
-.no-transforms .reveal .slides section {
-  display: block !important;
-  opacity: 1 !important;
-  position: relative !important;
-  height: auto;
-  min-height: 0;
-  top: 0;
-  left: -50%;
-  margin: 70px 0;
-  transform: none;
-}
-
-.no-transforms .reveal .slides section section {
-  left: 0;
-}
-
-.reveal .no-transition,
-.reveal .no-transition * {
-  transition: none !important;
-}
-
-
-/*********************************************
- * PER-SLIDE BACKGROUNDS
- *********************************************/
-
-.reveal .backgrounds {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  perspective: 600px;
-}
-  .reveal .slide-background {
-    display: none;
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    opacity: 0;
-    visibility: hidden;
-
-    background-color: rgba( 0, 0, 0, 0 );
-    background-position: 50% 50%;
-    background-repeat: no-repeat;
-    background-size: cover;
-
-    transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
-  }
-
-  .reveal .slide-background.stack {
-    display: block;
-  }
-
-  .reveal .slide-background.present {
-    opacity: 1;
-    visibility: visible;
-  }
-
-  .print-pdf .reveal .slide-background {
-    opacity: 1 !important;
-    visibility: visible !important;
-  }
-
-/* Video backgrounds */
-.reveal .slide-background video {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  max-width: none;
-  max-height: none;
-  top: 0;
-  left: 0;
-}
-
-/* Immediate transition style */
-.reveal[data-background-transition=none]>.backgrounds .slide-background,
-.reveal>.backgrounds .slide-background[data-background-transition=none] {
-  transition: none;
-}
-
-/* Slide */
-.reveal[data-background-transition=slide]>.backgrounds .slide-background,
-.reveal>.backgrounds .slide-background[data-background-transition=slide] {
-  opacity: 1;
-  backface-visibility: hidden;
-}
-  .reveal[data-background-transition=slide]>.backgrounds .slide-background.past,
-  .reveal>.backgrounds .slide-background.past[data-background-transition=slide] {
-    transform: translate(-100%, 0);
-  }
-  .reveal[data-background-transition=slide]>.backgrounds .slide-background.future,
-  .reveal>.backgrounds .slide-background.future[data-background-transition=slide] {
-    transform: translate(100%, 0);
-  }
-
-  .reveal[data-background-transition=slide]>.backgrounds .slide-background>.slide-background.past,
-  .reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=slide] {
-    transform: translate(0, -100%);
-  }
-  .reveal[data-background-transition=slide]>.backgrounds .slide-background>.slide-background.future,
-  .reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=slide] {
-    transform: translate(0, 100%);
-  }
-
-
-/* Convex */
-.reveal[data-background-transition=convex]>.backgrounds .slide-background.past,
-.reveal>.backgrounds .slide-background.past[data-background-transition=convex] {
-  opacity: 0;
-  transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
-}
-.reveal[data-background-transition=convex]>.backgrounds .slide-background.future,
-.reveal>.backgrounds .slide-background.future[data-background-transition=convex] {
-  opacity: 0;
-  transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
-}
-
-.reveal[data-background-transition=convex]>.backgrounds .slide-background>.slide-background.past,
-.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=convex] {
-  opacity: 0;
-  transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
-}
-.reveal[data-background-transition=convex]>.backgrounds .slide-background>.slide-background.future,
-.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=convex] {
-  opacity: 0;
-  transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
-}
-
-
-/* Concave */
-.reveal[data-background-transition=concave]>.backgrounds .slide-background.past,
-.reveal>.backgrounds .slide-background.past[data-background-transition=concave] {
-  opacity: 0;
-  transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
-}
-.reveal[data-background-transition=concave]>.backgrounds .slide-background.future,
-.reveal>.backgrounds .slide-background.future[data-background-transition=concave] {
-  opacity: 0;
-  transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
-}
-
-.reveal[data-background-transition=concave]>.backgrounds .slide-background>.slide-background.past,
-.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=concave] {
-  opacity: 0;
-  transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
-}
-.reveal[data-background-transition=concave]>.backgrounds .slide-background>.slide-background.future,
-.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=concave] {
-  opacity: 0;
-  transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
-}
-
-/* Zoom */
-.reveal[data-background-transition=zoom]>.backgrounds .slide-background,
-.reveal>.backgrounds .slide-background[data-background-transition=zoom] {
-  transition-timing-function: ease;
-}
-
-.reveal[data-background-transition=zoom]>.backgrounds .slide-background.past,
-.reveal>.backgrounds .slide-background.past[data-background-transition=zoom] {
-  opacity: 0;
-  visibility: hidden;
-  transform: scale(16);
-}
-.reveal[data-background-transition=zoom]>.backgrounds .slide-background.future,
-.reveal>.backgrounds .slide-background.future[data-background-transition=zoom] {
-  opacity: 0;
-  visibility: hidden;
-  transform: scale(0.2);
-}
-
-.reveal[data-background-transition=zoom]>.backgrounds .slide-background>.slide-background.past,
-.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=zoom] {
-  opacity: 0;
-    visibility: hidden;
-    transform: scale(16);
-}
-.reveal[data-background-transition=zoom]>.backgrounds .slide-background>.slide-background.future,
-.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=zoom] {
-  opacity: 0;
-  visibility: hidden;
-  transform: scale(0.2);
-}
-
-
-/* Global transition speed settings */
-.reveal[data-transition-speed="fast"]>.backgrounds .slide-background {
-  transition-duration: 400ms;
-}
-.reveal[data-transition-speed="slow"]>.backgrounds .slide-background {
-  transition-duration: 1200ms;
-}
-
-
-/*********************************************
- * OVERVIEW
- *********************************************/
-
-.reveal.overview {
-  perspective-origin: 50% 50%;
-  perspective: 700px;
-
-  .slides section {
-    height: 700px;
-    opacity: 1 !important;
-    overflow: hidden;
-    visibility: visible !important;
-    cursor: pointer;
-    box-sizing: border-box;
-  }
-  .slides section:hover,
-  .slides section.present {
-    outline: 10px solid rgba(150,150,150,0.4);
-    outline-offset: 10px;
-  }
-  .slides section .fragment {
-    opacity: 1;
-    transition: none;
-  }
-  .slides section:after,
-  .slides section:before {
-    display: none !important;
-  }
-  .slides>section.stack {
-    padding: 0;
-    top: 0 !important;
-    background: none;
-    outline: none;
-    overflow: visible;
-  }
-
-  .backgrounds {
-    perspective: inherit;
-  }
-
-  .backgrounds .slide-background {
-    opacity: 1;
-    visibility: visible;
-
-    // This can't be applied to the slide itself in Safari
-    outline: 10px solid rgba(150,150,150,0.1);
-    outline-offset: 10px;
-  }
-}
-
-// Disable transitions transitions while we're activating
-// or deactivating the overview mode.
-.reveal.overview .slides section,
-.reveal.overview-deactivating .slides section {
-  transition: none;
-}
-
-.reveal.overview .backgrounds .slide-background,
-.reveal.overview-deactivating .backgrounds .slide-background {
-  transition: none;
-}
-
-.reveal.overview-animated .slides {
-  transition: transform 0.4s ease;
-}
-
-
-/*********************************************
- * RTL SUPPORT
- *********************************************/
-
-.reveal.rtl .slides,
-.reveal.rtl .slides h1,
-.reveal.rtl .slides h2,
-.reveal.rtl .slides h3,
-.reveal.rtl .slides h4,
-.reveal.rtl .slides h5,
-.reveal.rtl .slides h6 {
-  direction: rtl;
-  font-family: sans-serif;
-}
-
-.reveal.rtl pre,
-.reveal.rtl code {
-  direction: ltr;
-}
-
-.reveal.rtl ol,
-.reveal.rtl ul {
-  text-align: right;
-}
-
-.reveal.rtl .progress span {
-  float: right
-}
-
-/*********************************************
- * PARALLAX BACKGROUND
- *********************************************/
-
-.reveal.has-parallax-background .backgrounds {
-  transition: all 0.8s ease;
-}
-
-/* Global transition speed settings */
-.reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds {
-  transition-duration: 400ms;
-}
-.reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds {
-  transition-duration: 1200ms;
-}
-
-
-/*********************************************
- * LINK PREVIEW OVERLAY
- *********************************************/
-
-.reveal .overlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 1000;
-  background: rgba( 0, 0, 0, 0.9 );
-  opacity: 0;
-  visibility: hidden;
-  transition: all 0.3s ease;
-}
-  .reveal .overlay.visible {
-    opacity: 1;
-    visibility: visible;
-  }
-
-  .reveal .overlay .spinner {
-    position: absolute;
-    display: block;
-    top: 50%;
-    left: 50%;
-    width: 32px;
-    height: 32px;
-    margin: -16px 0 0 -16px;
-    z-index: 10;
-    background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAJmZmf%2F%2F%2F6%2Bvr8nJybW1tcDAwOjo6Nvb26ioqKOjo7Ozs%2FLy8vz8%2FAAAAAAAAAAAACH%2FC05FVFNDQVBFMi4wAwEAAAAh%2FhpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh%2BQQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ%2FV%2FnmOM82XiHRLYKhKP1oZmADdEAAAh%2BQQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY%2FCZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB%2BA4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6%2BHo7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq%2BB6QDtuetcaBPnW6%2BO7wDHpIiK9SaVK5GgV543tzjgGcghAgAh%2BQQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK%2B%2BG%2Bw48edZPK%2BM6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE%2BG%2BcD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm%2BFNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk%2BaV%2BoJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0%2FVNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc%2BXiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30%2FiI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE%2FjiuL04RGEBgwWhShRgQExHBAAh%2BQQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR%2BipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY%2BYip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd%2BMFCN6HAAIKgNggY0KtEBAAh%2BQQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1%2BvsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d%2BjYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg%2BygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0%2Bbm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h%2BKr0SJ8MFihpNbx%2B4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX%2BBP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA%3D%3D);
-
-    visibility: visible;
-    opacity: 0.6;
-    transition: all 0.3s ease;
-  }
-
-  .reveal .overlay header {
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 40px;
-    z-index: 2;
-    border-bottom: 1px solid #222;
-  }
-    .reveal .overlay header a {
-      display: inline-block;
-      width: 40px;
-      height: 40px;
-      padding: 0 10px;
-      float: right;
-      opacity: 0.6;
-
-      box-sizing: border-box;
-    }
-      .reveal .overlay header a:hover {
-        opacity: 1;
-      }
-      .reveal .overlay header a .icon {
-        display: inline-block;
-        width: 20px;
-        height: 20px;
-
-        background-position: 50% 50%;
-        background-size: 100%;
-        background-repeat: no-repeat;
-      }
-      .reveal .overlay header a.close .icon {
-        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC);
-      }
-      .reveal .overlay header a.external .icon {
-        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==);
-      }
-
-  .reveal .overlay .viewport {
-    position: absolute;
-    top: 40px;
-    right: 0;
-    bottom: 0;
-    left: 0;
-  }
-
-  .reveal .overlay.overlay-preview .viewport iframe {
-    width: 100%;
-    height: 100%;
-    max-width: 100%;
-    max-height: 100%;
-    border: 0;
-
-    opacity: 0;
-    visibility: hidden;
-    transition: all 0.3s ease;
-  }
-
-  .reveal .overlay.overlay-preview.loaded .viewport iframe {
-    opacity: 1;
-    visibility: visible;
-  }
-
-  .reveal .overlay.overlay-preview.loaded .spinner {
-    opacity: 0;
-    visibility: hidden;
-    transform: scale(0.2);
-  }
-
-  .reveal .overlay.overlay-help .viewport {
-    overflow: auto;
-    color: #fff;
-  }
-
-  .reveal .overlay.overlay-help .viewport .viewport-inner {
-    width: 600px;
-    margin: 0 auto;
-    padding: 60px;
-    text-align: center;
-    letter-spacing: normal;
-  }
-
-  .reveal .overlay.overlay-help .viewport .viewport-inner .title {
-    font-size: 20px;
-  }
-
-  .reveal .overlay.overlay-help .viewport .viewport-inner table {
-    border: 1px solid #fff;
-    border-collapse: collapse;
-    font-size: 14px;
-  }
-
-  .reveal .overlay.overlay-help .viewport .viewport-inner table th,
-  .reveal .overlay.overlay-help .viewport .viewport-inner table td {
-    width: 200px;
-    padding: 10px;
-    border: 1px solid #fff;
-    vertical-align: middle;
-  }
-
-  .reveal .overlay.overlay-help .viewport .viewport-inner table th {
-    padding-top: 20px;
-    padding-bottom: 20px;
-  }
-
-
-
-/*********************************************
- * PLAYBACK COMPONENT
- *********************************************/
-
-.reveal .playback {
-  position: fixed;
-  left: 15px;
-  bottom: 15px;
-  z-index: 30;
-  cursor: pointer;
-  transition: all 400ms ease;
-}
-
-.reveal.overview .playback {
-  opacity: 0;
-  visibility: hidden;
-}
-
-
-/*********************************************
- * ROLLING LINKS
- *********************************************/
-
-.reveal .roll {
-  display: inline-block;
-  line-height: 1.2;
-  overflow: hidden;
-
-  vertical-align: top;
-  perspective: 400px;
-  perspective-origin: 50% 50%;
-}
-  .reveal .roll:hover {
-    background: none;
-    text-shadow: none;
-  }
-.reveal .roll span {
-  display: block;
-  position: relative;
-  padding: 0 2px;
-
-  pointer-events: none;
-  transition: all 400ms ease;
-  transform-origin: 50% 0%;
-  transform-style: preserve-3d;
-  backface-visibility: hidden;
-}
-  .reveal .roll:hover span {
-      background: rgba(0,0,0,0.5);
-      transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
-  }
-.reveal .roll span:after {
-  content: attr(data-title);
-
-  display: block;
-  position: absolute;
-  left: 0;
-  top: 0;
-  padding: 0 2px;
-  backface-visibility: hidden;
-  transform-origin: 50% 0%;
-  transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
-}
-
-
-/*********************************************
- * SPEAKER NOTES
- *********************************************/
-
-.reveal aside.notes {
-  display: none;
-}
-
-
-/*********************************************
- * ZOOM PLUGIN
- *********************************************/
-
-.zoomed .reveal *,
-.zoomed .reveal *:before,
-.zoomed .reveal *:after {
-  backface-visibility: visible !important;
-}
-
-.zoomed .reveal .progress,
-.zoomed .reveal .controls {
-  opacity: 0;
-}
-
-.zoomed .reveal .roll span {
-  background: none;
-}
-
-.zoomed .reveal .roll span:after {
-  visibility: hidden;
-}
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/css/theme/MITK.css b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/css/theme/MITK.css
deleted file mode 100644
index 92d6bec796..0000000000
--- a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/css/theme/MITK.css
+++ /dev/null
@@ -1,369 +0,0 @@
-/**
- * A simple theme for reveal.js presentations, similar
- * to the default theme. The accent color is darkblue.
- *
- * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
- * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
- */
-/*********************************************
- * GLOBAL STYLES
- *********************************************/
-body {
-  background: #fff;
-  background-color: #fff;
-}
-
-.reveal {
-  font-family: "Open Sans", sans-serif;
-  font-size: 36px;
-  font-weight: normal;
-  color: #000; }
-
-::selection {
-  color: #fff;
-  background: rgba(0, 0, 0, 0.99);
-  text-shadow: none; }
-
-.reveal .slides > section,
-.reveal .slides > section > section {
-  line-height: 1.3;
-  font-weight: inherit; }
-
-/*********************************************
- * HEADERS
- *********************************************/
-.reveal h1,
-.reveal h2,
-.reveal h3,
-.reveal h4,
-.reveal h5,
-.reveal h6 {
-  margin: 0 0 20px 0;
-  color: #2d5c88;
-  font-family: "Open Sans", sans-serif;
-  font-weight: bold;
-  line-height: 1.2;
-  letter-spacing: normal;
-  text-transform: none;
-  text-shadow: none;
-  word-wrap: break-word; }
-
-.reveal h1 {
-  font-size: 3.77em; }
-
-.reveal h2 {
-  font-size: 2.11em; }
-
-.reveal h3 {
-  font-size: 1.55em; }
-
-.reveal h4 {
-  font-size: 1em; }
-
-.reveal h1 {
-  text-shadow: none; }
-
-/*********************************************
- * OTHER
- *********************************************/
-.reveal p {
-  margin: 20px 0;
-  line-height: 1.3; }
-
-/* Ensure certain elements are never larger than the slide itself */
-.reveal img,
-.reveal video,
-.reveal iframe {
-  max-width: 95%;
-  max-height: 95%; }
-
-.reveal strong,
-.reveal b {
-  font-weight: bold; }
-
-.reveal em {
-  font-style: italic; }
-
-.reveal ol,
-.reveal dl,
-.reveal ul {
-  display: inline-block;
-  text-align: left;
-  margin: 0 0 0 1em; }
-
-.reveal ol {
-  list-style-type: decimal; }
-
-.reveal ul {
-  list-style-type: disc; }
-
-.reveal ul ul {
-  list-style-type: square; }
-
-.reveal ul ul ul {
-  list-style-type: circle; }
-
-.reveal ul ul,
-.reveal ul ol,
-.reveal ol ol,
-.reveal ol ul {
-  display: block;
-  margin-left: 40px; }
-
-.reveal dt {
-  font-weight: bold; }
-
-.reveal dd {
-  margin-left: 40px; }
-
-.reveal q,
-.reveal blockquote {
-  quotes: none; }
-
-.reveal blockquote {
-  display: block;
-  position: relative;
-  width: 60%;
-  margin: 20px auto;
-  border: 2px solid;
-  border-color: rgb(45, 92, 136);
-  padding: 5px;
-  font-style: italic;
-  background: rgba(45, 92, 136, 0.05);
-  box-shadow: 2px 4px 3px rgba(0, 0, 0, 0.1); }
-
-.reveal blockquote p:first-child,
-.reveal blockquote p:last-child {
-  display: inline-block; }
-
-.reveal q {
-  font-style: italic; }
-
-.reveal pre {
-  display: block;
-  position: relative;
-  width: 90%;
-  margin: 20px auto;
-  text-align: left;
-  font-size: 0.55em;
-  font-family: monospace;
-  line-height: 1.2em;
-  word-wrap: break-word;
-  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
-
-.reveal code {
-  font-family: monospace; }
-
-.reveal pre code {
-  display: block;
-  padding: 5px;
-  overflow: auto;
-  max-height: 400px;
-  word-wrap: normal;
-  background: #3F3F3F;
-  color: #DCDCDC; }
-
-.reveal table {
-  margin: auto;
-  border-collapse: collapse;
-  border-spacing: 0; }
-
-.reveal table th {
-  font-weight: bold; }
-
-.reveal table th,
-.reveal table td {
-  text-align: left;
-  padding: 0.2em 0.5em 0.2em 0.5em;
-  border-bottom: 1px solid; }
-
-.reveal table th[align="center"],
-.reveal table td[align="center"] {
-  text-align: center; }
-
-.reveal table th[align="right"],
-.reveal table td[align="right"] {
-  text-align: right; }
-
-.reveal table tr:last-child td {
-  border-bottom: none; }
-
-.reveal sup {
-  vertical-align: super; }
-
-.reveal sub {
-  vertical-align: sub; }
-
-.reveal small {
-  display: inline-block;
-  font-size: 0.6em;
-  line-height: 1.2em;
-  vertical-align: top; }
-
-.reveal small * {
-  vertical-align: top; }
-
-/*********************************************
- * LINKS
- *********************************************/
-.reveal a {
-  color: rgb(0,0,0);
-  text-decoration: none;
-  -webkit-transition: color .15s ease;
-  -moz-transition: color .15s ease;
-  transition: color .15s ease; }
-
-.reveal a:hover {
-  color: #2d5a88;
-  text-shadow: none;
-  border: none; }
-
-.reveal .roll span:after {
-  color: #fff;
-  background: #00003f; }
-
-/*********************************************
- * IMAGES
- *********************************************/
-.reveal section img {
-  margin: 15px 0px;
-  background: rgba(255, 255, 255, 0.12);
-  border: none;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
-
-.reveal a img {
-  -webkit-transition: all .15s linear;
-  -moz-transition: all .15s linear;
-  transition: all .15s linear; }
-
-.reveal a:hover img {
-  background: rgba(255, 255, 255, 0.2);
-  border-color: #00008B;
-  box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
-
-/*********************************************
- * NAVIGATION CONTROLS
- *********************************************/
-.reveal .controls div.navigate-left,
-.reveal .controls div.navigate-left.enabled {
-  border-right-color: rgb( 45, 92, 136); }
-
-.reveal .controls div.navigate-right,
-.reveal .controls div.navigate-right.enabled {
-  border-left-color: rgb( 45, 92, 136); }
-
-.reveal .controls div.navigate-up,
-.reveal .controls div.navigate-up.enabled {
-  border-bottom-color: rgb( 45, 92, 136); }
-
-.reveal .controls div.navigate-down,
-.reveal .controls div.navigate-down.enabled {
-  border-top-color: rgb( 45, 92, 136); }
-
-.reveal .controls div.navigate-left.enabled:hover {
-  border-right-color: rgba( 45, 92, 136, 0.5); }
-
-.reveal .controls div.navigate-right.enabled:hover {
-  border-left-color: rgba( 45, 92, 136, 0.5); }
-
-.reveal .controls div.navigate-up.enabled:hover {
-  border-bottom-color: rgba( 45, 92, 136, 0.5); }
-
-.reveal .controls div.navigate-down.enabled:hover {
-  border-top-color: rgba( 45, 92, 136, 0.5); }
-
-
-/*********************************************
- * PROGRESS BAR
- *********************************************/
-.reveal .progress {
-  background: rgba(0, 0, 0, 0.2); }
-
-.reveal .progress span {
-  background: rgb( 45, 92, 136);
-  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-  color: #00008B; }
-
-
-/*********************************************
- * Video Container
- *********************************************/
-.videoContainer {
-    position: absolute;
-    top: 0%;
-    height: 100%;
-    width: 100%;
-    overflow: hidden;
-}
-
-.videoContainer {
-    min-width: 100%;
-    min-height: 100%;
-}
-
-
-/*********************************************
- * Delayed Animation Versuche
- *********************************************/
-
-@keyframes delayed {
-    0%   { opacity: 0; }
-    100% { opacity: 1; }
-}
-
-.delayed: {
-    animation: delayed 2s ease;
-    animation-delay: 2s;
-    animation-fill-mode: both;
-    opacity: 0;
-    transition: ease;
-    transition-delay: 2s;
-}
-
-.test{
-    opacity: 0.5;
-    transition: all 2s linear 2s;
-}
-
-.test:target{
-    opacity: 1;
-}
-
-.test.is-hidden{
-    opacity: 0;
-}
-
-.delayed[time="5s"] {
-   animation-delay: 5s;
-   transition-delay: 5s;
-}
-
-
-.delayed[time="10s"] {
-    animation-delay: 10s;
-    transition-delay: 10s;
-}
-
-.5s-delay {
-    transition-delay: 5s !important;
-}
-
-/*********************************************
- * Hover = Animation, beim Drüberfahren
- *********************************************/
-
-.test {
-    border: 1px solid red;
-}
-
-.test:hover {
-    border: 10px solid red;
-    transition: border 5s linear;
-}
\ No newline at end of file
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/css/theme/README.md b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/css/theme/README.md
deleted file mode 100644
index 753e0c0d25..0000000000
--- a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/css/theme/README.md
+++ /dev/null
@@ -1,23 +0,0 @@
-## Dependencies
-
-Themes are written using Sass to keep things modular and reduce the need for repeated selectors across files. Make sure that you have the reveal.js development environment including the Grunt dependencies installed before proceding: https://github.com/hakimel/reveal.js#full-setup
-
-## Creating a Theme
-
-To create your own theme, start by duplicating any ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source) and adding it to the compilation list in the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/Gruntfile.js).
-
-Each theme file does four things in the following order:
-
-1. **Include [/css/theme/template/mixins.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/mixins.scss)**
-Shared utility functions.
-
-2. **Include [/css/theme/template/settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss)**
-Declares a set of custom variables that the template file (step 4) expects. Can be overridden in step 3.
-
-3. **Override**
-This is where you override the default theme. Either by specifying variables (see [settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss) for reference) or by adding any selectors and styles you please.
-
-4. **Include [/css/theme/template/theme.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/theme.scss)**
-The template theme file which will generate final CSS output based on the currently defined variables.
-
-When you are done, run `grunt css-themes` to compile the Sass file to CSS and you are ready to use your new theme.
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/css/theme/source/MITK.scss b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/css/theme/source/MITK.scss
deleted file mode 100644
index ef86218492..0000000000
--- a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/css/theme/source/MITK.scss
+++ /dev/null
@@ -1,38 +0,0 @@
-/**
- * A simple theme for reveal.js presentations, similar
- * to the default theme. The accent color is darkblue.
- *
- * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
- * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
- */
-
-
-// Default mixins and settings -----------------
-@import "../template/mixins";
-@import "../template/settings";
-// ---------------------------------------------
-
-
-
-// Include theme-specific fonts
-@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
-@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
-
-
-// Override theme settings (see ../template/settings.scss)
-$mainFont: 'Open Sans', sans-serif;
-$mainColor: #000;
-$headingFont: 'Open Sans', Impact, sans-serif;
-$headingColor: rgb(45, 92, 136);
-$headingTextShadow: none;
-$headingTextTransform: none;
-$backgroundColor: #fff;
-$linkColor: #00008B;
-$linkColorHover: lighten( $linkColor, 20% );
-$selectionBackgroundColor: rgba(0, 0, 0, 0.99);
-
-
-
-// Theme template ------------------------------
-@import "../template/theme";
-// ---------------------------------------------
\ No newline at end of file
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/function.js b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/function.js
deleted file mode 100644
index 7238d27761..0000000000
--- a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/function.js
+++ /dev/null
@@ -1,232 +0,0 @@
-// If you want to create a new button you have to add some data (strings) to the following five arrays.
-// Make sure that you add your data at the same position in each array.
-// The buttons will be generated in order to the array's index. e.g. data at array's index '0' will generate the first button.
-
-// enter the name of your module here
-var moduleNames = new Array("MITK Website",
-                            "Tutorials Website");
-
-// add the MITK-link to your module
-var moduleLinks = new Array("https://www.mitk.org",
-                            "https://www.mitk.org/Tutorials");
-
-// add the filename of your icon for the module. Place the picture in subdirectory "pics".
-// The picture's width should be 136 pixel; the height 123 pixel.
-var picFilenames = new Array("button_mitk.png",
-                             "button_mitk.png");
-
-// if your module is not stable, you can mark it as experimental.
-// just set true for experimental or false for stable.
-var experimental = new Array(false,
-                             false);
-
-// add the description for your module. The description is displayed in a PopUp-window.
-var moduleDescriptions = new Array("Open the MITK website in an external browser.",
-                                   "Open the MITK tutorials overview in an external browser.");
-
-var bttns = new Array();
-
-var d = document, da = d.all;
-
-// holds id of current mouseover-HTML-element
-var currentTarget;
-
-// get the id of current mouseover-HTML-element
-d.onmouseover = function(o){
-  var e = da ? event.srcElement : o.target;
-  currentTarget = e.id;
-}
-
-
-// build-function called by onload-event in HTML-document
-function createButtons(){
-
-  for (i=0; i < moduleNames.length; i++){
-    bttns[i] = new Button(moduleNames[i],moduleLinks[i], picFilenames[i], moduleDescriptions[i]);
-    bttns[i].createButton();
-  }
-
-  for (i=0; i < moduleNames.length; i++){
-
-    if(experimental[i]){
-      setExperimental(i);
-    }
-  }
-
-  createClearFloat();
-}
-
-// Class Button
-function Button(moduleName, moduleLink, picFilename, moduleDescr){
-
-  // Properties
-  this.bttnID = "bttn" + moduleName.replace(/\s/g,'');
-  this.modName = moduleName;
-  this.modLink = moduleLink;
-  this.picPath = "qrc:/org.mitk.gui.qt.welcomescreen/pics/" + picFilename;
-  this.modDescr = moduleDescr;
-
-  // Methods
-  this.createButton = function(){
-
-    // get DIV-wrapper for Button and append it to HTML-document
-    bttnWrapper = this.createWrapper();
-    document.getElementById("generatedButtonField").appendChild(bttnWrapper);
-
-    // Create a button and append it to document
-    this.createCSSClass();
-    bttnPicLink = this.createPicLink();
-    bttnPicLink.href = this.modLink;
-    bttnWrapper.appendChild(bttnPicLink);
-
-    // create text-link and add it to DIV-wrapper
-    bttnTxtLink = document.createElement("a");
-    bttnTxtLink.onclick = function(){openPage();};
-    bttnTxtLink.href = this.modLink;
-    bttnTxtLink.className = "textLink";
-    bttnTxtLink.appendChild(document.createTextNode(this.modName));
-    bttnWrapper.appendChild(bttnTxtLink);
-
-    // create pop-up link for module description
-    if (this.modDescr.length != 0) {
-      bttnPopUpLink = document.createElement("a");
-      modName = this.modName;
-      modDescr = this.modDescr;
-      bttnPopUpLink.onclick = function(){showPopUpWindow();};
-      bttnPopUpLink.className = "popUpLink";
-      bttnPopUpLink.id = "popup" + this.modName;
-      bttnPopUpLink.appendChild(document.createTextNode("more info >>"));
-      bttnWrapper.appendChild(document.createElement("br"));
-      bttnWrapper.appendChild(bttnPopUpLink);
-    }
-
-    return bttnPicLink;
-  }
-
-  this.createWrapper = function(){
-    bttnWrapper = document.createElement("div");
-    bttnWrapper.id = "wrapper" + this.modName;
-    bttnWrapper.className = "bttnWrap";
-
-    return bttnWrapper;
-  }
-
-  this.createPicLink = function(){
-    picLink = document.createElement("a");
-    picLink.id = "link" + this.modName;
-    picLink.href = this.modLink;
-    picLink.className = "genericButton " + this.bttnID;
-
-    return picLink;
-  }
-
-  this.createCSSClass = function(){
-    var style = document.createElement('style');
-    style.type = 'text/css';
-    style.innerHTML = '.' + this.bttnID +' { background-image: url(' + this.picPath +'); }';
-    document.getElementsByTagName('head')[0].appendChild(style);
-  }
-
-}
-
-
-function showPopUpWindow(){
-
-  // modules position in array?
-  modulePos = getPos(currentTarget,"popup");
-
-  // get reference to anchor-element in HTML-document
-  popUpAnchor = document.getElementById("popupAnchor");
-
-  // check if a popUp is open
-  if(popUpAnchor.hasChildNodes()){
-    // if a popUp is open, remove it!
-    popUpAnchor.removeChild(document.getElementById("popup"));
-  }
-
-  // create new container for popUp
-  container = document.createElement("div");
-  container.id = "popup";
-  container.align = "right";
-
-  // append popUp-container to HTML-document
-  popUpAnchor.appendChild(container);
-
-  // create close-button and append it to popUp-container
-  bttnClose = document.createElement("img");
-  bttnClose.src = "pics/popup_bttn_close.png";
-  bttnClose.id = "bttnClose";
-  bttnClose.onclick = function(){closeInfoWindow();};
-  container.appendChild(bttnClose);
-
-  // create container for content-elements
-  contHeadline = document.createElement("div");
-  contHeadline.id = "contHeadline";
-  contDescription = document.createElement("div");
-  contDescription.id = "contDescription";
-  contModLink = document.createElement("div");
-  contModLink.id = "contModLink";
-
-  // append content-container to popUp-container
-  container.appendChild(contHeadline);
-  container.appendChild(contDescription);
-  container.appendChild(contModLink);
-
-  // create text-elements with content
-  headline = document.createTextNode(moduleNames[modulePos] + " ");
-  description = document.createTextNode(moduleDescriptions[modulePos]);
-  moduleLink = document.createElement("a");
-  moduleLink.href = moduleLinks[modulePos] ;
-  moduleLink.className = 'moduleLink';
-  moduleLinkTxt = document.createTextNode("Click here to open '" + moduleNames[modulePos].toLowerCase() + "'");
-  moduleLink.appendChild(moduleLinkTxt);
-
-  // append text-elements to their container
-  contHeadline.appendChild(headline);
-  contDescription.appendChild(description);
-  contModLink.appendChild(moduleLink);
-}
-
-function getPos(id,prefix){
-
-  if(prefix == "popup"){
-    targetID = id.slice(5);
-  }else{
-    if(prefix == "bttn"){
-      targetID = id.slice(4);
-    }
-  }
-
-  for(i=0; i < moduleNames.length; i++ ){
-    if(moduleNames[i] == targetID){
-      return i;
-    }
-  }
-}
-
-function setExperimental(modPos){
-  linkID = "link" + moduleNames[modPos];
-
-  expPic = document.createElement("img");
-  expPic.src = "pics/experimental.png";
-  expPic.className = "expPic";
-
-  document.getElementById(linkID).appendChild(expPic);
-}
-
-
-function openPage(){
-  window.open("https://www.mitk.org","_blank");
-}
-
-// function to close PopUp-window
-function closeInfoWindow(){
-  popUpAnchor = document.getElementById("popupAnchor");
-  popUpAnchor.removeChild(document.getElementById("popup"));
-}
-
-function createClearFloat(){
-  cf = document.createElement("div");
-  cf.className = "clearfloat";
-  document.getElementById("generatedButtonField").appendChild(cf);
-}
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/Alt.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/Alt.png
deleted file mode 100644
index bee1ed05a1..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/Alt.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ArrowDown.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ArrowDown.png
deleted file mode 100644
index d4e617dda6..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ArrowDown.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ArrowKeys.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ArrowKeys.png
deleted file mode 100644
index 031152a6b9..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ArrowKeys.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ControlArrows.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ControlArrows.png
deleted file mode 100644
index b628ace5e3..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ControlArrows.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/DataManagerData.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/DataManagerData.png
deleted file mode 100644
index 5d876bc703..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/DataManagerData.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/DisplayAreaScan.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/DisplayAreaScan.png
deleted file mode 100644
index 4ccbe27e7b..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/DisplayAreaScan.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/DisplayAreaSmall.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/DisplayAreaSmall.png
deleted file mode 100644
index e51550df97..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/DisplayAreaSmall.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/DisplayWindowAxial.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/DisplayWindowAxial.png
deleted file mode 100644
index a0b0bba042..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/DisplayWindowAxial.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/DisplayWindowButtons.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/DisplayWindowButtons.png
deleted file mode 100644
index 383ccf0321..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/DisplayWindowButtons.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/Esc.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/Esc.png
deleted file mode 100644
index 1446c07cd1..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/Esc.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/HelpWelcome.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/HelpWelcome.png
deleted file mode 100644
index 3a7b9591a9..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/HelpWelcome.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/IconDataManager.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/IconDataManager.png
deleted file mode 100644
index 6b35281c8c..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/IconDataManager.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/IconHelp.svg b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/IconHelp.svg
deleted file mode 100644
index 851327f776..0000000000
--- a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/IconHelp.svg
+++ /dev/null
@@ -1,224 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="48.000000px"
-   height="48.000000px"
-   id="svg6361"
-   sodipodi:version="0.32"
-   inkscape:version="0.46"
-   sodipodi:docbase="/home/tigert/cvs/freedesktop.org/tango-icon-theme/scalable/apps"
-   sodipodi:docname="help-browser.svg"
-   inkscape:output_extension="org.inkscape.output.svg.inkscape">
-  <defs
-     id="defs3">
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 24 : 1"
-       inkscape:vp_y="0 : 1000 : 0"
-       inkscape:vp_z="48 : 24 : 1"
-       inkscape:persp3d-origin="24 : 16 : 1"
-       id="perspective23" />
-    <linearGradient
-       id="linearGradient2431">
-      <stop
-         style="stop-color:#ffffff;stop-opacity:1;"
-         offset="0"
-         id="stop2433" />
-      <stop
-         style="stop-color:#b8b8b8;stop-opacity:1;"
-         offset="1"
-         id="stop2435" />
-    </linearGradient>
-    <linearGradient
-       inkscape:collect="always"
-       id="linearGradient21644">
-      <stop
-         style="stop-color:#000000;stop-opacity:1;"
-         offset="0"
-         id="stop21646" />
-      <stop
-         style="stop-color:#000000;stop-opacity:0;"
-         offset="1"
-         id="stop21648" />
-    </linearGradient>
-    <radialGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient21644"
-       id="radialGradient21650"
-       cx="25.125"
-       cy="36.75"
-       fx="25.125"
-       fy="36.75"
-       r="15.75"
-       gradientTransform="matrix(1.000000,0.000000,0.000000,0.595238,3.369686e-16,14.87500)"
-       gradientUnits="userSpaceOnUse" />
-    <linearGradient
-       id="linearGradient2933">
-      <stop
-         id="stop2935"
-         offset="0"
-         style="stop-color:#9cbcde;stop-opacity:1" />
-      <stop
-         id="stop2937"
-         offset="1"
-         style="stop-color:#204a87" />
-    </linearGradient>
-    <radialGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient2933"
-       id="radialGradient2207"
-       cx="26.544321"
-       cy="28.458725"
-       fx="26.544321"
-       fy="28.458725"
-       r="22.376116"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(1.238342,5.954846e-3,-6.507762e-3,1.351272,-6.992513,-9.744842)" />
-    <radialGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient2431"
-       id="radialGradient2437"
-       cx="-19.515638"
-       cy="16.855663"
-       fx="-19.515638"
-       fy="16.855663"
-       r="8.7536434"
-       gradientTransform="matrix(4.445991,-8.852599e-16,1.367217e-15,6.8665,67.25071,-104.6679)"
-       gradientUnits="userSpaceOnUse" />
-  </defs>
-  <sodipodi:namedview
-     inkscape:guide-bbox="true"
-     showguides="true"
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="0.15294118"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="1"
-     inkscape:cx="25.160747"
-     inkscape:cy="22.523569"
-     inkscape:current-layer="layer1"
-     showgrid="true"
-     inkscape:grid-bbox="true"
-     inkscape:document-units="px"
-     inkscape:window-width="1014"
-     inkscape:window-height="818"
-     inkscape:window-x="0"
-     inkscape:window-y="30"
-     inkscape:showpageshadow="false"
-     fill="#deb887"
-     stroke="#204a87">
-    <inkscape:grid
-       id="GridFromPre046Settings"
-       type="xygrid"
-       originx="0px"
-       originy="0px"
-       spacingx="1px"
-       spacingy="1px"
-       color="#7171cd"
-       empcolor="#7b7bc3"
-       opacity="0.12156863"
-       empopacity="0.5372549"
-       empspacing="10"
-       visible="true"
-       enabled="true" />
-  </sodipodi:namedview>
-  <metadata
-     id="metadata4">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>Help Browser</dc:title>
-        <dc:date>2005-11-06</dc:date>
-        <dc:creator>
-          <cc:Agent>
-            <dc:title>Tuomas Kuosmanen</dc:title>
-          </cc:Agent>
-        </dc:creator>
-        <dc:subject>
-          <rdf:Bag>
-            <rdf:li>help</rdf:li>
-            <rdf:li>browser</rdf:li>
-            <rdf:li>documentation</rdf:li>
-            <rdf:li>docs</rdf:li>
-            <rdf:li>man</rdf:li>
-            <rdf:li>info</rdf:li>
-          </rdf:Bag>
-        </dc:subject>
-        <cc:license
-           rdf:resource="http://creativecommons.org/licenses/publicdomain/" />
-        <dc:contributor>
-          <cc:Agent>
-            <dc:title>Jakub Steiner, Andreas Nilsson</dc:title>
-          </cc:Agent>
-        </dc:contributor>
-        <dc:source>http://tigert.com</dc:source>
-      </cc:Work>
-      <cc:License
-         rdf:about="http://creativecommons.org/licenses/publicdomain/">
-        <cc:permits
-           rdf:resource="http://creativecommons.org/ns#Reproduction" />
-        <cc:permits
-           rdf:resource="http://creativecommons.org/ns#Distribution" />
-        <cc:permits
-           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
-      </cc:License>
-    </rdf:RDF>
-  </metadata>
-  <g
-     id="layer1"
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer">
-    <path
-       sodipodi:type="arc"
-       style="opacity:0.63068181;color:#000000;fill:url(#radialGradient21650);fill-opacity:1.0000000;fill-rule:evenodd;stroke:none;stroke-width:1.0000000;stroke-linecap:round;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4.0000000;stroke-dasharray:none;stroke-dashoffset:0.0000000;stroke-opacity:1.0000000;visibility:visible;display:inline;overflow:visible"
-       id="path21642"
-       sodipodi:cx="25.125000"
-       sodipodi:cy="36.750000"
-       sodipodi:rx="15.750000"
-       sodipodi:ry="9.3750000"
-       d="M 40.875000 36.750000 A 15.750000 9.3750000 0 1 1  9.3750000,36.750000 A 15.750000 9.3750000 0 1 1  40.875000 36.750000 z"
-       transform="matrix(1.173803,0.000000,0.000000,0.600000,-5.004403,20.32500)" />
-    <path
-       sodipodi:type="arc"
-       style="fill:url(#radialGradient2207);fill-opacity:1.0000000;stroke:#204a87"
-       id="path2093"
-       sodipodi:cx="23.909048"
-       sodipodi:cy="23.825787"
-       sodipodi:rx="21.876116"
-       sodipodi:ry="21.876116"
-       d="M 45.785164 23.825787 A 21.876116 21.876116 0 1 1  2.0329323,23.825787 A 21.876116 21.876116 0 1 1  45.785164 23.825787 z"
-       transform="matrix(0.938442,0.000000,0.000000,0.938680,1.564075,1.633906)" />
-    <path
-       transform="matrix(0.855103,0.000000,0.000000,0.855213,3.555288,3.625019)"
-       d="M 45.785164 23.825787 A 21.876116 21.876116 0 1 1  2.0329323,23.825787 A 21.876116 21.876116 0 1 1  45.785164 23.825787 z"
-       sodipodi:ry="21.876116"
-       sodipodi:rx="21.876116"
-       sodipodi:cy="23.825787"
-       sodipodi:cx="23.909048"
-       id="path2209"
-       style="fill:none;fill-opacity:1.0000000;stroke:#ffffff;stroke-width:3.0307744;stroke-miterlimit:4.0000000;stroke-dasharray:none;stroke-opacity:1.0000000;opacity:0.96022727"
-       sodipodi:type="arc" />
-    <path
-       sodipodi:type="inkscape:offset"
-       inkscape:radius="0.13495015"
-       inkscape:original="M -20.25 6 C -21.298341 6.000026 -22.372769 6.1244771 -23.5 6.34375 C -24.627244 6.563073 -25.886043 6.8832479 -27.25 7.34375 L -27.25 12.5 C -26.100219 11.776335 -24.997109 11.236862 -23.9375 10.875 C -22.877902 10.502213 -21.881822 10.312521 -20.96875 10.3125 C -19.999334 10.312521 -19.259834 10.530174 -18.71875 10.96875 C -18.177686 11.396402 -17.906262 12.013726 -17.90625 12.78125 C -17.906261 13.285654 -18.039408 13.776881 -18.34375 14.28125 C -18.636843 14.785651 -19.107484 15.33609 -19.75 15.90625 L -20.84375 16.84375 C -22.038631 17.918325 -22.815518 18.829509 -23.1875 19.53125 C -23.559495 20.22205 -23.750005 21.007137 -23.75 21.90625 L -23.75 22.71875 L -17.65625 22.71875 L -17.65625 21.96875 C -17.656262 21.475338 -17.517981 21.030712 -17.28125 20.625 C -17.044542 20.208345 -16.547785 19.648586 -15.78125 18.96875 L -14.71875 18.03125 C -13.659161 17.055386 -12.908389 16.156813 -12.46875 15.3125 C -12.029144 14.457253 -11.781268 13.480828 -11.78125 12.40625 C -11.781268 10.311973 -12.525902 8.7417969 -13.96875 7.65625 C -15.41163 6.559783 -17.499549 6.0000261 -20.25 6 z M -23.75 25.15625 L -23.75 31 L -17.65625 31 L -17.65625 25.15625 L -23.75 25.15625 z "
-       xlink:href="#text2215"
-       style="font-size:34.15322876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:url(#radialGradient2437);fill-opacity:1;stroke:#ffffff;stroke-width:1.09947276px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.78612713;font-family:Bitstream Vera Sans"
-       id="path1554"
-       d="M -20.25,5.875 C -21.309019,5.8750263 -22.397637,5.9982356 -23.53125,6.21875 C -24.664175,6.4391783 -25.911412,6.7562625 -27.28125,7.21875 C -27.291632,7.21754 -27.302118,7.21754 -27.3125,7.21875 C -27.324563,7.2273788 -27.335121,7.237937 -27.34375,7.25 C -27.355813,7.2586288 -27.366371,7.269187 -27.375,7.28125 C -27.37621,7.2916315 -27.37621,7.3021185 -27.375,7.3125 C -27.37621,7.3228815 -27.37621,7.3333685 -27.375,7.34375 L -27.375,12.5 C -27.37621,12.510382 -27.37621,12.520868 -27.375,12.53125 C -27.37621,12.541632 -27.37621,12.552118 -27.375,12.5625 C -27.366371,12.574563 -27.355813,12.585121 -27.34375,12.59375 C -27.335121,12.605813 -27.324563,12.616371 -27.3125,12.625 C -27.302118,12.62621 -27.291632,12.62621 -27.28125,12.625 C -27.270868,12.62621 -27.260382,12.62621 -27.25,12.625 C -27.239618,12.62621 -27.229132,12.62621 -27.21875,12.625 C -27.208368,12.62621 -27.197882,12.62621 -27.1875,12.625 C -26.045062,11.905957 -24.954148,11.357862 -23.90625,11 C -22.858109,10.631244 -21.863134,10.437521 -20.96875,10.4375 C -20.019532,10.437521 -19.323825,10.648045 -18.8125,11.0625 C -18.303777,11.46459 -18.031262,12.04554 -18.03125,12.78125 C -18.03126,13.261907 -18.175438,13.73266 -18.46875,14.21875 C -18.751741,14.705766 -19.209015,15.249245 -19.84375,15.8125 L -20.9375,16.75 C -22.138959,17.83049 -22.926743,18.741022 -23.3125,19.46875 C -23.695613,20.180196 -23.875005,20.988074 -23.875,21.90625 L -23.875,22.71875 C -23.87621,22.729132 -23.87621,22.739618 -23.875,22.75 C -23.87621,22.760382 -23.87621,22.770868 -23.875,22.78125 C -23.866371,22.793313 -23.855813,22.803871 -23.84375,22.8125 C -23.835121,22.824563 -23.824563,22.835121 -23.8125,22.84375 C -23.802118,22.84496 -23.791632,22.84496 -23.78125,22.84375 C -23.770868,22.84496 -23.760382,22.84496 -23.75,22.84375 L -17.65625,22.84375 C -17.645868,22.84496 -17.635382,22.84496 -17.625,22.84375 C -17.614618,22.84496 -17.604132,22.84496 -17.59375,22.84375 C -17.581687,22.835121 -17.571129,22.824563 -17.5625,22.8125 C -17.550437,22.803871 -17.539879,22.793313 -17.53125,22.78125 C -17.53004,22.770868 -17.53004,22.760382 -17.53125,22.75 C -17.53004,22.739618 -17.53004,22.729132 -17.53125,22.71875 L -17.53125,21.96875 C -17.531261,21.500554 -17.38288,21.075901 -17.15625,20.6875 C -16.933955,20.296216 -16.448177,19.737141 -15.6875,19.0625 L -14.625,18.125 C -13.558412,17.14269 -12.794341,16.240346 -12.34375,15.375 C -11.894481,14.500954 -11.656268,13.50158 -11.65625,12.40625 C -11.656268,10.279985 -12.400019,8.6722224 -13.875,7.5625 C -15.350197,6.4414748 -17.48124,5.8750263 -20.25,5.875 z M -23.8125,25.03125 C -23.824563,25.039879 -23.835121,25.050437 -23.84375,25.0625 C -23.855813,25.071129 -23.866371,25.081687 -23.875,25.09375 C -23.87621,25.104132 -23.87621,25.114618 -23.875,25.125 C -23.87621,25.135382 -23.87621,25.145868 -23.875,25.15625 L -23.875,31 C -23.87621,31.010382 -23.87621,31.020868 -23.875,31.03125 C -23.87621,31.041632 -23.87621,31.052118 -23.875,31.0625 C -23.866371,31.074563 -23.855813,31.085121 -23.84375,31.09375 C -23.835121,31.105813 -23.824563,31.116371 -23.8125,31.125 C -23.802118,31.12621 -23.791632,31.12621 -23.78125,31.125 C -23.770868,31.12621 -23.760382,31.12621 -23.75,31.125 L -17.65625,31.125 C -17.645868,31.12621 -17.635382,31.12621 -17.625,31.125 C -17.614618,31.12621 -17.604132,31.12621 -17.59375,31.125 C -17.581687,31.116371 -17.571129,31.105813 -17.5625,31.09375 C -17.550437,31.085121 -17.539879,31.074563 -17.53125,31.0625 C -17.53004,31.052118 -17.53004,31.041632 -17.53125,31.03125 C -17.53004,31.020868 -17.53004,31.010382 -17.53125,31 L -17.53125,25.15625 C -17.53004,25.145868 -17.53004,25.135382 -17.53125,25.125 C -17.53004,25.114618 -17.53004,25.104132 -17.53125,25.09375 C -17.539879,25.081687 -17.550437,25.071129 -17.5625,25.0625 C -17.571129,25.050437 -17.581687,25.039879 -17.59375,25.03125 C -17.604132,25.03004 -17.614618,25.03004 -17.625,25.03125 C -17.635382,25.03004 -17.645868,25.03004 -17.65625,25.03125 L -23.75,25.03125 C -23.760382,25.03004 -23.770868,25.03004 -23.78125,25.03125 C -23.791632,25.03004 -23.802118,25.03004 -23.8125,25.03125 z "
-       transform="matrix(0.849895,0,0,0.835205,41.72981,8.548327)" />
-  </g>
-</svg>
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/IconImageNavigator.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/IconImageNavigator.png
deleted file mode 100644
index 6ba4333787..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/IconImageNavigator.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ImageNavigator.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ImageNavigator.png
deleted file mode 100644
index a99e847939..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ImageNavigator.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/LayoutList.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/LayoutList.png
deleted file mode 100644
index 66955ac80b..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/LayoutList.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/Levelwindow.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/Levelwindow.png
deleted file mode 100644
index 6bfd8148b5..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/Levelwindow.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/MITK.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/MITK.png
deleted file mode 100644
index 2ae88b9d62..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/MITK.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/MITKArrow.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/MITKArrow.png
deleted file mode 100644
index e508182729..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/MITKArrow.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/MITKArrow2.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/MITKArrow2.png
deleted file mode 100644
index 06b5a3fe41..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/MITKArrow2.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/MITKPoint.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/MITKPoint.png
deleted file mode 100644
index 711f5e0059..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/MITKPoint.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/MousePointerClick.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/MousePointerClick.png
deleted file mode 100644
index 58c178ef8f..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/MousePointerClick.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/MouseTangoStyle.svg b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/MouseTangoStyle.svg
deleted file mode 100644
index 2fda0182a9..0000000000
--- a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/MouseTangoStyle.svg
+++ /dev/null
@@ -1,343 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   sodipodi:docname="input-mouse.svg"
-   sodipodi:docbase="/home/jimmac/src/cvs/tango-icon-theme/scalable/devices"
-   inkscape:version="0.46"
-   sodipodi:version="0.32"
-   id="svg4654"
-   height="48px"
-   width="48px"
-   inkscape:output_extension="org.inkscape.output.svg.inkscape">
-  <defs
-     id="defs3">
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 24 : 1"
-       inkscape:vp_y="0 : 1000 : 0"
-       inkscape:vp_z="48 : 24 : 1"
-       inkscape:persp3d-origin="24 : 16 : 1"
-       id="perspective48" />
-    <linearGradient
-       id="linearGradient12270">
-      <stop
-         id="stop12272"
-         offset="0.0000000"
-         style="stop-color:#acacac;stop-opacity:1.0000000;" />
-      <stop
-         id="stop12274"
-         offset="1.0000000"
-         style="stop-color:#8d8d8d;stop-opacity:0.0000000;" />
-    </linearGradient>
-    <linearGradient
-       id="linearGradient11950">
-      <stop
-         id="stop11952"
-         offset="0.0000000"
-         style="stop-color:#ffffff;stop-opacity:1.0000000;" />
-      <stop
-         id="stop11954"
-         offset="1.0000000"
-         style="stop-color:#a9a9a9;stop-opacity:1.0000000;" />
-    </linearGradient>
-    <linearGradient
-       id="linearGradient11937">
-      <stop
-         id="stop11939"
-         offset="0.0000000"
-         style="stop-color:#fd6c05;stop-opacity:1.0000000;" />
-      <stop
-         id="stop11941"
-         offset="1.0000000"
-         style="stop-color:#b41111;stop-opacity:1.0000000;" />
-    </linearGradient>
-    <linearGradient
-       id="linearGradient11635"
-       inkscape:collect="always">
-      <stop
-         id="stop11637"
-         offset="0"
-         style="stop-color:#ffffff;stop-opacity:1;" />
-      <stop
-         id="stop11639"
-         offset="1"
-         style="stop-color:#ffffff;stop-opacity:0;" />
-    </linearGradient>
-    <linearGradient
-       id="linearGradient11621">
-      <stop
-         id="stop11623"
-         offset="0.0000000"
-         style="stop-color:#b1b1b1;stop-opacity:1.0000000;" />
-      <stop
-         style="stop-color:#dfdfdf;stop-opacity:1.0000000;"
-         offset="0.20000000"
-         id="stop11629" />
-      <stop
-         id="stop11625"
-         offset="1.0000000"
-         style="stop-color:#565656;stop-opacity:1.0000000;" />
-    </linearGradient>
-    <linearGradient
-       id="linearGradient11607"
-       inkscape:collect="always">
-      <stop
-         id="stop11609"
-         offset="0"
-         style="stop-color:#000000;stop-opacity:1;" />
-      <stop
-         id="stop11611"
-         offset="1"
-         style="stop-color:#000000;stop-opacity:0;" />
-    </linearGradient>
-    <linearGradient
-       id="linearGradient11597">
-      <stop
-         id="stop11599"
-         offset="0.0000000"
-         style="stop-color:#ffffff;stop-opacity:1.0000000;" />
-      <stop
-         style="stop-color:#d9d9d9;stop-opacity:1.0000000;"
-         offset="0.37333333"
-         id="stop11643" />
-      <stop
-         id="stop11964"
-         offset="0.60311109"
-         style="stop-color:#c5c5c5;stop-opacity:1.0000000;" />
-      <stop
-         id="stop11601"
-         offset="1.0000000"
-         style="stop-color:#909090;stop-opacity:1.0000000;" />
-    </linearGradient>
-    <radialGradient
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(1,0,0,0.619469,2.818492e-15,12.30737)"
-       r="22.829447"
-       fy="32.342636"
-       fx="24.344677"
-       cy="32.342636"
-       cx="24.344677"
-       id="radialGradient11613"
-       xlink:href="#linearGradient11607"
-       inkscape:collect="always" />
-    <linearGradient
-       gradientUnits="userSpaceOnUse"
-       y2="15.069027"
-       x2="23.991123"
-       y1="6.5837460"
-       x1="23.991123"
-       id="linearGradient11627"
-       xlink:href="#linearGradient11621"
-       inkscape:collect="always" />
-    <linearGradient
-       gradientTransform="matrix(0.771415,0,0,1,5.848417,1)"
-       gradientUnits="userSpaceOnUse"
-       y2="56.399807"
-       x2="16.002489"
-       y1="2.4829133"
-       x1="10.807498"
-       id="linearGradient11641"
-       xlink:href="#linearGradient11635"
-       inkscape:collect="always" />
-    <radialGradient
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.840529,0,0,0.367351,4.170553,27.37887)"
-       r="6.4192040"
-       fy="46.026909"
-       fx="25.754154"
-       cy="46.026909"
-       cx="25.754154"
-       id="radialGradient11943"
-       xlink:href="#linearGradient11937"
-       inkscape:collect="always" />
-    <linearGradient
-       gradientUnits="userSpaceOnUse"
-       y2="7.1877394"
-       x2="23.991123"
-       y1="12.830256"
-       x1="23.991123"
-       id="linearGradient11958"
-       xlink:href="#linearGradient11950"
-       inkscape:collect="always" />
-    <radialGradient
-       r="13.261548"
-       fy="14.245288"
-       fx="20.588579"
-       cy="14.245288"
-       cx="20.588579"
-       gradientTransform="matrix(1.866374,-5.50505e-25,1.638067e-24,2.305134,-16.99169,-19.0131)"
-       gradientUnits="userSpaceOnUse"
-       id="radialGradient12258"
-       xlink:href="#linearGradient11597"
-       inkscape:collect="always" />
-    <linearGradient
-       gradientUnits="userSpaceOnUse"
-       y2="-1.0000000"
-       x2="36.543125"
-       y1="4.3750000"
-       x1="35.743351"
-       id="linearGradient12278"
-       xlink:href="#linearGradient12270"
-       inkscape:collect="always"
-       gradientTransform="matrix(0.840529,0,0,1,4.170553,0)" />
-  </defs>
-  <sodipodi:namedview
-     inkscape:window-y="126"
-     inkscape:window-x="292"
-     inkscape:window-height="722"
-     inkscape:window-width="944"
-     inkscape:document-units="px"
-     inkscape:grid-bbox="true"
-     showgrid="false"
-     inkscape:current-layer="layer1"
-     inkscape:cy="14.148626"
-     inkscape:cx="74.918298"
-     inkscape:zoom="5.6568542"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     borderopacity="1.0"
-     bordercolor="#666666"
-     pagecolor="#ffffff"
-     id="base"
-     inkscape:showpageshadow="false" />
-  <metadata
-     id="metadata4">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>Input - Mouse</dc:title>
-        <dc:creator>
-          <cc:Agent>
-            <dc:title>Jakub Steiner</dc:title>
-          </cc:Agent>
-        </dc:creator>
-        <dc:source>http://jimmac.musichall.cz</dc:source>
-        <dc:subject>
-          <rdf:Bag>
-            <rdf:li>mouse</rdf:li>
-            <rdf:li>input</rdf:li>
-            <rdf:li>device</rdf:li>
-            <rdf:li>HID</rdf:li>
-            <rdf:li>pointer</rdf:li>
-          </rdf:Bag>
-        </dc:subject>
-        <cc:license
-           rdf:resource="http://creativecommons.org/licenses/publicdomain/" />
-      </cc:Work>
-      <cc:License
-         rdf:about="http://creativecommons.org/licenses/publicdomain/">
-        <cc:permits
-           rdf:resource="http://creativecommons.org/ns#Reproduction" />
-        <cc:permits
-           rdf:resource="http://creativecommons.org/ns#Distribution" />
-        <cc:permits
-           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
-      </cc:License>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Layer 1"
-     id="layer1">
-    <path
-       transform="matrix(0.684189,0,0,1.241071,7.976598,-9.19101)"
-       d="M 47.174124 32.342636 A 22.829447 14.142136 0 1 1  1.5152302,32.342636 A 22.829447 14.142136 0 1 1  47.174124 32.342636 z"
-       sodipodi:ry="14.142136"
-       sodipodi:rx="22.829447"
-       sodipodi:cy="32.342636"
-       sodipodi:cx="24.344677"
-       id="path11605"
-       style="opacity:1;color:#000000;fill:url(#radialGradient11613);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
-       sodipodi:type="arc"
-       inkscape:r_cx="true"
-       inkscape:r_cy="true" />
-    <path
-       sodipodi:nodetypes="czzc"
-       id="path12260"
-       d="M 23.922984,10.5 C 20.560868,3 22.031794,1.75 28.966158,3.75 C 35.754648,5.7079269 43.465284,14 42.834887,5.25 C 42.167034,-4.0199067 33.378936,-8.7500001 33.378936,-8.7500001"
-       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:url(#linearGradient12278);stroke-width:1.00000036;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       inkscape:r_cx="true"
-       inkscape:r_cy="true" />
-    <path
-       sodipodi:nodetypes="cccccccc"
-       id="path11595"
-       d="M 9.9398834,27.131191 C 7.483519,38.037747 14.640836,45.541488 25.387143,45.541488 C 36.017144,45.541488 41.302038,36.850884 39.112978,27.131191 L 35.623358,14.116623 C 35.216237,12.293633 34.346812,11.710736 33.762229,11.512351 C 28.039313,8.9428257 19.976755,8.8189808 14.94167,11.512351 C 14.301906,11.859589 13.836623,11.859587 13.371341,13.59577 L 9.9398834,27.131191 z "
-       style="fill:url(#radialGradient12258);fill-opacity:1;fill-rule:evenodd;stroke:#4f4f4f;stroke-width:1.00000072;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       inkscape:r_cx="true"
-       inkscape:r_cy="true" />
-    <g
-       transform="matrix(0.840529,0,0,1,4.170553,1)"
-       id="g11960"
-       inkscape:r_cx="true"
-       inkscape:r_cy="true">
-      <path
-         sodipodi:nodetypes="ccc"
-         id="path11948"
-         d="M 8.5736698,22.948218 C 16.805824,17.644917 29.854661,17.038826 38.524694,22.342126 C 30.832368,18.464709 17.818978,17.99819 8.5736698,22.948218 z "
-         style="fill:#ffffff;fill-opacity:0.79661016;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-         inkscape:r_cx="true"
-         inkscape:r_cy="true" />
-      <path
-         style="fill:#000000;fill-opacity:0.25988704;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-         d="M 8.7504465,22.72725 C 17.380348,16.495871 30.031438,16.42011 38.436306,22.25374 C 30.655591,17.580828 17.686395,17.291086 8.7504465,22.72725 z "
-         id="path11615"
-         sodipodi:nodetypes="ccc"
-         inkscape:r_cx="true"
-         inkscape:r_cy="true" />
-    </g>
-    <path
-       transform="matrix(1.666343,0,0,1.417807,-15.70639,0.347873)"
-       d="M 26.162951 11.331463 A 2.171828 4.7477169 0 1 1  21.819295,11.331463 A 2.171828 4.7477169 0 1 1  26.162951 11.331463 z"
-       sodipodi:ry="4.7477169"
-       sodipodi:rx="2.171828"
-       sodipodi:cy="11.331463"
-       sodipodi:cx="23.991123"
-       id="path11617"
-       style="opacity:1;color:#000000;fill:url(#linearGradient11958);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.0000006;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;font-family:Bitstream Vera Sans"
-       sodipodi:type="arc"
-       inkscape:r_cx="true"
-       inkscape:r_cy="true" />
-    <path
-       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient11641);stroke-width:1.00000024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="M 10.487085,28.908148 C 9.0791208,37.36856 15.125142,44.574367 25.45902,44.574367 C 35.792841,44.574367 39.747732,35.876461 38.573011,28.908148 L 34.847875,14.950287 C 34.538773,12.75438 33.628272,12.542565 33.089039,12.330979 C 27.237519,10.034947 20.414901,9.8455289 15.647667,12.330979 C 15.050261,12.642443 14.555416,12.524067 14.192413,14.108229 L 10.487085,28.908148 z "
-       id="path11633"
-       sodipodi:nodetypes="czccsscc"
-       inkscape:r_cx="true"
-       inkscape:r_cy="true" />
-    <path
-       sodipodi:type="arc"
-       style="opacity:1;color:#000000;fill:url(#linearGradient11627);fill-opacity:1;fill-rule:evenodd;stroke:#595959;stroke-width:0.5453732;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;font-family:Bitstream Vera Sans"
-       id="path11619"
-       sodipodi:cx="23.991123"
-       sodipodi:cy="11.331463"
-       sodipodi:rx="2.171828"
-       sodipodi:ry="4.7477169"
-       d="M 26.162951 11.331463 A 2.171828 4.7477169 0 1 1  21.819295,11.331463 A 2.171828 4.7477169 0 1 1  26.162951 11.331463 z"
-       transform="matrix(0.840529,0,0,1,4.085647,2.742517)"
-       inkscape:r_cx="true"
-       inkscape:r_cy="true" />
-    <path
-       transform="matrix(0.234565,0,0,0.542553,17.98658,6.360322)"
-       d="M 26.162951 11.331463 A 2.171828 4.7477169 0 1 1  21.819295,11.331463 A 2.171828 4.7477169 0 1 1  26.162951 11.331463 z"
-       sodipodi:ry="4.7477169"
-       sodipodi:rx="2.171828"
-       sodipodi:cy="11.331463"
-       sodipodi:cx="23.991123"
-       id="path11631"
-       style="opacity:1;color:#000000;fill:#ffffff;fill-opacity:0.33333333;fill-rule:evenodd;stroke:none;stroke-width:1.0000006;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;font-family:Bitstream Vera Sans"
-       sodipodi:type="arc"
-       inkscape:r_cx="true"
-       inkscape:r_cy="true" />
-  </g>
-</svg>
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ScreenScanData.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ScreenScanData.png
deleted file mode 100644
index 29cea3938e..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ScreenScanData.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ScreenScanPlugins.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ScreenScanPlugins.png
deleted file mode 100644
index 0bdfe48703..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ScreenScanPlugins.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ScreenWithScan.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ScreenWithScan.png
deleted file mode 100644
index 92e82a94d4..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ScreenWithScan.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/Spacebar.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/Spacebar.png
deleted file mode 100644
index 37ea6b668e..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/Spacebar.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/Toolbar.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/Toolbar.png
deleted file mode 100644
index 7f72f8852f..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/Toolbar.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ToolbarLeft.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ToolbarLeft.png
deleted file mode 100644
index 9caa2156da..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ToolbarLeft.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ToolbarRight.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ToolbarRight.png
deleted file mode 100644
index 6f70b16bb4..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/ToolbarRight.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/WelcomePage.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/WelcomePage.png
deleted file mode 100644
index cc5e0e3767..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/images/welcome/WelcomePage.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/img/levelwindow/standarddisplay.svg b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/img/levelwindow/standarddisplay.svg
new file mode 100644
index 0000000000..572cb50788
--- /dev/null
+++ b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/img/levelwindow/standarddisplay.svg
@@ -0,0 +1,478 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="483.86844"
+   height="399.5184"
+   viewBox="0 0 128.02356 105.70612"
+   version="1.1"
+   id="svg94"
+   sodipodi:docname="standarddisplay.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)">
+  <metadata
+     id="metadata98">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     inkscape:document-rotation="0"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1377"
+     id="namedview96"
+     showgrid="false"
+     inkscape:zoom="2.5207802"
+     inkscape:cx="310.73495"
+     inkscape:cy="173.18662"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g84" />
+  <style
+     id="style2"><![CDATA[.B{fill:#004d00}.C{stroke-linejoin:round}.D{fill:#4d0000}.E{stroke-width:1}]]></style>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="Layer 1"
+     style="display:inline"
+     transform="translate(6.5676989e-5)">
+    <g
+       style="stroke-width:1.24275"
+       transform="matrix(0.95884788,0.03848228,-0.05205856,1.2966885,-121.79083,-8.3682198)"
+       id="g937">
+      <path
+         style="stroke-width:1.24275"
+         d="m 214.34752,49.478589 7.016,-5.212 -0.2,6.114 z"
+         class="B"
+         id="path4" />
+      <path
+         style="stroke-width:1.24275"
+         d="m 232.88952,54.522589 3.14,0.501 -4.109,7.717 z"
+         class="D"
+         id="path6" />
+      <g
+         style="stroke-width:1.37594"
+         fill="#00254d"
+         id="g14"
+         transform="translate(35.337521,8.3295886)">
+        <path
+           style="stroke-width:1.24275"
+           d="m 196.516,54.479 -0.738,6.444 -0.264,2.309 -3.207,-0.768 z"
+           id="path8" />
+        <path
+           style="stroke-width:1.24275"
+           d="m 179.01,41.149 0.267,9.622 17.239,3.708 1.27,-10.457 z"
+           id="path10" />
+        <path
+           style="stroke-width:1.24275"
+           d="m 179.01,41.149 -15.201,-2.305 1.169,8.853 4.176,0.802 z"
+           id="path12" />
+      </g>
+      <path
+         style="stroke-width:1.24275"
+         d="m 203.92352,57.228589 10.424,-7.751 0.267,9.622 -9.455,9.154 z"
+         class="B"
+         id="path16" />
+      <path
+         style="stroke-width:1.24275"
+         d="m 200.31552,56.026589 4.176,0.802 -0.568,0.401 1.236,11.025 -16.103,-4.677 z"
+         class="D"
+         id="path18" />
+      <path
+         style="stroke-width:1.24275"
+         d="m 206.12852,77.541589 5.98,-7.083 -6.949,-2.205 z"
+         class="B"
+         id="path20" />
+      <path
+         style="stroke-width:1.24275"
+         d="m 214.61452,59.099589 -9.455,9.154 20.513,6.047 6.181,-11.493 z"
+         class="D"
+         id="path22" />
+      <g
+         fill="none"
+         stroke-width="0.717062"
+         class="C"
+         id="g30"
+         transform="translate(35.337521,8.3295886)">
+        <path
+           style="stroke-width:0.793914"
+           d="m 176.771,62.129 -5.98,7.083 -2.205,-20.312 17.439,-12.963 -0.2,6.114"
+           stroke="#00b000"
+           id="path24" />
+        <path
+           style="stroke-width:0.793914"
+           d="m 164.978,47.697 -1.169,-8.853 33.977,5.178 -2.272,19.21 -3.074,-0.835"
+           stroke="#0080ff"
+           id="path26" />
+        <path
+           style="stroke-width:0.793914"
+           d="m 164.978,47.697 -11.259,7.55 36.616,10.724 10.357,-19.277 -3.007,-0.434"
+           stroke="#c00000"
+           id="path28" />
+      </g>
+    </g>
+    <path
+       id="path32"
+       class="C E"
+       stroke="#c00000"
+       fill="#4a0000"
+       d="m 0.49980751,0.50066052 49.47101649,1.938e-5 5e-6,49.4710401 -49.47101613,-1.8e-5 z" />
+    <g
+       id="g64"
+       transform="matrix(1.191465,0.047829,-0.064688,1.611633,-16.234169,-68.584487)">
+      <path
+         id="path44"
+         class="B C E"
+         stroke="#00b000"
+         d="m 65.5,10.5 h 49.471 V 59.971 H 65.5 Z"
+         transform="matrix(0.837953,-0.024868,0.033634,0.619491,7.391043,36.131644)" />
+      <g
+         id="g62"
+         fill-opacity="0.992"
+         fill="#00b000"
+         transform="matrix(1.162098,-0.034488,0.046645,0.859128,0,0)">
+        <path
+           id="path46"
+           d="m 57.319,81.183 q 0,0.412 -0.203,0.71 -0.2,0.298 -0.577,0.456 -0.374,0.158 -0.894,0.158 -0.254,0 -0.485,-0.029 -0.231,-0.029 -0.437,-0.082 -0.203,-0.057 -0.371,-0.136 v -0.716 q 0.282,0.124 0.631,0.225 0.349,0.098 0.71,0.098 0.295,0 0.488,-0.076 0.196,-0.079 0.292,-0.222 0.095,-0.146 0.095,-0.339 0,-0.206 -0.111,-0.349 -0.111,-0.143 -0.336,-0.26 -0.222,-0.12 -0.558,-0.257 -0.228,-0.092 -0.437,-0.209 -0.206,-0.117 -0.368,-0.276 -0.162,-0.158 -0.257,-0.374 -0.092,-0.219 -0.092,-0.513 0,-0.393 0.187,-0.672 0.19,-0.279 0.532,-0.428 0.345,-0.149 0.805,-0.149 0.364,0 0.684,0.076 0.323,0.076 0.634,0.215 l -0.241,0.612 q -0.285,-0.117 -0.555,-0.187 -0.266,-0.07 -0.545,-0.07 -0.241,0 -0.409,0.073 -0.168,0.073 -0.257,0.206 -0.086,0.13 -0.086,0.311 0,0.203 0.098,0.342 0.101,0.136 0.311,0.25 0.212,0.114 0.545,0.254 0.383,0.158 0.65,0.333 0.269,0.174 0.412,0.418 0.143,0.241 0.143,0.605 z" />
+        <use
+           height="100%"
+           width="100%"
+           y="0"
+           id="use48"
+           x="33.178001"
+           xlink:href="#C" />
+        <path
+           id="path50"
+           d="m 62.909,84.003 q -0.713,0 -1.093,-0.257 -0.38,-0.257 -0.38,-0.719 0,-0.323 0.203,-0.548 0.203,-0.222 0.58,-0.307 -0.143,-0.063 -0.247,-0.196 -0.101,-0.136 -0.101,-0.301 0,-0.196 0.111,-0.336 0.111,-0.139 0.333,-0.269 -0.276,-0.117 -0.444,-0.38 -0.165,-0.266 -0.165,-0.624 0,-0.38 0.162,-0.646 0.162,-0.269 0.472,-0.409 0.311,-0.143 0.751,-0.143 0.095,0 0.206,0.013 0.114,0.01 0.209,0.025 0.098,0.013 0.149,0.029 h 1.214 v 0.415 l -0.596,0.111 q 0.086,0.12 0.136,0.276 0.051,0.152 0.051,0.333 0,0.545 -0.377,0.859 -0.374,0.311 -1.033,0.311 -0.158,-0.006 -0.307,-0.025 -0.114,0.07 -0.174,0.155 -0.06,0.082 -0.06,0.187 0,0.086 0.06,0.139 0.06,0.051 0.177,0.076 0.12,0.025 0.292,0.025 h 0.605 q 0.577,0 0.881,0.244 0.304,0.244 0.304,0.716 0,0.599 -0.494,0.922 -0.494,0.326 -1.423,0.326 z m 0.029,-0.523 q 0.39,0 0.656,-0.076 0.266,-0.076 0.402,-0.219 0.136,-0.139 0.136,-0.333 0,-0.171 -0.086,-0.263 -0.086,-0.092 -0.257,-0.127 -0.171,-0.035 -0.425,-0.035 h -0.551 q -0.206,0 -0.364,0.063 -0.158,0.067 -0.247,0.19 -0.086,0.124 -0.086,0.298 0,0.241 0.212,0.371 0.215,0.13 0.608,0.13 z m 0.146,-2.731 q 0.326,0 0.485,-0.177 0.158,-0.181 0.158,-0.507 0,-0.355 -0.165,-0.532 -0.162,-0.177 -0.482,-0.177 -0.314,0 -0.478,0.181 -0.162,0.181 -0.162,0.536 0,0.32 0.162,0.501 0.165,0.177 0.482,0.177 z" />
+        <use
+           height="100%"
+           width="100%"
+           y="0"
+           id="use52"
+           x="42.355"
+           xlink:href="#B" />
+        <use
+           height="100%"
+           width="100%"
+           y="0"
+           x="0"
+           id="use54"
+           xlink:href="#D" />
+        <use
+           height="100%"
+           width="100%"
+           y="0"
+           id="use56"
+           x="2.573"
+           xlink:href="#D" />
+        <use
+           height="100%"
+           width="100%"
+           y="0"
+           id="use58"
+           x="47.500999"
+           xlink:href="#C" />
+        <path
+           id="path60"
+           d="M 76.978,82.444 H 76.23 v -4.931 h 0.748 z" />
+      </g>
+    </g>
+    <g
+       id="g84"
+       transform="matrix(1.191465,0.047829,-0.064688,1.611633,-16.469088,-68.349455)">
+      <path
+         id="path66"
+         class="C E"
+         stroke="#0080ff"
+         fill="#00254d"
+         d="m 10.5,65.5 h 49.471 v 49.471 H 10.5 Z"
+         transform="matrix(0.837953,-0.024868,0.033634,0.619491,7.391043,36.131644)" />
+      <g
+         id="g82"
+         fill="#0080ff"
+         transform="matrix(1.162098,-0.034488,0.046645,0.859128,-0.02491506,-0.45890086)">
+        <path
+           id="path68"
+           d="m 17.331,118.579 q -0.333,0 -0.596,0.12 -0.26,0.12 -0.44,0.349 -0.181,0.225 -0.276,0.548 -0.095,0.32 -0.095,0.722 0,0.539 0.152,0.928 0.152,0.387 0.463,0.596 0.311,0.206 0.786,0.206 0.295,0 0.574,-0.057 0.279,-0.057 0.577,-0.155 v 0.646 q -0.282,0.111 -0.57,0.162 -0.288,0.051 -0.665,0.051 -0.71,0 -1.179,-0.295 -0.466,-0.295 -0.697,-0.83 -0.228,-0.536 -0.228,-1.255 0,-0.526 0.146,-0.963 0.146,-0.437 0.425,-0.754 0.279,-0.32 0.688,-0.491 0.412,-0.174 0.941,-0.174 0.349,0 0.684,0.079 0.339,0.076 0.627,0.219 l -0.266,0.627 q -0.241,-0.114 -0.504,-0.196 -0.263,-0.082 -0.545,-0.082 z" />
+        <use
+           height="100%"
+           width="100%"
+           y="0"
+           x="0"
+           id="use70"
+           xlink:href="#E" />
+        <path
+           id="path72"
+           d="m 25.145,119.058 q 0.089,0 0.193,0.01 0.105,0.01 0.181,0.025 l -0.07,0.697 q -0.067,-0.019 -0.165,-0.028 -0.095,-0.01 -0.171,-0.01 -0.2,0 -0.38,0.067 -0.181,0.063 -0.32,0.196 -0.139,0.13 -0.219,0.326 -0.079,0.196 -0.079,0.456 v 1.835 h -0.748 v -3.508 h 0.583 l 0.101,0.618 h 0.035 q 0.105,-0.187 0.26,-0.342 0.155,-0.155 0.355,-0.247 0.203,-0.095 0.444,-0.095 z" />
+        <use
+           height="100%"
+           width="100%"
+           y="0"
+           id="use74"
+           x="6.7680001"
+           xlink:href="#E" />
+        <path
+           id="path76"
+           d="m 31.965,119.058 q 0.593,0 0.922,0.307 0.333,0.304 0.333,0.979 v 2.288 h -0.745 v -2.148 q 0,-0.409 -0.168,-0.612 -0.168,-0.206 -0.52,-0.206 -0.51,0 -0.71,0.314 -0.196,0.314 -0.196,0.909 v 1.743 h -0.745 v -3.508 h 0.58 l 0.105,0.475 h 0.041 q 0.114,-0.184 0.282,-0.301 0.171,-0.12 0.38,-0.181 0.212,-0.06 0.44,-0.06 z" />
+        <use
+           height="100%"
+           width="100%"
+           id="use78"
+           y="40.188"
+           x="9.2910004"
+           xlink:href="#C" />
+        <path
+           id="path80"
+           d="M 38.768,122.632 H 38.02 v -4.931 h 0.748 z" />
+      </g>
+    </g>
+    <rect
+       style="fill:#3399cc;fill-opacity:1;stroke-width:0.200001;stroke-linecap:round;stroke-linejoin:round"
+       id="rect878-6"
+       width="7.1277895"
+       height="70.452339"
+       x="111.47324"
+       y="19.686382" />
+    <path
+       id="path909"
+       d="m 112.09823,52.270627 5.24805,-10e-7"
+       style="fill:none;stroke:#f1f1f1;stroke-width:0.529167;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       style="fill:none;stroke:#f1f1f1;stroke-width:0.529167;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 111.99327,75.362075 5.24805,-10e-7"
+       id="path909-2" />
+    <path
+       style="fill:none;stroke:#f1f1f1;stroke-width:0.529167;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 112.20319,98.453511 h 5.24805"
+       id="path909-5" />
+    <path
+       style="fill:none;stroke:#f1f1f1;stroke-width:0.529167;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 111.78335,29.179187 5.24805,-10e-7"
+       id="path909-0" />
+    <path
+       style="fill:none;stroke:#f1f1f1;stroke-width:0.529167;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 112.20319,6.0877438 5.24805,-4e-7"
+       id="path909-4" />
+    <g
+       aria-label="0"
+       id="text946"
+       style="font-size:6.00002px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#f1f1f1;fill-opacity:1;stroke-width:0.264584;stroke-miterlimit:4;stroke-dasharray:none">
+      <path
+         d="m 125.30923,52.141827 q 0,0.521486 -0.0791,0.931644 -0.0791,0.410157 -0.24903,0.694338 -0.16992,0.284181 -0.43945,0.433595 -0.26953,0.146485 -0.64746,0.146485 -0.47754,0 -0.79102,-0.260743 -0.31055,-0.260743 -0.46582,-0.752932 -0.15235,-0.495119 -0.15235,-1.192387 0,-0.685549 0.1377,-1.177738 0.14062,-0.495119 0.45117,-0.758792 0.31055,-0.266602 0.82032,-0.266602 0.4834,0 0.79687,0.263672 0.31348,0.260744 0.46583,0.755862 0.15234,0.49219 0.15234,1.183598 z m -2.33497,0 q 0,0.597658 0.0908,0.996097 0.0908,0.398439 0.29297,0.597658 0.20508,0.19629 0.53614,0.19629 0.33105,0 0.5332,-0.19629 0.20508,-0.196289 0.2959,-0.594728 0.0937,-0.398439 0.0937,-0.999027 0,-0.588869 -0.0908,-0.984378 -0.0908,-0.398439 -0.29297,-0.597658 -0.20215,-0.20215 -0.53906,-0.20215 -0.33692,0 -0.53907,0.20215 -0.20215,0.199219 -0.29297,0.597658 -0.0879,0.395509 -0.0879,0.984378 z"
+         style="fill:#f1f1f1;fill-opacity:1;stroke-width:0.264584;stroke-miterlimit:4;stroke-dasharray:none"
+         id="path1265" />
+    </g>
+    <g
+       aria-label="10"
+       id="text946-5"
+       style="font-size:6.00002px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#f1f1f1;fill-opacity:1;stroke-width:0.264584;stroke-miterlimit:4;stroke-dasharray:none">
+      <path
+         d="m 122.45277,31.460251 h -0.47462 v -3.035167 q 0,-0.172852 0,-0.295899 0.003,-0.125977 0.006,-0.228516 0.006,-0.105469 0.0147,-0.213868 -0.0908,0.09375 -0.16992,0.161133 -0.0791,0.06445 -0.19629,0.161133 l -0.48926,0.39258 -0.25488,-0.331056 1.16016,-0.893558 h 0.4043 z"
+         style="fill:#f1f1f1;fill-opacity:1;stroke-width:0.264584;stroke-miterlimit:4;stroke-dasharray:none"
+         id="path1260" />
+      <path
+         d="m 126.90591,29.312783 q 0,0.521486 -0.0791,0.931643 -0.0791,0.410158 -0.24902,0.694339 -0.16992,0.28418 -0.43946,0.433595 -0.26953,0.146485 -0.64746,0.146485 -0.47754,0 -0.79102,-0.260743 -0.31054,-0.260743 -0.46582,-0.752932 -0.15234,-0.495119 -0.15234,-1.192387 0,-0.685549 0.13769,-1.177739 0.14063,-0.495118 0.45118,-0.758791 0.31054,-0.266603 0.82031,-0.266603 0.4834,0 0.79688,0.263673 0.31348,0.260743 0.46582,0.755862 0.15235,0.492189 0.15235,1.183598 z m -2.33497,0 q 0,0.597658 0.0908,0.996097 0.0908,0.398439 0.29297,0.597658 0.20508,0.19629 0.53613,0.19629 0.33106,0 0.53321,-0.19629 0.20508,-0.19629 0.2959,-0.594728 0.0937,-0.398439 0.0937,-0.999027 0,-0.588869 -0.0908,-0.984379 -0.0908,-0.398438 -0.29297,-0.597658 -0.20215,-0.202149 -0.53907,-0.202149 -0.33691,0 -0.53906,0.202149 -0.20215,0.19922 -0.29297,0.597658 -0.0879,0.39551 -0.0879,0.984379 z"
+         style="fill:#f1f1f1;fill-opacity:1;stroke-width:0.264584;stroke-miterlimit:4;stroke-dasharray:none"
+         id="path1262" />
+    </g>
+    <text
+       xml:space="preserve"
+       style="font-size:6.00002px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#f1f1f1;fill-opacity:1;stroke-width:0.264584;stroke-miterlimit:4;stroke-dasharray:none"
+       x="120.46935"
+       y="8.6312208"
+       id="text946-4"><tspan
+         sodipodi:role="line"
+         id="tspan944-1"
+         x="120.46935"
+         y="8.6312208"
+         style="fill:#f1f1f1;fill-opacity:1;stroke-width:0.264584;stroke-miterlimit:4;stroke-dasharray:none">20</tspan></text>
+    <g
+       aria-label="-20"
+       id="text946-4-0"
+       style="font-size:6.00002px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#f1f1f1;fill-opacity:1;stroke-width:0.264584;stroke-miterlimit:4;stroke-dasharray:none">
+      <path
+         d="m 119.77062,98.552829 v -0.433595 h 1.45313 v 0.433595 z"
+         style="fill:#f1f1f1;fill-opacity:1;stroke-width:0.264584;stroke-miterlimit:4;stroke-dasharray:none"
+         id="path1275" />
+      <path
+         d="m 124.56654,99.947365 h -2.80665 v -0.407228 l 1.14551,-1.16309 q 0.31934,-0.322267 0.53613,-0.574221 0.21973,-0.251954 0.33399,-0.495118 0.11426,-0.246095 0.11426,-0.539065 0,-0.363282 -0.2168,-0.553713 -0.21387,-0.19336 -0.56543,-0.19336 -0.30762,0 -0.54493,0.10547 -0.2373,0.105469 -0.48633,0.298829 l -0.26074,-0.328126 q 0.16992,-0.143556 0.36914,-0.254884 0.20215,-0.111329 0.43067,-0.175782 0.23145,-0.06445 0.49219,-0.06445 0.39551,0 0.68262,0.137696 0.28711,0.137695 0.44238,0.392579 0.15821,0.254884 0.15821,0.606447 0,0.339845 -0.13477,0.632815 -0.13477,0.29004 -0.37793,0.57715 -0.24317,0.284181 -0.56836,0.603518 l -0.93165,0.928714 v 0.02051 h 2.18849 z"
+         style="fill:#f1f1f1;fill-opacity:1;stroke-width:0.264584;stroke-miterlimit:4;stroke-dasharray:none"
+         id="path1277" />
+      <path
+         d="m 128.02358,97.799897 q 0,0.521486 -0.0791,0.931643 -0.0791,0.410158 -0.24903,0.694339 -0.16992,0.28418 -0.43945,0.433595 -0.26953,0.146486 -0.64746,0.146486 -0.47754,0 -0.79102,-0.260744 -0.31055,-0.260743 -0.46582,-0.752933 -0.15235,-0.495118 -0.15235,-1.192386 0,-0.685549 0.1377,-1.177739 0.14062,-0.495118 0.45117,-0.758791 0.31055,-0.266603 0.82032,-0.266603 0.4834,0 0.79687,0.263673 0.31348,0.260743 0.46583,0.755862 0.15234,0.492189 0.15234,1.183598 z m -2.33497,0 q 0,0.597658 0.0908,0.996097 0.0908,0.398439 0.29297,0.597658 0.20508,0.19629 0.53614,0.19629 0.33105,0 0.5332,-0.19629 0.20508,-0.19629 0.2959,-0.594729 0.0937,-0.398438 0.0937,-0.999026 0,-0.588869 -0.0908,-0.984379 -0.0908,-0.398438 -0.29297,-0.597658 -0.20215,-0.202149 -0.53906,-0.202149 -0.33692,0 -0.53907,0.202149 -0.20215,0.19922 -0.29297,0.597658 -0.0879,0.39551 -0.0879,0.984379 z"
+         style="fill:#f1f1f1;fill-opacity:1;stroke-width:0.264584;stroke-miterlimit:4;stroke-dasharray:none"
+         id="path1279" />
+    </g>
+    <g
+       aria-label="-10"
+       id="text946-5-8"
+       style="font-size:6.00002px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#f1f1f1;fill-opacity:1;stroke-width:0.264584;stroke-miterlimit:4;stroke-dasharray:none">
+      <path
+         d="m 119.77062,75.723796 v -0.433595 h 1.45313 v 0.433595 z"
+         style="fill:#f1f1f1;fill-opacity:1;stroke-width:0.264584;stroke-miterlimit:4;stroke-dasharray:none"
+         id="path1268" />
+      <path
+         d="m 123.57044,77.118332 h -0.47461 v -3.035166 q 0,-0.172853 0,-0.2959 0.003,-0.125977 0.006,-0.228516 0.006,-0.105469 0.0146,-0.213868 -0.0908,0.09375 -0.16993,0.161133 -0.0791,0.06445 -0.19628,0.161134 l -0.48926,0.392579 -0.25489,-0.331056 1.16016,-0.893558 h 0.4043 z"
+         style="fill:#f1f1f1;fill-opacity:1;stroke-width:0.264584;stroke-miterlimit:4;stroke-dasharray:none"
+         id="path1270" />
+      <path
+         d="m 128.02358,74.970864 q 0,0.521486 -0.0791,0.931644 -0.0791,0.410157 -0.24903,0.694338 -0.16992,0.28418 -0.43945,0.433595 -0.26953,0.146485 -0.64746,0.146485 -0.47754,0 -0.79102,-0.260743 -0.31055,-0.260743 -0.46582,-0.752932 -0.15235,-0.495119 -0.15235,-1.192387 0,-0.685549 0.1377,-1.177739 0.14062,-0.495118 0.45117,-0.758791 0.31055,-0.266603 0.82032,-0.266603 0.4834,0 0.79687,0.263673 0.31348,0.260743 0.46583,0.755862 0.15234,0.492189 0.15234,1.183598 z m -2.33497,0 q 0,0.597658 0.0908,0.996097 0.0908,0.398439 0.29297,0.597658 0.20508,0.19629 0.53614,0.19629 0.33105,0 0.5332,-0.19629 0.20508,-0.19629 0.2959,-0.594728 0.0937,-0.398439 0.0937,-0.999027 0,-0.588869 -0.0908,-0.984378 -0.0908,-0.398439 -0.29297,-0.597659 -0.20215,-0.202149 -0.53906,-0.202149 -0.33692,0 -0.53907,0.202149 -0.20215,0.19922 -0.29297,0.597659 -0.0879,0.395509 -0.0879,0.984378 z"
+         style="fill:#f1f1f1;fill-opacity:1;stroke-width:0.264584;stroke-miterlimit:4;stroke-dasharray:none"
+         id="path1272" />
+    </g>
+    <g
+       id="g1198"
+       transform="translate(-0.07648978,-0.30651161)">
+      <path
+         style="fill:none;stroke:#f1f1f1;stroke-width:0.264584;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 112.3539,11.058589 3.29161,-6e-6"
+         id="path909-4-8" />
+      <path
+         id="path909-4-8-4"
+         d="m 112.42812,15.734368 3.29161,-6e-6"
+         style="fill:none;stroke:#f1f1f1;stroke-width:0.264584;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="path909-4-8-3"
+         d="m 112.42812,20.410147 3.29161,-6e-6"
+         style="display:inline;fill:none;stroke:#f1f1f1;stroke-width:0.264584;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="path909-4-8-9"
+         d="m 112.27968,25.085926 3.29161,-6e-6"
+         style="display:inline;fill:none;stroke:#f1f1f1;stroke-width:0.264584;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+    <g
+       transform="translate(-0.07648978,22.451159)"
+       id="g1198-7"
+       style="display:inline">
+      <path
+         id="path909-4-8-8"
+         d="m 112.3539,11.058589 3.29161,-6e-6"
+         style="fill:none;stroke:#f1f1f1;stroke-width:0.264584;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="fill:none;stroke:#f1f1f1;stroke-width:0.264584;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 112.42812,15.734368 3.29161,-6e-6"
+         id="path909-4-8-4-3" />
+      <path
+         style="display:inline;fill:none;stroke:#f1f1f1;stroke-width:0.264584;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 112.42812,20.410147 3.29161,-6e-6"
+         id="path909-4-8-3-8" />
+      <path
+         style="display:inline;fill:none;stroke:#f1f1f1;stroke-width:0.264584;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 112.27968,25.085926 3.29161,-6e-6"
+         id="path909-4-8-9-5" />
+    </g>
+    <g
+       transform="translate(-0.07648978,45.607396)"
+       id="g1198-5"
+       style="display:inline">
+      <path
+         id="path909-4-8-5"
+         d="m 112.3539,11.058589 3.29161,-6e-6"
+         style="fill:none;stroke:#f1f1f1;stroke-width:0.264584;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="fill:none;stroke:#f1f1f1;stroke-width:0.264584;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 112.42812,15.734368 3.29161,-6e-6"
+         id="path909-4-8-4-8" />
+      <path
+         style="display:inline;fill:none;stroke:#f1f1f1;stroke-width:0.264584;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 112.42812,20.410147 3.29161,-6e-6"
+         id="path909-4-8-3-0" />
+      <path
+         style="display:inline;fill:none;stroke:#f1f1f1;stroke-width:0.264584;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 112.27968,25.085926 3.29161,-6e-6"
+         id="path909-4-8-9-8" />
+    </g>
+    <g
+       transform="translate(-0.07648978,68.615194)"
+       id="g1198-2"
+       style="display:inline">
+      <path
+         id="path909-4-8-1"
+         d="m 112.3539,11.058589 3.29161,-6e-6"
+         style="fill:none;stroke:#f1f1f1;stroke-width:0.264584;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="fill:none;stroke:#f1f1f1;stroke-width:0.264584;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 112.42812,15.734368 3.29161,-6e-6"
+         id="path909-4-8-4-2" />
+      <path
+         style="display:inline;fill:none;stroke:#f1f1f1;stroke-width:0.264584;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 112.42812,20.410147 3.29161,-6e-6"
+         id="path909-4-8-3-5" />
+      <path
+         style="display:inline;fill:none;stroke:#f1f1f1;stroke-width:0.264584;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 112.27968,25.085926 3.29161,-6e-6"
+         id="path909-4-8-9-54" />
+    </g>
+    <g
+       style="display:inline"
+       transform="matrix(1.3868301,-1.3662e-8,6.1286099e-7,1.38683,-16.301939,-68.577597)"
+       fill="#c00000"
+       id="g42-9">
+      <path
+         d="m 18.228,82.444 -0.453,-1.287 h -1.771 l -0.453,1.287 h -0.802 l 1.724,-4.652 h 0.843 l 1.721,4.652 z m -0.65,-1.939 -0.44,-1.268 q -0.025,-0.082 -0.073,-0.231 -0.048,-0.152 -0.095,-0.307 -0.048,-0.158 -0.079,-0.266 -0.032,0.13 -0.079,0.292 -0.044,0.158 -0.089,0.298 -0.041,0.139 -0.063,0.215 l -0.444,1.268 z m 2.776,0.146 -1.172,-1.714 h 0.849 l 0.802,1.233 0.805,-1.233 h 0.846 l -1.179,1.714 1.239,1.794 h -0.852 l -0.859,-1.315 -0.862,1.315 h -0.846 z"
+         id="path34-4" />
+      <use
+         xlink:href="#B"
+         id="use36-1"
+         x="0"
+         y="0"
+         width="100%"
+         height="100%" />
+      <use
+         xlink:href="#C"
+         id="use38-5"
+         x="0"
+         y="0"
+         width="100%"
+         height="100%" />
+      <path
+         d="m 29.477,82.444 h -0.748 v -4.931 h 0.748 z"
+         id="path40-1" />
+    </g>
+  </g>
+  <text
+     id="text968"
+     y="15.744163"
+     x="122.80432"
+     style="font-size:6.00002px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';stroke-width:0.264584"
+     xml:space="preserve"><tspan
+       style="stroke-width:0.264584"
+       y="15.744163"
+       x="122.80432"
+       id="tspan966"
+       sodipodi:role="line" /></text>
+  <defs
+     id="defs92">
+    <path
+       id="B"
+       d="m 23.897,78.936 v 3.508 h -0.745 v -3.508 z m -0.368,-1.344 q 0.171,0 0.295,0.092 0.127,0.092 0.127,0.317 0,0.222 -0.127,0.317 -0.124,0.092 -0.295,0.092 -0.177,0 -0.301,-0.092 -0.12,-0.095 -0.12,-0.317 0,-0.225 0.12,-0.317 0.124,-0.092 0.301,-0.092 z" />
+    <path
+       id="C"
+       d="m 26.34,78.87 q 0.665,0 1.004,0.295 0.342,0.295 0.342,0.919 v 2.361 h -0.529 l -0.143,-0.497 h -0.025 q -0.149,0.19 -0.307,0.314 -0.158,0.124 -0.368,0.184 -0.206,0.063 -0.504,0.063 -0.314,0 -0.561,-0.114 -0.247,-0.117 -0.39,-0.355 -0.143,-0.238 -0.143,-0.602 0,-0.542 0.402,-0.814 0.406,-0.273 1.223,-0.301 l 0.608,-0.022 v -0.184 q 0,-0.364 -0.171,-0.52 -0.168,-0.155 -0.475,-0.155 -0.263,0 -0.51,0.076 -0.247,0.076 -0.482,0.187 L 25.07,79.179 q 0.257,-0.136 0.583,-0.222 0.33,-0.086 0.684,-0.086 z m 0.608,1.898 -0.453,0.016 q -0.558,0.019 -0.783,0.19 -0.225,0.171 -0.225,0.469 0,0.26 0.155,0.38 0.155,0.117 0.409,0.117 0.387,0 0.64,-0.219 0.257,-0.222 0.257,-0.65 z" />
+    <path
+       id="D"
+       d="m 68.625,81.905 q 0.146,0 0.288,-0.025 0.143,-0.029 0.26,-0.067 v 0.564 q -0.124,0.054 -0.32,0.092 -0.196,0.038 -0.409,0.038 -0.298,0 -0.536,-0.098 -0.238,-0.101 -0.377,-0.345 -0.139,-0.244 -0.139,-0.675 v -1.885 h -0.478 v -0.333 l 0.513,-0.263 0.244,-0.751 h 0.469 v 0.78 h 1.004 v 0.567 H 68.14 v 1.876 q 0,0.266 0.133,0.396 0.133,0.13 0.352,0.13 z" />
+    <path
+       id="E"
+       d="m 22.506,120.871 q 0,0.437 -0.114,0.776 -0.114,0.339 -0.333,0.574 -0.219,0.231 -0.526,0.355 -0.307,0.12 -0.694,0.12 -0.361,0 -0.662,-0.12 -0.301,-0.124 -0.523,-0.355 -0.219,-0.234 -0.339,-0.574 -0.12,-0.339 -0.12,-0.776 0,-0.58 0.2,-0.982 0.203,-0.406 0.577,-0.618 0.374,-0.212 0.89,-0.212 0.485,0 0.856,0.212 0.371,0.212 0.58,0.618 0.209,0.406 0.209,0.982 z m -2.545,0 q 0,0.383 0.092,0.656 0.095,0.273 0.292,0.418 0.196,0.143 0.507,0.143 0.311,0 0.507,-0.143 0.196,-0.146 0.288,-0.418 0.092,-0.273 0.092,-0.656 0,-0.383 -0.092,-0.65 -0.092,-0.269 -0.288,-0.409 -0.196,-0.143 -0.51,-0.143 -0.463,0 -0.675,0.311 -0.212,0.311 -0.212,0.89 z" />
+  </defs>
+</svg>
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/img/mousenavigation/click.svg b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/img/mousenavigation/click.svg
new file mode 100644
index 0000000000..80bcae90d7
--- /dev/null
+++ b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/img/mousenavigation/click.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 110 110" height="415.748" width="415.748" xmlns:v="https://vecta.io/nano"><g transform="matrix(.991287 0 0 .991287 143.00777 -66.025749)" stroke="#000" stroke-linejoin="round" stroke-width="1.009"><path d="M-118.641 119.532v23.094c0 15.024 12.095 27.12 27.12 27.12h5.48c15.024 0 27.12-12.095 27.12-27.12v-23.065c-19.403 3.515-39.31 3.609-59.72-.029zm31.482-32.751v31.442a161.97 161.97 0 0 0 28.239-2.731V113.9c0-15.024-12.095-27.12-27.12-27.12z" fill="#fff"/><path d="M-91.521 86.781c-15.024 0-27.12 12.095-27.12 27.12v1.566c9.276 1.692 18.434 2.596 27.482 2.742V86.781z" fill="#e02020"/><rect ry="3.779" y="91.034" x="-92.938" height="23.622" width="7.558" fill="#fff"/></g></svg>
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/img/mousenavigation/crosshair.svg b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/img/mousenavigation/crosshair.svg
new file mode 100644
index 0000000000..7af4ef445a
--- /dev/null
+++ b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/img/mousenavigation/crosshair.svg
@@ -0,0 +1,278 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="crosshair.svg"
+   id="svg94"
+   version="1.1"
+   viewBox="0 0 262.07287 53.82867"
+   height="203.44653"
+   width="990.51135">
+  <metadata
+     id="metadata98">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     inkscape:current-layer="g86"
+     inkscape:window-maximized="1"
+     inkscape:window-y="-8"
+     inkscape:window-x="-8"
+     inkscape:cy="155.15508"
+     inkscape:cx="330.65032"
+     inkscape:zoom="2.5207802"
+     showgrid="false"
+     id="namedview96"
+     inkscape:window-height="1377"
+     inkscape:window-width="2560"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     inkscape:document-rotation="0" />
+  <style
+     id="style2"><![CDATA[.B{fill:#004d00}.C{stroke-linejoin:round}.D{fill:#4d0000}.E{stroke-width:1}]]></style>
+  <g
+     id="g86"
+     transform="matrix(1.191465,0.047829,-0.064688,1.611633,-16.234082,-66.349027)">
+    <g
+       transform="translate(-0.25577904,-9.3710345)"
+       id="g937">
+      <path
+         d="m 214.34752,49.478589 7.016,-5.212 -0.2,6.114 z"
+         class="B"
+         id="path4" />
+      <path
+         d="m 232.88952,54.522589 3.14,0.501 -4.109,7.717 z"
+         class="D"
+         id="path6" />
+      <g
+         fill="#00254d"
+         id="g14"
+         transform="translate(35.337521,8.3295886)">
+        <path
+           d="m 196.516,54.479 -0.738,6.444 -0.264,2.309 -3.207,-0.768 z"
+           id="path8" />
+        <path
+           d="m 179.01,41.149 0.267,9.622 17.239,3.708 1.27,-10.457 z"
+           id="path10" />
+        <path
+           d="m 179.01,41.149 -15.201,-2.305 1.169,8.853 4.176,0.802 z"
+           id="path12" />
+      </g>
+      <path
+         d="m 203.92352,57.228589 10.424,-7.751 0.267,9.622 -9.455,9.154 z"
+         class="B"
+         id="path16" />
+      <path
+         d="m 200.31552,56.026589 4.176,0.802 -0.568,0.401 1.236,11.025 -16.103,-4.677 z"
+         class="D"
+         id="path18" />
+      <path
+         d="m 206.12852,77.541589 5.98,-7.083 -6.949,-2.205 z"
+         class="B"
+         id="path20" />
+      <path
+         d="m 214.61452,59.099589 -9.455,9.154 20.513,6.047 6.181,-11.493 z"
+         class="D"
+         id="path22" />
+      <g
+         fill="none"
+         stroke-width="0.577"
+         class="C"
+         id="g30"
+         transform="translate(35.337521,8.3295886)">
+        <path
+           d="m 176.771,62.129 -5.98,7.083 -2.205,-20.312 17.439,-12.963 -0.2,6.114"
+           stroke="#00b000"
+           id="path24" />
+        <path
+           d="m 164.978,47.697 -1.169,-8.853 33.977,5.178 -2.272,19.21 -3.074,-0.835"
+           stroke="#0080ff"
+           id="path26" />
+        <path
+           d="m 164.978,47.697 -11.259,7.55 36.616,10.724 10.357,-19.277 -3.007,-0.434"
+           stroke="#c00000"
+           id="path28" />
+      </g>
+    </g>
+    <path
+       id="path32"
+       class="C E"
+       stroke="#c00000"
+       fill="#4a0000"
+       d="M 10.265,10.265 H 59.736 V 59.736 H 10.265 Z"
+       transform="matrix(0.837953,-0.024868,0.033634,0.619491,7.391043,36.131644)" />
+    <g
+       id="g42"
+       fill="#c00000"
+       transform="matrix(1.162098,-0.034488,0.046645,0.859128,0,0)">
+      <path
+         id="path34"
+         d="m 18.228,82.444 -0.453,-1.287 h -1.771 l -0.453,1.287 h -0.802 l 1.724,-4.652 h 0.843 l 1.721,4.652 z m -0.65,-1.939 -0.44,-1.268 q -0.025,-0.082 -0.073,-0.231 -0.048,-0.152 -0.095,-0.307 -0.048,-0.158 -0.079,-0.266 -0.032,0.13 -0.079,0.292 -0.044,0.158 -0.089,0.298 -0.041,0.139 -0.063,0.215 l -0.444,1.268 z m 2.776,0.146 -1.172,-1.714 h 0.849 l 0.802,1.233 0.805,-1.233 h 0.846 l -1.179,1.714 1.239,1.794 h -0.852 l -0.859,-1.315 -0.862,1.315 h -0.846 z" />
+      <use
+         height="100%"
+         width="100%"
+         y="0"
+         x="0"
+         id="use36"
+         xlink:href="#B" />
+      <use
+         height="100%"
+         width="100%"
+         y="0"
+         x="0"
+         id="use38"
+         xlink:href="#C" />
+      <path
+         id="path40"
+         d="m 29.477,82.444 h -0.748 v -4.931 h 0.748 z" />
+    </g>
+    <g
+       id="g64"
+       transform="translate(-0.008,-0.146)">
+      <path
+         id="path44"
+         class="B C E"
+         stroke="#00b000"
+         d="m 65.5,10.5 h 49.471 V 59.971 H 65.5 Z"
+         transform="matrix(0.837953,-0.024868,0.033634,0.619491,7.391043,36.131644)" />
+      <g
+         id="g62"
+         fill-opacity="0.992"
+         fill="#00b000"
+         transform="matrix(1.162098,-0.034488,0.046645,0.859128,0,0)">
+        <path
+           id="path46"
+           d="m 57.319,81.183 q 0,0.412 -0.203,0.71 -0.2,0.298 -0.577,0.456 -0.374,0.158 -0.894,0.158 -0.254,0 -0.485,-0.029 -0.231,-0.029 -0.437,-0.082 -0.203,-0.057 -0.371,-0.136 v -0.716 q 0.282,0.124 0.631,0.225 0.349,0.098 0.71,0.098 0.295,0 0.488,-0.076 0.196,-0.079 0.292,-0.222 0.095,-0.146 0.095,-0.339 0,-0.206 -0.111,-0.349 -0.111,-0.143 -0.336,-0.26 -0.222,-0.12 -0.558,-0.257 -0.228,-0.092 -0.437,-0.209 -0.206,-0.117 -0.368,-0.276 -0.162,-0.158 -0.257,-0.374 -0.092,-0.219 -0.092,-0.513 0,-0.393 0.187,-0.672 0.19,-0.279 0.532,-0.428 0.345,-0.149 0.805,-0.149 0.364,0 0.684,0.076 0.323,0.076 0.634,0.215 l -0.241,0.612 q -0.285,-0.117 -0.555,-0.187 -0.266,-0.07 -0.545,-0.07 -0.241,0 -0.409,0.073 -0.168,0.073 -0.257,0.206 -0.086,0.13 -0.086,0.311 0,0.203 0.098,0.342 0.101,0.136 0.311,0.25 0.212,0.114 0.545,0.254 0.383,0.158 0.65,0.333 0.269,0.174 0.412,0.418 0.143,0.241 0.143,0.605 z" />
+        <use
+           height="100%"
+           width="100%"
+           y="0"
+           id="use48"
+           x="33.178001"
+           xlink:href="#C" />
+        <path
+           id="path50"
+           d="m 62.909,84.003 q -0.713,0 -1.093,-0.257 -0.38,-0.257 -0.38,-0.719 0,-0.323 0.203,-0.548 0.203,-0.222 0.58,-0.307 -0.143,-0.063 -0.247,-0.196 -0.101,-0.136 -0.101,-0.301 0,-0.196 0.111,-0.336 0.111,-0.139 0.333,-0.269 -0.276,-0.117 -0.444,-0.38 -0.165,-0.266 -0.165,-0.624 0,-0.38 0.162,-0.646 0.162,-0.269 0.472,-0.409 0.311,-0.143 0.751,-0.143 0.095,0 0.206,0.013 0.114,0.01 0.209,0.025 0.098,0.013 0.149,0.029 h 1.214 v 0.415 l -0.596,0.111 q 0.086,0.12 0.136,0.276 0.051,0.152 0.051,0.333 0,0.545 -0.377,0.859 -0.374,0.311 -1.033,0.311 -0.158,-0.006 -0.307,-0.025 -0.114,0.07 -0.174,0.155 -0.06,0.082 -0.06,0.187 0,0.086 0.06,0.139 0.06,0.051 0.177,0.076 0.12,0.025 0.292,0.025 h 0.605 q 0.577,0 0.881,0.244 0.304,0.244 0.304,0.716 0,0.599 -0.494,0.922 -0.494,0.326 -1.423,0.326 z m 0.029,-0.523 q 0.39,0 0.656,-0.076 0.266,-0.076 0.402,-0.219 0.136,-0.139 0.136,-0.333 0,-0.171 -0.086,-0.263 -0.086,-0.092 -0.257,-0.127 -0.171,-0.035 -0.425,-0.035 h -0.551 q -0.206,0 -0.364,0.063 -0.158,0.067 -0.247,0.19 -0.086,0.124 -0.086,0.298 0,0.241 0.212,0.371 0.215,0.13 0.608,0.13 z m 0.146,-2.731 q 0.326,0 0.485,-0.177 0.158,-0.181 0.158,-0.507 0,-0.355 -0.165,-0.532 -0.162,-0.177 -0.482,-0.177 -0.314,0 -0.478,0.181 -0.162,0.181 -0.162,0.536 0,0.32 0.162,0.501 0.165,0.177 0.482,0.177 z" />
+        <use
+           height="100%"
+           width="100%"
+           y="0"
+           id="use52"
+           x="42.355"
+           xlink:href="#B" />
+        <use
+           height="100%"
+           width="100%"
+           y="0"
+           x="0"
+           id="use54"
+           xlink:href="#D" />
+        <use
+           height="100%"
+           width="100%"
+           y="0"
+           id="use56"
+           x="2.573"
+           xlink:href="#D" />
+        <use
+           height="100%"
+           width="100%"
+           y="0"
+           id="use58"
+           x="47.500999"
+           xlink:href="#C" />
+        <path
+           id="path60"
+           d="M 76.978,82.444 H 76.23 v -4.931 h 0.748 z" />
+      </g>
+    </g>
+    <g
+       id="g84"
+       transform="translate(90.12,-36.947)">
+      <path
+         id="path66"
+         class="C E"
+         stroke="#0080ff"
+         fill="#00254d"
+         d="m 10.5,65.5 h 49.471 v 49.471 H 10.5 Z"
+         transform="matrix(0.837953,-0.024868,0.033634,0.619491,7.391043,36.131644)" />
+      <g
+         id="g82"
+         fill="#0080ff"
+         transform="matrix(1.162098,-0.034488,0.046645,0.859128,-0.02224685,-0.40975601)">
+        <path
+           id="path68"
+           d="m 17.331,118.579 q -0.333,0 -0.596,0.12 -0.26,0.12 -0.44,0.349 -0.181,0.225 -0.276,0.548 -0.095,0.32 -0.095,0.722 0,0.539 0.152,0.928 0.152,0.387 0.463,0.596 0.311,0.206 0.786,0.206 0.295,0 0.574,-0.057 0.279,-0.057 0.577,-0.155 v 0.646 q -0.282,0.111 -0.57,0.162 -0.288,0.051 -0.665,0.051 -0.71,0 -1.179,-0.295 -0.466,-0.295 -0.697,-0.83 -0.228,-0.536 -0.228,-1.255 0,-0.526 0.146,-0.963 0.146,-0.437 0.425,-0.754 0.279,-0.32 0.688,-0.491 0.412,-0.174 0.941,-0.174 0.349,0 0.684,0.079 0.339,0.076 0.627,0.219 l -0.266,0.627 q -0.241,-0.114 -0.504,-0.196 -0.263,-0.082 -0.545,-0.082 z" />
+        <use
+           height="100%"
+           width="100%"
+           y="0"
+           x="0"
+           id="use70"
+           xlink:href="#E" />
+        <path
+           id="path72"
+           d="m 25.145,119.058 q 0.089,0 0.193,0.01 0.105,0.01 0.181,0.025 l -0.07,0.697 q -0.067,-0.019 -0.165,-0.028 -0.095,-0.01 -0.171,-0.01 -0.2,0 -0.38,0.067 -0.181,0.063 -0.32,0.196 -0.139,0.13 -0.219,0.326 -0.079,0.196 -0.079,0.456 v 1.835 h -0.748 v -3.508 h 0.583 l 0.101,0.618 h 0.035 q 0.105,-0.187 0.26,-0.342 0.155,-0.155 0.355,-0.247 0.203,-0.095 0.444,-0.095 z" />
+        <use
+           height="100%"
+           width="100%"
+           y="0"
+           id="use74"
+           x="6.7680001"
+           xlink:href="#E" />
+        <path
+           id="path76"
+           d="m 31.965,119.058 q 0.593,0 0.922,0.307 0.333,0.304 0.333,0.979 v 2.288 h -0.745 v -2.148 q 0,-0.409 -0.168,-0.612 -0.168,-0.206 -0.52,-0.206 -0.51,0 -0.71,0.314 -0.196,0.314 -0.196,0.909 v 1.743 h -0.745 v -3.508 h 0.58 l 0.105,0.475 h 0.041 q 0.114,-0.184 0.282,-0.301 0.171,-0.12 0.38,-0.181 0.212,-0.06 0.44,-0.06 z" />
+        <use
+           height="100%"
+           width="100%"
+           id="use78"
+           y="40.188"
+           x="9.2910004"
+           xlink:href="#C" />
+        <path
+           id="path80"
+           d="M 38.768,122.632 H 38.02 v -4.931 h 0.748 z" />
+      </g>
+    </g>
+    <path
+       d="m 170.26843,46.066781 0.18225,3.356831 -14.47126,0.429469 0.36713,6.762132 14.47126,-0.429468 0.18225,3.35683 14.26827,-7.172038 z"
+       style="fill:#f1f1f1;fill-opacity:1;stroke:none;stroke-width:0.144214;stroke-linecap:round;stroke-linejoin:round"
+       id="rect939"
+       sodipodi:nodetypes="cccccccc" />
+  </g>
+  <defs
+     id="defs92">
+    <path
+       d="m 23.897,78.936 v 3.508 h -0.745 v -3.508 z m -0.368,-1.344 q 0.171,0 0.295,0.092 0.127,0.092 0.127,0.317 0,0.222 -0.127,0.317 -0.124,0.092 -0.295,0.092 -0.177,0 -0.301,-0.092 -0.12,-0.095 -0.12,-0.317 0,-0.225 0.12,-0.317 0.124,-0.092 0.301,-0.092 z"
+       id="B" />
+    <path
+       d="m 26.34,78.87 q 0.665,0 1.004,0.295 0.342,0.295 0.342,0.919 v 2.361 h -0.529 l -0.143,-0.497 h -0.025 q -0.149,0.19 -0.307,0.314 -0.158,0.124 -0.368,0.184 -0.206,0.063 -0.504,0.063 -0.314,0 -0.561,-0.114 -0.247,-0.117 -0.39,-0.355 -0.143,-0.238 -0.143,-0.602 0,-0.542 0.402,-0.814 0.406,-0.273 1.223,-0.301 l 0.608,-0.022 v -0.184 q 0,-0.364 -0.171,-0.52 -0.168,-0.155 -0.475,-0.155 -0.263,0 -0.51,0.076 -0.247,0.076 -0.482,0.187 L 25.07,79.179 q 0.257,-0.136 0.583,-0.222 0.33,-0.086 0.684,-0.086 z m 0.608,1.898 -0.453,0.016 q -0.558,0.019 -0.783,0.19 -0.225,0.171 -0.225,0.469 0,0.26 0.155,0.38 0.155,0.117 0.409,0.117 0.387,0 0.64,-0.219 0.257,-0.222 0.257,-0.65 z"
+       id="C" />
+    <path
+       d="m 68.625,81.905 q 0.146,0 0.288,-0.025 0.143,-0.029 0.26,-0.067 v 0.564 q -0.124,0.054 -0.32,0.092 -0.196,0.038 -0.409,0.038 -0.298,0 -0.536,-0.098 -0.238,-0.101 -0.377,-0.345 -0.139,-0.244 -0.139,-0.675 v -1.885 h -0.478 v -0.333 l 0.513,-0.263 0.244,-0.751 h 0.469 v 0.78 h 1.004 v 0.567 H 68.14 v 1.876 q 0,0.266 0.133,0.396 0.133,0.13 0.352,0.13 z"
+       id="D" />
+    <path
+       d="m 22.506,120.871 q 0,0.437 -0.114,0.776 -0.114,0.339 -0.333,0.574 -0.219,0.231 -0.526,0.355 -0.307,0.12 -0.694,0.12 -0.361,0 -0.662,-0.12 -0.301,-0.124 -0.523,-0.355 -0.219,-0.234 -0.339,-0.574 -0.12,-0.339 -0.12,-0.776 0,-0.58 0.2,-0.982 0.203,-0.406 0.577,-0.618 0.374,-0.212 0.89,-0.212 0.485,0 0.856,0.212 0.371,0.212 0.58,0.618 0.209,0.406 0.209,0.982 z m -2.545,0 q 0,0.383 0.092,0.656 0.095,0.273 0.292,0.418 0.196,0.143 0.507,0.143 0.311,0 0.507,-0.143 0.196,-0.146 0.288,-0.418 0.092,-0.273 0.092,-0.656 0,-0.383 -0.092,-0.65 -0.092,-0.269 -0.288,-0.409 -0.196,-0.143 -0.51,-0.143 -0.463,0 -0.675,0.311 -0.212,0.311 -0.212,0.89 z"
+       id="E" />
+  </defs>
+</svg>
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/img/mousenavigation/pan.svg b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/img/mousenavigation/pan.svg
new file mode 100644
index 0000000000..eaae753c1e
--- /dev/null
+++ b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/img/mousenavigation/pan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 110 110" height="415.748" width="415.748" xmlns:v="https://vecta.io/nano"><style><![CDATA[.B{stroke:#000}.C{stroke-linejoin:round}.D{stroke-width:1.009}]]></style><g transform="matrix(.991287 0 0 .991287 -91.77791 -66.025749)" class="B C"><g transform="translate(-23.252)"><path d="M141.46 119.024v23.094c0 15.024 12.095 27.12 27.12 27.12h5.48c15.024 0 27.12-12.095 27.12-27.12v-23.065c-19.403 3.515-39.31 3.609-59.72-.029zm31.482-32.751v31.442a161.97 161.97 0 0 0 28.239-2.731v-1.592c0-15.024-12.095-27.12-27.12-27.12zm-4.362 0c-15.024 0-27.12 12.095-27.12 27.12v1.566c9.276 1.692 18.434 2.596 27.482 2.742V86.273z" fill="#fff" class="D"/><rect width="7.558" height="23.622" x="167.163" y="90.526" ry="3.779" fill="#df2121" class="D"/><g stroke-width="1.826" fill="#df2121" transform="matrix(.833503 0 0 .8335 63.929509 -41.876262)"><use xlink:href="#B" transform="matrix(.645836 -.153738 .15424 .643736 -34.992193 202.85261)"/><use xlink:href="#B" transform="matrix(.645836 .153738 .15424 -.643736 -34.974059 246.89202)"/><use xlink:href="#B" transform="matrix(.153738 .645836 -.643736 .15424 150.87989 61.038073)"/><use xlink:href="#B" transform="matrix(-.153738 .645836 .643736 .15424 106.80421 61.056205)"/></g></g></g><defs ><path id="B" d="M246.823 78.043l-22.302-5.298 15.739-16.665z"/></defs></svg>
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/img/mousenavigation/scroll.svg b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/img/mousenavigation/scroll.svg
new file mode 100644
index 0000000000..bb8f0207fe
--- /dev/null
+++ b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/img/mousenavigation/scroll.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 110 110" height="415.748" width="415.748" xmlns:v="https://vecta.io/nano"><style><![CDATA[.B{stroke:#000}.C{stroke-linejoin:round}.D{stroke-width:1.009}]]></style><g transform="matrix(.991287 0 0 .991287 -210.21991 -66.025765)" class="B C"><g transform="translate(24.871 -1.043)"><path d="M212.821 120.093v23.094c0 15.024 12.095 27.12 27.12 27.12h5.48c15.024 0 27.12-12.095 27.12-27.12v-23.065c-19.403 3.515-39.31 3.609-59.72-.029zm31.481-32.752v31.442c9.531-.082 18.94-1.004 28.239-2.731v-1.592c0-15.024-12.095-27.12-27.12-27.12zm-4.361 0c-15.024 0-27.12 12.095-27.12 27.12v1.566c9.276 1.692 18.434 2.596 27.482 2.742V87.341z" fill="#fff" class="D"/><g fill="#df2121"><rect width="7.558" height="23.622" x="238.524" y="91.594" ry="3.779" class="D"/><g stroke-width="1.522"><path d="M246.823 78.043l-22.302-5.298 15.739-16.665z" transform="matrix(.645836 -.153738 .15424 .643736 78.431557 73.118732)"/><path transform="matrix(.645836 .153738 .15424 -.643736 78.431559 133.27609)" d="M246.823 78.043l-22.302-5.298 15.739-16.665z"/></g></g></g></g></svg>
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/img/mousenavigation/zoom.svg b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/img/mousenavigation/zoom.svg
new file mode 100644
index 0000000000..c2d833820a
--- /dev/null
+++ b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/img/mousenavigation/zoom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 110 110" height="415.748" width="415.748" xmlns:v="https://vecta.io/nano"><g transform="matrix(.991287 0 0 .991287 25.614991 -66.025749)"><g transform="translate(-76.155)" stroke="#000" stroke-linejoin="round"><g stroke-width="1.009"><path d="M75.938 119.532v23.094c0 15.024 12.095 27.12 27.12 27.12h5.48c15.024 0 27.12-12.095 27.12-27.12v-23.065c-19.403 3.515-39.31 3.609-59.72-.029z" fill="#fff"/><path d="M107.42 86.781v31.442a161.97 161.97 0 0 0 28.239-2.731V113.9c0-15.024-12.095-27.12-27.12-27.12z" fill="#df2121"/><g fill="#fff"><path d="M103.058 86.781c-15.024 0-27.12 12.095-27.12 27.12v1.566c9.276 1.692 18.434 2.596 27.482 2.742V86.781z"/><rect ry="3.779" y="91.034" x="101.641" height="23.622" width="7.558"/></g></g><g stroke-width="1.522" fill="#df2121"><path d="M246.823 78.043l-22.302-5.298 15.739-16.665z" transform="matrix(.645836 -.153738 .15424 .643736 -58.797323 130.81758)"/><path transform="matrix(.645836 .153738 .15424 -.643736 -58.797313 159.75391)" d="M246.823 78.043l-22.302-5.298 15.739-16.665z"/></g></g></g></svg>
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/index.html b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/index.html
new file mode 100644
index 0000000000..fd791bbff8
--- /dev/null
+++ b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/index.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <title>Welcome to the MITK Workbench!</title>
+    <link rel="stylesheet" href="style.css">
+    <script src="script.js"></script>
+  </head>
+  <body>
+    <div class="content">
+      <h1>Welcome to the MITK Workbench!</h1>
+        <p>
+          Load and view medical images from all kinds of imaging modalities like X-ray, US, CT, MRI, and many more.
+          Use our tools to efficiently create segmentations, measure anatomical structures, inspect image statistics, or register multiple images to each other.
+        </p>
+        <p>
+          <small>
+            The MITK Workbench is developed at the <a href="https://www.dkfz.de">↪ German Cancer Research Center (DKFZ)</a>.<br>
+            It is based on the free open source <a href="https://www.mitk.org">↪ Medical Imaging Interaction Toolkit (MITK)</a>.
+          </small>
+        </p>
+      <div class="tips">
+        <button class="button" style="float: right;" onclick="showNextTip()">Next tip »</button>
+        <div class="tip">
+          <h2>Mouse navigation</h2>
+          <div class="tip-content">
+            <img class="center" style="width: 50%" alt="Crosshair" src="img/mousenavigation/crosshair.svg">
+            <p>
+              Your images are typically shown from three different view directions at once: axial, sagittal, and coronal.
+              Together, the view planes resemble the shape of a three-dimensional crosshair slicing through your image data.
+              Use the mouse to navigate in these views.
+            </p>
+            <div class="table">
+              <div class="tr">
+                <div class="td">
+                  <h3>Focus</h3>
+                  <img style="width: 100%" alt="Left mouse button" src="img/mousenavigation/click.svg">
+                  <p>Use the left mouse button to focus all views on the clicked position.</p>
+                </div>
+                <div class="td">
+                  <h3>Zoom</h3>
+                  <img style="width: 100%" alt="Right mouse button" src="img/mousenavigation/zoom.svg">
+                  <p>Press and hold the right mouse button and move the mouse up and down to zoom in and out.</p>
+                </div>
+                <div class="td">
+                  <h3>Pan</h3>
+                  <img style="width: 100%" alt="Middle mouse button" src="img/mousenavigation/pan.svg">
+                  <p>Press and hold the middle mouse button and move the mouse to pan around.</p>
+                </div>
+                <div class="td">
+                  <h3>Scroll</h3>
+                  <img style="width: 100%" alt="Scroll wheel" src="img/mousenavigation/scroll.svg">
+                  <p>Use the scroll wheel to scroll through slices along the view's direction.</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="tip" hidden>
+          <h2>Image contrast</h2>
+          <div class="tip-content">
+            <img class="float-left" style="width: 40%;" alt="Standard display with level window" src="img/levelwindow/standarddisplay.svg">
+            <p>
+              For images, a vertical scale is shown right next to the views.
+              It is called the <b>level window</b>.
+            </p>
+            <p>
+              The values shown in the level window represent the pixel intensities of an image.
+              The blue bar defines the range of pixel intensities that is mapped onto the whole range of displayable pixel brightness.
+              Hence, a shorter range of pixel intensities results in higher displayed image contrast.
+            </p>
+            <p>
+              Grab the blue bar to move it up and down.<br>
+              Grab the tips of the blue bar to change its size.
+            </p>
+            <p>
+              Right-click on the level window for many more options.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/js/reveal.js b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/js/reveal.js
deleted file mode 100644
index d42be35b0d..0000000000
--- a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/js/reveal.js
+++ /dev/null
@@ -1,4508 +0,0 @@
-/*!
- * reveal.js
- * http://lab.hakim.se/reveal-js
- * MIT licensed
- *
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
- */
-(function( root, factory ) {
-  if( typeof define === 'function' && define.amd ) {
-    // AMD. Register as an anonymous module.
-    define( function() {
-      root.Reveal = factory();
-      return root.Reveal;
-    } );
-  } else if( typeof exports === 'object' ) {
-    // Node. Does not work with strict CommonJS.
-    module.exports = factory();
-  } else {
-    // Browser globals.
-    root.Reveal = factory();
-  }
-}( this, function() {
-
-  'use strict';
-
-  var Reveal;
-
-  var SLIDES_SELECTOR = '.slides section',
-    HORIZONTAL_SLIDES_SELECTOR = '.slides>section',
-    VERTICAL_SLIDES_SELECTOR = '.slides>section.present>section',
-    HOME_SLIDE_SELECTOR = '.slides>section:first-of-type',
-
-    // Configuration defaults, can be overridden at initialization time
-    config = {
-
-      // The "normal" size of the presentation, aspect ratio will be preserved
-      // when the presentation is scaled to fit different resolutions
-      width: 960,
-      height: 700,
-
-      // Factor of the display size that should remain empty around the content
-      margin: 0.1,
-
-      // Bounds for smallest/largest possible scale to apply to content
-      minScale: 0.2,
-      maxScale: 1.5,
-
-      // Display controls in the bottom right corner
-      controls: true,
-
-      // Display a presentation progress bar
-      progress: true,
-
-      // Display the page number of the current slide
-      slideNumber: false,
-
-      // Push each slide change to the browser history
-      history: false,
-
-      // Enable keyboard shortcuts for navigation
-      keyboard: true,
-
-      // Optional function that blocks keyboard events when retuning false
-      keyboardCondition: null,
-
-      // Enable the slide overview mode
-      overview: true,
-
-      // Vertical centering of slides
-      center: true,
-
-      // Enables touch navigation on devices with touch input
-      touch: true,
-
-      // Loop the presentation
-      loop: false,
-
-      // Change the presentation direction to be RTL
-      rtl: false,
-
-      // Turns fragments on and off globally
-      fragments: true,
-
-      // Flags if the presentation is running in an embedded mode,
-      // i.e. contained within a limited portion of the screen
-      embedded: false,
-
-      // Flags if we should show a help overlay when the questionmark
-      // key is pressed
-      help: true,
-
-      // Flags if it should be possible to pause the presentation (blackout)
-      pause: true,
-
-      // Number of milliseconds between automatically proceeding to the
-      // next slide, disabled when set to 0, this value can be overwritten
-      // by using a data-autoslide attribute on your slides
-      autoSlide: 0,
-
-      // Stop auto-sliding after user input
-      autoSlideStoppable: true,
-
-      // Enable slide navigation via mouse wheel
-      mouseWheel: false,
-
-      // Apply a 3D roll to links on hover
-      rollingLinks: false,
-
-      // Hides the address bar on mobile devices
-      hideAddressBar: true,
-
-      // Opens links in an iframe preview overlay
-      previewLinks: false,
-
-      // Exposes the reveal.js API through window.postMessage
-      postMessage: true,
-
-      // Dispatches all reveal.js events to the parent window through postMessage
-      postMessageEvents: false,
-
-      // Focuses body when page changes visiblity to ensure keyboard shortcuts work
-      focusBodyOnPageVisibilityChange: true,
-
-      // Transition style
-      transition: 'slide', // none/fade/slide/convex/concave/zoom
-
-      // Transition speed
-      transitionSpeed: 'default', // default/fast/slow
-
-      // Transition style for full page slide backgrounds
-      backgroundTransition: 'fade', // none/fade/slide/convex/concave/zoom
-
-      // Parallax background image
-      parallaxBackgroundImage: '', // CSS syntax, e.g. "a.jpg"
-
-      // Parallax background size
-      parallaxBackgroundSize: '', // CSS syntax, e.g. "3000px 2000px"
-
-      // Amount of pixels to move the parallax background per slide step
-      parallaxBackgroundHorizontal: null,
-      parallaxBackgroundVertical: null,
-
-      // Number of slides away from the current that are visible
-      viewDistance: 3,
-
-      // Script dependencies to load
-      dependencies: []
-
-    },
-
-    // Flags if reveal.js is loaded (has dispatched the 'ready' event)
-    loaded = false,
-
-    // Flags if the overview mode is currently active
-    overview = false,
-
-    // The horizontal and vertical index of the currently active slide
-    indexh,
-    indexv,
-
-    // The previous and current slide HTML elements
-    previousSlide,
-    currentSlide,
-
-    previousBackground,
-
-    // Slides may hold a data-state attribute which we pick up and apply
-    // as a class to the body. This list contains the combined state of
-    // all current slides.
-    state = [],
-
-    // The current scale of the presentation (see width/height config)
-    scale = 1,
-
-    // CSS transform that is currently applied to the slides container,
-    // split into two groups
-    slidesTransform = { layout: '', overview: '' },
-
-    // Cached references to DOM elements
-    dom = {},
-
-    // Features supported by the browser, see #checkCapabilities()
-    features = {},
-
-    // Client is a mobile device, see #checkCapabilities()
-    isMobileDevice,
-
-    // Throttles mouse wheel navigation
-    lastMouseWheelStep = 0,
-
-    // Delays updates to the URL due to a Chrome thumbnailer bug
-    writeURLTimeout = 0,
-
-    // Flags if the interaction event listeners are bound
-    eventsAreBound = false,
-
-    // The current auto-slide duration
-    autoSlide = 0,
-
-    // Auto slide properties
-    autoSlidePlayer,
-    autoSlideTimeout = 0,
-    autoSlideStartTime = -1,
-    autoSlidePaused = false,
-
-    // Holds information about the currently ongoing touch input
-    touch = {
-      startX: 0,
-      startY: 0,
-      startSpan: 0,
-      startCount: 0,
-      captured: false,
-      threshold: 40
-    },
-
-    // Holds information about the keyboard shortcuts
-    keyboardShortcuts = {
-      'N  ,  SPACE':      'Next slide',
-      'P':          'Previous slide',
-      '&#8592;  ,  H':    'Navigate left',
-      '&#8594;  ,  L':    'Navigate right',
-      '&#8593;  ,  K':    'Navigate up',
-      '&#8595;  ,  J':    'Navigate down',
-      'Home':         'First slide',
-      'End':          'Last slide',
-      'B  ,  .':        'Pause',
-      'F':          'Fullscreen',
-      'ESC, O':       'Slide overview'
-    };
-
-  /**
-   * Starts up the presentation if the client is capable.
-   */
-  function initialize( options ) {
-
-    checkCapabilities();
-
-    if( !features.transforms2d && !features.transforms3d ) {
-      document.body.setAttribute( 'class', 'no-transforms' );
-
-      // Since JS won't be running any further, we load all lazy
-      // loading elements upfront
-      var images = toArray( document.getElementsByTagName( 'img' ) ),
-        iframes = toArray( document.getElementsByTagName( 'iframe' ) );
-
-      var lazyLoadable = images.concat( iframes );
-
-      for( var i = 0, len = lazyLoadable.length; i < len; i++ ) {
-        var element = lazyLoadable[i];
-        if( element.getAttribute( 'data-src' ) ) {
-          element.setAttribute( 'src', element.getAttribute( 'data-src' ) );
-          element.removeAttribute( 'data-src' );
-        }
-      }
-
-      // If the browser doesn't support core features we won't be
-      // using JavaScript to control the presentation
-      return;
-    }
-
-    // Cache references to key DOM elements
-    dom.wrapper = document.querySelector( '.reveal' );
-    dom.slides = document.querySelector( '.reveal .slides' );
-
-    // Force a layout when the whole page, incl fonts, has loaded
-    window.addEventListener( 'load', layout, false );
-
-    var query = Reveal.getQueryHash();
-
-    // Do not accept new dependencies via query config to avoid
-    // the potential of malicious script injection
-    if( typeof query['dependencies'] !== 'undefined' ) delete query['dependencies'];
-
-    // Copy options over to our config object
-    extend( config, options );
-    extend( config, query );
-
-    // Hide the address bar in mobile browsers
-    hideAddressBar();
-
-    // Loads the dependencies and continues to #start() once done
-    load();
-
-  }
-
-  /**
-   * Inspect the client to see what it's capable of, this
-   * should only happens once per runtime.
-   */
-  function checkCapabilities() {
-
-    features.transforms3d = 'WebkitPerspective' in document.body.style ||
-                'MozPerspective' in document.body.style ||
-                'msPerspective' in document.body.style ||
-                'OPerspective' in document.body.style ||
-                'perspective' in document.body.style;
-
-    features.transforms2d = 'WebkitTransform' in document.body.style ||
-                'MozTransform' in document.body.style ||
-                'msTransform' in document.body.style ||
-                'OTransform' in document.body.style ||
-                'transform' in document.body.style;
-
-    features.requestAnimationFrameMethod = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame;
-    features.requestAnimationFrame = typeof features.requestAnimationFrameMethod === 'function';
-
-    features.canvas = !!document.createElement( 'canvas' ).getContext;
-
-    features.touch = !!( 'ontouchstart' in window );
-
-    // Transitions in the overview are disabled in desktop and
-    // mobile Safari due to lag
-    features.overviewTransitions = !/Version\/[\d\.]+.*Safari/.test( navigator.userAgent );
-
-    isMobileDevice = /(iphone|ipod|ipad|android)/gi.test( navigator.userAgent );
-
-  }
-
-    /**
-     * Loads the dependencies of reveal.js. Dependencies are
-     * defined via the configuration option 'dependencies'
-     * and will be loaded prior to starting/binding reveal.js.
-     * Some dependencies may have an 'async' flag, if so they
-     * will load after reveal.js has been started up.
-     */
-  function load() {
-
-    var scripts = [],
-      scriptsAsync = [],
-      scriptsToPreload = 0;
-
-    // Called once synchronous scripts finish loading
-    function proceed() {
-      if( scriptsAsync.length ) {
-        // Load asynchronous scripts
-        head.js.apply( null, scriptsAsync );
-      }
-
-      start();
-    }
-
-    function loadScript( s ) {
-      head.ready( s.src.match( /([\w\d_\-]*)\.?js$|[^\\\/]*$/i )[0], function() {
-        // Extension may contain callback functions
-        if( typeof s.callback === 'function' ) {
-          s.callback.apply( this );
-        }
-
-        if( --scriptsToPreload === 0 ) {
-          proceed();
-        }
-      });
-    }
-
-    for( var i = 0, len = config.dependencies.length; i < len; i++ ) {
-      var s = config.dependencies[i];
-
-      // Load if there's no condition or the condition is truthy
-      if( !s.condition || s.condition() ) {
-        if( s.async ) {
-          scriptsAsync.push( s.src );
-        }
-        else {
-          scripts.push( s.src );
-        }
-
-        loadScript( s );
-      }
-    }
-
-    if( scripts.length ) {
-      scriptsToPreload = scripts.length;
-
-      // Load synchronous scripts
-      head.js.apply( null, scripts );
-    }
-    else {
-      proceed();
-    }
-
-  }
-
-  /**
-   * Starts up reveal.js by binding input events and navigating
-   * to the current URL deeplink if there is one.
-   */
-  function start() {
-
-    // Make sure we've got all the DOM elements we need
-    setupDOM();
-
-    // Listen to messages posted to this window
-    setupPostMessage();
-
-    // Prevent iframes from scrolling the slides out of view
-    setupIframeScrollPrevention();
-
-    // Resets all vertical slides so that only the first is visible
-    resetVerticalSlides();
-
-    // Updates the presentation to match the current configuration values
-    configure();
-
-    // Read the initial hash
-    readURL();
-
-    // Update all backgrounds
-    updateBackground( true );
-
-    // Notify listeners that the presentation is ready but use a 1ms
-    // timeout to ensure it's not fired synchronously after #initialize()
-    setTimeout( function() {
-      // Enable transitions now that we're loaded
-      dom.slides.classList.remove( 'no-transition' );
-
-      loaded = true;
-
-      dispatchEvent( 'ready', {
-        'indexh': indexh,
-        'indexv': indexv,
-        'currentSlide': currentSlide
-      } );
-    }, 1 );
-
-    // Special setup and config is required when printing to PDF
-    if( isPrintingPDF() ) {
-      removeEventListeners();
-
-      // The document needs to have loaded for the PDF layout
-      // measurements to be accurate
-      if( document.readyState === 'complete' ) {
-        setupPDF();
-      }
-      else {
-        window.addEventListener( 'load', setupPDF );
-      }
-    }
-
-  }
-
-  /**
-   * Finds and stores references to DOM elements which are
-   * required by the presentation. If a required element is
-   * not found, it is created.
-   */
-  function setupDOM() {
-
-    // Prevent transitions while we're loading
-    dom.slides.classList.add( 'no-transition' );
-
-    // Background element
-    dom.background = createSingletonNode( dom.wrapper, 'div', 'backgrounds', null );
-
-    // Progress bar
-    dom.progress = createSingletonNode( dom.wrapper, 'div', 'progress', '<span></span>' );
-    dom.progressbar = dom.progress.querySelector( 'span' );
-
-    // Arrow controls
-    createSingletonNode( dom.wrapper, 'aside', 'controls',
-      '<div class="navigate-left"></div>' +
-      '<div class="navigate-right"></div>' +
-      '<div class="navigate-up"></div>' +
-      '<div class="navigate-down"></div>' );
-
-    // Slide number
-    dom.slideNumber = createSingletonNode( dom.wrapper, 'div', 'slide-number', '' );
-
-    // Overlay graphic which is displayed during the paused mode
-    createSingletonNode( dom.wrapper, 'div', 'pause-overlay', null );
-
-    // Cache references to elements
-    dom.controls = document.querySelector( '.reveal .controls' );
-    dom.theme = document.querySelector( '#theme' );
-
-    dom.wrapper.setAttribute( 'role', 'application' );
-
-    // There can be multiple instances of controls throughout the page
-    dom.controlsLeft = toArray( document.querySelectorAll( '.navigate-left' ) );
-    dom.controlsRight = toArray( document.querySelectorAll( '.navigate-right' ) );
-    dom.controlsUp = toArray( document.querySelectorAll( '.navigate-up' ) );
-    dom.controlsDown = toArray( document.querySelectorAll( '.navigate-down' ) );
-    dom.controlsPrev = toArray( document.querySelectorAll( '.navigate-prev' ) );
-    dom.controlsNext = toArray( document.querySelectorAll( '.navigate-next' ) );
-
-    dom.statusDiv = createStatusDiv();
-  }
-
-  /**
-   * Creates a hidden div with role aria-live to announce the
-   * current slide content. Hide the div off-screen to make it
-   * available only to Assistive Technologies.
-   */
-  function createStatusDiv() {
-
-    var statusDiv = document.getElementById( 'aria-status-div' );
-    if( !statusDiv ) {
-      statusDiv = document.createElement( 'div' );
-      statusDiv.style.position = 'absolute';
-      statusDiv.style.height = '1px';
-      statusDiv.style.width = '1px';
-      statusDiv.style.overflow ='hidden';
-      statusDiv.style.clip = 'rect( 1px, 1px, 1px, 1px )';
-      statusDiv.setAttribute( 'id', 'aria-status-div' );
-      statusDiv.setAttribute( 'aria-live', 'polite' );
-      statusDiv.setAttribute( 'aria-atomic','true' );
-      dom.wrapper.appendChild( statusDiv );
-    }
-    return statusDiv;
-
-  }
-
-  /**
-   * Configures the presentation for printing to a static
-   * PDF.
-   */
-  function setupPDF() {
-
-    var slideSize = getComputedSlideSize( window.innerWidth, window.innerHeight );
-
-    // Dimensions of the PDF pages
-    var pageWidth = Math.floor( slideSize.width * ( 1 + config.margin ) ),
-      pageHeight = Math.floor( slideSize.height * ( 1 + config.margin  ) );
-
-    // Dimensions of slides within the pages
-    var slideWidth = slideSize.width,
-      slideHeight = slideSize.height;
-
-    // Let the browser know what page size we want to print
-    injectStyleSheet( '@page{size:'+ pageWidth +'px '+ pageHeight +'px; margin: 0;}' );
-
-    // Limit the size of certain elements to the dimensions of the slide
-    injectStyleSheet( '.reveal section>img, .reveal section>video, .reveal section>iframe{max-width: '+ slideWidth +'px; max-height:'+ slideHeight +'px}' );
-
-    document.body.classList.add( 'print-pdf' );
-    document.body.style.width = pageWidth + 'px';
-    document.body.style.height = pageHeight + 'px';
-
-    // Slide and slide background layout
-    toArray( dom.wrapper.querySelectorAll( SLIDES_SELECTOR ) ).forEach( function( slide ) {
-
-      // Vertical stacks are not centred since their section
-      // children will be
-      if( slide.classList.contains( 'stack' ) === false ) {
-        // Center the slide inside of the page, giving the slide some margin
-        var left = ( pageWidth - slideWidth ) / 2,
-          top = ( pageHeight - slideHeight ) / 2;
-
-        var contentHeight = getAbsoluteHeight( slide );
-        var numberOfPages = Math.max( Math.ceil( contentHeight / pageHeight ), 1 );
-
-        // Center slides vertically
-        if( numberOfPages === 1 && config.center || slide.classList.contains( 'center' ) ) {
-          top = Math.max( ( pageHeight - contentHeight ) / 2, 0 );
-        }
-
-        // Position the slide inside of the page
-        slide.style.left = left + 'px';
-        slide.style.top = top + 'px';
-        slide.style.width = slideWidth + 'px';
-
-        // TODO Backgrounds need to be multiplied when the slide
-        // stretches over multiple pages
-        var background = slide.querySelector( '.slide-background' );
-        if( background ) {
-          background.style.width = pageWidth + 'px';
-          background.style.height = ( pageHeight * numberOfPages ) + 'px';
-          background.style.top = -top + 'px';
-          background.style.left = -left + 'px';
-        }
-      }
-
-    } );
-
-    // Show all fragments
-    toArray( dom.wrapper.querySelectorAll( SLIDES_SELECTOR + ' .fragment' ) ).forEach( function( fragment ) {
-      fragment.classList.add( 'visible' );
-    } );
-
-  }
-
-  /**
-   * This is an unfortunate necessity. Iframes can trigger the
-   * parent window to scroll, for example by focusing an input.
-   * This scrolling can not be prevented by hiding overflow in
-   * CSS so we have to resort to repeatedly checking if the
-   * browser has decided to offset our slides :(
-   */
-  function setupIframeScrollPrevention() {
-
-    if( dom.slides.querySelector( 'iframe' ) ) {
-      setInterval( function() {
-        if( dom.wrapper.scrollTop !== 0 || dom.wrapper.scrollLeft !== 0 ) {
-          dom.wrapper.scrollTop = 0;
-          dom.wrapper.scrollLeft = 0;
-        }
-      }, 500 );
-    }
-
-  }
-
-  /**
-   * Creates an HTML element and returns a reference to it.
-   * If the element already exists the existing instance will
-   * be returned.
-   */
-  function createSingletonNode( container, tagname, classname, innerHTML ) {
-
-    // Find all nodes matching the description
-    var nodes = container.querySelectorAll( '.' + classname );
-
-    // Check all matches to find one which is a direct child of
-    // the specified container
-    for( var i = 0; i < nodes.length; i++ ) {
-      var testNode = nodes[i];
-      if( testNode.parentNode === container ) {
-        return testNode;
-      }
-    }
-
-    // If no node was found, create it now
-    var node = document.createElement( tagname );
-    node.classList.add( classname );
-    if( typeof innerHTML === 'string' ) {
-      node.innerHTML = innerHTML;
-    }
-    container.appendChild( node );
-
-    return node;
-
-  }
-
-  /**
-   * Creates the slide background elements and appends them
-   * to the background container. One element is created per
-   * slide no matter if the given slide has visible background.
-   */
-  function createBackgrounds() {
-
-    var printMode = isPrintingPDF();
-
-    // Clear prior backgrounds
-    dom.background.innerHTML = '';
-    dom.background.classList.add( 'no-transition' );
-
-    // Iterate over all horizontal slides
-    toArray( dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ) ).forEach( function( slideh ) {
-
-      var backgroundStack;
-
-      if( printMode ) {
-        backgroundStack = createBackground( slideh, slideh );
-      }
-      else {
-        backgroundStack = createBackground( slideh, dom.background );
-      }
-
-      // Iterate over all vertical slides
-      toArray( slideh.querySelectorAll( 'section' ) ).forEach( function( slidev ) {
-
-        if( printMode ) {
-          createBackground( slidev, slidev );
-        }
-        else {
-          createBackground( slidev, backgroundStack );
-        }
-
-        backgroundStack.classList.add( 'stack' );
-
-      } );
-
-    } );
-
-    // Add parallax background if specified
-    if( config.parallaxBackgroundImage ) {
-
-      dom.background.style.backgroundImage = 'url("' + config.parallaxBackgroundImage + '")';
-      dom.background.style.backgroundSize = config.parallaxBackgroundSize;
-
-      // Make sure the below properties are set on the element - these properties are
-      // needed for proper transitions to be set on the element via CSS. To remove
-      // annoying background slide-in effect when the presentation starts, apply
-      // these properties after short time delay
-      setTimeout( function() {
-        dom.wrapper.classList.add( 'has-parallax-background' );
-      }, 1 );
-
-    }
-    else {
-
-      dom.background.style.backgroundImage = '';
-      dom.wrapper.classList.remove( 'has-parallax-background' );
-
-    }
-
-  }
-
-  /**
-   * Creates a background for the given slide.
-   *
-   * @param {HTMLElement} slide
-   * @param {HTMLElement} container The element that the background
-   * should be appended to
-   */
-  function createBackground( slide, container ) {
-
-    var data = {
-      background: slide.getAttribute( 'data-background' ),
-      backgroundSize: slide.getAttribute( 'data-background-size' ),
-      backgroundImage: slide.getAttribute( 'data-background-image' ),
-      backgroundVideo: slide.getAttribute( 'data-background-video' ),
-      backgroundIframe: slide.getAttribute( 'data-background-iframe' ),
-      backgroundColor: slide.getAttribute( 'data-background-color' ),
-      backgroundRepeat: slide.getAttribute( 'data-background-repeat' ),
-      backgroundPosition: slide.getAttribute( 'data-background-position' ),
-      backgroundTransition: slide.getAttribute( 'data-background-transition' )
-    };
-
-    var element = document.createElement( 'div' );
-
-    // Carry over custom classes from the slide to the background
-    element.className = 'slide-background ' + slide.className.replace( /present|past|future/, '' );
-
-    if( data.background ) {
-      // Auto-wrap image urls in url(...)
-      if( /^(http|file|\/\/)/gi.test( data.background ) || /\.(svg|png|jpg|jpeg|gif|bmp)$/gi.test( data.background ) ) {
-        slide.setAttribute( 'data-background-image', data.background );
-      }
-      else {
-        element.style.background = data.background;
-      }
-    }
-
-    // Create a hash for this combination of background settings.
-    // This is used to determine when two slide backgrounds are
-    // the same.
-    if( data.background || data.backgroundColor || data.backgroundImage || data.backgroundVideo || data.backgroundIframe ) {
-      element.setAttribute( 'data-background-hash', data.background +
-                              data.backgroundSize +
-                              data.backgroundImage +
-                              data.backgroundVideo +
-                              data.backgroundIframe +
-                              data.backgroundColor +
-                              data.backgroundRepeat +
-                              data.backgroundPosition +
-                              data.backgroundTransition );
-    }
-
-    // Additional and optional background properties
-    if( data.backgroundSize ) element.style.backgroundSize = data.backgroundSize;
-    if( data.backgroundColor ) element.style.backgroundColor = data.backgroundColor;
-    if( data.backgroundRepeat ) element.style.backgroundRepeat = data.backgroundRepeat;
-    if( data.backgroundPosition ) element.style.backgroundPosition = data.backgroundPosition;
-    if( data.backgroundTransition ) element.setAttribute( 'data-background-transition', data.backgroundTransition );
-
-    container.appendChild( element );
-
-    // If backgrounds are being recreated, clear old classes
-    slide.classList.remove( 'has-dark-background' );
-    slide.classList.remove( 'has-light-background' );
-
-    // If this slide has a background color, add a class that
-    // signals if it is light or dark. If the slide has no background
-    // color, no class will be set
-    var computedBackgroundColor = window.getComputedStyle( element ).backgroundColor;
-    if( computedBackgroundColor ) {
-      var rgb = colorToRgb( computedBackgroundColor );
-
-      // Ignore fully transparent backgrounds. Some browsers return
-      // rgba(0,0,0,0) when reading the computed background color of
-      // an element with no background
-      if( rgb && rgb.a !== 0 ) {
-        if( colorBrightness( computedBackgroundColor ) < 128 ) {
-          slide.classList.add( 'has-dark-background' );
-        }
-        else {
-          slide.classList.add( 'has-light-background' );
-        }
-      }
-    }
-
-    return element;
-
-  }
-
-  /**
-   * Registers a listener to postMessage events, this makes it
-   * possible to call all reveal.js API methods from another
-   * window. For example:
-   *
-   * revealWindow.postMessage( JSON.stringify({
-   *   method: 'slide',
-   *   args: [ 2 ]
-   * }), '*' );
-   */
-  function setupPostMessage() {
-
-    if( config.postMessage ) {
-      window.addEventListener( 'message', function ( event ) {
-        var data = event.data;
-
-        // Make sure we're dealing with JSON
-        if( typeof data === 'string' && data.charAt( 0 ) === '{' && data.charAt( data.length - 1 ) === '}' ) {
-          data = JSON.parse( data );
-
-          // Check if the requested method can be found
-          if( data.method && typeof Reveal[data.method] === 'function' ) {
-            Reveal[data.method].apply( Reveal, data.args );
-          }
-        }
-      }, false );
-    }
-
-  }
-
-  /**
-   * Applies the configuration settings from the config
-   * object. May be called multiple times.
-   */
-  function configure( options ) {
-
-    var numberOfSlides = dom.wrapper.querySelectorAll( SLIDES_SELECTOR ).length;
-
-    dom.wrapper.classList.remove( config.transition );
-
-    // New config options may be passed when this method
-    // is invoked through the API after initialization
-    if( typeof options === 'object' ) extend( config, options );
-
-    // Force linear transition based on browser capabilities
-    if( features.transforms3d === false ) config.transition = 'linear';
-
-    dom.wrapper.classList.add( config.transition );
-
-    dom.wrapper.setAttribute( 'data-transition-speed', config.transitionSpeed );
-    dom.wrapper.setAttribute( 'data-background-transition', config.backgroundTransition );
-
-    dom.controls.style.display = config.controls ? 'block' : 'none';
-    dom.progress.style.display = config.progress ? 'block' : 'none';
-
-    if( config.rtl ) {
-      dom.wrapper.classList.add( 'rtl' );
-    }
-    else {
-      dom.wrapper.classList.remove( 'rtl' );
-    }
-
-    if( config.center ) {
-      dom.wrapper.classList.add( 'center' );
-    }
-    else {
-      dom.wrapper.classList.remove( 'center' );
-    }
-
-    // Exit the paused mode if it was configured off
-    if( config.pause === false ) {
-      resume();
-    }
-
-    if( config.mouseWheel ) {
-      document.addEventListener( 'DOMMouseScroll', onDocumentMouseScroll, false ); // FF
-      document.addEventListener( 'mousewheel', onDocumentMouseScroll, false );
-    }
-    else {
-      document.removeEventListener( 'DOMMouseScroll', onDocumentMouseScroll, false ); // FF
-      document.removeEventListener( 'mousewheel', onDocumentMouseScroll, false );
-    }
-
-    // Rolling 3D links
-    if( config.rollingLinks ) {
-      enableRollingLinks();
-    }
-    else {
-      disableRollingLinks();
-    }
-
-    // Iframe link previews
-    if( config.previewLinks ) {
-      enablePreviewLinks();
-    }
-    else {
-      disablePreviewLinks();
-      enablePreviewLinks( '[data-preview-link]' );
-    }
-
-    // Remove existing auto-slide controls
-    if( autoSlidePlayer ) {
-      autoSlidePlayer.destroy();
-      autoSlidePlayer = null;
-    }
-
-    // Generate auto-slide controls if needed
-    if( numberOfSlides > 1 && config.autoSlide && config.autoSlideStoppable && features.canvas && features.requestAnimationFrame ) {
-      autoSlidePlayer = new Playback( dom.wrapper, function() {
-        return Math.min( Math.max( ( Date.now() - autoSlideStartTime ) / autoSlide, 0 ), 1 );
-      } );
-
-      autoSlidePlayer.on( 'click', onAutoSlidePlayerClick );
-      autoSlidePaused = false;
-    }
-
-    // When fragments are turned off they should be visible
-    if( config.fragments === false ) {
-      toArray( dom.slides.querySelectorAll( '.fragment' ) ).forEach( function( element ) {
-        element.classList.add( 'visible' );
-        element.classList.remove( 'current-fragment' );
-      } );
-    }
-
-    sync();
-
-  }
-
-  /**
-   * Binds all event listeners.
-   */
-  function addEventListeners() {
-
-    eventsAreBound = true;
-
-    window.addEventListener( 'hashchange', onWindowHashChange, false );
-    window.addEventListener( 'resize', onWindowResize, false );
-
-    if( config.touch ) {
-      dom.wrapper.addEventListener( 'touchstart', onTouchStart, false );
-      dom.wrapper.addEventListener( 'touchmove', onTouchMove, false );
-      dom.wrapper.addEventListener( 'touchend', onTouchEnd, false );
-
-      // Support pointer-style touch interaction as well
-      if( window.navigator.pointerEnabled ) {
-        // IE 11 uses un-prefixed version of pointer events
-        dom.wrapper.addEventListener( 'pointerdown', onPointerDown, false );
-        dom.wrapper.addEventListener( 'pointermove', onPointerMove, false );
-        dom.wrapper.addEventListener( 'pointerup', onPointerUp, false );
-      }
-      else if( window.navigator.msPointerEnabled ) {
-        // IE 10 uses prefixed version of pointer events
-        dom.wrapper.addEventListener( 'MSPointerDown', onPointerDown, false );
-        dom.wrapper.addEventListener( 'MSPointerMove', onPointerMove, false );
-        dom.wrapper.addEventListener( 'MSPointerUp', onPointerUp, false );
-      }
-    }
-
-    if( config.keyboard ) {
-      document.addEventListener( 'keydown', onDocumentKeyDown, false );
-      document.addEventListener( 'keypress', onDocumentKeyPress, false );
-    }
-
-    if( config.progress && dom.progress ) {
-      dom.progress.addEventListener( 'click', onProgressClicked, false );
-    }
-
-    if( config.focusBodyOnPageVisibilityChange ) {
-      var visibilityChange;
-
-      if( 'hidden' in document ) {
-        visibilityChange = 'visibilitychange';
-      }
-      else if( 'msHidden' in document ) {
-        visibilityChange = 'msvisibilitychange';
-      }
-      else if( 'webkitHidden' in document ) {
-        visibilityChange = 'webkitvisibilitychange';
-      }
-
-      if( visibilityChange ) {
-        document.addEventListener( visibilityChange, onPageVisibilityChange, false );
-      }
-    }
-
-    // Listen to both touch and click events, in case the device
-    // supports both
-    var pointerEvents = [ 'touchstart', 'click' ];
-
-    // Only support touch for Android, fixes double navigations in
-    // stock browser
-    if( navigator.userAgent.match( /android/gi ) ) {
-      pointerEvents = [ 'touchstart' ];
-    }
-
-    pointerEvents.forEach( function( eventName ) {
-      dom.controlsLeft.forEach( function( el ) { el.addEventListener( eventName, onNavigateLeftClicked, false ); } );
-      dom.controlsRight.forEach( function( el ) { el.addEventListener( eventName, onNavigateRightClicked, false ); } );
-      dom.controlsUp.forEach( function( el ) { el.addEventListener( eventName, onNavigateUpClicked, false ); } );
-      dom.controlsDown.forEach( function( el ) { el.addEventListener( eventName, onNavigateDownClicked, false ); } );
-      dom.controlsPrev.forEach( function( el ) { el.addEventListener( eventName, onNavigatePrevClicked, false ); } );
-      dom.controlsNext.forEach( function( el ) { el.addEventListener( eventName, onNavigateNextClicked, false ); } );
-    } );
-
-  }
-
-  /**
-   * Unbinds all event listeners.
-   */
-  function removeEventListeners() {
-
-    eventsAreBound = false;
-
-    document.removeEventListener( 'keydown', onDocumentKeyDown, false );
-    document.removeEventListener( 'keypress', onDocumentKeyPress, false );
-    window.removeEventListener( 'hashchange', onWindowHashChange, false );
-    window.removeEventListener( 'resize', onWindowResize, false );
-
-    dom.wrapper.removeEventListener( 'touchstart', onTouchStart, false );
-    dom.wrapper.removeEventListener( 'touchmove', onTouchMove, false );
-    dom.wrapper.removeEventListener( 'touchend', onTouchEnd, false );
-
-    // IE11
-    if( window.navigator.pointerEnabled ) {
-      dom.wrapper.removeEventListener( 'pointerdown', onPointerDown, false );
-      dom.wrapper.removeEventListener( 'pointermove', onPointerMove, false );
-      dom.wrapper.removeEventListener( 'pointerup', onPointerUp, false );
-    }
-    // IE10
-    else if( window.navigator.msPointerEnabled ) {
-      dom.wrapper.removeEventListener( 'MSPointerDown', onPointerDown, false );
-      dom.wrapper.removeEventListener( 'MSPointerMove', onPointerMove, false );
-      dom.wrapper.removeEventListener( 'MSPointerUp', onPointerUp, false );
-    }
-
-    if ( config.progress && dom.progress ) {
-      dom.progress.removeEventListener( 'click', onProgressClicked, false );
-    }
-
-    [ 'touchstart', 'click' ].forEach( function( eventName ) {
-      dom.controlsLeft.forEach( function( el ) { el.removeEventListener( eventName, onNavigateLeftClicked, false ); } );
-      dom.controlsRight.forEach( function( el ) { el.removeEventListener( eventName, onNavigateRightClicked, false ); } );
-      dom.controlsUp.forEach( function( el ) { el.removeEventListener( eventName, onNavigateUpClicked, false ); } );
-      dom.controlsDown.forEach( function( el ) { el.removeEventListener( eventName, onNavigateDownClicked, false ); } );
-      dom.controlsPrev.forEach( function( el ) { el.removeEventListener( eventName, onNavigatePrevClicked, false ); } );
-      dom.controlsNext.forEach( function( el ) { el.removeEventListener( eventName, onNavigateNextClicked, false ); } );
-    } );
-
-  }
-
-  /**
-   * Extend object a with the properties of object b.
-   * If there's a conflict, object b takes precedence.
-   */
-  function extend( a, b ) {
-
-    for( var i in b ) {
-      a[ i ] = b[ i ];
-    }
-
-  }
-
-  /**
-   * Converts the target object to an array.
-   */
-  function toArray( o ) {
-
-    return Array.prototype.slice.call( o );
-
-  }
-
-  /**
-   * Utility for deserializing a value.
-   */
-  function deserialize( value ) {
-
-    if( typeof value === 'string' ) {
-      if( value === 'null' ) return null;
-      else if( value === 'true' ) return true;
-      else if( value === 'false' ) return false;
-      else if( value.match( /^\d+$/ ) ) return parseFloat( value );
-    }
-
-    return value;
-
-  }
-
-  /**
-   * Measures the distance in pixels between point a
-   * and point b.
-   *
-   * @param {Object} a point with x/y properties
-   * @param {Object} b point with x/y properties
-   */
-  function distanceBetween( a, b ) {
-
-    var dx = a.x - b.x,
-      dy = a.y - b.y;
-
-    return Math.sqrt( dx*dx + dy*dy );
-
-  }
-
-  /**
-   * Applies a CSS transform to the target element.
-   */
-  function transformElement( element, transform ) {
-
-    element.style.WebkitTransform = transform;
-    element.style.MozTransform = transform;
-    element.style.msTransform = transform;
-    element.style.transform = transform;
-
-  }
-
-  /**
-   * Applies CSS transforms to the slides container. The container
-   * is transformed from two separate sources: layout and the overview
-   * mode.
-   */
-  function transformSlides( transforms ) {
-
-    // Pick up new transforms from arguments
-    if( typeof transforms.layout === 'string' ) slidesTransform.layout = transforms.layout;
-    if( typeof transforms.overview === 'string' ) slidesTransform.overview = transforms.overview;
-
-    // Apply the transforms to the slides container
-    if( slidesTransform.layout ) {
-      transformElement( dom.slides, slidesTransform.layout + ' ' + slidesTransform.overview );
-    }
-    else {
-      transformElement( dom.slides, slidesTransform.overview );
-    }
-
-  }
-
-  /**
-   * Injects the given CSS styles into the DOM.
-   */
-  function injectStyleSheet( value ) {
-
-    var tag = document.createElement( 'style' );
-    tag.type = 'text/css';
-    if( tag.styleSheet ) {
-      tag.styleSheet.cssText = value;
-    }
-    else {
-      tag.appendChild( document.createTextNode( value ) );
-    }
-    document.getElementsByTagName( 'head' )[0].appendChild( tag );
-
-  }
-
-  /**
-   * Converts various color input formats to an {r:0,g:0,b:0} object.
-   *
-   * @param {String} color The string representation of a color,
-   * the following formats are supported:
-   * - #000
-   * - #000000
-   * - rgb(0,0,0)
-   */
-  function colorToRgb( color ) {
-
-    var hex3 = color.match( /^#([0-9a-f]{3})$/i );
-    if( hex3 && hex3[1] ) {
-      hex3 = hex3[1];
-      return {
-        r: parseInt( hex3.charAt( 0 ), 16 ) * 0x11,
-        g: parseInt( hex3.charAt( 1 ), 16 ) * 0x11,
-        b: parseInt( hex3.charAt( 2 ), 16 ) * 0x11
-      };
-    }
-
-    var hex6 = color.match( /^#([0-9a-f]{6})$/i );
-    if( hex6 && hex6[1] ) {
-      hex6 = hex6[1];
-      return {
-        r: parseInt( hex6.substr( 0, 2 ), 16 ),
-        g: parseInt( hex6.substr( 2, 2 ), 16 ),
-        b: parseInt( hex6.substr( 4, 2 ), 16 )
-      };
-    }
-
-    var rgb = color.match( /^rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i );
-    if( rgb ) {
-      return {
-        r: parseInt( rgb[1], 10 ),
-        g: parseInt( rgb[2], 10 ),
-        b: parseInt( rgb[3], 10 )
-      };
-    }
-
-    var rgba = color.match( /^rgba\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\,\s*([\d]+|[\d]*.[\d]+)\s*\)$/i );
-    if( rgba ) {
-      return {
-        r: parseInt( rgba[1], 10 ),
-        g: parseInt( rgba[2], 10 ),
-        b: parseInt( rgba[3], 10 ),
-        a: parseFloat( rgba[4] )
-      };
-    }
-
-    return null;
-
-  }
-
-  /**
-   * Calculates brightness on a scale of 0-255.
-   *
-   * @param color See colorStringToRgb for supported formats.
-   */
-  function colorBrightness( color ) {
-
-    if( typeof color === 'string' ) color = colorToRgb( color );
-
-    if( color ) {
-      return ( color.r * 299 + color.g * 587 + color.b * 114 ) / 1000;
-    }
-
-    return null;
-
-  }
-
-  /**
-   * Retrieves the height of the given element by looking
-   * at the position and height of its immediate children.
-   */
-  function getAbsoluteHeight( element ) {
-
-    var height = 0;
-
-    if( element ) {
-      var absoluteChildren = 0;
-
-      toArray( element.childNodes ).forEach( function( child ) {
-
-        if( typeof child.offsetTop === 'number' && child.style ) {
-          // Count # of abs children
-          if( window.getComputedStyle( child ).position === 'absolute' ) {
-            absoluteChildren += 1;
-          }
-
-          height = Math.max( height, child.offsetTop + child.offsetHeight );
-        }
-
-      } );
-
-      // If there are no absolute children, use offsetHeight
-      if( absoluteChildren === 0 ) {
-        height = element.offsetHeight;
-      }
-
-    }
-
-    return height;
-
-  }
-
-  /**
-   * Returns the remaining height within the parent of the
-   * target element.
-   *
-   * remaining height = [ configured parent height ] - [ current parent height ]
-   */
-  function getRemainingHeight( element, height ) {
-
-    height = height || 0;
-
-    if( element ) {
-      var newHeight, oldHeight = element.style.height;
-
-      // Change the .stretch element height to 0 in order find the height of all
-      // the other elements
-      element.style.height = '0px';
-      newHeight = height - element.parentNode.offsetHeight;
-
-      // Restore the old height, just in case
-      element.style.height = oldHeight + 'px';
-
-      return newHeight;
-    }
-
-    return height;
-
-  }
-
-  /**
-   * Checks if this instance is being used to print a PDF.
-   */
-  function isPrintingPDF() {
-
-    return ( /print-pdf/gi ).test( window.location.search );
-
-  }
-
-  /**
-   * Hides the address bar if we're on a mobile device.
-   */
-  function hideAddressBar() {
-
-    if( config.hideAddressBar && isMobileDevice ) {
-      // Events that should trigger the address bar to hide
-      window.addEventListener( 'load', removeAddressBar, false );
-      window.addEventListener( 'orientationchange', removeAddressBar, false );
-    }
-
-  }
-
-  /**
-   * Causes the address bar to hide on mobile devices,
-   * more vertical space ftw.
-   */
-  function removeAddressBar() {
-
-    setTimeout( function() {
-      window.scrollTo( 0, 1 );
-    }, 10 );
-
-  }
-
-  /**
-   * Dispatches an event of the specified type from the
-   * reveal DOM element.
-   */
-  function dispatchEvent( type, args ) {
-
-    var event = document.createEvent( 'HTMLEvents', 1, 2 );
-    event.initEvent( type, true, true );
-    extend( event, args );
-    dom.wrapper.dispatchEvent( event );
-
-    // If we're in an iframe, post each reveal.js event to the
-    // parent window. Used by the notes plugin
-    if( config.postMessageEvents && window.parent !== window.self ) {
-      window.parent.postMessage( JSON.stringify({ namespace: 'reveal', eventName: type, state: getState() }), '*' );
-    }
-
-  }
-
-  /**
-   * Wrap all links in 3D goodness.
-   */
-  function enableRollingLinks() {
-
-    if( features.transforms3d && !( 'msPerspective' in document.body.style ) ) {
-      var anchors = dom.wrapper.querySelectorAll( SLIDES_SELECTOR + ' a' );
-
-      for( var i = 0, len = anchors.length; i < len; i++ ) {
-        var anchor = anchors[i];
-
-        if( anchor.textContent && !anchor.querySelector( '*' ) && ( !anchor.className || !anchor.classList.contains( anchor, 'roll' ) ) ) {
-          var span = document.createElement('span');
-          span.setAttribute('data-title', anchor.text);
-          span.innerHTML = anchor.innerHTML;
-
-          anchor.classList.add( 'roll' );
-          anchor.innerHTML = '';
-          anchor.appendChild(span);
-        }
-      }
-    }
-
-  }
-
-  /**
-   * Unwrap all 3D links.
-   */
-  function disableRollingLinks() {
-
-    var anchors = dom.wrapper.querySelectorAll( SLIDES_SELECTOR + ' a.roll' );
-
-    for( var i = 0, len = anchors.length; i < len; i++ ) {
-      var anchor = anchors[i];
-      var span = anchor.querySelector( 'span' );
-
-      if( span ) {
-        anchor.classList.remove( 'roll' );
-        anchor.innerHTML = span.innerHTML;
-      }
-    }
-
-  }
-
-  /**
-   * Bind preview frame links.
-   */
-  function enablePreviewLinks( selector ) {
-
-    var anchors = toArray( document.querySelectorAll( selector ? selector : 'a' ) );
-
-    anchors.forEach( function( element ) {
-      if( /^(http|www)/gi.test( element.getAttribute( 'href' ) ) ) {
-        element.addEventListener( 'click', onPreviewLinkClicked, false );
-      }
-    } );
-
-  }
-
-  /**
-   * Unbind preview frame links.
-   */
-  function disablePreviewLinks() {
-
-    var anchors = toArray( document.querySelectorAll( 'a' ) );
-
-    anchors.forEach( function( element ) {
-      if( /^(http|www)/gi.test( element.getAttribute( 'href' ) ) ) {
-        element.removeEventListener( 'click', onPreviewLinkClicked, false );
-      }
-    } );
-
-  }
-
-  /**
-   * Opens a preview window for the target URL.
-   */
-  function showPreview( url ) {
-
-    closeOverlay();
-
-    dom.overlay = document.createElement( 'div' );
-    dom.overlay.classList.add( 'overlay' );
-    dom.overlay.classList.add( 'overlay-preview' );
-    dom.wrapper.appendChild( dom.overlay );
-
-    dom.overlay.innerHTML = [
-      '<header>',
-        '<a class="close" href="#"><span class="icon"></span></a>',
-        '<a class="external" href="'+ url +'" target="_blank"><span class="icon"></span></a>',
-      '</header>',
-      '<div class="spinner"></div>',
-      '<div class="viewport">',
-        '<iframe src="'+ url +'"></iframe>',
-      '</div>'
-    ].join('');
-
-    dom.overlay.querySelector( 'iframe' ).addEventListener( 'load', function( event ) {
-      dom.overlay.classList.add( 'loaded' );
-    }, false );
-
-    dom.overlay.querySelector( '.close' ).addEventListener( 'click', function( event ) {
-      closeOverlay();
-      event.preventDefault();
-    }, false );
-
-    dom.overlay.querySelector( '.external' ).addEventListener( 'click', function( event ) {
-      closeOverlay();
-    }, false );
-
-    setTimeout( function() {
-      dom.overlay.classList.add( 'visible' );
-    }, 1 );
-
-  }
-
-  /**
-   * Opens a overlay window with help material.
-   */
-  function showHelp() {
-
-    if( config.help ) {
-
-      closeOverlay();
-
-      dom.overlay = document.createElement( 'div' );
-      dom.overlay.classList.add( 'overlay' );
-      dom.overlay.classList.add( 'overlay-help' );
-      dom.wrapper.appendChild( dom.overlay );
-
-      var html = '<p class="title">Keyboard Shortcuts</p><br/>';
-
-      html += '<table><th>KEY</th><th>ACTION</th>';
-      for( var key in keyboardShortcuts ) {
-        html += '<tr><td>' + key + '</td><td>' + keyboardShortcuts[ key ] + '</td></tr>';
-      }
-
-      html += '</table>';
-
-      dom.overlay.innerHTML = [
-        '<header>',
-          '<a class="close" href="#"><span class="icon"></span></a>',
-        '</header>',
-        '<div class="viewport">',
-          '<div class="viewport-inner">'+ html +'</div>',
-        '</div>'
-      ].join('');
-
-      dom.overlay.querySelector( '.close' ).addEventListener( 'click', function( event ) {
-        closeOverlay();
-        event.preventDefault();
-      }, false );
-
-      setTimeout( function() {
-        dom.overlay.classList.add( 'visible' );
-      }, 1 );
-
-    }
-
-  }
-
-  /**
-   * Closes any currently open overlay.
-   */
-  function closeOverlay() {
-
-    if( dom.overlay ) {
-      dom.overlay.parentNode.removeChild( dom.overlay );
-      dom.overlay = null;
-    }
-
-  }
-
-  /**
-   * Applies JavaScript-controlled layout rules to the
-   * presentation.
-   */
-  function layout() {
-
-    if( dom.wrapper && !isPrintingPDF() ) {
-
-      var size = getComputedSlideSize();
-
-      var slidePadding = 20; // TODO Dig this out of DOM
-
-      // Layout the contents of the slides
-      layoutSlideContents( config.width, config.height, slidePadding );
-
-      dom.slides.style.width = size.width + 'px';
-      dom.slides.style.height = size.height + 'px';
-
-      // Determine scale of content to fit within available space
-      scale = Math.min( size.presentationWidth / size.width, size.presentationHeight / size.height );
-
-      // Respect max/min scale settings
-      scale = Math.max( scale, config.minScale );
-      scale = Math.min( scale, config.maxScale );
-
-      // Don't apply any scaling styles if scale is 1
-      if( scale === 1 ) {
-        dom.slides.style.zoom = '';
-        dom.slides.style.left = '';
-        dom.slides.style.top = '';
-        dom.slides.style.bottom = '';
-        dom.slides.style.right = '';
-        transformSlides( { layout: '' } );
-      }
-      else {
-        // Prefer zooming in desktop Chrome so that content remains crisp
-        if( !isMobileDevice && /chrome/i.test( navigator.userAgent ) && typeof dom.slides.style.zoom !== 'undefined' ) {
-          dom.slides.style.zoom = scale;
-          transformSlides( { layout: '' } );
-        }
-        // Apply scale transform as a fallback
-        else {
-          dom.slides.style.left = '50%';
-          dom.slides.style.top = '50%';
-          dom.slides.style.bottom = 'auto';
-          dom.slides.style.right = 'auto';
-          transformSlides( { layout: 'translate(-50%, -50%) scale('+ scale +')' } );
-        }
-      }
-
-      // Select all slides, vertical and horizontal
-      var slides = toArray( dom.wrapper.querySelectorAll( SLIDES_SELECTOR ) );
-
-      for( var i = 0, len = slides.length; i < len; i++ ) {
-        var slide = slides[ i ];
-
-        // Don't bother updating invisible slides
-        if( slide.style.display === 'none' ) {
-          continue;
-        }
-
-        if( config.center || slide.classList.contains( 'center' ) ) {
-          // Vertical stacks are not centred since their section
-          // children will be
-          if( slide.classList.contains( 'stack' ) ) {
-            slide.style.top = 0;
-          }
-          else {
-            slide.style.top = Math.max( ( ( size.height - getAbsoluteHeight( slide ) ) / 2 ) - slidePadding, 0 ) + 'px';
-          }
-        }
-        else {
-          slide.style.top = '';
-        }
-
-      }
-
-      updateProgress();
-      updateParallax();
-
-    }
-
-  }
-
-  /**
-   * Applies layout logic to the contents of all slides in
-   * the presentation.
-   */
-  function layoutSlideContents( width, height, padding ) {
-
-    // Handle sizing of elements with the 'stretch' class
-    toArray( dom.slides.querySelectorAll( 'section > .stretch' ) ).forEach( function( element ) {
-
-      // Determine how much vertical space we can use
-      var remainingHeight = getRemainingHeight( element, height );
-
-      // Consider the aspect ratio of media elements
-      if( /(img|video)/gi.test( element.nodeName ) ) {
-        var nw = element.naturalWidth || element.videoWidth,
-          nh = element.naturalHeight || element.videoHeight;
-
-        var es = Math.min( width / nw, remainingHeight / nh );
-
-        element.style.width = ( nw * es ) + 'px';
-        element.style.height = ( nh * es ) + 'px';
-
-      }
-      else {
-        element.style.width = width + 'px';
-        element.style.height = remainingHeight + 'px';
-      }
-
-    } );
-
-  }
-
-  /**
-   * Calculates the computed pixel size of our slides. These
-   * values are based on the width and height configuration
-   * options.
-   */
-  function getComputedSlideSize( presentationWidth, presentationHeight ) {
-
-    var size = {
-      // Slide size
-      width: config.width,
-      height: config.height,
-
-      // Presentation size
-      presentationWidth: presentationWidth || dom.wrapper.offsetWidth,
-      presentationHeight: presentationHeight || dom.wrapper.offsetHeight
-    };
-
-    // Reduce available space by margin
-    size.presentationWidth -= ( size.presentationWidth * config.margin );
-    size.presentationHeight -= ( size.presentationHeight * config.margin );
-
-    // Slide width may be a percentage of available width
-    if( typeof size.width === 'string' && /%$/.test( size.width ) ) {
-      size.width = parseInt( size.width, 10 ) / 100 * size.presentationWidth;
-    }
-
-    // Slide height may be a percentage of available height
-    if( typeof size.height === 'string' && /%$/.test( size.height ) ) {
-      size.height = parseInt( size.height, 10 ) / 100 * size.presentationHeight;
-    }
-
-    return size;
-
-  }
-
-  /**
-   * Stores the vertical index of a stack so that the same
-   * vertical slide can be selected when navigating to and
-   * from the stack.
-   *
-   * @param {HTMLElement} stack The vertical stack element
-   * @param {int} v Index to memorize
-   */
-  function setPreviousVerticalIndex( stack, v ) {
-
-    if( typeof stack === 'object' && typeof stack.setAttribute === 'function' ) {
-      stack.setAttribute( 'data-previous-indexv', v || 0 );
-    }
-
-  }
-
-  /**
-   * Retrieves the vertical index which was stored using
-   * #setPreviousVerticalIndex() or 0 if no previous index
-   * exists.
-   *
-   * @param {HTMLElement} stack The vertical stack element
-   */
-  function getPreviousVerticalIndex( stack ) {
-
-    if( typeof stack === 'object' && typeof stack.setAttribute === 'function' && stack.classList.contains( 'stack' ) ) {
-      // Prefer manually defined start-indexv
-      var attributeName = stack.hasAttribute( 'data-start-indexv' ) ? 'data-start-indexv' : 'data-previous-indexv';
-
-      return parseInt( stack.getAttribute( attributeName ) || 0, 10 );
-    }
-
-    return 0;
-
-  }
-
-  /**
-   * Displays the overview of slides (quick nav) by scaling
-   * down and arranging all slide elements.
-   */
-  function activateOverview() {
-
-    // Only proceed if enabled in config
-    if( config.overview && !isOverview() ) {
-
-      overview = true;
-
-      dom.wrapper.classList.add( 'overview' );
-      dom.wrapper.classList.remove( 'overview-deactivating' );
-
-      if( features.overviewTransitions ) {
-        setTimeout( function() {
-          dom.wrapper.classList.add( 'overview-animated' );
-        }, 1 );
-      }
-
-      // Don't auto-slide while in overview mode
-      cancelAutoSlide();
-
-      // Move the backgrounds element into the slide container to
-      // that the same scaling is applied
-      dom.slides.appendChild( dom.background );
-
-      // Clicking on an overview slide navigates to it
-      toArray( dom.wrapper.querySelectorAll( SLIDES_SELECTOR ) ).forEach( function( slide ) {
-        if( !slide.classList.contains( 'stack' ) ) {
-          slide.addEventListener( 'click', onOverviewSlideClicked, true );
-        }
-      } );
-
-      updateSlidesVisibility();
-      layoutOverview();
-      updateOverview();
-
-      layout();
-
-      // Notify observers of the overview showing
-      dispatchEvent( 'overviewshown', {
-        'indexh': indexh,
-        'indexv': indexv,
-        'currentSlide': currentSlide
-      } );
-
-    }
-
-  }
-
-  /**
-   * Uses CSS transforms to position all slides in a grid for
-   * display inside of the overview mode.
-   */
-  function layoutOverview() {
-
-    var margin = 70;
-    var slideWidth = config.width + margin,
-      slideHeight = config.height + margin;
-
-    // Reverse in RTL mode
-    if( config.rtl ) {
-      slideWidth = -slideWidth;
-    }
-
-    // Layout slides
-    toArray( dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ) ).forEach( function( hslide, h ) {
-      hslide.setAttribute( 'data-index-h', h );
-      transformElement( hslide, 'translate3d(' + ( h * slideWidth ) + 'px, 0, 0)' );
-
-      if( hslide.classList.contains( 'stack' ) ) {
-
-        toArray( hslide.querySelectorAll( 'section' ) ).forEach( function( vslide, v ) {
-          vslide.setAttribute( 'data-index-h', h );
-          vslide.setAttribute( 'data-index-v', v );
-
-          transformElement( vslide, 'translate3d(0, ' + ( v * slideHeight ) + 'px, 0)' );
-        } );
-
-      }
-    } );
-
-    // Layout slide backgrounds
-    toArray( dom.background.childNodes ).forEach( function( hbackground, h ) {
-      transformElement( hbackground, 'translate3d(' + ( h * slideWidth ) + 'px, 0, 0)' );
-
-      toArray( hbackground.querySelectorAll( '.slide-background' ) ).forEach( function( vbackground, v ) {
-        transformElement( vbackground, 'translate3d(0, ' + ( v * slideHeight ) + 'px, 0)' );
-      } );
-    } );
-
-  }
-
-  /**
-   * Moves the overview viewport to the current slides.
-   * Called each time the current slide changes.
-   */
-  function updateOverview() {
-
-    var margin = 70;
-    var slideWidth = config.width + margin,
-      slideHeight = config.height + margin;
-
-    // Reverse in RTL mode
-    if( config.rtl ) {
-      slideWidth = -slideWidth;
-    }
-
-    transformSlides( {
-      overview: [
-        'translateX('+ ( -indexh * slideWidth ) +'px)',
-        'translateY('+ ( -indexv * slideHeight ) +'px)',
-        'translateZ('+ ( window.innerWidth < 400 ? -1000 : -2500 ) +'px)'
-      ].join( ' ' )
-    } );
-
-  }
-
-  /**
-   * Exits the slide overview and enters the currently
-   * active slide.
-   */
-  function deactivateOverview() {
-
-    // Only proceed if enabled in config
-    if( config.overview ) {
-
-      overview = false;
-
-      dom.wrapper.classList.remove( 'overview' );
-      dom.wrapper.classList.remove( 'overview-animated' );
-
-      // Temporarily add a class so that transitions can do different things
-      // depending on whether they are exiting/entering overview, or just
-      // moving from slide to slide
-      dom.wrapper.classList.add( 'overview-deactivating' );
-
-      setTimeout( function () {
-        dom.wrapper.classList.remove( 'overview-deactivating' );
-      }, 1 );
-
-      // Move the background element back out
-      dom.wrapper.appendChild( dom.background );
-
-      // Clean up changes made to slides
-      toArray( dom.wrapper.querySelectorAll( SLIDES_SELECTOR ) ).forEach( function( slide ) {
-        transformElement( slide, '' );
-
-        slide.removeEventListener( 'click', onOverviewSlideClicked, true );
-      } );
-
-      // Clean up changes made to backgrounds
-      toArray( dom.background.querySelectorAll( '.slide-background' ) ).forEach( function( background ) {
-        transformElement( background, '' );
-      } );
-
-      transformSlides( { overview: '' } );
-
-      slide( indexh, indexv );
-
-      layout();
-
-      cueAutoSlide();
-
-      // Notify observers of the overview hiding
-      dispatchEvent( 'overviewhidden', {
-        'indexh': indexh,
-        'indexv': indexv,
-        'currentSlide': currentSlide
-      } );
-
-    }
-  }
-
-  /**
-   * Toggles the slide overview mode on and off.
-   *
-   * @param {Boolean} override Optional flag which overrides the
-   * toggle logic and forcibly sets the desired state. True means
-   * overview is open, false means it's closed.
-   */
-  function toggleOverview( override ) {
-
-    if( typeof override === 'boolean' ) {
-      override ? activateOverview() : deactivateOverview();
-    }
-    else {
-      isOverview() ? deactivateOverview() : activateOverview();
-    }
-
-  }
-
-  /**
-   * Checks if the overview is currently active.
-   *
-   * @return {Boolean} true if the overview is active,
-   * false otherwise
-   */
-  function isOverview() {
-
-    return overview;
-
-  }
-
-  /**
-   * Checks if the current or specified slide is vertical
-   * (nested within another slide).
-   *
-   * @param {HTMLElement} slide [optional] The slide to check
-   * orientation of
-   */
-  function isVerticalSlide( slide ) {
-
-    // Prefer slide argument, otherwise use current slide
-    slide = slide ? slide : currentSlide;
-
-    return slide && slide.parentNode && !!slide.parentNode.nodeName.match( /section/i );
-
-  }
-
-  /**
-   * Handling the fullscreen functionality via the fullscreen API
-   *
-   * @see http://fullscreen.spec.whatwg.org/
-   * @see https://developer.mozilla.org/en-US/docs/DOM/Using_fullscreen_mode
-   */
-  function enterFullscreen() {
-
-    var element = document.body;
-
-    // Check which implementation is available
-    var requestMethod = element.requestFullScreen ||
-              element.webkitRequestFullscreen ||
-              element.webkitRequestFullScreen ||
-              element.mozRequestFullScreen ||
-              element.msRequestFullscreen;
-
-    if( requestMethod ) {
-      requestMethod.apply( element );
-    }
-
-  }
-
-  /**
-   * Enters the paused mode which fades everything on screen to
-   * black.
-   */
-  function pause() {
-
-    if( config.pause ) {
-      var wasPaused = dom.wrapper.classList.contains( 'paused' );
-
-      cancelAutoSlide();
-      dom.wrapper.classList.add( 'paused' );
-
-      if( wasPaused === false ) {
-        dispatchEvent( 'paused' );
-      }
-    }
-
-  }
-
-  /**
-   * Exits from the paused mode.
-   */
-  function resume() {
-
-    var wasPaused = dom.wrapper.classList.contains( 'paused' );
-    dom.wrapper.classList.remove( 'paused' );
-
-    cueAutoSlide();
-
-    if( wasPaused ) {
-      dispatchEvent( 'resumed' );
-    }
-
-  }
-
-  /**
-   * Toggles the paused mode on and off.
-   */
-  function togglePause( override ) {
-
-    if( typeof override === 'boolean' ) {
-      override ? pause() : resume();
-    }
-    else {
-      isPaused() ? resume() : pause();
-    }
-
-  }
-
-  /**
-   * Checks if we are currently in the paused mode.
-   */
-  function isPaused() {
-
-    return dom.wrapper.classList.contains( 'paused' );
-
-  }
-
-  /**
-   * Toggles the auto slide mode on and off.
-   *
-   * @param {Boolean} override Optional flag which sets the desired state.
-   * True means autoplay starts, false means it stops.
-   */
-
-  function toggleAutoSlide( override ) {
-
-    if( typeof override === 'boolean' ) {
-      override ? resumeAutoSlide() : pauseAutoSlide();
-    }
-
-    else {
-      autoSlidePaused ? resumeAutoSlide() : pauseAutoSlide();
-    }
-
-  }
-
-  /**
-   * Checks if the auto slide mode is currently on.
-   */
-  function isAutoSliding() {
-
-    return !!( autoSlide && !autoSlidePaused );
-
-  }
-
-  /**
-   * Steps from the current point in the presentation to the
-   * slide which matches the specified horizontal and vertical
-   * indices.
-   *
-   * @param {int} h Horizontal index of the target slide
-   * @param {int} v Vertical index of the target slide
-   * @param {int} f Optional index of a fragment within the
-   * target slide to activate
-   * @param {int} o Optional origin for use in multimaster environments
-   */
-  function slide( h, v, f, o ) {
-
-    // Remember where we were at before
-    previousSlide = currentSlide;
-
-    // Query all horizontal slides in the deck
-    var horizontalSlides = dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR );
-
-    // If no vertical index is specified and the upcoming slide is a
-    // stack, resume at its previous vertical index
-    if( v === undefined && !isOverview() ) {
-      v = getPreviousVerticalIndex( horizontalSlides[ h ] );
-    }
-
-    // If we were on a vertical stack, remember what vertical index
-    // it was on so we can resume at the same position when returning
-    if( previousSlide && previousSlide.parentNode && previousSlide.parentNode.classList.contains( 'stack' ) ) {
-      setPreviousVerticalIndex( previousSlide.parentNode, indexv );
-    }
-
-    // Remember the state before this slide
-    var stateBefore = state.concat();
-
-    // Reset the state array
-    state.length = 0;
-
-    var indexhBefore = indexh || 0,
-      indexvBefore = indexv || 0;
-
-    // Activate and transition to the new slide
-    indexh = updateSlides( HORIZONTAL_SLIDES_SELECTOR, h === undefined ? indexh : h );
-    indexv = updateSlides( VERTICAL_SLIDES_SELECTOR, v === undefined ? indexv : v );
-
-    // Update the visibility of slides now that the indices have changed
-    updateSlidesVisibility();
-
-    layout();
-
-    // Apply the new state
-    stateLoop: for( var i = 0, len = state.length; i < len; i++ ) {
-      // Check if this state existed on the previous slide. If it
-      // did, we will avoid adding it repeatedly
-      for( var j = 0; j < stateBefore.length; j++ ) {
-        if( stateBefore[j] === state[i] ) {
-          stateBefore.splice( j, 1 );
-          continue stateLoop;
-        }
-      }
-
-      document.documentElement.classList.add( state[i] );
-
-      // Dispatch custom event matching the state's name
-      dispatchEvent( state[i] );
-    }
-
-    // Clean up the remains of the previous state
-    while( stateBefore.length ) {
-      document.documentElement.classList.remove( stateBefore.pop() );
-    }
-
-    // Update the overview if it's currently active
-    if( isOverview() ) {
-      updateOverview();
-    }
-
-    // Find the current horizontal slide and any possible vertical slides
-    // within it
-    var currentHorizontalSlide = horizontalSlides[ indexh ],
-      currentVerticalSlides = currentHorizontalSlide.querySelectorAll( 'section' );
-
-    // Store references to the previous and current slides
-    currentSlide = currentVerticalSlides[ indexv ] || currentHorizontalSlide;
-
-    // Show fragment, if specified
-    if( typeof f !== 'undefined' ) {
-      navigateFragment( f );
-    }
-
-    // Dispatch an event if the slide changed
-    var slideChanged = ( indexh !== indexhBefore || indexv !== indexvBefore );
-    if( slideChanged ) {
-      dispatchEvent( 'slidechanged', {
-        'indexh': indexh,
-        'indexv': indexv,
-        'previousSlide': previousSlide,
-        'currentSlide': currentSlide,
-        'origin': o
-      } );
-    }
-    else {
-      // Ensure that the previous slide is never the same as the current
-      previousSlide = null;
-    }
-
-    // Solves an edge case where the previous slide maintains the
-    // 'present' class when navigating between adjacent vertical
-    // stacks
-    if( previousSlide ) {
-      previousSlide.classList.remove( 'present' );
-      previousSlide.setAttribute( 'aria-hidden', 'true' );
-
-      // Reset all slides upon navigate to home
-      // Issue: #285
-      if ( dom.wrapper.querySelector( HOME_SLIDE_SELECTOR ).classList.contains( 'present' ) ) {
-        // Launch async task
-        setTimeout( function () {
-          var slides = toArray( dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR + '.stack') ), i;
-          for( i in slides ) {
-            if( slides[i] ) {
-              // Reset stack
-              setPreviousVerticalIndex( slides[i], 0 );
-            }
-          }
-        }, 0 );
-      }
-    }
-
-    // Handle embedded content
-    if( slideChanged || !previousSlide ) {
-      stopEmbeddedContent( previousSlide );
-      startEmbeddedContent( currentSlide );
-    }
-
-    // Announce the current slide contents, for screen readers
-    dom.statusDiv.textContent = currentSlide.textContent;
-
-    updateControls();
-    updateProgress();
-    updateBackground();
-    updateParallax();
-    updateSlideNumber();
-
-    // Update the URL hash
-    writeURL();
-
-    cueAutoSlide();
-
-  }
-
-  /**
-   * Syncs the presentation with the current DOM. Useful
-   * when new slides or control elements are added or when
-   * the configuration has changed.
-   */
-  function sync() {
-
-    // Subscribe to input
-    removeEventListeners();
-    addEventListeners();
-
-    // Force a layout to make sure the current config is accounted for
-    layout();
-
-    // Reflect the current autoSlide value
-    autoSlide = config.autoSlide;
-
-    // Start auto-sliding if it's enabled
-    cueAutoSlide();
-
-    // Re-create the slide backgrounds
-    createBackgrounds();
-
-    // Write the current hash to the URL
-    writeURL();
-
-    sortAllFragments();
-
-    updateControls();
-    updateProgress();
-    updateBackground( true );
-    updateSlideNumber();
-    updateSlidesVisibility();
-
-    formatEmbeddedContent();
-    startEmbeddedContent( currentSlide );
-
-    if( isOverview() ) {
-      layoutOverview();
-    }
-
-  }
-
-  /**
-   * Resets all vertical slides so that only the first
-   * is visible.
-   */
-  function resetVerticalSlides() {
-
-    var horizontalSlides = toArray( dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ) );
-    horizontalSlides.forEach( function( horizontalSlide ) {
-
-      var verticalSlides = toArray( horizontalSlide.querySelectorAll( 'section' ) );
-      verticalSlides.forEach( function( verticalSlide, y ) {
-
-        if( y > 0 ) {
-          verticalSlide.classList.remove( 'present' );
-          verticalSlide.classList.remove( 'past' );
-          verticalSlide.classList.add( 'future' );
-          verticalSlide.setAttribute( 'aria-hidden', 'true' );
-        }
-
-      } );
-
-    } );
-
-  }
-
-  /**
-   * Sorts and formats all of fragments in the
-   * presentation.
-   */
-  function sortAllFragments() {
-
-    var horizontalSlides = toArray( dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ) );
-    horizontalSlides.forEach( function( horizontalSlide ) {
-
-      var verticalSlides = toArray( horizontalSlide.querySelectorAll( 'section' ) );
-      verticalSlides.forEach( function( verticalSlide, y ) {
-
-        sortFragments( verticalSlide.querySelectorAll( '.fragment' ) );
-
-      } );
-
-      if( verticalSlides.length === 0 ) sortFragments( horizontalSlide.querySelectorAll( '.fragment' ) );
-
-    } );
-
-  }
-
-  /**
-   * Updates one dimension of slides by showing the slide
-   * with the specified index.
-   *
-   * @param {String} selector A CSS selector that will fetch
-   * the group of slides we are working with
-   * @param {Number} index The index of the slide that should be
-   * shown
-   *
-   * @return {Number} The index of the slide that is now shown,
-   * might differ from the passed in index if it was out of
-   * bounds.
-   */
-  function updateSlides( selector, index ) {
-
-    // Select all slides and convert the NodeList result to
-    // an array
-    var slides = toArray( dom.wrapper.querySelectorAll( selector ) ),
-      slidesLength = slides.length;
-
-    var printMode = isPrintingPDF();
-
-    if( slidesLength ) {
-
-      // Should the index loop?
-      if( config.loop ) {
-        index %= slidesLength;
-
-        if( index < 0 ) {
-          index = slidesLength + index;
-        }
-      }
-
-      // Enforce max and minimum index bounds
-      index = Math.max( Math.min( index, slidesLength - 1 ), 0 );
-
-      for( var i = 0; i < slidesLength; i++ ) {
-        var element = slides[i];
-
-        var reverse = config.rtl && !isVerticalSlide( element );
-
-        element.classList.remove( 'past' );
-        element.classList.remove( 'present' );
-        element.classList.remove( 'future' );
-
-        // http://www.w3.org/html/wg/drafts/html/master/editing.html#the-hidden-attribute
-        element.setAttribute( 'hidden', '' );
-        element.setAttribute( 'aria-hidden', 'true' );
-
-        // If this element contains vertical slides
-        if( element.querySelector( 'section' ) ) {
-          element.classList.add( 'stack' );
-        }
-
-        // If we're printing static slides, all slides are "present"
-        if( printMode ) {
-          element.classList.add( 'present' );
-          continue;
-        }
-
-        if( i < index ) {
-          // Any element previous to index is given the 'past' class
-          element.classList.add( reverse ? 'future' : 'past' );
-
-          if( config.fragments ) {
-            var pastFragments = toArray( element.querySelectorAll( '.fragment' ) );
-
-            // Show all fragments on prior slides
-            while( pastFragments.length ) {
-              var pastFragment = pastFragments.pop();
-              pastFragment.classList.add( 'visible' );
-              pastFragment.classList.remove( 'current-fragment' );
-            }
-          }
-        }
-        else if( i > index ) {
-          // Any element subsequent to index is given the 'future' class
-          element.classList.add( reverse ? 'past' : 'future' );
-
-          if( config.fragments ) {
-            var futureFragments = toArray( element.querySelectorAll( '.fragment.visible' ) );
-
-            // No fragments in future slides should be visible ahead of time
-            while( futureFragments.length ) {
-              var futureFragment = futureFragments.pop();
-              futureFragment.classList.remove( 'visible' );
-              futureFragment.classList.remove( 'current-fragment' );
-            }
-          }
-        }
-      }
-
-      // Mark the current slide as present
-      slides[index].classList.add( 'present' );
-      slides[index].removeAttribute( 'hidden' );
-      slides[index].removeAttribute( 'aria-hidden' );
-
-      // If this slide has a state associated with it, add it
-      // onto the current state of the deck
-      var slideState = slides[index].getAttribute( 'data-state' );
-      if( slideState ) {
-        state = state.concat( slideState.split( ' ' ) );
-      }
-
-    }
-    else {
-      // Since there are no slides we can't be anywhere beyond the
-      // zeroth index
-      index = 0;
-    }
-
-    return index;
-
-  }
-
-  /**
-   * Optimization method; hide all slides that are far away
-   * from the present slide.
-   */
-  function updateSlidesVisibility() {
-
-    // Select all slides and convert the NodeList result to
-    // an array
-    var horizontalSlides = toArray( dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ) ),
-      horizontalSlidesLength = horizontalSlides.length,
-      distanceX,
-      distanceY;
-
-    if( horizontalSlidesLength && typeof indexh !== 'undefined' ) {
-
-      // The number of steps away from the present slide that will
-      // be visible
-      var viewDistance = isOverview() ? 10 : config.viewDistance;
-
-      // Limit view distance on weaker devices
-      if( isMobileDevice ) {
-        viewDistance = isOverview() ? 6 : 2;
-      }
-
-      // All slides need to be visible when exporting to PDF
-      if( isPrintingPDF() ) {
-        viewDistance = Number.MAX_VALUE;
-      }
-
-      for( var x = 0; x < horizontalSlidesLength; x++ ) {
-        var horizontalSlide = horizontalSlides[x];
-
-        var verticalSlides = toArray( horizontalSlide.querySelectorAll( 'section' ) ),
-          verticalSlidesLength = verticalSlides.length;
-
-        // Determine how far away this slide is from the present
-        distanceX = Math.abs( ( indexh || 0 ) - x ) || 0;
-
-        // If the presentation is looped, distance should measure
-        // 1 between the first and last slides
-        if( config.loop ) {
-          distanceX = Math.abs( ( ( indexh || 0 ) - x ) % ( horizontalSlidesLength - viewDistance ) ) || 0;
-        }
-
-        // Show the horizontal slide if it's within the view distance
-        if( distanceX < viewDistance ) {
-          showSlide( horizontalSlide );
-        }
-        else {
-          hideSlide( horizontalSlide );
-        }
-
-        if( verticalSlidesLength ) {
-
-          var oy = getPreviousVerticalIndex( horizontalSlide );
-
-          for( var y = 0; y < verticalSlidesLength; y++ ) {
-            var verticalSlide = verticalSlides[y];
-
-            distanceY = x === ( indexh || 0 ) ? Math.abs( ( indexv || 0 ) - y ) : Math.abs( y - oy );
-
-            if( distanceX + distanceY < viewDistance ) {
-              showSlide( verticalSlide );
-            }
-            else {
-              hideSlide( verticalSlide );
-            }
-          }
-
-        }
-      }
-
-    }
-
-  }
-
-  /**
-   * Updates the progress bar to reflect the current slide.
-   */
-  function updateProgress() {
-
-    // Update progress if enabled
-    if( config.progress && dom.progressbar ) {
-
-      dom.progressbar.style.width = getProgress() * dom.wrapper.offsetWidth + 'px';
-
-    }
-
-  }
-
-  /**
-   * Updates the slide number div to reflect the current slide.
-   *
-   * Slide number format can be defined as a string using the
-   * following variables:
-   *  h: current slide's horizontal index
-   *  v: current slide's vertical index
-   *  c: current slide index (flattened)
-   *  t: total number of slides (flattened)
-   */
-  function updateSlideNumber() {
-
-    // Update slide number if enabled
-    if( config.slideNumber && dom.slideNumber) {
-
-      // Default to only showing the current slide number
-      var format = 'c';
-
-      // Check if a custom slide number format is available
-      if( typeof config.slideNumber === 'string' ) {
-        format = config.slideNumber;
-      }
-
-      dom.slideNumber.innerHTML = format.replace( /h/g, indexh )
-                        .replace( /v/g, indexv )
-                        .replace( /c/g, getSlidePastCount() + 1 )
-                        .replace( /t/g, getTotalSlides() );
-    }
-
-  }
-
-  /**
-   * Updates the state of all control/navigation arrows.
-   */
-  function updateControls() {
-
-    var routes = availableRoutes();
-    var fragments = availableFragments();
-
-    // Remove the 'enabled' class from all directions
-    dom.controlsLeft.concat( dom.controlsRight )
-            .concat( dom.controlsUp )
-            .concat( dom.controlsDown )
-            .concat( dom.controlsPrev )
-            .concat( dom.controlsNext ).forEach( function( node ) {
-      node.classList.remove( 'enabled' );
-      node.classList.remove( 'fragmented' );
-    } );
-
-    // Add the 'enabled' class to the available routes
-    if( routes.left ) dom.controlsLeft.forEach( function( el ) { el.classList.add( 'enabled' ); } );
-    if( routes.right ) dom.controlsRight.forEach( function( el ) { el.classList.add( 'enabled' ); } );
-    if( routes.up ) dom.controlsUp.forEach( function( el ) { el.classList.add( 'enabled' ); } );
-    if( routes.down ) dom.controlsDown.forEach( function( el ) { el.classList.add( 'enabled' ); } );
-
-    // Prev/next buttons
-    if( routes.left || routes.up ) dom.controlsPrev.forEach( function( el ) { el.classList.add( 'enabled' ); } );
-    if( routes.right || routes.down ) dom.controlsNext.forEach( function( el ) { el.classList.add( 'enabled' ); } );
-
-    // Highlight fragment directions
-    if( currentSlide ) {
-
-      // Always apply fragment decorator to prev/next buttons
-      if( fragments.prev ) dom.controlsPrev.forEach( function( el ) { el.classList.add( 'fragmented', 'enabled' ); } );
-      if( fragments.next ) dom.controlsNext.forEach( function( el ) { el.classList.add( 'fragmented', 'enabled' ); } );
-
-      // Apply fragment decorators to directional buttons based on
-      // what slide axis they are in
-      if( isVerticalSlide( currentSlide ) ) {
-        if( fragments.prev ) dom.controlsUp.forEach( function( el ) { el.classList.add( 'fragmented', 'enabled' ); } );
-        if( fragments.next ) dom.controlsDown.forEach( function( el ) { el.classList.add( 'fragmented', 'enabled' ); } );
-      }
-      else {
-        if( fragments.prev ) dom.controlsLeft.forEach( function( el ) { el.classList.add( 'fragmented', 'enabled' ); } );
-        if( fragments.next ) dom.controlsRight.forEach( function( el ) { el.classList.add( 'fragmented', 'enabled' ); } );
-      }
-
-    }
-
-  }
-
-  /**
-   * Updates the background elements to reflect the current
-   * slide.
-   *
-   * @param {Boolean} includeAll If true, the backgrounds of
-   * all vertical slides (not just the present) will be updated.
-   */
-  function updateBackground( includeAll ) {
-
-    var currentBackground = null;
-
-    // Reverse past/future classes when in RTL mode
-    var horizontalPast = config.rtl ? 'future' : 'past',
-      horizontalFuture = config.rtl ? 'past' : 'future';
-
-    // Update the classes of all backgrounds to match the
-    // states of their slides (past/present/future)
-    toArray( dom.background.childNodes ).forEach( function( backgroundh, h ) {
-
-      backgroundh.classList.remove( 'past' );
-      backgroundh.classList.remove( 'present' );
-      backgroundh.classList.remove( 'future' );
-
-      if( h < indexh ) {
-        backgroundh.classList.add( horizontalPast );
-      }
-      else if ( h > indexh ) {
-        backgroundh.classList.add( horizontalFuture );
-      }
-      else {
-        backgroundh.classList.add( 'present' );
-
-        // Store a reference to the current background element
-        currentBackground = backgroundh;
-      }
-
-      if( includeAll || h === indexh ) {
-        toArray( backgroundh.querySelectorAll( '.slide-background' ) ).forEach( function( backgroundv, v ) {
-
-          backgroundv.classList.remove( 'past' );
-          backgroundv.classList.remove( 'present' );
-          backgroundv.classList.remove( 'future' );
-
-          if( v < indexv ) {
-            backgroundv.classList.add( 'past' );
-          }
-          else if ( v > indexv ) {
-            backgroundv.classList.add( 'future' );
-          }
-          else {
-            backgroundv.classList.add( 'present' );
-
-            // Only if this is the present horizontal and vertical slide
-            if( h === indexh ) currentBackground = backgroundv;
-          }
-
-        } );
-      }
-
-    } );
-
-    // Stop any currently playing video background
-    if( previousBackground ) {
-
-      var previousVideo = previousBackground.querySelector( 'video' );
-      if( previousVideo ) previousVideo.pause();
-
-    }
-
-    if( currentBackground ) {
-
-      // Start video playback
-      var currentVideo = currentBackground.querySelector( 'video' );
-      if( currentVideo ) {
-        currentVideo.currentTime = 0;
-        currentVideo.play();
-      }
-
-      var backgroundImageURL = currentBackground.style.backgroundImage || '';
-
-      // Restart GIFs (doesn't work in Firefox)
-      if( /\.gif/i.test( backgroundImageURL ) ) {
-        currentBackground.style.backgroundImage = '';
-        window.getComputedStyle( currentBackground ).opacity;
-        currentBackground.style.backgroundImage = backgroundImageURL;
-      }
-
-      // Don't transition between identical backgrounds. This
-      // prevents unwanted flicker.
-      var previousBackgroundHash = previousBackground ? previousBackground.getAttribute( 'data-background-hash' ) : null;
-      var currentBackgroundHash = currentBackground.getAttribute( 'data-background-hash' );
-      if( currentBackgroundHash && currentBackgroundHash === previousBackgroundHash && currentBackground !== previousBackground ) {
-        dom.background.classList.add( 'no-transition' );
-      }
-
-      previousBackground = currentBackground;
-
-    }
-
-    // If there's a background brightness flag for this slide,
-    // bubble it to the .reveal container
-    if( currentSlide ) {
-      [ 'has-light-background', 'has-dark-background' ].forEach( function( classToBubble ) {
-        if( currentSlide.classList.contains( classToBubble ) ) {
-          dom.wrapper.classList.add( classToBubble );
-        }
-        else {
-          dom.wrapper.classList.remove( classToBubble );
-        }
-      } );
-    }
-
-    // Allow the first background to apply without transition
-    setTimeout( function() {
-      dom.background.classList.remove( 'no-transition' );
-    }, 1 );
-
-  }
-
-  /**
-   * Updates the position of the parallax background based
-   * on the current slide index.
-   */
-  function updateParallax() {
-
-    if( config.parallaxBackgroundImage ) {
-
-      var horizontalSlides = dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ),
-        verticalSlides = dom.wrapper.querySelectorAll( VERTICAL_SLIDES_SELECTOR );
-
-      var backgroundSize = dom.background.style.backgroundSize.split( ' ' ),
-        backgroundWidth, backgroundHeight;
-
-      if( backgroundSize.length === 1 ) {
-        backgroundWidth = backgroundHeight = parseInt( backgroundSize[0], 10 );
-      }
-      else {
-        backgroundWidth = parseInt( backgroundSize[0], 10 );
-        backgroundHeight = parseInt( backgroundSize[1], 10 );
-      }
-
-      var slideWidth = dom.background.offsetWidth,
-        horizontalSlideCount = horizontalSlides.length,
-        horizontalOffsetMultiplier,
-        horizontalOffset;
-
-      if( typeof config.parallaxBackgroundHorizontal === 'number' ) {
-        horizontalOffsetMultiplier = config.parallaxBackgroundHorizontal;
-      }
-      else {
-        horizontalOffsetMultiplier = ( backgroundWidth - slideWidth ) / ( horizontalSlideCount-1 );
-      }
-
-      horizontalOffset = horizontalOffsetMultiplier * indexh * -1;
-
-      var slideHeight = dom.background.offsetHeight,
-        verticalSlideCount = verticalSlides.length,
-        verticalOffsetMultiplier,
-        verticalOffset;
-
-      if( typeof config.parallaxBackgroundVertical === 'number' ) {
-        verticalOffsetMultiplier = config.parallaxBackgroundVertical;
-      }
-      else {
-        verticalOffsetMultiplier = ( backgroundHeight - slideHeight ) / ( verticalSlideCount-1 );
-      }
-
-      verticalOffset = verticalSlideCount > 0 ?  verticalOffsetMultiplier * indexv * 1 : 0;
-
-      dom.background.style.backgroundPosition = horizontalOffset + 'px ' + -verticalOffset + 'px';
-
-    }
-
-  }
-
-  /**
-   * Called when the given slide is within the configured view
-   * distance. Shows the slide element and loads any content
-   * that is set to load lazily (data-src).
-   */
-  function showSlide( slide ) {
-
-    // Show the slide element
-    slide.style.display = 'block';
-
-    // Media elements with data-src attributes
-    toArray( slide.querySelectorAll( 'img[data-src], video[data-src], audio[data-src]' ) ).forEach( function( element ) {
-      element.setAttribute( 'src', element.getAttribute( 'data-src' ) );
-      element.removeAttribute( 'data-src' );
-    } );
-
-    // Media elements with <source> children
-    toArray( slide.querySelectorAll( 'video, audio' ) ).forEach( function( media ) {
-      var sources = 0;
-
-      toArray( media.querySelectorAll( 'source[data-src]' ) ).forEach( function( source ) {
-        source.setAttribute( 'src', source.getAttribute( 'data-src' ) );
-        source.removeAttribute( 'data-src' );
-        sources += 1;
-      } );
-
-      // If we rewrote sources for this video/audio element, we need
-      // to manually tell it to load from its new origin
-      if( sources > 0 ) {
-        media.load();
-      }
-    } );
-
-
-    // Show the corresponding background element
-    var indices = getIndices( slide );
-    var background = getSlideBackground( indices.h, indices.v );
-    if( background ) {
-      background.style.display = 'block';
-
-      // If the background contains media, load it
-      if( background.hasAttribute( 'data-loaded' ) === false ) {
-        background.setAttribute( 'data-loaded', 'true' );
-
-        var backgroundImage = slide.getAttribute( 'data-background-image' ),
-          backgroundVideo = slide.getAttribute( 'data-background-video' ),
-          backgroundVideoLoop = slide.hasAttribute( 'data-background-video-loop' ),
-          backgroundIframe = slide.getAttribute( 'data-background-iframe' );
-
-        // Images
-        if( backgroundImage ) {
-          background.style.backgroundImage = 'url('+ backgroundImage +')';
-        }
-        // Videos
-        else if ( backgroundVideo && !isSpeakerNotes() ) {
-          var video = document.createElement( 'video' );
-
-          if( backgroundVideoLoop ) {
-            video.setAttribute( 'loop', '' );
-          }
-
-          // Support comma separated lists of video sources
-          backgroundVideo.split( ',' ).forEach( function( source ) {
-            video.innerHTML += '<source src="'+ source +'">';
-          } );
-
-          background.appendChild( video );
-        }
-        // Iframes
-        else if( backgroundIframe ) {
-          var iframe = document.createElement( 'iframe' );
-            iframe.setAttribute( 'src', backgroundIframe );
-            iframe.style.width  = '100%';
-            iframe.style.height = '100%';
-            iframe.style.maxHeight = '100%';
-            iframe.style.maxWidth = '100%';
-
-          background.appendChild( iframe );
-        }
-      }
-    }
-
-  }
-
-  /**
-   * Called when the given slide is moved outside of the
-   * configured view distance.
-   */
-  function hideSlide( slide ) {
-
-    // Hide the slide element
-    slide.style.display = 'none';
-
-    // Hide the corresponding background element
-    var indices = getIndices( slide );
-    var background = getSlideBackground( indices.h, indices.v );
-    if( background ) {
-      background.style.display = 'none';
-    }
-
-  }
-
-  /**
-   * Determine what available routes there are for navigation.
-   *
-   * @return {Object} containing four booleans: left/right/up/down
-   */
-  function availableRoutes() {
-
-    var horizontalSlides = dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ),
-      verticalSlides = dom.wrapper.querySelectorAll( VERTICAL_SLIDES_SELECTOR );
-
-    var routes = {
-      left: indexh > 0 || config.loop,
-      right: indexh < horizontalSlides.length - 1 || config.loop,
-      up: indexv > 0,
-      down: indexv < verticalSlides.length - 1
-    };
-
-    // reverse horizontal controls for rtl
-    if( config.rtl ) {
-      var left = routes.left;
-      routes.left = routes.right;
-      routes.right = left;
-    }
-
-    return routes;
-
-  }
-
-  /**
-   * Returns an object describing the available fragment
-   * directions.
-   *
-   * @return {Object} two boolean properties: prev/next
-   */
-  function availableFragments() {
-
-    if( currentSlide && config.fragments ) {
-      var fragments = currentSlide.querySelectorAll( '.fragment' );
-      var hiddenFragments = currentSlide.querySelectorAll( '.fragment:not(.visible)' );
-
-      return {
-        prev: fragments.length - hiddenFragments.length > 0,
-        next: !!hiddenFragments.length
-      };
-    }
-    else {
-      return { prev: false, next: false };
-    }
-
-  }
-
-  /**
-   * Enforces origin-specific format rules for embedded media.
-   */
-  function formatEmbeddedContent() {
-
-    var _appendParamToIframeSource = function( sourceAttribute, sourceURL, param ) {
-      toArray( dom.slides.querySelectorAll( 'iframe['+ sourceAttribute +'*="'+ sourceURL +'"]' ) ).forEach( function( el ) {
-        var src = el.getAttribute( sourceAttribute );
-        if( src && src.indexOf( param ) === -1 ) {
-          el.setAttribute( sourceAttribute, src + ( !/\?/.test( src ) ? '?' : '&' ) + param );
-        }
-      });
-    };
-
-    // YouTube frames must include "?enablejsapi=1"
-    _appendParamToIframeSource( 'src', 'youtube.com/embed/', 'enablejsapi=1' );
-    _appendParamToIframeSource( 'data-src', 'youtube.com/embed/', 'enablejsapi=1' );
-
-    // Vimeo frames must include "?api=1"
-    _appendParamToIframeSource( 'src', 'player.vimeo.com/', 'api=1' );
-    _appendParamToIframeSource( 'data-src', 'player.vimeo.com/', 'api=1' );
-
-  }
-
-  /**
-   * Start playback of any embedded content inside of
-   * the targeted slide.
-   */
-  function startEmbeddedContent( slide ) {
-
-    if( slide && !isSpeakerNotes() ) {
-      // Restart GIFs
-      toArray( slide.querySelectorAll( 'img[src$=".gif"]' ) ).forEach( function( el ) {
-        // Setting the same unchanged source like this was confirmed
-        // to work in Chrome, FF & Safari
-        el.setAttribute( 'src', el.getAttribute( 'src' ) );
-      } );
-
-      // HTML5 media elements
-      toArray( slide.querySelectorAll( 'video, audio' ) ).forEach( function( el ) {
-        if( el.hasAttribute( 'data-autoplay' ) && typeof el.play === 'function' ) {
-          el.play();
-        }
-      } );
-
-      // Normal iframes
-      toArray( slide.querySelectorAll( 'iframe[src]' ) ).forEach( function( el ) {
-        startEmbeddedIframe( { target: el } );
-      } );
-
-      // Lazy loading iframes
-      toArray( slide.querySelectorAll( 'iframe[data-src]' ) ).forEach( function( el ) {
-        if( el.getAttribute( 'src' ) !== el.getAttribute( 'data-src' ) ) {
-          el.removeEventListener( 'load', startEmbeddedIframe ); // remove first to avoid dupes
-          el.addEventListener( 'load', startEmbeddedIframe );
-          el.setAttribute( 'src', el.getAttribute( 'data-src' ) );
-        }
-      } );
-    }
-
-  }
-
-  /**
-   * "Starts" the content of an embedded iframe using the
-   * postmessage API.
-   */
-  function startEmbeddedIframe( event ) {
-
-    var iframe = event.target;
-
-    // YouTube postMessage API
-    if( /youtube\.com\/embed\//.test( iframe.getAttribute( 'src' ) ) && iframe.hasAttribute( 'data-autoplay' ) ) {
-      iframe.contentWindow.postMessage( '{"event":"command","func":"playVideo","args":""}', '*' );
-    }
-    // Vimeo postMessage API
-    else if( /player\.vimeo\.com\//.test( iframe.getAttribute( 'src' ) ) && iframe.hasAttribute( 'data-autoplay' ) ) {
-      iframe.contentWindow.postMessage( '{"method":"play"}', '*' );
-    }
-    // Generic postMessage API
-    else {
-      iframe.contentWindow.postMessage( 'slide:start', '*' );
-    }
-
-  }
-
-  /**
-   * Stop playback of any embedded content inside of
-   * the targeted slide.
-   */
-  function stopEmbeddedContent( slide ) {
-
-    if( slide && slide.parentNode ) {
-      // HTML5 media elements
-      toArray( slide.querySelectorAll( 'video, audio' ) ).forEach( function( el ) {
-        if( !el.hasAttribute( 'data-ignore' ) && typeof el.pause === 'function' ) {
-          el.pause();
-        }
-      } );
-
-      // Generic postMessage API for non-lazy loaded iframes
-      toArray( slide.querySelectorAll( 'iframe' ) ).forEach( function( el ) {
-        el.contentWindow.postMessage( 'slide:stop', '*' );
-        el.removeEventListener( 'load', startEmbeddedIframe );
-      });
-
-      // YouTube postMessage API
-      toArray( slide.querySelectorAll( 'iframe[src*="youtube.com/embed/"]' ) ).forEach( function( el ) {
-        if( !el.hasAttribute( 'data-ignore' ) && typeof el.contentWindow.postMessage === 'function' ) {
-          el.contentWindow.postMessage( '{"event":"command","func":"pauseVideo","args":""}', '*' );
-        }
-      });
-
-      // Vimeo postMessage API
-      toArray( slide.querySelectorAll( 'iframe[src*="player.vimeo.com/"]' ) ).forEach( function( el ) {
-        if( !el.hasAttribute( 'data-ignore' ) && typeof el.contentWindow.postMessage === 'function' ) {
-          el.contentWindow.postMessage( '{"method":"pause"}', '*' );
-        }
-      });
-
-      // Lazy loading iframes
-      toArray( slide.querySelectorAll( 'iframe[data-src]' ) ).forEach( function( el ) {
-        // Only removing the src doesn't actually unload the frame
-        // in all browsers (Firefox) so we set it to blank first
-        el.setAttribute( 'src', 'about:blank' );
-        el.removeAttribute( 'src' );
-      } );
-    }
-
-  }
-
-  /**
-   * Returns the number of past slides. This can be used as a global
-   * flattened index for slides.
-   */
-  function getSlidePastCount() {
-
-    var horizontalSlides = toArray( dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ) );
-
-    // The number of past slides
-    var pastCount = 0;
-
-    // Step through all slides and count the past ones
-    mainLoop: for( var i = 0; i < horizontalSlides.length; i++ ) {
-
-      var horizontalSlide = horizontalSlides[i];
-      var verticalSlides = toArray( horizontalSlide.querySelectorAll( 'section' ) );
-
-      for( var j = 0; j < verticalSlides.length; j++ ) {
-
-        // Stop as soon as we arrive at the present
-        if( verticalSlides[j].classList.contains( 'present' ) ) {
-          break mainLoop;
-        }
-
-        pastCount++;
-
-      }
-
-      // Stop as soon as we arrive at the present
-      if( horizontalSlide.classList.contains( 'present' ) ) {
-        break;
-      }
-
-      // Don't count the wrapping section for vertical slides
-      if( horizontalSlide.classList.contains( 'stack' ) === false ) {
-        pastCount++;
-      }
-
-    }
-
-    return pastCount;
-
-  }
-
-  /**
-   * Returns a value ranging from 0-1 that represents
-   * how far into the presentation we have navigated.
-   */
-  function getProgress() {
-
-    // The number of past and total slides
-    var totalCount = getTotalSlides();
-    var pastCount = getSlidePastCount();
-
-    if( currentSlide ) {
-
-      var allFragments = currentSlide.querySelectorAll( '.fragment' );
-
-      // If there are fragments in the current slide those should be
-      // accounted for in the progress.
-      if( allFragments.length > 0 ) {
-        var visibleFragments = currentSlide.querySelectorAll( '.fragment.visible' );
-
-        // This value represents how big a portion of the slide progress
-        // that is made up by its fragments (0-1)
-        var fragmentWeight = 0.9;
-
-        // Add fragment progress to the past slide count
-        pastCount += ( visibleFragments.length / allFragments.length ) * fragmentWeight;
-      }
-
-    }
-
-    return pastCount / ( totalCount - 1 );
-
-  }
-
-  /**
-   * Checks if this presentation is running inside of the
-   * speaker notes window.
-   */
-  function isSpeakerNotes() {
-
-    return !!window.location.search.match( /receiver/gi );
-
-  }
-
-  /**
-   * Reads the current URL (hash) and navigates accordingly.
-   */
-  function readURL() {
-
-    var hash = window.location.hash;
-
-    // Attempt to parse the hash as either an index or name
-    var bits = hash.slice( 2 ).split( '/' ),
-      name = hash.replace( /#|\//gi, '' );
-
-    // If the first bit is invalid and there is a name we can
-    // assume that this is a named link
-    if( isNaN( parseInt( bits[0], 10 ) ) && name.length ) {
-      var element;
-
-      // Ensure the named link is a valid HTML ID attribute
-      if( /^[a-zA-Z][\w:.-]*$/.test( name ) ) {
-        // Find the slide with the specified ID
-        element = document.getElementById( name );
-      }
-
-      if( element ) {
-        // Find the position of the named slide and navigate to it
-        var indices = Reveal.getIndices( element );
-        slide( indices.h, indices.v );
-      }
-      // If the slide doesn't exist, navigate to the current slide
-      else {
-        slide( indexh || 0, indexv || 0 );
-      }
-    }
-    else {
-      // Read the index components of the hash
-      var h = parseInt( bits[0], 10 ) || 0,
-        v = parseInt( bits[1], 10 ) || 0;
-
-      if( h !== indexh || v !== indexv ) {
-        slide( h, v );
-      }
-    }
-
-  }
-
-  /**
-   * Updates the page URL (hash) to reflect the current
-   * state.
-   *
-   * @param {Number} delay The time in ms to wait before
-   * writing the hash
-   */
-  function writeURL( delay ) {
-
-    if( config.history ) {
-
-      // Make sure there's never more than one timeout running
-      clearTimeout( writeURLTimeout );
-
-      // If a delay is specified, timeout this call
-      if( typeof delay === 'number' ) {
-        writeURLTimeout = setTimeout( writeURL, delay );
-      }
-      else if( currentSlide ) {
-        var url = '/';
-
-        // Attempt to create a named link based on the slide's ID
-        var id = currentSlide.getAttribute( 'id' );
-        if( id ) {
-          id = id.toLowerCase();
-          id = id.replace( /[^a-zA-Z0-9\-\_\:\.]/g, '' );
-        }
-
-        // If the current slide has an ID, use that as a named link
-        if( typeof id === 'string' && id.length ) {
-          url = '/' + id;
-        }
-        // Otherwise use the /h/v index
-        else {
-          if( indexh > 0 || indexv > 0 ) url += indexh;
-          if( indexv > 0 ) url += '/' + indexv;
-        }
-
-        window.location.hash = url;
-      }
-    }
-
-  }
-
-  /**
-   * Retrieves the h/v location of the current, or specified,
-   * slide.
-   *
-   * @param {HTMLElement} slide If specified, the returned
-   * index will be for this slide rather than the currently
-   * active one
-   *
-   * @return {Object} { h: <int>, v: <int>, f: <int> }
-   */
-  function getIndices( slide ) {
-
-    // By default, return the current indices
-    var h = indexh,
-      v = indexv,
-      f;
-
-    // If a slide is specified, return the indices of that slide
-    if( slide ) {
-      var isVertical = isVerticalSlide( slide );
-      var slideh = isVertical ? slide.parentNode : slide;
-
-      // Select all horizontal slides
-      var horizontalSlides = toArray( dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ) );
-
-      // Now that we know which the horizontal slide is, get its index
-      h = Math.max( horizontalSlides.indexOf( slideh ), 0 );
-
-      // Assume we're not vertical
-      v = undefined;
-
-      // If this is a vertical slide, grab the vertical index
-      if( isVertical ) {
-        v = Math.max( toArray( slide.parentNode.querySelectorAll( 'section' ) ).indexOf( slide ), 0 );
-      }
-    }
-
-    if( !slide && currentSlide ) {
-      var hasFragments = currentSlide.querySelectorAll( '.fragment' ).length > 0;
-      if( hasFragments ) {
-        var currentFragment = currentSlide.querySelector( '.current-fragment' );
-        if( currentFragment && currentFragment.hasAttribute( 'data-fragment-index' ) ) {
-          f = parseInt( currentFragment.getAttribute( 'data-fragment-index' ), 10 );
-        }
-        else {
-          f = currentSlide.querySelectorAll( '.fragment.visible' ).length - 1;
-        }
-      }
-    }
-
-    return { h: h, v: v, f: f };
-
-  }
-
-  /**
-   * Retrieves the total number of slides in this presentation.
-   */
-  function getTotalSlides() {
-
-    return dom.wrapper.querySelectorAll( SLIDES_SELECTOR + ':not(.stack)' ).length;
-
-  }
-
-  /**
-   * Returns the slide element matching the specified index.
-   */
-  function getSlide( x, y ) {
-
-    var horizontalSlide = dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR )[ x ];
-    var verticalSlides = horizontalSlide && horizontalSlide.querySelectorAll( 'section' );
-
-    if( verticalSlides && verticalSlides.length && typeof y === 'number' ) {
-      return verticalSlides ? verticalSlides[ y ] : undefined;
-    }
-
-    return horizontalSlide;
-
-  }
-
-  /**
-   * Returns the background element for the given slide.
-   * All slides, even the ones with no background properties
-   * defined, have a background element so as long as the
-   * index is valid an element will be returned.
-   */
-  function getSlideBackground( x, y ) {
-
-    // When printing to PDF the slide backgrounds are nested
-    // inside of the slides
-    if( isPrintingPDF() ) {
-      var slide = getSlide( x, y );
-      if( slide ) {
-        var background = slide.querySelector( '.slide-background' );
-        if( background && background.parentNode === slide ) {
-          return background;
-        }
-      }
-
-      return undefined;
-    }
-
-    var horizontalBackground = dom.wrapper.querySelectorAll( '.backgrounds>.slide-background' )[ x ];
-    var verticalBackgrounds = horizontalBackground && horizontalBackground.querySelectorAll( '.slide-background' );
-
-    if( verticalBackgrounds && verticalBackgrounds.length && typeof y === 'number' ) {
-      return verticalBackgrounds ? verticalBackgrounds[ y ] : undefined;
-    }
-
-    return horizontalBackground;
-
-  }
-
-  /**
-   * Retrieves the current state of the presentation as
-   * an object. This state can then be restored at any
-   * time.
-   */
-  function getState() {
-
-    var indices = getIndices();
-
-    return {
-      indexh: indices.h,
-      indexv: indices.v,
-      indexf: indices.f,
-      paused: isPaused(),
-      overview: isOverview()
-    };
-
-  }
-
-  /**
-   * Restores the presentation to the given state.
-   *
-   * @param {Object} state As generated by getState()
-   */
-  function setState( state ) {
-
-    if( typeof state === 'object' ) {
-      slide( deserialize( state.indexh ), deserialize( state.indexv ), deserialize( state.indexf ) );
-
-      var pausedFlag = deserialize( state.paused ),
-        overviewFlag = deserialize( state.overview );
-
-      if( typeof pausedFlag === 'boolean' && pausedFlag !== isPaused() ) {
-        togglePause( pausedFlag );
-      }
-
-      if( typeof overviewFlag === 'boolean' && overviewFlag !== isOverview() ) {
-        toggleOverview( overviewFlag );
-      }
-    }
-
-  }
-
-  /**
-   * Return a sorted fragments list, ordered by an increasing
-   * "data-fragment-index" attribute.
-   *
-   * Fragments will be revealed in the order that they are returned by
-   * this function, so you can use the index attributes to control the
-   * order of fragment appearance.
-   *
-   * To maintain a sensible default fragment order, fragments are presumed
-   * to be passed in document order. This function adds a "fragment-index"
-   * attribute to each node if such an attribute is not already present,
-   * and sets that attribute to an integer value which is the position of
-   * the fragment within the fragments list.
-   */
-  function sortFragments( fragments ) {
-
-    fragments = toArray( fragments );
-
-    var ordered = [],
-      unordered = [],
-      sorted = [];
-
-    // Group ordered and unordered elements
-    fragments.forEach( function( fragment, i ) {
-      if( fragment.hasAttribute( 'data-fragment-index' ) ) {
-        var index = parseInt( fragment.getAttribute( 'data-fragment-index' ), 10 );
-
-        if( !ordered[index] ) {
-          ordered[index] = [];
-        }
-
-        ordered[index].push( fragment );
-      }
-      else {
-        unordered.push( [ fragment ] );
-      }
-    } );
-
-    // Append fragments without explicit indices in their
-    // DOM order
-    ordered = ordered.concat( unordered );
-
-    // Manually count the index up per group to ensure there
-    // are no gaps
-    var index = 0;
-
-    // Push all fragments in their sorted order to an array,
-    // this flattens the groups
-    ordered.forEach( function( group ) {
-      group.forEach( function( fragment ) {
-        sorted.push( fragment );
-        fragment.setAttribute( 'data-fragment-index', index );
-      } );
-
-      index ++;
-    } );
-
-    return sorted;
-
-  }
-
-  /**
-   * Navigate to the specified slide fragment.
-   *
-   * @param {Number} index The index of the fragment that
-   * should be shown, -1 means all are invisible
-   * @param {Number} offset Integer offset to apply to the
-   * fragment index
-   *
-   * @return {Boolean} true if a change was made in any
-   * fragments visibility as part of this call
-   */
-  function navigateFragment( index, offset ) {
-
-    if( currentSlide && config.fragments ) {
-
-      var fragments = sortFragments( currentSlide.querySelectorAll( '.fragment' ) );
-      if( fragments.length ) {
-
-        // If no index is specified, find the current
-        if( typeof index !== 'number' ) {
-          var lastVisibleFragment = sortFragments( currentSlide.querySelectorAll( '.fragment.visible' ) ).pop();
-
-          if( lastVisibleFragment ) {
-            index = parseInt( lastVisibleFragment.getAttribute( 'data-fragment-index' ) || 0, 10 );
-          }
-          else {
-            index = -1;
-          }
-        }
-
-        // If an offset is specified, apply it to the index
-        if( typeof offset === 'number' ) {
-          index += offset;
-        }
-
-        var fragmentsShown = [],
-          fragmentsHidden = [];
-
-        toArray( fragments ).forEach( function( element, i ) {
-
-          if( element.hasAttribute( 'data-fragment-index' ) ) {
-            i = parseInt( element.getAttribute( 'data-fragment-index' ), 10 );
-          }
-
-          // Visible fragments
-          if( i <= index ) {
-            if( !element.classList.contains( 'visible' ) ) fragmentsShown.push( element );
-            element.classList.add( 'visible' );
-            element.classList.remove( 'current-fragment' );
-
-            // Announce the fragments one by one to the Screen Reader
-            dom.statusDiv.textContent = element.textContent;
-
-            if( i === index ) {
-              element.classList.add( 'current-fragment' );
-            }
-          }
-          // Hidden fragments
-          else {
-            if( element.classList.contains( 'visible' ) ) fragmentsHidden.push( element );
-            element.classList.remove( 'visible' );
-            element.classList.remove( 'current-fragment' );
-          }
-
-
-        } );
-
-        if( fragmentsHidden.length ) {
-          dispatchEvent( 'fragmenthidden', { fragment: fragmentsHidden[0], fragments: fragmentsHidden } );
-        }
-
-        if( fragmentsShown.length ) {
-          dispatchEvent( 'fragmentshown', { fragment: fragmentsShown[0], fragments: fragmentsShown } );
-        }
-
-        updateControls();
-        updateProgress();
-
-        return !!( fragmentsShown.length || fragmentsHidden.length );
-
-      }
-
-    }
-
-    return false;
-
-  }
-
-  /**
-   * Navigate to the next slide fragment.
-   *
-   * @return {Boolean} true if there was a next fragment,
-   * false otherwise
-   */
-  function nextFragment() {
-
-    return navigateFragment( null, 1 );
-
-  }
-
-  /**
-   * Navigate to the previous slide fragment.
-   *
-   * @return {Boolean} true if there was a previous fragment,
-   * false otherwise
-   */
-  function previousFragment() {
-
-    return navigateFragment( null, -1 );
-
-  }
-
-  /**
-   * Cues a new automated slide if enabled in the config.
-   */
-  function cueAutoSlide() {
-
-    cancelAutoSlide();
-
-    if( currentSlide ) {
-
-      var currentFragment = currentSlide.querySelector( '.current-fragment' );
-
-      var fragmentAutoSlide = currentFragment ? currentFragment.getAttribute( 'data-autoslide' ) : null;
-      var parentAutoSlide = currentSlide.parentNode ? currentSlide.parentNode.getAttribute( 'data-autoslide' ) : null;
-      var slideAutoSlide = currentSlide.getAttribute( 'data-autoslide' );
-
-      // Pick value in the following priority order:
-      // 1. Current fragment's data-autoslide
-      // 2. Current slide's data-autoslide
-      // 3. Parent slide's data-autoslide
-      // 4. Global autoSlide setting
-      if( fragmentAutoSlide ) {
-        autoSlide = parseInt( fragmentAutoSlide, 10 );
-      }
-      else if( slideAutoSlide ) {
-        autoSlide = parseInt( slideAutoSlide, 10 );
-      }
-      else if( parentAutoSlide ) {
-        autoSlide = parseInt( parentAutoSlide, 10 );
-      }
-      else {
-        autoSlide = config.autoSlide;
-      }
-
-      // If there are media elements with data-autoplay,
-      // automatically set the autoSlide duration to the
-      // length of that media. Not applicable if the slide
-      // is divided up into fragments.
-      if( currentSlide.querySelectorAll( '.fragment' ).length === 0 ) {
-        toArray( currentSlide.querySelectorAll( 'video, audio' ) ).forEach( function( el ) {
-          if( el.hasAttribute( 'data-autoplay' ) ) {
-            if( autoSlide && el.duration * 1000 > autoSlide ) {
-              autoSlide = ( el.duration * 1000 ) + 1000;
-            }
-          }
-        } );
-      }
-
-      // Cue the next auto-slide if:
-      // - There is an autoSlide value
-      // - Auto-sliding isn't paused by the user
-      // - The presentation isn't paused
-      // - The overview isn't active
-      // - The presentation isn't over
-      if( autoSlide && !autoSlidePaused && !isPaused() && !isOverview() && ( !Reveal.isLastSlide() || availableFragments().next || config.loop === true ) ) {
-        autoSlideTimeout = setTimeout( navigateNext, autoSlide );
-        autoSlideStartTime = Date.now();
-      }
-
-      if( autoSlidePlayer ) {
-        autoSlidePlayer.setPlaying( autoSlideTimeout !== -1 );
-      }
-
-    }
-
-  }
-
-  /**
-   * Cancels any ongoing request to auto-slide.
-   */
-  function cancelAutoSlide() {
-
-    clearTimeout( autoSlideTimeout );
-    autoSlideTimeout = -1;
-
-  }
-
-  function pauseAutoSlide() {
-
-    if( autoSlide && !autoSlidePaused ) {
-      autoSlidePaused = true;
-      dispatchEvent( 'autoslidepaused' );
-      clearTimeout( autoSlideTimeout );
-
-      if( autoSlidePlayer ) {
-        autoSlidePlayer.setPlaying( false );
-      }
-    }
-
-  }
-
-  function resumeAutoSlide() {
-
-    if( autoSlide && autoSlidePaused ) {
-      autoSlidePaused = false;
-      dispatchEvent( 'autoslideresumed' );
-      cueAutoSlide();
-    }
-
-  }
-
-  function navigateLeft() {
-
-    // Reverse for RTL
-    if( config.rtl ) {
-      if( ( isOverview() || nextFragment() === false ) && availableRoutes().left ) {
-        slide( indexh + 1 );
-      }
-    }
-    // Normal navigation
-    else if( ( isOverview() || previousFragment() === false ) && availableRoutes().left ) {
-      slide( indexh - 1 );
-    }
-
-  }
-
-  function navigateRight() {
-
-    // Reverse for RTL
-    if( config.rtl ) {
-      if( ( isOverview() || previousFragment() === false ) && availableRoutes().right ) {
-        slide( indexh - 1 );
-      }
-    }
-    // Normal navigation
-    else if( ( isOverview() || nextFragment() === false ) && availableRoutes().right ) {
-      slide( indexh + 1 );
-    }
-
-  }
-
-  function navigateUp() {
-
-    // Prioritize hiding fragments
-    if( ( isOverview() || previousFragment() === false ) && availableRoutes().up ) {
-      slide( indexh, indexv - 1 );
-    }
-
-  }
-
-  function navigateDown() {
-
-    // Prioritize revealing fragments
-    if( ( isOverview() || nextFragment() === false ) && availableRoutes().down ) {
-      slide( indexh, indexv + 1 );
-    }
-
-  }
-
-  /**
-   * Navigates backwards, prioritized in the following order:
-   * 1) Previous fragment
-   * 2) Previous vertical slide
-   * 3) Previous horizontal slide
-   */
-  function navigatePrev() {
-
-    // Prioritize revealing fragments
-    if( previousFragment() === false ) {
-      if( availableRoutes().up ) {
-        navigateUp();
-      }
-      else {
-        // Fetch the previous horizontal slide, if there is one
-        var previousSlide;
-
-        if( config.rtl ) {
-          previousSlide = toArray( dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR + '.future' ) ).pop();
-        }
-        else {
-          previousSlide = toArray( dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR + '.past' ) ).pop();
-        }
-
-        if( previousSlide ) {
-          var v = ( previousSlide.querySelectorAll( 'section' ).length - 1 ) || undefined;
-          var h = indexh - 1;
-          slide( h, v );
-        }
-      }
-    }
-
-  }
-
-  /**
-   * The reverse of #navigatePrev().
-   */
-  function navigateNext() {
-
-    // Prioritize revealing fragments
-    if( nextFragment() === false ) {
-      if( availableRoutes().down ) {
-        navigateDown();
-      }
-      else if( config.rtl ) {
-        navigateLeft();
-      }
-      else {
-        navigateRight();
-      }
-    }
-
-    // If auto-sliding is enabled we need to cue up
-    // another timeout
-    cueAutoSlide();
-
-  }
-
-
-  // --------------------------------------------------------------------//
-  // ----------------------------- EVENTS -------------------------------//
-  // --------------------------------------------------------------------//
-
-  /**
-   * Called by all event handlers that are based on user
-   * input.
-   */
-  function onUserInput( event ) {
-
-    if( config.autoSlideStoppable ) {
-      pauseAutoSlide();
-    }
-
-  }
-
-  /**
-   * Handler for the document level 'keypress' event.
-   */
-  function onDocumentKeyPress( event ) {
-
-    // Check if the pressed key is question mark
-    if( event.shiftKey && event.charCode === 63 ) {
-      if( dom.overlay ) {
-        closeOverlay();
-      }
-      else {
-        showHelp( true );
-      }
-    }
-
-  }
-
-  /**
-   * Handler for the document level 'keydown' event.
-   */
-  function onDocumentKeyDown( event ) {
-
-    // If there's a condition specified and it returns false,
-    // ignore this event
-    if( typeof config.keyboardCondition === 'function' && config.keyboardCondition() === false ) {
-      return true;
-    }
-
-    // Remember if auto-sliding was paused so we can toggle it
-    var autoSlideWasPaused = autoSlidePaused;
-
-    onUserInput( event );
-
-    // Check if there's a focused element that could be using
-    // the keyboard
-    var activeElementIsCE = document.activeElement && document.activeElement.contentEditable !== 'inherit';
-    var activeElementIsInput = document.activeElement && document.activeElement.tagName && /input|textarea/i.test( document.activeElement.tagName );
-
-    // Disregard the event if there's a focused element or a
-    // keyboard modifier key is present
-    if( activeElementIsCE || activeElementIsInput || (event.shiftKey && event.keyCode !== 32) || event.altKey || event.ctrlKey || event.metaKey ) return;
-
-    // While paused only allow "unpausing" keyboard events (b and .)
-    if( isPaused() && [66,190,191].indexOf( event.keyCode ) === -1 ) {
-      return false;
-    }
-
-    var triggered = false;
-
-    // 1. User defined key bindings
-    if( typeof config.keyboard === 'object' ) {
-
-      for( var key in config.keyboard ) {
-
-        // Check if this binding matches the pressed key
-        if( parseInt( key, 10 ) === event.keyCode ) {
-
-          var value = config.keyboard[ key ];
-
-          // Callback function
-          if( typeof value === 'function' ) {
-            value.apply( null, [ event ] );
-          }
-          // String shortcuts to reveal.js API
-          else if( typeof value === 'string' && typeof Reveal[ value ] === 'function' ) {
-            Reveal[ value ].call();
-          }
-
-          triggered = true;
-
-        }
-
-      }
-
-    }
-
-    // 2. System defined key bindings
-    if( triggered === false ) {
-
-      // Assume true and try to prove false
-      triggered = true;
-
-      switch( event.keyCode ) {
-        // p, page up
-        case 80: case 33: navigatePrev(); break;
-        // n, page down
-        case 78: case 34: navigateNext(); break;
-        // h, left
-        case 72: case 37: navigateLeft(); break;
-        // l, right
-        case 76: case 39: navigateRight(); break;
-        // k, up
-        case 75: case 38: navigateUp(); break;
-        // j, down
-        case 74: case 40: navigateDown(); break;
-        // home
-        case 36: slide( 0 ); break;
-        // end
-        case 35: slide( Number.MAX_VALUE ); break;
-        // space
-        case 32: isOverview() ? deactivateOverview() : event.shiftKey ? navigatePrev() : navigateNext(); break;
-        // return
-        case 13: isOverview() ? deactivateOverview() : triggered = false; break;
-        // two-spot, semicolon, b, period, Logitech presenter tools "black screen" button
-        case 58: case 59: case 66: case 190: case 191: togglePause(); break;
-        // f
-        case 70: enterFullscreen(); break;
-        // a
-        case 65: if ( config.autoSlideStoppable ) toggleAutoSlide( autoSlideWasPaused ); break;
-        default:
-          triggered = false;
-      }
-
-    }
-
-    // If the input resulted in a triggered action we should prevent
-    // the browsers default behavior
-    if( triggered ) {
-      event.preventDefault && event.preventDefault();
-    }
-    // ESC or O key
-    else if ( ( event.keyCode === 27 || event.keyCode === 79 ) && features.transforms3d ) {
-      if( dom.overlay ) {
-        closeOverlay();
-      }
-      else {
-        toggleOverview();
-      }
-
-      event.preventDefault && event.preventDefault();
-    }
-
-    // If auto-sliding is enabled we need to cue up
-    // another timeout
-    cueAutoSlide();
-
-  }
-
-  /**
-   * Handler for the 'touchstart' event, enables support for
-   * swipe and pinch gestures.
-   */
-  function onTouchStart( event ) {
-
-    touch.startX = event.touches[0].clientX;
-    touch.startY = event.touches[0].clientY;
-    touch.startCount = event.touches.length;
-
-    // If there's two touches we need to memorize the distance
-    // between those two points to detect pinching
-    if( event.touches.length === 2 && config.overview ) {
-      touch.startSpan = distanceBetween( {
-        x: event.touches[1].clientX,
-        y: event.touches[1].clientY
-      }, {
-        x: touch.startX,
-        y: touch.startY
-      } );
-    }
-
-  }
-
-  /**
-   * Handler for the 'touchmove' event.
-   */
-  function onTouchMove( event ) {
-
-    // Each touch should only trigger one action
-    if( !touch.captured ) {
-      onUserInput( event );
-
-      var currentX = event.touches[0].clientX;
-      var currentY = event.touches[0].clientY;
-
-      // If the touch started with two points and still has
-      // two active touches; test for the pinch gesture
-      if( event.touches.length === 2 && touch.startCount === 2 && config.overview ) {
-
-        // The current distance in pixels between the two touch points
-        var currentSpan = distanceBetween( {
-          x: event.touches[1].clientX,
-          y: event.touches[1].clientY
-        }, {
-          x: touch.startX,
-          y: touch.startY
-        } );
-
-        // If the span is larger than the desire amount we've got
-        // ourselves a pinch
-        if( Math.abs( touch.startSpan - currentSpan ) > touch.threshold ) {
-          touch.captured = true;
-
-          if( currentSpan < touch.startSpan ) {
-            activateOverview();
-          }
-          else {
-            deactivateOverview();
-          }
-        }
-
-        event.preventDefault();
-
-      }
-      // There was only one touch point, look for a swipe
-      else if( event.touches.length === 1 && touch.startCount !== 2 ) {
-
-        var deltaX = currentX - touch.startX,
-          deltaY = currentY - touch.startY;
-
-        if( deltaX > touch.threshold && Math.abs( deltaX ) > Math.abs( deltaY ) ) {
-          touch.captured = true;
-          navigateLeft();
-        }
-        else if( deltaX < -touch.threshold && Math.abs( deltaX ) > Math.abs( deltaY ) ) {
-          touch.captured = true;
-          navigateRight();
-        }
-        else if( deltaY > touch.threshold ) {
-          touch.captured = true;
-          navigateUp();
-        }
-        else if( deltaY < -touch.threshold ) {
-          touch.captured = true;
-          navigateDown();
-        }
-
-        // If we're embedded, only block touch events if they have
-        // triggered an action
-        if( config.embedded ) {
-          if( touch.captured || isVerticalSlide( currentSlide ) ) {
-            event.preventDefault();
-          }
-        }
-        // Not embedded? Block them all to avoid needless tossing
-        // around of the viewport in iOS
-        else {
-          event.preventDefault();
-        }
-
-      }
-    }
-    // There's a bug with swiping on some Android devices unless
-    // the default action is always prevented
-    else if( navigator.userAgent.match( /android/gi ) ) {
-      event.preventDefault();
-    }
-
-  }
-
-  /**
-   * Handler for the 'touchend' event.
-   */
-  function onTouchEnd( event ) {
-
-    touch.captured = false;
-
-  }
-
-  /**
-   * Convert pointer down to touch start.
-   */
-  function onPointerDown( event ) {
-
-    if( event.pointerType === event.MSPOINTER_TYPE_TOUCH || event.pointerType === "touch" ) {
-      event.touches = [{ clientX: event.clientX, clientY: event.clientY }];
-      onTouchStart( event );
-    }
-
-  }
-
-  /**
-   * Convert pointer move to touch move.
-   */
-  function onPointerMove( event ) {
-
-    if( event.pointerType === event.MSPOINTER_TYPE_TOUCH || event.pointerType === "touch" )  {
-      event.touches = [{ clientX: event.clientX, clientY: event.clientY }];
-      onTouchMove( event );
-    }
-
-  }
-
-  /**
-   * Convert pointer up to touch end.
-   */
-  function onPointerUp( event ) {
-
-    if( event.pointerType === event.MSPOINTER_TYPE_TOUCH || event.pointerType === "touch" )  {
-      event.touches = [{ clientX: event.clientX, clientY: event.clientY }];
-      onTouchEnd( event );
-    }
-
-  }
-
-  /**
-   * Handles mouse wheel scrolling, throttled to avoid skipping
-   * multiple slides.
-   */
-  function onDocumentMouseScroll( event ) {
-
-    if( Date.now() - lastMouseWheelStep > 600 ) {
-
-      lastMouseWheelStep = Date.now();
-
-      var delta = event.detail || -event.wheelDelta;
-      if( delta > 0 ) {
-        navigateNext();
-      }
-      else {
-        navigatePrev();
-      }
-
-    }
-
-  }
-
-  /**
-   * Clicking on the progress bar results in a navigation to the
-   * closest approximate horizontal slide using this equation:
-   *
-   * ( clickX / presentationWidth ) * numberOfSlides
-   */
-  function onProgressClicked( event ) {
-
-    onUserInput( event );
-
-    event.preventDefault();
-
-    var slidesTotal = toArray( dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ) ).length;
-    var slideIndex = Math.floor( ( event.clientX / dom.wrapper.offsetWidth ) * slidesTotal );
-
-    if( config.rtl ) {
-      slideIndex = slidesTotal - slideIndex;
-    }
-
-    slide( slideIndex );
-
-  }
-
-  /**
-   * Event handler for navigation control buttons.
-   */
-  function onNavigateLeftClicked( event ) { event.preventDefault(); onUserInput(); navigateLeft(); }
-  function onNavigateRightClicked( event ) { event.preventDefault(); onUserInput(); navigateRight(); }
-  function onNavigateUpClicked( event ) { event.preventDefault(); onUserInput(); navigateUp(); }
-  function onNavigateDownClicked( event ) { event.preventDefault(); onUserInput(); navigateDown(); }
-  function onNavigatePrevClicked( event ) { event.preventDefault(); onUserInput(); navigatePrev(); }
-  function onNavigateNextClicked( event ) { event.preventDefault(); onUserInput(); navigateNext(); }
-
-  /**
-   * Handler for the window level 'hashchange' event.
-   */
-  function onWindowHashChange( event ) {
-
-    readURL();
-
-  }
-
-  /**
-   * Handler for the window level 'resize' event.
-   */
-  function onWindowResize( event ) {
-
-    layout();
-
-  }
-
-  /**
-   * Handle for the window level 'visibilitychange' event.
-   */
-  function onPageVisibilityChange( event ) {
-
-    var isHidden =  document.webkitHidden ||
-            document.msHidden ||
-            document.hidden;
-
-    // If, after clicking a link or similar and we're coming back,
-    // focus the document.body to ensure we can use keyboard shortcuts
-    if( isHidden === false && document.activeElement !== document.body ) {
-      // Not all elements support .blur() - SVGs among them.
-      if( typeof document.activeElement.blur === 'function' ) {
-        document.activeElement.blur();
-      }
-      document.body.focus();
-    }
-
-  }
-
-  /**
-   * Invoked when a slide is and we're in the overview.
-   */
-  function onOverviewSlideClicked( event ) {
-
-    // TODO There's a bug here where the event listeners are not
-    // removed after deactivating the overview.
-    if( eventsAreBound && isOverview() ) {
-      event.preventDefault();
-
-      var element = event.target;
-
-      while( element && !element.nodeName.match( /section/gi ) ) {
-        element = element.parentNode;
-      }
-
-      if( element && !element.classList.contains( 'disabled' ) ) {
-
-        deactivateOverview();
-
-        if( element.nodeName.match( /section/gi ) ) {
-          var h = parseInt( element.getAttribute( 'data-index-h' ), 10 ),
-            v = parseInt( element.getAttribute( 'data-index-v' ), 10 );
-
-          slide( h, v );
-        }
-
-      }
-    }
-
-  }
-
-  /**
-   * Handles clicks on links that are set to preview in the
-   * iframe overlay.
-   */
-  function onPreviewLinkClicked( event ) {
-
-    if( event.currentTarget && event.currentTarget.hasAttribute( 'href' ) ) {
-      var url = event.currentTarget.getAttribute( 'href' );
-      if( url ) {
-        showPreview( url );
-        event.preventDefault();
-      }
-    }
-
-  }
-
-  /**
-   * Handles click on the auto-sliding controls element.
-   */
-  function onAutoSlidePlayerClick( event ) {
-
-    // Replay
-    if( Reveal.isLastSlide() && config.loop === false ) {
-      slide( 0, 0 );
-      resumeAutoSlide();
-    }
-    // Resume
-    else if( autoSlidePaused ) {
-      resumeAutoSlide();
-    }
-    // Pause
-    else {
-      pauseAutoSlide();
-    }
-
-  }
-
-
-  // --------------------------------------------------------------------//
-  // ------------------------ PLAYBACK COMPONENT ------------------------//
-  // --------------------------------------------------------------------//
-
-
-  /**
-   * Constructor for the playback component, which displays
-   * play/pause/progress controls.
-   *
-   * @param {HTMLElement} container The component will append
-   * itself to this
-   * @param {Function} progressCheck A method which will be
-   * called frequently to get the current progress on a range
-   * of 0-1
-   */
-  function Playback( container, progressCheck ) {
-
-    // Cosmetics
-    this.diameter = 50;
-    this.thickness = 3;
-
-    // Flags if we are currently playing
-    this.playing = false;
-
-    // Current progress on a 0-1 range
-    this.progress = 0;
-
-    // Used to loop the animation smoothly
-    this.progressOffset = 1;
-
-    this.container = container;
-    this.progressCheck = progressCheck;
-
-    this.canvas = document.createElement( 'canvas' );
-    this.canvas.className = 'playback';
-    this.canvas.width = this.diameter;
-    this.canvas.height = this.diameter;
-    this.context = this.canvas.getContext( '2d' );
-
-    this.container.appendChild( this.canvas );
-
-    this.render();
-
-  }
-
-  Playback.prototype.setPlaying = function( value ) {
-
-    var wasPlaying = this.playing;
-
-    this.playing = value;
-
-    // Start repainting if we weren't already
-    if( !wasPlaying && this.playing ) {
-      this.animate();
-    }
-    else {
-      this.render();
-    }
-
-  };
-
-  Playback.prototype.animate = function() {
-
-    var progressBefore = this.progress;
-
-    this.progress = this.progressCheck();
-
-    // When we loop, offset the progress so that it eases
-    // smoothly rather than immediately resetting
-    if( progressBefore > 0.8 && this.progress < 0.2 ) {
-      this.progressOffset = this.progress;
-    }
-
-    this.render();
-
-    if( this.playing ) {
-      features.requestAnimationFrameMethod.call( window, this.animate.bind( this ) );
-    }
-
-  };
-
-  /**
-   * Renders the current progress and playback state.
-   */
-  Playback.prototype.render = function() {
-
-    var progress = this.playing ? this.progress : 0,
-      radius = ( this.diameter / 2 ) - this.thickness,
-      x = this.diameter / 2,
-      y = this.diameter / 2,
-      iconSize = 14;
-
-    // Ease towards 1
-    this.progressOffset += ( 1 - this.progressOffset ) * 0.1;
-
-    var endAngle = ( - Math.PI / 2 ) + ( progress * ( Math.PI * 2 ) );
-    var startAngle = ( - Math.PI / 2 ) + ( this.progressOffset * ( Math.PI * 2 ) );
-
-    this.context.save();
-    this.context.clearRect( 0, 0, this.diameter, this.diameter );
-
-    // Solid background color
-    this.context.beginPath();
-    this.context.arc( x, y, radius + 2, 0, Math.PI * 2, false );
-    this.context.fillStyle = 'rgba( 0, 0, 0, 0.4 )';
-    this.context.fill();
-
-    // Draw progress track
-    this.context.beginPath();
-    this.context.arc( x, y, radius, 0, Math.PI * 2, false );
-    this.context.lineWidth = this.thickness;
-    this.context.strokeStyle = '#666';
-    this.context.stroke();
-
-    if( this.playing ) {
-      // Draw progress on top of track
-      this.context.beginPath();
-      this.context.arc( x, y, radius, startAngle, endAngle, false );
-      this.context.lineWidth = this.thickness;
-      this.context.strokeStyle = '#fff';
-      this.context.stroke();
-    }
-
-    this.context.translate( x - ( iconSize / 2 ), y - ( iconSize / 2 ) );
-
-    // Draw play/pause icons
-    if( this.playing ) {
-      this.context.fillStyle = '#fff';
-      this.context.fillRect( 0, 0, iconSize / 2 - 2, iconSize );
-      this.context.fillRect( iconSize / 2 + 2, 0, iconSize / 2 - 2, iconSize );
-    }
-    else {
-      this.context.beginPath();
-      this.context.translate( 2, 0 );
-      this.context.moveTo( 0, 0 );
-      this.context.lineTo( iconSize - 2, iconSize / 2 );
-      this.context.lineTo( 0, iconSize );
-      this.context.fillStyle = '#fff';
-      this.context.fill();
-    }
-
-    this.context.restore();
-
-  };
-
-  Playback.prototype.on = function( type, listener ) {
-    this.canvas.addEventListener( type, listener, false );
-  };
-
-  Playback.prototype.off = function( type, listener ) {
-    this.canvas.removeEventListener( type, listener, false );
-  };
-
-  Playback.prototype.destroy = function() {
-
-    this.playing = false;
-
-    if( this.canvas.parentNode ) {
-      this.container.removeChild( this.canvas );
-    }
-
-  };
-
-
-  // --------------------------------------------------------------------//
-  // ------------------------------- API --------------------------------//
-  // --------------------------------------------------------------------//
-
-
-  Reveal = {
-    initialize: initialize,
-    configure: configure,
-    sync: sync,
-
-    // Navigation methods
-    slide: slide,
-    left: navigateLeft,
-    right: navigateRight,
-    up: navigateUp,
-    down: navigateDown,
-    prev: navigatePrev,
-    next: navigateNext,
-
-    // Fragment methods
-    navigateFragment: navigateFragment,
-    prevFragment: previousFragment,
-    nextFragment: nextFragment,
-
-    // Deprecated aliases
-    navigateTo: slide,
-    navigateLeft: navigateLeft,
-    navigateRight: navigateRight,
-    navigateUp: navigateUp,
-    navigateDown: navigateDown,
-    navigatePrev: navigatePrev,
-    navigateNext: navigateNext,
-
-    // Forces an update in slide layout
-    layout: layout,
-
-    // Returns an object with the available routes as booleans (left/right/top/bottom)
-    availableRoutes: availableRoutes,
-
-    // Returns an object with the available fragments as booleans (prev/next)
-    availableFragments: availableFragments,
-
-    // Toggles the overview mode on/off
-    toggleOverview: toggleOverview,
-
-    // Toggles the "black screen" mode on/off
-    togglePause: togglePause,
-
-    // Toggles the auto slide mode on/off
-    toggleAutoSlide: toggleAutoSlide,
-
-    // State checks
-    isOverview: isOverview,
-    isPaused: isPaused,
-    isAutoSliding: isAutoSliding,
-
-    // Adds or removes all internal event listeners (such as keyboard)
-    addEventListeners: addEventListeners,
-    removeEventListeners: removeEventListeners,
-
-    // Facility for persisting and restoring the presentation state
-    getState: getState,
-    setState: setState,
-
-    // Presentation progress on range of 0-1
-    getProgress: getProgress,
-
-    // Returns the indices of the current, or specified, slide
-    getIndices: getIndices,
-
-    getTotalSlides: getTotalSlides,
-
-    // Returns the slide element at the specified index
-    getSlide: getSlide,
-
-    // Returns the slide background element at the specified index
-    getSlideBackground: getSlideBackground,
-
-    // Returns the previous slide element, may be null
-    getPreviousSlide: function() {
-      return previousSlide;
-    },
-
-    // Returns the current slide element
-    getCurrentSlide: function() {
-      return currentSlide;
-    },
-
-    // Returns the current scale of the presentation content
-    getScale: function() {
-      return scale;
-    },
-
-    // Returns the current configuration object
-    getConfig: function() {
-      return config;
-    },
-
-    // Helper method, retrieves query string as a key/value hash
-    getQueryHash: function() {
-      var query = {};
-
-      location.search.replace( /[A-Z0-9]+?=([\w\.%-]*)/gi, function(a) {
-        query[ a.split( '=' ).shift() ] = a.split( '=' ).pop();
-      } );
-
-      // Basic deserialization
-      for( var i in query ) {
-        var value = query[ i ];
-
-        query[ i ] = deserialize( unescape( value ) );
-      }
-
-      return query;
-    },
-
-    // Returns true if we're currently on the first slide
-    isFirstSlide: function() {
-      return ( indexh === 0 && indexv === 0 );
-    },
-
-    // Returns true if we're currently on the last slide
-    isLastSlide: function() {
-      if( currentSlide ) {
-        // Does this slide has next a sibling?
-        if( currentSlide.nextElementSibling ) return false;
-
-        // If it's vertical, does its parent have a next sibling?
-        if( isVerticalSlide( currentSlide ) && currentSlide.parentNode.nextElementSibling ) return false;
-
-        return true;
-      }
-
-      return false;
-    },
-
-    // Checks if reveal.js has been loaded and is ready for use
-    isReady: function() {
-      return loaded;
-    },
-
-    // Forward event binding to the reveal DOM element
-    addEventListener: function( type, listener, useCapture ) {
-      if( 'addEventListener' in window ) {
-        ( dom.wrapper || document.querySelector( '.reveal' ) ).addEventListener( type, listener, useCapture );
-      }
-    },
-    removeEventListener: function( type, listener, useCapture ) {
-      if( 'addEventListener' in window ) {
-        ( dom.wrapper || document.querySelector( '.reveal' ) ).removeEventListener( type, listener, useCapture );
-      }
-    },
-
-    // Programatically triggers a keyboard event
-    triggerKey: function( keyCode ) {
-      onDocumentKeyDown( { keyCode: keyCode } );
-    }
-  };
-
-  return Reveal;
-
-}));
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/lib/css/zenburn.css b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/lib/css/zenburn.css
deleted file mode 100644
index 163484b277..0000000000
--- a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/lib/css/zenburn.css
+++ /dev/null
@@ -1,116 +0,0 @@
-/*
-
-Zenburn style from voldmar.ru (c) Vladimir Epifanov <voldmar@voldmar.ru>
-based on dark.css by Ivan Sagalaev
-
-*/
-
-.hljs {
-  display: block; padding: 0.5em;
-  background: #3F3F3F;
-  color: #DCDCDC;
-}
-
-.hljs-keyword,
-.hljs-tag,
-.css .hljs-class,
-.css .hljs-id,
-.lisp .hljs-title,
-.nginx .hljs-title,
-.hljs-request,
-.hljs-status,
-.clojure .hljs-attribute {
-  color: #E3CEAB;
-}
-
-.django .hljs-template_tag,
-.django .hljs-variable,
-.django .hljs-filter .hljs-argument {
-  color: #DCDCDC;
-}
-
-.hljs-number,
-.hljs-date {
-  color: #8CD0D3;
-}
-
-.dos .hljs-envvar,
-.dos .hljs-stream,
-.hljs-variable,
-.apache .hljs-sqbracket {
-  color: #EFDCBC;
-}
-
-.dos .hljs-flow,
-.diff .hljs-change,
-.python .exception,
-.python .hljs-built_in,
-.hljs-literal,
-.tex .hljs-special {
-  color: #EFEFAF;
-}
-
-.diff .hljs-chunk,
-.hljs-subst {
-  color: #8F8F8F;
-}
-
-.dos .hljs-keyword,
-.python .hljs-decorator,
-.hljs-title,
-.haskell .hljs-type,
-.diff .hljs-header,
-.ruby .hljs-class .hljs-parent,
-.apache .hljs-tag,
-.nginx .hljs-built_in,
-.tex .hljs-command,
-.hljs-prompt {
-    color: #efef8f;
-}
-
-.dos .hljs-winutils,
-.ruby .hljs-symbol,
-.ruby .hljs-symbol .hljs-string,
-.ruby .hljs-string {
-  color: #DCA3A3;
-}
-
-.diff .hljs-deletion,
-.hljs-string,
-.hljs-tag .hljs-value,
-.hljs-preprocessor,
-.hljs-pragma,
-.hljs-built_in,
-.sql .hljs-aggregate,
-.hljs-javadoc,
-.smalltalk .hljs-class,
-.smalltalk .hljs-localvars,
-.smalltalk .hljs-array,
-.css .hljs-rules .hljs-value,
-.hljs-attr_selector,
-.hljs-pseudo,
-.apache .hljs-cbracket,
-.tex .hljs-formula,
-.coffeescript .hljs-attribute {
-  color: #CC9393;
-}
-
-.hljs-shebang,
-.diff .hljs-addition,
-.hljs-comment,
-.java .hljs-annotation,
-.hljs-template_comment,
-.hljs-pi,
-.hljs-doctype {
-  color: #7F9F7F;
-}
-
-.coffeescript .javascript,
-.javascript .xml,
-.tex .hljs-formula,
-.xml .javascript,
-.xml .vbscript,
-.xml .css,
-.xml .hljs-cdata {
-  opacity: 0.5;
-}
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/lib/js/classList.js b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/lib/js/classList.js
deleted file mode 100644
index 44f2b4ceca..0000000000
--- a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/lib/js/classList.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js*/
-if(typeof document!=="undefined"&&!("classList" in document.createElement("a"))){(function(j){var a="classList",f="prototype",m=(j.HTMLElement||j.Element)[f],b=Object,k=String[f].trim||function(){return this.replace(/^\s+|\s+$/g,"")},c=Array[f].indexOf||function(q){var p=0,o=this.length;for(;p<o;p++){if(p in this&&this[p]===q){return p}}return -1},n=function(o,p){this.name=o;this.code=DOMException[o];this.message=p},g=function(p,o){if(o===""){throw new n("SYNTAX_ERR","An invalid or illegal string was specified")}if(/\s/.test(o)){throw new n("INVALID_CHARACTER_ERR","String contains an invalid character")}return c.call(p,o)},d=function(s){var r=k.call(s.className),q=r?r.split(/\s+/):[],p=0,o=q.length;for(;p<o;p++){this.push(q[p])}this._updateClassName=function(){s.className=this.toString()}},e=d[f]=[],i=function(){return new d(this)};n[f]=Error[f];e.item=function(o){return this[o]||null};e.contains=function(o){o+="";return g(this,o)!==-1};e.add=function(o){o+="";if(g(this,o)===-1){this.push(o);this._updateClassName()}};e.remove=function(p){p+="";var o=g(this,p);if(o!==-1){this.splice(o,1);this._updateClassName()}};e.toggle=function(o){o+="";if(g(this,o)===-1){this.add(o)}else{this.remove(o)}};e.toString=function(){return this.join(" ")};if(b.defineProperty){var l={get:i,enumerable:true,configurable:true};try{b.defineProperty(m,a,l)}catch(h){if(h.number===-2146823252){l.enumerable=false;b.defineProperty(m,a,l)}}}else{if(b[f].__defineGetter__){m.__defineGetter__(a,i)}}}(self))};
\ No newline at end of file
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/lib/js/head.min.js b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/lib/js/head.min.js
deleted file mode 100644
index 6242b0fad5..0000000000
--- a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/lib/js/head.min.js
+++ /dev/null
@@ -1,8 +0,0 @@
-/**
-    Head JS     The only script in your <HEAD>
-    Copyright   Tero Piirainen (tipiirai)
-    License     MIT / http://bit.ly/mit-license
-    Version     0.96
-
-    http://headjs.com
-*/(function(a){function z(){d||(d=!0,s(e,function(a){p(a)}))}function y(c,d){var e=a.createElement("script");e.type="text/"+(c.type||"javascript"),e.src=c.src||c,e.async=!1,e.onreadystatechange=e.onload=function(){var a=e.readyState;!d.done&&(!a||/loaded|complete/.test(a))&&(d.done=!0,d())},(a.body||b).appendChild(e)}function x(a,b){if(a.state==o)return b&&b();if(a.state==n)return k.ready(a.name,b);if(a.state==m)return a.onpreload.push(function(){x(a,b)});a.state=n,y(a.url,function(){a.state=o,b&&b(),s(g[a.name],function(a){p(a)}),u()&&d&&s(g.ALL,function(a){p(a)})})}function w(a,b){a.state===undefined&&(a.state=m,a.onpreload=[],y({src:a.url,type:"cache"},function(){v(a)}))}function v(a){a.state=l,s(a.onpreload,function(a){a.call()})}function u(a){a=a||h;var b;for(var c in a){if(a.hasOwnProperty(c)&&a[c].state!=o)return!1;b=!0}return b}function t(a){return Object.prototype.toString.call(a)=="[object Function]"}function s(a,b){if(!!a){typeof a=="object"&&(a=[].slice.call(a));for(var c=0;c<a.length;c++)b.call(a,a[c],c)}}function r(a){var b;if(typeof a=="object")for(var c in a)a[c]&&(b={name:c,url:a[c]});else b={name:q(a),url:a};var d=h[b.name];if(d&&d.url===b.url)return d;h[b.name]=b;return b}function q(a){var b=a.split("/"),c=b[b.length-1],d=c.indexOf("?");return d!=-1?c.substring(0,d):c}function p(a){a._done||(a(),a._done=1)}var b=a.documentElement,c,d,e=[],f=[],g={},h={},i=a.createElement("script").async===!0||"MozAppearance"in a.documentElement.style||window.opera,j=window.head_conf&&head_conf.head||"head",k=window[j]=window[j]||function(){k.ready.apply(null,arguments)},l=1,m=2,n=3,o=4;i?k.js=function(){var a=arguments,b=a[a.length-1],c={};t(b)||(b=null),s(a,function(d,e){d!=b&&(d=r(d),c[d.name]=d,x(d,b&&e==a.length-2?function(){u(c)&&p(b)}:null))});return k}:k.js=function(){var a=arguments,b=[].slice.call(a,1),d=b[0];if(!c){f.push(function(){k.js.apply(null,a)});return k}d?(s(b,function(a){t(a)||w(r(a))}),x(r(a[0]),t(d)?d:function(){k.js.apply(null,b)})):x(r(a[0]));return k},k.ready=function(b,c){if(b==a){d?p(c):e.push(c);return k}t(b)&&(c=b,b="ALL");if(typeof b!="string"||!t(c))return k;var f=h[b];if(f&&f.state==o||b=="ALL"&&u()&&d){p(c);return k}var i=g[b];i?i.push(c):i=g[b]=[c];return k},k.ready(a,function(){u()&&s(g.ALL,function(a){p(a)}),k.feature&&k.feature("domloaded",!0)});if(window.addEventListener)a.addEventListener("DOMContentLoaded",z,!1),window.addEventListener("load",z,!1);else if(window.attachEvent){a.attachEvent("onreadystatechange",function(){a.readyState==="complete"&&z()});var A=1;try{A=window.frameElement}catch(B){}!A&&b.doScroll&&function(){try{b.doScroll("left"),z()}catch(a){setTimeout(arguments.callee,1);return}}(),window.attachEvent("onload",z)}!a.readyState&&a.addEventListener&&(a.readyState="loading",a.addEventListener("DOMContentLoaded",handler=function(){a.removeEventListener("DOMContentLoaded",handler,!1),a.readyState="complete"},!1)),setTimeout(function(){c=!0,s(f,function(a){a()})},300)})(document)
\ No newline at end of file
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/lib/js/html5shiv.js b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/lib/js/html5shiv.js
deleted file mode 100644
index 50649b9b7a..0000000000
--- a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/lib/js/html5shiv.js
+++ /dev/null
@@ -1,7 +0,0 @@
-document.createElement('header');
-document.createElement('nav');
-document.createElement('section');
-document.createElement('article');
-document.createElement('aside');
-document.createElement('footer');
-document.createElement('hgroup');
\ No newline at end of file
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/mitkworkbenchwelcomeview.html b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/mitkworkbenchwelcomeview.html
deleted file mode 100644
index 3e2cc5ba17..0000000000
--- a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/mitkworkbenchwelcomeview.html
+++ /dev/null
@@ -1,49 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-    <head>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-        <title>MITK Workbench</title>
-        <link rel="stylesheet" type="text/css" href="qrc:/org.mitk.gui.qt.welcomescreen/style.css" />
-        <script language="javascript" src="qrc:/org.mitk.gui.qt.welcomescreen/function.js"></script>
-    </head>
-
-    <body onload="createButtons()" oncontextmenu="return false;">
-
-        <div id="screen">
-
-          <!-- Headline + Introduction -->
-          <div id="welcome">
-              <h1>Welcome to the MITK Workbench!</h1>
-
-              <div id="welcomeText">
-                  <p>This application was developed at the German Cancer Research Center (DKFZ). It is based on the well established, free open source Medical Imaging Interaction Toolkit <strong style="color: #2d5a88">MITK</strong>.</p>
-
-                  <p>Here you can find the Welcome Tutorial, to get a first overview!</p>
-              </div>
-
-              <!-- PopUps with module description generated by js are placed in here -->
-              <div id="popupAnchor"></div>
-
-              <div id="manualButtonField" class="fontDefinition">
-                    <!-- Welcome Tutorial -->
-
-                  <div class="bttnWrap">
-                      <a href="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/WelcomePresentation.html" title="WelcomeTutorial" class="genericButton welcomeTutorialButton" src="qrc:/org.mitk.gui.qt.welcomescreen/pics/WelcomeMITK.png"></a>
-                      <div>
-                          <a class="textLink" href="qrc:/org.mitk.gui.qt.welcomescreen.welcome.tutorial/WelcomePresentation.html">Welcome Tutorial</a>
-                      </div>
-                  </div>
-              </div>
-
-              <!-- MITK Website Buttons -->
-              <div id="generatedButtonField" class="fontDefinition">
-
-              <!-- Buttons created by js-function are placed in here -->
-              </div>
-          </div>
-        </div>
-
-    </body>
-
-</html>
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/WelcomeMITK.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/WelcomeMITK.png
deleted file mode 100644
index 71e0a574a8..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/WelcomeMITK.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/background.jpg b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/background.jpg
deleted file mode 100644
index c93f36df92..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/background.jpg and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/button_mitk.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/button_mitk.png
deleted file mode 100644
index abb730a99c..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/button_mitk.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/button_mitka.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/button_mitka.png
deleted file mode 100644
index 905b7ff8d5..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/button_mitka.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/experimental.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/experimental.png
deleted file mode 100644
index 86573f48db..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/experimental.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/popup_bg.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/popup_bg.png
deleted file mode 100644
index f6bc2a3290..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/popup_bg.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/popup_bg_bottom.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/popup_bg_bottom.png
deleted file mode 100644
index e05512e989..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/popup_bg_bottom.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/popup_bg_middle.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/popup_bg_middle.png
deleted file mode 100644
index 59208da102..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/popup_bg_middle.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/popup_bg_top.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/popup_bg_top.png
deleted file mode 100644
index 5ee8067cbb..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/popup_bg_top.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/popup_bttn_close.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/popup_bttn_close.png
deleted file mode 100644
index d744ba4860..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/popup_bttn_close.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/shadow.png b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/shadow.png
deleted file mode 100644
index 309d1af900..0000000000
Binary files a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/pics/shadow.png and /dev/null differ
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/script.js b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/script.js
new file mode 100644
index 0000000000..a09441a664
--- /dev/null
+++ b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/script.js
@@ -0,0 +1,10 @@
+function showNextTip() {
+  var tips = document.querySelectorAll('.tip');
+  for (let i = 0; i < tips.length; ++i) {
+    if (!tips[i].hasAttribute('hidden')) {
+      tips[i].setAttribute('hidden', '');
+      tips[(i + 1) % tips.length].removeAttribute('hidden');
+      break;
+    }
+  }
+}
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/style.css b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/style.css
index 12bbd7a146..fe5931d940 100644
--- a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/style.css
+++ b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/resources/style.css
@@ -1,207 +1,86 @@
-@charset "utf-8";
-
-body{
-  margin:0px 0px;
-  padding: 0px 0px;
+* {
+  box-sizing: border-box;
 }
 
-h1{
-  margin: 0px;
-  padding: 5px;
+body {
+  background-color: #202021;
+  color: #f1f1f1;
+  padding: 16px;
   font-family: "Open Sans", sans-serif;
-  color: rgb(255, 255, 255);
-  background: rgba(45, 92, 126, 1);
-}
-
-img{border:none;}
-
-#screen{
-  width:100%;
-  min-height:1060px;
-  height:100%;
-  padding-top: 1%;
 }
 
-#welcome{
-    min-width: 500px;
-    max-width: 700px;
-    height: 120px;
-    margin: 0px auto;
-    padding:5px;
-    color: #000;
-}
-
-#welcomeText{
-  margin-top: 2%;
-  font-family: "Open Sans", sans-serif;
-  margin-bottom:15px;
-  z-index:1;
-}
-
-#manualButtonField {
-  min-width:500px;
-  max-width:700px;
-  margin: auto;
-}
-
-#popupAnchor{
+.content {
+  max-width: 1000px;
   margin: auto;
 }
 
-#generatedButtonField{
-  min-width:500px;
-  max-width:700px;
+.tips {
+  background-color: #3f3f46;
+  border-radius: 16px;
+  width: 100%;
   margin: auto;
+  margin-top: 32px;
+  padding: 8px 16px 8px 16px;
 }
 
-.fontDefinition {
-    font-family: "Open Sans", sans-serif;
-}
-
-.bttnWrap{
-  position:relative;
-  float:left;
-  width:140px;
-  height:190px;
-  margin-right:32px;
-  margin-top:5px;
-  z-index:2;
-  text-align: center;
+.tip-content {
+  overflow: hidden;
 }
 
-.genericButton{
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
-    display: inline-block;
-    height: 92px;
-    width: 100px;
-    overflow: hidden;
-    text-indent: 100%;
-    white-space: nowrap;
-    border: 2px solid rgba(45, 92, 136, 0.5);
-    border-radius: 10px 10px 10px 10px;
-    margin: 20px;
-    transform: translateZ(0);
-    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
-    backface-visibility: hidden;
-    transition-duration: 0.3s;
-    transition-property: transform;
+.button {
+  background-color: #3f3f46;
+  border: 2px solid #f1f1f1;
+  color: #f1f1f1;
+  font-size: 24px;
+  margin-top: 16px;
+  padding: 8px 16px;
+  transition-duration: 0.2s;
+  cursor: pointer;
 }
 
-.genericButton:hover, .genericButton:focus, .genericButton:active {
-    transform: scale(1.15);
-    border: 2px solid rgba(45, 92, 136, 1);
+.button:hover {
+  background-color: #f1f1f1;
+  color: #252526;
 }
 
-.welcomeTutorialButton {
-    background-image: url(qrc:/org.mitk.gui.qt.welcomescreen/pics/WelcomeMITK.png);
-}
-
-.textLink{
-    font-family: "Open Sans", sans-serif;
-    font-size: 15px;
-    font-weight: bold;
-    text-decoration: none;
-    cursor: pointer;
-    color: #2d5a88;
-    padding-left: 0px;
-    margin: auto;
-}
-
-.textLink:hover{
-    text-decoration: underline;
-}
-
-.mitk-logo {
-    background-image: url(qrc:/org.mitk.gui.qt.welcomescreen/pics/button_mitk.png);
-    background-size: 100px;
-    display: inline-block;
-    height: 92px;
-    width: 100px;
-    overflow: hidden;
-    text-indent: 100%;
-    white-space: nowrap;
-    border: 2px solid rgba(45, 92, 136, 0.5);
-    border-radius: 10px 10px 10px 10px;
-    margin: 20px;
-    transform: translateZ(0);
-    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
-    backface-visibility: hidden;
-    transition-duration: 0.3s;
-    transition-property: transform;
-}
-
-.mitk-logo:hover, .mitk-logo:focus, .mitk-logo:active {
-    transform: scale(1.15);
-    border: 2px solid rgba(45, 92, 136, 1);
+.center {
+  display: block;
+  margin: auto;
 }
 
-#popup{
-  position:relative;
-  margin-left: auto;
-  margin-right: auto;
-  max-width:690px;
-  min-width:150px;
-  background-color:#000000;
-  opacity: 0.8;
-  -webkit-border-radius: 1em;
-  font-family: "Open Sans", sans-serif;
-  color:#FFF;
-  z-index:2;
+.table {
+  display: table;
+  border-collapse: separate;
+  border-spacing: 16px;
+  margin: 0 -16px;
+  width: calc(100% + 32px);
 }
 
-#bttnClose{
-  position:relative;
-  right:10px;
-  top:10px;
-  cursor:pointer;
+.tr {
+  display: table-row;
 }
 
-#contHeadline{
-  max-width:690px;
-  min-width:150px;
-  margin-left:10px;
-  margin-right:10px;
-  font-weight:bold;
-  font-size:14px;
-  text-align:left;
+.td {
+  display: table-cell;
+  background-color: #2d2d30;
+  padding: 0 16px;
+  max-width: 0;
 }
 
-#contDescription{
-  max-width:690px;
-  min-width:150px;
-  margin-top:15px;
-  margin-bottom:15px;
-  margin-left:10px;
-  margin-right:10px;
-  line-height:21px;
-  font-family: "Open Sans", sans-serif;
-  font-weight:normal;
-  font-size:14px;
-  text-align:left;
+.td > h3 {
+  text-align: center;
 }
 
-#contModLink{
-  max-width:690px;
-  min-width:150px;
-  height:50px;
-  margin-left:10px;
-  margin-right:10px;
-  text-align:left;
+.float-left {
+  float: left;
+  margin-right: 32px;
 }
 
-.popUpLink{
-  font-family: "Open Sans", sans-serif;
-  font-size:14px;
-  font-weight:normal;
-  line-height:16px;
-  padding-left: 10px;
-  color:#333;
+a:link, a:visited {
+  color: #f1f1f1;
+  text-decoration: none;
 }
 
-.popUpLink:hover{
-  text-decoration:underline;
-  cursor:pointer;
+a:hover, a:active {
+  color: #e02020;
 }
-
-.clearfloat{clear:both;}
diff --git a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/src/internal/QmitkMitkWorkbenchIntroPart.cpp b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/src/internal/QmitkMitkWorkbenchIntroPart.cpp
index 6e0cd7f0b0..2d3ecff848 100644
--- a/Plugins/org.mitk.gui.qt.mitkworkbench.intro/src/internal/QmitkMitkWorkbenchIntroPart.cpp
+++ b/Plugins/org.mitk.gui.qt.mitkworkbench.intro/src/internal/QmitkMitkWorkbenchIntroPart.cpp
@@ -1,220 +1,220 @@
 /*============================================================================
 
 The Medical Imaging Interaction Toolkit (MITK)
 
 Copyright (c) German Cancer Research Center (DKFZ)
 All rights reserved.
 
 Use of this source code is governed by a 3-clause BSD license that can be
 found in the LICENSE file.
 
 ============================================================================*/
 
 #include "QmitkMitkWorkbenchIntroPart.h"
 
 #include <berryIWorkbenchWindow.h>
 #include <berryIWorkbench.h>
 #include <berryIWorkbenchPage.h>
 #include <berryIPerspectiveRegistry.h>
 #include <berryWorkbenchPreferenceConstants.h>
 #include <berryIPreferences.h>
 #include <berryIPreferencesService.h>
 #include <berryPlatform.h>
 
 #include <berryIEditorReference.h>
 #include <berryIEditorInput.h>
 
 #include <ctkPluginContext.h>
 
 #include <mitkIDataStorageService.h>
 #include <mitkDataStorageEditorInput.h>
 
 #include <mitkLogMacros.h>
 
 #include <QLabel>
 #include <QMessageBox>
 #include <QtCore/qconfig.h>
 
 #include <QString>
 #include <QStringList>
 #include <QRegExp>
 #include <QChar>
 #include <QByteArray>
 #include <QDesktopServices>
 
 #include "QmitkMitkWorkbenchIntroPlugin.h"
 #include "mitkDataStorageEditorInput.h"
 #include <string>
 
 #include <QWebEngineView>
 #include <QWebEnginePage>
 #include <QUrlQuery>
 
 class QmitkMitkWorkbenchIntroPart::Impl
 {
 public:
   Impl()
     : View(nullptr)
   {
   }
 
   ~Impl()
   {
   }
 
   QWebEngineView* View;
 
 private:
   Impl(const Impl&);
   Impl& operator=(const Impl&);
 };
 
 namespace
 {
   class QmitkWebEnginePage final : public QWebEnginePage
   {
   public:
     explicit QmitkWebEnginePage(QmitkMitkWorkbenchIntroPart* introPart, QObject* parent = nullptr);
     ~QmitkWebEnginePage() override;
 
   private:
     bool acceptNavigationRequest(const QUrl& url, NavigationType type, bool isMainFrame) override;
 
     QmitkMitkWorkbenchIntroPart* m_IntroPart;
   };
 
   QmitkWebEnginePage::QmitkWebEnginePage(QmitkMitkWorkbenchIntroPart* introPart, QObject* parent)
     : QWebEnginePage(parent),
       m_IntroPart(introPart)
   {
   }
 
   QmitkWebEnginePage::~QmitkWebEnginePage()
   {
   }
 
   bool QmitkWebEnginePage::acceptNavigationRequest(const QUrl& url, NavigationType, bool)
   {
     QString scheme = url.scheme();
 
     if (scheme.contains("mitk"))
     {
       if (url.path().isEmpty())
         return false;
 
       if (url.host().contains("perspectives"))
       {
         QString id = url.path().simplified().replace("/", "");
 
         auto introSite = m_IntroPart->GetIntroSite();
         auto workbenchWindow = introSite->GetWorkbenchWindow();
         auto workbench = workbenchWindow->GetWorkbench();
 
         workbench->ShowPerspective(id, workbenchWindow);
 
         auto context = QmitkMitkWorkbenchIntroPlugin::GetDefault()->GetPluginContext();
         auto serviceReference = context->getServiceReference<mitk::IDataStorageService>();
 
         mitk::IDataStorageService* service = serviceReference
           ? context->getService<mitk::IDataStorageService>(serviceReference)
           : nullptr;
 
         if (service)
         {
           berry::IEditorInput::Pointer editorInput(new mitk::DataStorageEditorInput(service->GetActiveDataStorage()));
 
           auto page = introSite->GetPage();
           auto editorPart = page->FindEditor(editorInput);
 
           if (editorPart.IsNotNull())
             page->Activate(editorPart);
         }
       }
     }
-    else if (scheme.contains("http"))
+    else if (scheme.contains("https"))
     {
       QDesktopServices::openUrl(url);
     }
     else
     {
       return true;
     }
 
     return false;
   }
 }
 
 QmitkMitkWorkbenchIntroPart::QmitkMitkWorkbenchIntroPart()
   : m_Controls(nullptr),
     m_Impl(new Impl)
 {
   berry::IPreferences::Pointer workbenchPrefs = QmitkMitkWorkbenchIntroPlugin::GetDefault()->GetPreferencesService()->GetSystemPreferences();
   workbenchPrefs->PutBool(berry::WorkbenchPreferenceConstants::SHOW_INTRO, true);
   workbenchPrefs->Flush();
 }
 
 QmitkMitkWorkbenchIntroPart::~QmitkMitkWorkbenchIntroPart()
 {
   // if the workbench is not closing (that means, welcome screen was closed explicitly), set "Show_intro" false
   if (!this->GetIntroSite()->GetPage()->GetWorkbenchWindow()->GetWorkbench()->IsClosing())
   {
     berry::IPreferences::Pointer workbenchPrefs = QmitkMitkWorkbenchIntroPlugin::GetDefault()->GetPreferencesService()->GetSystemPreferences();
     workbenchPrefs->PutBool(berry::WorkbenchPreferenceConstants::SHOW_INTRO, false);
     workbenchPrefs->Flush();
   }
   else
   {
     berry::IPreferences::Pointer workbenchPrefs = QmitkMitkWorkbenchIntroPlugin::GetDefault()->GetPreferencesService()->GetSystemPreferences();
     workbenchPrefs->PutBool(berry::WorkbenchPreferenceConstants::SHOW_INTRO, true);
     workbenchPrefs->Flush();
   }
 
   // if workbench is not closing (Just welcome screen closing), open last used perspective
   if (this->GetIntroSite()->GetPage()->GetPerspective()->GetId()
     == "org.mitk.mitkworkbench.perspectives.editor" && !this->GetIntroSite()->GetPage()->GetWorkbenchWindow()->GetWorkbench()->IsClosing())
     {
     berry::IPerspectiveDescriptor::Pointer perspective = this->GetIntroSite()->GetWorkbenchWindow()->GetWorkbench()->GetPerspectiveRegistry()->FindPerspectiveWithId("org.mitk.mitkworkbench.perspectives.editor");
     if (perspective)
     {
       this->GetIntroSite()->GetPage()->SetPerspective(perspective);
     }
   }
 
   delete m_Impl;
 }
 
 void QmitkMitkWorkbenchIntroPart::CreateQtPartControl(QWidget* parent)
 {
   if (!m_Controls)
   {
     // create GUI widgets
     m_Controls = new Ui::QmitkWelcomeScreenViewControls;
     m_Controls->setupUi(parent);
 
     // create a QWebView as well as a QWebPage and QWebFrame within the QWebview
     m_Impl->View = new QWebEngineView(parent);
 
     auto page = new QmitkWebEnginePage(this, parent);
     m_Impl->View->setPage(page);
 
-    QUrl urlQtResource(QString("qrc:/org.mitk.gui.qt.welcomescreen/mitkworkbenchwelcomeview.html"),  QUrl::TolerantMode );
+    QUrl urlQtResource(QString("qrc:/org.mitk.gui.qt.welcomescreen/index.html"),  QUrl::TolerantMode);
     m_Impl->View->load( urlQtResource );
 
     // adds the webview as a widget
     parent->layout()->addWidget(m_Impl->View);
 
     this->CreateConnections();
   }
 }
 
 void QmitkMitkWorkbenchIntroPart::CreateConnections()
 {
 }
 
 void QmitkMitkWorkbenchIntroPart::StandbyStateChanged(bool /*standby*/)
 {
 }
 
 void QmitkMitkWorkbenchIntroPart::SetFocus()
 {
 }
diff --git a/Plugins/org.mitk.gui.qt.viewnavigator/src/QmitkViewNavigatorWidget.cpp b/Plugins/org.mitk.gui.qt.viewnavigator/src/QmitkViewNavigatorWidget.cpp
index 7eb70248fd..975285c71a 100644
--- a/Plugins/org.mitk.gui.qt.viewnavigator/src/QmitkViewNavigatorWidget.cpp
+++ b/Plugins/org.mitk.gui.qt.viewnavigator/src/QmitkViewNavigatorWidget.cpp
@@ -1,716 +1,716 @@
 /*============================================================================
 
 The Medical Imaging Interaction Toolkit (MITK)
 
 Copyright (c) German Cancer Research Center (DKFZ)
 All rights reserved.
 
 Use of this source code is governed by a 3-clause BSD license that can be
 found in the LICENSE file.
 
 ============================================================================*/
 
 // View navigator plugin
 #include <QmitkViewNavigatorWidget.h>
 #include <QmitkPerspectiveItem.h>
 #include <QmitkViewItem.h>
 
 // Blueberry
 #include <berryIWorkbenchWindow.h>
 #include <berryIPerspectiveRegistry.h>
 #include <berryPlatform.h>
 #include <berryIWorkbenchPage.h>
 #include <berryIExtensionRegistry.h>
 #include <berryIHandlerService.h>
 #include <berryIWorkbenchCommandConstants.h>
 #include <berryUIElement.h>
 
 // MITK
 #include <mitkLogMacros.h>
 
 // Qt
 #include <QHash>
 #include <QInputDialog>
 #include <QMessageBox>
 #include <QStandardItem>
 #include <QSortFilterProxyModel>
 
 class KeywordRegistry
 {
 public:
 
     KeywordRegistry()
     {
         berry::IExtensionRegistry* extensionPointService = berry::Platform::GetExtensionRegistry();
         auto keywordExts = extensionPointService->GetConfigurationElementsFor("org.blueberry.ui.keywords");
         for (auto keywordExtsIt = keywordExts.begin(); keywordExtsIt != keywordExts.end(); ++keywordExtsIt)
         {
             QString keywordId = (*keywordExtsIt)->GetAttribute("id");
             QString keywordLabels = (*keywordExtsIt)->GetAttribute("label");
             m_Keywords[keywordId].push_back(keywordLabels);
         }
     }
 
     QStringList GetKeywords(const QString& id)
     {
         return m_Keywords[id];
     }
 
     QStringList GetKeywords(const QStringList& ids)
     {
         QStringList result;
         for (const auto& id : ids)
         {
             result.append(this->GetKeywords(id));
         }
         return result;
     }
 
 private:
 
     QHash<QString, QStringList> m_Keywords;
 };
 
 class ClassFilterProxyModel : public QSortFilterProxyModel
 {
 public:
 
   ClassFilterProxyModel(QObject* parent = nullptr)
     : QSortFilterProxyModel(parent)
   {
   }
 
   bool filterAcceptsRow(int sourceRow, const QModelIndex& sourceParent) const override
   {
     QModelIndex index = sourceModel()->index(sourceRow, 0, sourceParent);
 
     return hasToBeDisplayed(index);
   }
 
 private:
 
   bool displayElement(const QModelIndex index) const
   {
     QString type = sourceModel()->data(index, Qt::DisplayRole).toString();
     QStandardItem* item = dynamic_cast<QStandardItemModel*>(sourceModel())->itemFromIndex(index);
 
     if (type.contains(filterRegExp()))
     {
         return true;
     }
 
     QmitkViewItem* viewItem = dynamic_cast<QmitkViewItem*>(item);
     if (nullptr != viewItem)
     {
         for (const auto& tag : viewItem->m_Tags)
         {
             if (tag.contains(filterRegExp()))
             {
                 return true;
             }
         }
         if (viewItem->m_Description.contains(filterRegExp()))
         {
             return true;
         }
     }
 
     QmitkPerspectiveItem* perspectiveItem = dynamic_cast<QmitkPerspectiveItem*>(item);
     if (nullptr != perspectiveItem)
     {
         for (const auto& tag : perspectiveItem->m_Tags)
         {
             if (tag.contains(filterRegExp()))
             {
                 return true;
             }
         }
         if (perspectiveItem->m_Description.contains(filterRegExp()))
         {
             return true;
         }
     }
 
     return false;
   }
 
   bool hasToBeDisplayed(const QModelIndex index) const
   {
     bool result = false;
     if (sourceModel()->rowCount(index) > 0)
     {
         for (int i = 0; i < sourceModel()->rowCount(index); i++)
         {
             QModelIndex childIndex = sourceModel()->index(i, 0, index);
             if (!childIndex.isValid())
             {
                 break;
             }
 
             result = hasToBeDisplayed(childIndex);
             result |= displayElement(index);
 
             if (result)
             {
                 break;
             }
         }
     }
     else
     {
         result = displayElement(index);
     }
     return result;
   }
 };
 
 class ViewNavigatorPerspectiveListener: public berry::IPerspectiveListener
 {
 public:
 
     ViewNavigatorPerspectiveListener(QmitkViewNavigatorWidget* parent)
       : m_ParentWidget(parent)
     {
     }
 
     Events::Types GetPerspectiveEventTypes() const override
     {
         return Events::ACTIVATED | Events::SAVED_AS | Events::DEACTIVATED
                 // remove the following line when command framework is finished
                 | Events::CLOSED | Events::OPENED | Events::PART_CHANGED;
     }
 
     void PerspectiveActivated(const berry::IWorkbenchPage::Pointer& /*page*/,
                               const berry::IPerspectiveDescriptor::Pointer& /*perspective*/) override
     {
         m_ParentWidget->UpdateTreeList();
     }
 
     void PerspectiveSavedAs(const berry::IWorkbenchPage::Pointer& /*page*/,
                             const berry::IPerspectiveDescriptor::Pointer& /*oldPerspective*/,
                             const berry::IPerspectiveDescriptor::Pointer& /*newPerspective*/) override
     {
         m_ParentWidget->UpdateTreeList();
     }
 
     void PerspectiveDeactivated(const berry::IWorkbenchPage::Pointer& /*page*/,
                                 const berry::IPerspectiveDescriptor::Pointer& /*perspective*/) override
     {
         m_ParentWidget->m_ActivePerspective = nullptr;
     }
 
     void PerspectiveOpened(const berry::IWorkbenchPage::Pointer& /*page*/,
                            const berry::IPerspectiveDescriptor::Pointer& /*perspective*/) override
     {
         m_ParentWidget->UpdateTreeList();
     }
 
     void PerspectiveClosed(const berry::IWorkbenchPage::Pointer& /*page*/,
                            const berry::IPerspectiveDescriptor::Pointer& /*perspective*/) override
     {
         m_ParentWidget->m_ActivePerspective = nullptr;
     }
 
     using IPerspectiveListener::PerspectiveChanged;
 
     void PerspectiveChanged(const berry::IWorkbenchPage::Pointer& /*page*/,
                             const berry::IPerspectiveDescriptor::Pointer& /*perspective*/,
                             const berry::IWorkbenchPartReference::Pointer& partRef, const std::string& changeId)
     {
         if (changeId == "viewHide" && partRef->GetId() == "org.mitk.views.viewnavigator")
             berry::PlatformUI::GetWorkbench()->GetActiveWorkbenchWindow()->RemovePerspectiveListener(m_ParentWidget->m_PerspectiveListener.data());
         else
             m_ParentWidget->UpdateTreeList();
     }
 
 private:
 
     QmitkViewNavigatorWidget* m_ParentWidget;
 };
 
 class ViewNavigatorViewListener: public berry::IPartListener
 {
 public:
 
   ViewNavigatorViewListener(QmitkViewNavigatorWidget* parent)
       : m_ParentWidget(parent)
     {
     }
 
     Events::Types GetPartEventTypes() const override
     {
         return Events::OPENED | Events::CLOSED;
     }
 
     void PartOpened(const berry::IWorkbenchPartReference::Pointer& partRef) override
     {
       if (partRef->GetId() != "org.mitk.views.viewnavigator")
       {
         m_ParentWidget->UpdateTreeList((partRef->GetPart(false)).GetPointer());
       }
       else
       {
         m_ParentWidget->FillTreeList();
         m_ParentWidget->UpdateTreeList();
       }
     }
 
     void PartClosed(const berry::IWorkbenchPartReference::Pointer& partRef) override
     {
       if (partRef->GetId() != "org.mitk.views.viewnavigator")
       {
         m_ParentWidget->UpdateTreeList();
       }
     }
 
 private:
 
   QmitkViewNavigatorWidget* m_ParentWidget;
 };
 
 bool compareViews(const berry::IViewDescriptor::Pointer& a, const berry::IViewDescriptor::Pointer& b)
 {
     if (a.IsNull() || b.IsNull())
     {
         return false;
     }
 
     return a->GetLabel().compare(b->GetLabel()) < 0;
 }
 
 bool comparePerspectives(const berry::IPerspectiveDescriptor::Pointer& a, const berry::IPerspectiveDescriptor::Pointer& b)
 {
     if (a.IsNull() || b.IsNull())
     {
         return false;
     }
 
     return a->GetLabel().compare(b->GetLabel()) < 0;
 }
 
 bool compareQStandardItems(const QStandardItem* a, const QStandardItem* b)
 {
     if (nullptr == a || nullptr== b)
     {
         return false;
     }
 
     return a->text().compare(b->text()) < 0;
 }
 
 QmitkViewNavigatorWidget::QmitkViewNavigatorWidget(berry::IWorkbenchWindow::Pointer window,
                                                    QWidget* parent,
                                                    Qt::WindowFlags)
     : QWidget(parent)
     , m_Window(window)
 {
     this->CreateQtPartControl(this);
 }
 
 QmitkViewNavigatorWidget::~QmitkViewNavigatorWidget()
 {
   m_Window->RemovePerspectiveListener(m_PerspectiveListener.data());
   m_Window->GetPartService()->RemovePartListener(m_ViewPartListener.data());
 }
 
 void QmitkViewNavigatorWidget::SetFocus()
 {
   m_Controls.lineEdit->setFocus();
 }
 
 void QmitkViewNavigatorWidget::UpdateTreeList(berry::IWorkbenchPart* workbenchPart)
 {
   berry::IWorkbenchPage::Pointer page = m_Window->GetActivePage();
   if (page.IsNull())
   {
     return;
   }
 
   m_ActivePerspective = page->GetPerspective();
   QList<berry::IViewPart::Pointer> viewParts = page->GetViews();
 
   // iterate over all tree items
   for (const auto& item : m_TreeModel->findItems("*", Qt::MatchWildcard | Qt::MatchRecursive))
   {
     QFont font;
     // check if the item is a view item and if it is equal to any opened view
     QmitkViewItem* viewItem = dynamic_cast<QmitkViewItem *>(item);
     if (nullptr != viewItem)
     {
       if (nullptr != workbenchPart && workbenchPart->GetPartName() == viewItem->m_ItemDescriptor->GetLabel())
       {
         font.setBold(true);
       }
       else
       {
         for (const auto& viewPart : viewParts)
         {
           if (viewPart->GetPartName() == viewItem->m_ItemDescriptor->GetLabel())
           {
             font.setBold(true);
             break;
           }
         }
       }
 
       viewItem->setFont(font);
     }
     else
     {
       // check if the item is a perspective item and if it is equal to the current perspective
       QmitkPerspectiveItem* perspectiveItem = dynamic_cast<QmitkPerspectiveItem*>(item);
       if (nullptr != perspectiveItem)
       {
         if (m_ActivePerspective.IsNotNull() && m_ActivePerspective->GetId() == perspectiveItem->m_ItemDescriptor->GetId())
         {
           font.setBold(true);
         }
 
         perspectiveItem->setFont(font);
       }
     }
   }
 }
 
 bool QmitkViewNavigatorWidget::FillTreeList()
 {
     // initialize tree model
     m_TreeModel->clear();
 
-    // add all available perspectives
-    this->AddPerspectivesToTree();
-
     // add all available views
     this->AddViewsToTree();
 
+    // add all available perspectives
+    this->AddPerspectivesToTree();
+
     m_Controls.m_PluginTreeView->expandAll();
 
     return true;
 }
 
 void QmitkViewNavigatorWidget::FilterChanged()
 {
     QString filterString = m_Controls.lineEdit->text();
     m_Controls.m_PluginTreeView->expandAll();
 
     Qt::CaseSensitivity caseSensitivity = Qt::CaseInsensitive;
     QString strPattern = "^*" + filterString;
     QRegExp regExp(strPattern, caseSensitivity);
 
     m_FilterProxyModel->setFilterRegExp(regExp);
 }
 
 void QmitkViewNavigatorWidget::ItemClicked(const QModelIndex &index)
 {
     QStandardItem* item = m_TreeModel->itemFromIndex(m_FilterProxyModel->mapToSource(index));
 
     QmitkPerspectiveItem* perspectiveItem = dynamic_cast<QmitkPerspectiveItem*>(item);
     if (nullptr != perspectiveItem)
     {
         try
         {
             berry::PlatformUI::GetWorkbench()->ShowPerspective(
               perspectiveItem->m_ItemDescriptor->GetId(), berry::PlatformUI::GetWorkbench()->GetActiveWorkbenchWindow());
         }
         catch (...)
         {
             QMessageBox::critical(nullptr, "Opening Perspective Failed",
                                   QString("The requested perspective could not be opened.\nSee the log for details."));
         }
 
         return;
     }
 
     QmitkViewItem* viewItem = dynamic_cast<QmitkViewItem*>(item);
     if (nullptr != viewItem)
     {
         berry::IWorkbenchPage::Pointer page =
           berry::PlatformUI::GetWorkbench()->GetActiveWorkbenchWindow()->GetActivePage();
 
         if (page.IsNotNull())
         {
             try
             {
                 page->ShowView(viewItem->m_ItemDescriptor->GetId());
             }
             catch (const berry::PartInitException& e)
             {
                 BERRY_ERROR << "Error: " << e.what() << std::endl;
             }
         }
     }
 }
 
 void QmitkViewNavigatorWidget::SaveCurrentPerspectiveAs()
 {
   berry::IWorkbenchPage::Pointer page = m_Window->GetActivePage();
   berry::IPerspectiveDescriptor::Pointer currentPerspective = page->GetPerspective();
 
   bool ok = false;
   QString perspectiveLabel = QInputDialog::getText(this, "Save perspective as ...",
                                 "New perspective name:", QLineEdit::Normal,
                                 "", &ok);
 
   if (!ok)
   {
     return;
   }
 
   if (perspectiveLabel.isEmpty())
   {
     QMessageBox::information(this, "Save perspective as ...", "Please select a valid perspective name.");
     return;
   }
 
   berry::IPerspectiveRegistry* perspectiveRegistry = berry::PlatformUI::GetWorkbench()->GetPerspectiveRegistry();
   berry::IPerspectiveDescriptor::Pointer newPerspective = perspectiveRegistry->CreatePerspective(perspectiveLabel, currentPerspective);
 
   if (nullptr == newPerspective)
   {
     QMessageBox::information(this, "Save perspective as ...", "The selected perspective name is already in use.");
     return;
   }
 
   page->SavePerspectiveAs(newPerspective);
 
   this->FillTreeList();
   this->UpdateTreeList();
 }
 
 void QmitkViewNavigatorWidget::ResetCurrentPerspective()
 {
     if (QMessageBox::Yes == QMessageBox(QMessageBox::Question, "Please confirm",
                                         "Do you really want to reset the current perspective?",
                                         QMessageBox::Yes | QMessageBox::No).exec())
     {
         berry::IWorkbenchPage::Pointer page = m_Window->GetActivePage();
         page->ResetPerspective();
     }
 }
 
 void QmitkViewNavigatorWidget::ClosePerspective()
 {
     if (QMessageBox::Yes == QMessageBox(QMessageBox::Question, "Please confirm",
                                         "Do you really want to close the current perspective?",
                                         QMessageBox::Yes | QMessageBox::No).exec())
     {
         berry::IWorkbenchPage::Pointer page = m_Window->GetActivePage();
         page->ClosePerspective(page->GetPerspective(), true, true);
     }
 }
 
 void QmitkViewNavigatorWidget::CloseAllPerspectives()
 {
     if (QMessageBox::Yes == QMessageBox(QMessageBox::Question, "Please confirm",
                                         "Do you really want to close all perspectives?",
                                         QMessageBox::Yes | QMessageBox::No).exec())
     {
         berry::IWorkbenchPage::Pointer page = m_Window->GetActivePage();
         page->CloseAllPerspectives(true, true);
     }
 }
 
 void QmitkViewNavigatorWidget::ExpandAll()
 {
     m_Controls.m_PluginTreeView->expandAll();
 }
 
 void QmitkViewNavigatorWidget::CollapseAll()
 {
     m_Controls.m_PluginTreeView->collapseAll();
 }
 
 void QmitkViewNavigatorWidget::CustomMenuRequested(QPoint pos)
 {
     QModelIndex index = m_Controls.m_PluginTreeView->indexAt(pos);
     QStandardItem* item = m_TreeModel->itemFromIndex(m_FilterProxyModel->mapToSource(index));
 
     if (nullptr == m_ContextMenu)
         return;
 
     m_ContextMenu->clear();
 
     QmitkPerspectiveItem* perspectiveItem = dynamic_cast<QmitkPerspectiveItem*>(item);
     if (nullptr != perspectiveItem)
     {
         berry::IPerspectiveDescriptor::Pointer perspectiveDescriptor = perspectiveItem->m_ItemDescriptor;
         if (this->m_ActivePerspective.IsNotNull() && this->m_ActivePerspective == perspectiveDescriptor)
         {
           QAction* saveAsAction = new QAction("Save perspective as ...", this);
           m_ContextMenu->addAction(saveAsAction);
           connect(saveAsAction, SIGNAL(triggered()), SLOT(SaveCurrentPerspectiveAs()));
           m_ContextMenu->addSeparator();
         }
     }
 
     QAction* resetAction = new QAction("Reset current perspective", this);
     m_ContextMenu->addAction(resetAction);
     connect(resetAction, SIGNAL(triggered()), SLOT(ResetCurrentPerspective()));
 
     QAction* closeAction = new QAction("Close perspective", this);
     m_ContextMenu->addAction(closeAction);
     connect(closeAction, SIGNAL(triggered()), SLOT(ClosePerspective()));
 
     QAction* closeAllAction = new QAction("Close all perspectives", this);
     m_ContextMenu->addAction(closeAllAction);
     connect(closeAllAction, SIGNAL(triggered()), SLOT(CloseAllPerspectives()));
 
     m_ContextMenu->addSeparator();
 
     QAction* expandAction = new QAction("Expand tree", this);
     m_ContextMenu->addAction(expandAction);
     connect(expandAction, SIGNAL(triggered()), SLOT(ExpandAll()));
 
     QAction* collapseAction = new QAction("Collapse tree", this);
     m_ContextMenu->addAction(collapseAction);
     connect(collapseAction, SIGNAL(triggered()), SLOT(CollapseAll()));
 
     m_ContextMenu->popup(m_Controls.m_PluginTreeView->viewport()->mapToGlobal(pos));
 }
 
 void QmitkViewNavigatorWidget::CreateQtPartControl(QWidget* parent)
 {
   // active workbench window available?
   if (m_Window.IsNull())
   {
     return;
   }
 
   m_Controls.setupUi(parent);
   connect(m_Controls.m_PluginTreeView, SIGNAL(customContextMenuRequested(QPoint)), SLOT(CustomMenuRequested(QPoint)));
   connect(m_Controls.m_PluginTreeView, SIGNAL(doubleClicked(const QModelIndex&)), SLOT(ItemClicked(const QModelIndex&)));
   connect(m_Controls.lineEdit, SIGNAL(textChanged(QString)), SLOT(FilterChanged()));
 
   m_ContextMenu = new QMenu(m_Controls.m_PluginTreeView);
   m_Controls.m_PluginTreeView->setContextMenuPolicy(Qt::CustomContextMenu);
 
   // Create a new TreeModel for the data
   m_TreeModel = new QStandardItemModel();
   m_FilterProxyModel = new ClassFilterProxyModel(this);
   m_FilterProxyModel->setSourceModel(m_TreeModel);
   m_Controls.m_PluginTreeView->setModel(m_FilterProxyModel);
 
   m_PerspectiveListener.reset(new ViewNavigatorPerspectiveListener(this));
   m_Window->AddPerspectiveListener(m_PerspectiveListener.data());
 
   m_ViewPartListener.reset(new ViewNavigatorViewListener(this));
   m_Window->GetPartService()->AddPartListener(m_ViewPartListener.data());
 }
 
 void QmitkViewNavigatorWidget::AddPerspectivesToTree()
 {
   berry::IPerspectiveRegistry* perspRegistry = berry::PlatformUI::GetWorkbench()->GetPerspectiveRegistry();
   QList<berry::IPerspectiveDescriptor::Pointer> perspectiveDescriptors(perspRegistry->GetPerspectives());
   qSort(perspectiveDescriptors.begin(), perspectiveDescriptors.end(), comparePerspectives);
 
   QStandardItem* perspectiveRootItem = new QStandardItem("Perspectives");
   perspectiveRootItem->setFont(QFont("", 12, QFont::Normal));
   perspectiveRootItem->setEditable(false);
   QStandardItem* treeRootItem = m_TreeModel->invisibleRootItem();
   treeRootItem->appendRow(perspectiveRootItem);
 
   this->AddItemsToTree<QList<berry::IPerspectiveDescriptor::Pointer>, QmitkPerspectiveItem>(
     perspectiveDescriptors, perspectiveRootItem);
 }
 
 void QmitkViewNavigatorWidget::AddViewsToTree()
 {
   berry::IViewRegistry* viewRegistry = berry::PlatformUI::GetWorkbench()->GetViewRegistry();
   QList<berry::IViewDescriptor::Pointer> viewDescriptors(viewRegistry->GetViews());
   qSort(viewDescriptors.begin(), viewDescriptors.end(), compareViews);
 
   QStandardItem* viewRootItem = new QStandardItem("Views");
   viewRootItem->setFont(QFont("", 12, QFont::Normal));
   viewRootItem->setEditable(false);
   QStandardItem* treeRootItem = m_TreeModel->invisibleRootItem();
   treeRootItem->appendRow(viewRootItem);
 
   QStandardItem* miscellaneousCategoryItem = new QStandardItem("Miscellaneous");
   miscellaneousCategoryItem->setFont(QFont("", 12, QFont::Normal));
   miscellaneousCategoryItem->setEditable(false);
 
   QStringList viewExcludeList;
   // internal view used for the intro screen, will crash when opened directly, see T22352
   viewExcludeList.append(QString("org.blueberry.ui.internal.introview"));
   viewExcludeList.append(QString("org.mitk.views.controlvisualizationpropertiesview"));
   viewExcludeList.append(QString("org.mitk.views.modules"));
   viewExcludeList.append(QString("org.mitk.views.viewnavigator"));
 
   this->AddItemsToTree<QList<berry::IViewDescriptor::Pointer>, QmitkViewItem>(
     viewDescriptors, viewRootItem, miscellaneousCategoryItem, viewExcludeList);
 }
 
 template<typename D, typename I>
 void QmitkViewNavigatorWidget::AddItemsToTree(D itemDescriptors, QStandardItem* rootItem,
   QStandardItem* miscellaneousItem, const QStringList& itemExcludeList)
 {
   KeywordRegistry keywordRegistry;
   std::vector<QStandardItem*> categoryItems;
 
   for (const auto& itemDescriptor : itemDescriptors)
   {
     bool excludeView = itemExcludeList.contains(itemDescriptor->GetId());
     if (excludeView)
     {
       continue;
     }
 
     QIcon icon = itemDescriptor->GetImageDescriptor();
     I* item = new I(icon, itemDescriptor->GetLabel());
     item->m_ItemDescriptor = itemDescriptor;
     item->m_Description = itemDescriptor->GetDescription();
     item->setToolTip(itemDescriptor->GetDescription());
 
     QStringList keylist = itemDescriptor->GetKeywordReferences();
     item->m_Tags = keywordRegistry.GetKeywords(keylist);
     item->setEditable(false);
 
     QStringList categoryPath = itemDescriptor->GetCategoryPath();
     if (categoryPath.empty())
     {
       // If a root item for general / non-categorized item views is given, use it.
       // Otherwise put the non-categorized item views into the top root item.
       if (nullptr != miscellaneousItem)
       {
         miscellaneousItem->appendRow(item);
       }
       else
       {
         rootItem->appendRow(item);
       }
     }
     else
     {
       QStandardItem* categoryItem = nullptr;
       for (const auto& currentCategoryItem : categoryItems)
       {
         if (currentCategoryItem->text() == categoryPath.front())
         {
           categoryItem = currentCategoryItem;
           break;
         }
       }
 
       if (nullptr == categoryItem)
       {
         categoryItem = new QStandardItem(QIcon(), categoryPath.front());
         categoryItems.push_back(categoryItem);
       }
 
       categoryItem->setFont(QFont("", 12, QFont::Normal));
       categoryItem->setEditable(false);
       categoryItem->appendRow(item);
     }
   }
 
   std::sort(categoryItems.begin(), categoryItems.end(), compareQStandardItems);
   for (const auto& categoryItem : categoryItems)
   {
     rootItem->appendRow(categoryItem);
   }
 
   if (nullptr != miscellaneousItem && miscellaneousItem->hasChildren())
   {
     rootItem->appendRow(miscellaneousItem);
   }
 }