diff --git a/.gitignore b/.gitignore
new file mode 100644
index 00000000..351be020
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,5 @@
+.idea/
+.DS_Store
+node_modules/
+.vscode/
+*.map
\ No newline at end of file
diff --git a/Classes/Helpers/CoreVersionCondition.php b/Classes/Helpers/CoreVersionCondition.php
new file mode 100644
index 00000000..d9882467
--- /dev/null
+++ b/Classes/Helpers/CoreVersionCondition.php
@@ -0,0 +1,105 @@
+<?php
+
+/*
+ * This file is part of the package bk2k/bootstrap-package.
+ *
+ * For the full copyright and license information, please read the
+ * LICENSE file that was distributed with this source code.
+ */
+
+namespace Slub\DigitalCollections\Helpers;
+
+use TYPO3\CMS\Core\Configuration\TypoScript\ConditionMatching\AbstractCondition;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\VersionNumberUtility;
+
+/**
+ * This TypoScript condition compares an integer to the current TYPO3 version
+ *
+ * = Example =
+ * [Slub\DigitalCollections\Helpers\CoreVersionCondition < 9.3]
+ *   page.6 = TEXT
+ *   page.6.value = TYPO3 CORE VERSION IS LOWER THAN 9.3
+ *   page.6.wrap = <div>|</div>
+ * [global]
+ *
+ */
+class CoreVersionCondition extends AbstractCondition
+{
+    /**
+     * Evaluate condition
+     *
+     * @param array $conditionParameters
+     * @return bool
+     */
+    public function matchCondition(array $conditionParameters)
+    {
+        if (empty($conditionParameters)) {
+            return false;
+        }
+
+        $coreVersion = VersionNumberUtility::getNumericTypo3Version();
+        $coreVersionInteger = VersionNumberUtility::convertVersionNumberToInteger($coreVersion);
+        foreach ($conditionParameters as $expression) {
+            if (\TYPO3\CMS\Core\Utility\MathUtility::canBeInterpretedAsInteger($expression)) {
+                $expression = '=' . $expression;
+            }
+            if ($this->compareNumber($expression, $coreVersionInteger)) {
+                return true;
+            }
+        }
+
+        return false;
+    }
+
+    /**
+     * Evaluates a $leftValue based on an operator: "<", ">", "<=", ">=", "!=" or "="
+     *
+     * @param string $test The value to compare with on the form [operator][number]. Eg. "< 123
+     * @param float $leftValue The value on the left side
+     * @return bool If $value is "50" and $test is "< 123" then it will return TRUE.
+     */
+    protected function compareNumber($test, $leftValue)
+    {
+        if (preg_match('/^(!?=+|<=?|>=?)\\s*([^\\s]*)\\s*$/', $test, $matches)) {
+            $operator = $matches[1];
+            $rightValue = $matches[2];
+            switch ($operator) {
+                case '>=':
+                    return $leftValue >= VersionNumberUtility::convertVersionNumberToInteger($rightValue);
+                case '<=':
+                    return $leftValue <= VersionNumberUtility::convertVersionNumberToInteger($rightValue);
+                case '!=':
+                    // multiple values may be split with '|'
+                    // see if none matches ("not in list")
+                    $found = false;
+                    $rightValueParts = GeneralUtility::trimExplode('|', $rightValue);
+                    foreach ($rightValueParts as $rightValueSingle) {
+                        if ($leftValue == VersionNumberUtility::convertVersionNumberToInteger($rightValueSingle)) {
+                            $found = true;
+                            break;
+                        }
+                    }
+                    return $found === false;
+                case '<':
+                    return $leftValue < VersionNumberUtility::convertVersionNumberToInteger($rightValue);
+                case '>':
+                    return $leftValue > VersionNumberUtility::convertVersionNumberToInteger($rightValue);
+                default:
+                    // nothing valid found except '=', use '='
+                    // multiple values may be split with '|'
+                    // see if one matches ("in list")
+                    $found = false;
+                    $rightValueParts = GeneralUtility::trimExplode('|', $rightValue);
+                    foreach ($rightValueParts as $rightValueSingle) {
+                        if ($leftValue == VersionNumberUtility::convertVersionNumberToInteger($rightValueSingle)) {
+                            $found = true;
+                            break;
+                        }
+                    }
+                    return $found;
+            }
+        }
+        return false;
+    }
+}
diff --git a/Classes/Helpers/GetDoc.php b/Classes/Helpers/GetDoc.php
new file mode 100644
index 00000000..cea879a9
--- /dev/null
+++ b/Classes/Helpers/GetDoc.php
@@ -0,0 +1,202 @@
+<?php
+namespace Slub\DigitalCollections\Helpers;
+
+/***************************************************************
+ *  Copyright notice
+ *
+ *  (c) 2017 Alexander Bigga <alexander.bigga@slub-dresden.de>
+ *  All rights reserved
+ *
+ *  This script is part of the TYPO3 project. The TYPO3 project is
+ *  free software; you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation; either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  The GNU General Public License can be found at
+ *  http://www.gnu.org/copyleft/gpl.html.
+ *
+ *  This script is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  This copyright notice MUST APPEAR in all copies of the script!
+ ***************************************************************/
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+if (!defined('TYPO3_DLOG')) {
+  define('TYPO3_DLOG', 0);
+}
+
+class GetDoc
+{
+  /**
+  	 * This holds the current document
+  	 *
+  	 * @var	tx_dlf_document
+  	 * @access protected
+  	 */
+  	protected $doc;
+
+  /**
+   * Get page's download link
+   *
+   * @access	public
+   *
+   * @param	integer	$pagenumber:The current page numbert
+   *
+   * @return	string: The left and right download url
+   */
+  public function getPageLink($pagenumber)
+  {
+
+    if (!$this->init()) {
+      return '';
+    }
+
+    $details = $this->doc->physicalStructureInfo[$this->doc->physicalStructure[$pagenumber]];
+		$file = $details['files']['DOWNLOAD'];
+
+		if (!empty($file)) {
+
+			$pageLink = $this->doc->getFileLocation($file);
+
+    }
+
+    return $pageLink;
+  }
+
+  /**
+   * Get work's download link
+   *
+   * @access	public
+   *
+   * @return	string: The left and right download url
+   */
+  public function getWorkLink()
+  {
+
+    if (!$this->init()) {
+      return '';
+    }
+
+    // Get work link.
+  		if (!empty($this->doc->physicalStructureInfo[$this->doc->physicalStructure[0]]['files']['DOWNLOAD'])) {
+
+  			$workLink = $this->doc->getFileLocation($this->doc->physicalStructureInfo[$this->doc->physicalStructure[0]]['files']['DOWNLOAD']);
+
+  		} else {
+
+  			$details = $this->doc->getLogicalStructure($this->doc->toplevelId);
+
+  			if (!empty($details['files']['DOWNLOAD'])) {
+
+  				$workLink = $this->doc->getFileLocation($details['files']['DOWNLOAD']);
+
+  			}
+
+  		}
+
+      return $workLink;
+  }
+
+  /**
+   * get xpath result
+   *
+   * @access	public
+   *
+   * @param	string		$content: The PlugIn content
+   *
+   * @return	string		The content that is displayed on the website
+   */
+  public function getXpath($xpath)
+  {
+    if (!$this->init()) {
+      return '';
+    }
+      return $this->doc->mets->xpath($xpath);
+  }
+
+  /**
+     * Initialize and load the document
+     *
+     * @access	protected
+     *
+     * @return	boolean
+     */
+    protected function init()
+    {
+      // Load current document.
+      $this->loadDocument();
+
+      if ($this->doc === null) {
+
+        // Quit without doing anything if required variables are not set.
+        return null;
+
+      }
+
+      $this->doc->mets->registerXPathNamespace('mets', 'http://www.loc.gov/METS/');
+      $this->doc->mets->registerXPathNamespace('mods', 'http://www.loc.gov/mods/v3');
+      $this->doc->mets->registerXPathNamespace('dv', 'http://dfg-viewer.de/');
+      $this->doc->mets->registerXPathNamespace('slub', 'http://slub-dresden.de/');
+
+      return true;
+    }
+
+  /**
+     * Loads the current document into $this->doc
+     *
+     * @access	protected
+     *
+     * @return	void
+     */
+    protected function loadDocument()
+    {
+      $piVarsSet = GeneralUtility::_GPmerged('set');
+
+      $piVars = GeneralUtility::_GPmerged('tx_dlf');
+
+      // overwrite tx_dlf[] parameters by (old) set[] ones
+      if (!empty($piVarsSet['mets'])) {
+        $piVars['id'] = $piVarsSet['mets'];
+      }
+      if (!empty($piVarsSet['double'])) {
+        $piVars['double'] = $piVarsSet['double'];
+      }
+      if (!empty($piVarsSet['image'])) {
+        $piVars['page'] = $piVarsSet['image'];
+      }
+
+        // Check for required variable.
+        if (!empty($piVars['id'])) {
+
+            // Get instance of tx_dlf_document.
+            if (version_compare(\TYPO3\CMS\Core\Utility\VersionNumberUtility::getNumericTypo3Version(), '8.7.0', '>=')) {
+                $this->doc =& \Kitodo\Dlf\Common\Document::getInstance($piVars['id'], 0);
+            } else {
+                $this->doc =& \tx_dlf_document::getInstance($piVars['id'], 0);
+            }
+
+
+            if (!$this->doc->ready) {
+
+                // Destroy the incomplete object.
+                $this->doc = null;
+
+                if (TYPO3_DLOG) {
+                    \TYPO3\CMS\Core\Utility\GeneralUtility::devLog('[tx_dlf_plugin->loadDocument()] Failed to load document with UID "'.$piVars['id'].'"', $this->extKey, SYSLOG_SEVERITY_ERROR);
+                }
+            } else {
+
+                // Set configuration PID.
+                $this->doc->cPid = $this->conf['pages'];
+            }
+        } else {
+            if (TYPO3_DLOG) {
+                \TYPO3\CMS\Core\Utility\GeneralUtility::devLog('[tx_dlf_plugin->loadDocument()] Failed to load document with record ID "'.$this->piVars['recordId'].'"', $this->extKey, SYSLOG_SEVERITY_ERROR);
+            }
+        }
+    }
+}
diff --git a/Classes/ViewHelpers/CalcViewHelper.php b/Classes/ViewHelpers/CalcViewHelper.php
new file mode 100644
index 00000000..4012b5a5
--- /dev/null
+++ b/Classes/ViewHelpers/CalcViewHelper.php
@@ -0,0 +1,86 @@
+<?php
+namespace Slub\DigitalCollections\ViewHelpers;
+
+/***************************************************************
+ *  Copyright notice
+ *
+ *  (c) 2017 Alexander Bigga <alexander.bigga@slub-dresden.de>
+ *  All rights reserved
+ *
+ *  This script is part of the TYPO3 project. The TYPO3 project is
+ *  free software; you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation; either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  The GNU General Public License can be found at
+ *  http://www.gnu.org/copyleft/gpl.html.
+ *
+ *  This script is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  This copyright notice MUST APPEAR in all copies of the script!
+ ***************************************************************/
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Fluid\Core\Rendering\RenderingContextInterface;
+use TYPO3Fluid\Fluid\Core\ViewHelper\Traits\CompileWithRenderStatic;
+
+/**
+ * ViewHelper to calculate two integers
+ *
+ * # Example: Basic example
+ * <code>
+ * <si:piVars var="page">
+ *	<span>1</span>
+ * </code>
+ * <output>
+ * Will output the value of tx_dlf[page]
+ * </output>
+ *
+ * @package TYPO3
+ */
+class CalcViewHelper extends \TYPO3\CMS\Fluid\Core\ViewHelper\AbstractViewHelper
+{
+    use CompileWithRenderStatic;
+
+    /**
+     * Initialize arguments.
+     */
+    public function initializeArguments()
+    {
+        parent::initializeArguments();
+        $this->registerArgument('val1', 'integer', 'first value', true);
+        $this->registerArgument('val2', 'integer', 'second value', true);
+        $this->registerArgument('operator', 'string', 'operator', false, '+');
+    }
+
+    /**
+     * @param array $arguments
+     * @param \Closure $renderChildrenClosure
+     * @param RenderingContextInterface $renderingContext
+     */
+    public static function renderStatic(
+        array $arguments,
+        \Closure $renderChildrenClosure,
+        RenderingContextInterface $renderingContext
+    ) {
+        $val1 = $arguments['val1'];
+        $val2 = $arguments['val2'];
+        $operator = $arguments['operator'];
+
+        switch ($operator) {
+          case '+': $result = (int)$val1 + (int)$val2;
+                    break;
+          case '-': $result = (int)$val1 - (int)$val2;
+                    break;
+          case '*': $result = (int)$val1 * (int)$val2;
+                    break;
+          case '/': $result = (int)((int)$val1 / (int)$val2);
+                    break;
+        }
+
+        return $result;
+    }
+}
diff --git a/Classes/ViewHelpers/CollectionsViewHelper.php b/Classes/ViewHelpers/CollectionsViewHelper.php
new file mode 100644
index 00000000..9f9d7c2f
--- /dev/null
+++ b/Classes/ViewHelpers/CollectionsViewHelper.php
@@ -0,0 +1,86 @@
+<?php
+namespace Slub\DigitalCollections\ViewHelpers;
+/***************************************************************
+ *  Copyright notice
+ *
+ *  (c) 2019 Alexander Bigga <alexander.bigga@slub-dresden.de>
+ *  All rights reserved
+ *
+ *  This script is part of the TYPO3 project. The TYPO3 project is
+ *  free software; you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation; either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  The GNU General Public License can be found at
+ *  http://www.gnu.org/copyleft/gpl.html.
+ *
+ *  This script is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  This copyright notice MUST APPEAR in all copies of the script!
+ ***************************************************************/
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Fluid\Core\Rendering\RenderingContextInterface;
+use TYPO3Fluid\Fluid\Core\ViewHelper\Traits\CompileWithRenderStatic;
+
+/**
+ * ViewHelper to get kitodo collections froms olr
+ *
+ * @package TYPO3
+ */
+class CollectionsViewHelper extends \TYPO3\CMS\Fluid\Core\ViewHelper\AbstractViewHelper
+{
+    use CompileWithRenderStatic;
+
+    /**
+     * Initialize arguments.
+     */
+    public function initializeArguments()
+    {
+        parent::initializeArguments();
+        $this->registerArgument('kitodoId', 'integer', 'Id of Kitodo document', true);
+        $this->registerArgument('solrHost', 'string', 'Id of Kitodo document', false, "http://sdvsolr2.slub-dresden.de:8983/solr/dlfCore0/");
+        $this->registerArgument('solrTimeout', 'integer', 'Id of Kitodo document', false, 5);
+    }
+
+    /**
+     * @param array $arguments
+     * @param \Closure $renderChildrenClosure
+     * @param RenderingContextInterface $renderingContext
+     */
+    public static function renderStatic(
+        array $arguments,
+        \Closure $renderChildrenClosure,
+        RenderingContextInterface $renderingContext
+    ) {
+        $kitodoId = $arguments['kitodoId'];
+        $solrHost = rtrim($arguments['solrHost'], "/");
+        $solrTimeout = $arguments['solrTimeout'];
+        if (\TYPO3\CMS\Core\Utility\MathUtility::canBeInterpretedAsInteger($kitodoId)) {
+            // calculate cache identifier
+            $cacheIdentifier = $kitodoId;
+            $cache = GeneralUtility::makeInstance('TYPO3\\CMS\\Core\\Cache\\CacheManager')->getCache('slub_digitalcollections_collections');
+
+            if (($entry = $cache->get($cacheIdentifier)) === FALSE) {
+                $context = stream_context_create(array(
+                    'http' => array(
+                        'timeout' => $solrTimeout
+                        )
+                    )
+                );
+                $apiAnswer = file_get_contents( $solrHost . '/select?q=uid:' . $kitodoId . '%20AND%20toplevel:true&rows=1&wt=json', false, $context);
+                $entry = json_decode($apiAnswer);
+                // Save value in cache
+                if ($entry) {
+                    $cache->set($cacheIdentifier, $entry);
+                }
+            }
+        } else {
+          return FALSE;
+        }
+        return $entry;
+    }
+}
diff --git a/Classes/ViewHelpers/DownloadLinksViewHelper.php b/Classes/ViewHelpers/DownloadLinksViewHelper.php
new file mode 100644
index 00000000..e0fe7eb7
--- /dev/null
+++ b/Classes/ViewHelpers/DownloadLinksViewHelper.php
@@ -0,0 +1,88 @@
+<?php
+namespace Slub\DigitalCollections\ViewHelpers;
+
+/***************************************************************
+ *  Copyright notice
+ *
+ *  (c) 2017 Alexander Bigga <alexander.bigga@slub-dresden.de>
+ *  All rights reserved
+ *
+ *  This script is part of the TYPO3 project. The TYPO3 project is
+ *  free software; you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation; either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  The GNU General Public License can be found at
+ *  http://www.gnu.org/copyleft/gpl.html.
+ *
+ *  This script is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  This copyright notice MUST APPEAR in all copies of the script!
+ ***************************************************************/
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Fluid\Core\Rendering\RenderingContextInterface;
+use TYPO3Fluid\Fluid\Core\ViewHelper\Traits\CompileWithRenderStatic;
+
+/**
+ * ViewHelper to get page info
+ *
+ * # Example: Basic example
+ * <code>
+ * <si:pageInfo page="123">
+ *	<span>123</span>
+ * </code>
+ * <output>
+ * Will output the page record
+ * </output>
+ *
+ * @package TYPO3
+ */
+class DownloadLinksViewHelper extends \TYPO3\CMS\Fluid\Core\ViewHelper\AbstractViewHelper
+{
+    use CompileWithRenderStatic;
+
+    /**
+     * Initialize arguments.
+     */
+    public function initializeArguments()
+    {
+        parent::initializeArguments();
+        $this->registerArgument('type', 'string', 'type of download ("page-left", "page-right" or "work")', false, 'page-left');
+        $this->registerArgument('pagenumber', 'integer', 'current page number', false, 1);
+    }
+
+    /**
+     * @param array $arguments
+     * @param \Closure $renderChildrenClosure
+     * @param RenderingContextInterface $renderingContext
+     */
+    public static function renderStatic(
+        array $arguments,
+        \Closure $renderChildrenClosure,
+        RenderingContextInterface $renderingContext
+    ) {
+        $type = $arguments['type'];
+        $pagenumber = $arguments['pagenumber'];
+
+        $doc = GeneralUtility::makeInstance(\Slub\DigitalCollections\Helpers\GetDoc::class);
+
+        switch ($type) {
+          case 'page-right':
+                    $result = $doc->getPageLink((int)$pagenumber + 1);
+                    break;
+          case 'work':
+                    $result = $doc->getWorkLink((int)$pagenumber);
+                    break;
+          case 'page-left':
+          default:
+                    $result = $doc->getPageLink((int)$pagenumber);
+                    break;
+        }
+
+        return $result;
+    }
+}
diff --git a/Classes/ViewHelpers/ExtractFulltextViewHelper.php b/Classes/ViewHelpers/ExtractFulltextViewHelper.php
new file mode 100644
index 00000000..6e88a712
--- /dev/null
+++ b/Classes/ViewHelpers/ExtractFulltextViewHelper.php
@@ -0,0 +1,80 @@
+<?php
+namespace Slub\DigitalCollections\ViewHelpers;
+
+/***************************************************************
+ *  Copyright notice
+ *
+ *  (c) 2020 Alexander Bigga <alexander.bigga@slub-dresden.de>
+ *  All rights reserved
+ *
+ *  This script is part of the TYPO3 project. The TYPO3 project is
+ *  free software; you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation; either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  The GNU General Public License can be found at
+ *  http://www.gnu.org/copyleft/gpl.html.
+ *
+ *  This script is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  This copyright notice MUST APPEAR in all copies of the script!
+ ***************************************************************/
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Fluid\Core\Rendering\RenderingContextInterface;
+use TYPO3Fluid\Fluid\Core\ViewHelper\Traits\CompileWithRenderStatic;
+
+/**
+ * ViewHelper to parse the ALTO fulltext
+ *
+ * # Example: Basic example
+ * <code>
+ * <dc:extractFulltext file="http://example.com/alto.xml" />
+ * </code>
+ * <output>
+ * Will output all words out of the ALTO files
+ * </output>
+ *
+ * @package TYPO3
+ */
+class ExtractFulltextViewHelper extends \TYPO3\CMS\Fluid\Core\ViewHelper\AbstractViewHelper
+{
+    use CompileWithRenderStatic;
+
+    /**
+     * Initialize arguments.
+     */
+    public function initializeArguments()
+    {
+        parent::initializeArguments();
+        $this->registerArgument('file', 'string', 'URI of the ALTO fulltext file', true);
+    }
+
+    /**
+     * @param array $arguments
+     * @param \Closure $renderChildrenClosure
+     * @param RenderingContextInterface $renderingContext
+     */
+    public static function renderStatic(
+        array $arguments,
+        \Closure $renderChildrenClosure,
+        RenderingContextInterface $renderingContext
+      ) {
+        $file= $arguments['file'];
+
+        $altoXml = simplexml_load_file($file);
+
+        $altoXml->registerXPathNamespace('alto', 'http://www.loc.gov/standards/alto/ns-v2#');
+        // Get all (presumed) words of the text.
+        $words = $altoXml->xpath('./alto:Layout/alto:Page/alto:PrintSpace//alto:TextBlock/alto:TextLine/alto:String/@CONTENT');
+        if (!empty($words)) {
+            $rawText = implode(' ', $words);
+        }
+        return $rawText;
+
+      }
+
+}
\ No newline at end of file
diff --git a/Classes/ViewHelpers/PageInfoViewHelper.php b/Classes/ViewHelpers/PageInfoViewHelper.php
new file mode 100644
index 00000000..e103608f
--- /dev/null
+++ b/Classes/ViewHelpers/PageInfoViewHelper.php
@@ -0,0 +1,80 @@
+<?php
+namespace Slub\DigitalCollections\ViewHelpers;
+
+/***************************************************************
+ *  Copyright notice
+ *
+ *  (c) 2017 Alexander Bigga <alexander.bigga@slub-dresden.de>
+ *  All rights reserved
+ *
+ *  This script is part of the TYPO3 project. The TYPO3 project is
+ *  free software; you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation; either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  The GNU General Public License can be found at
+ *  http://www.gnu.org/copyleft/gpl.html.
+ *
+ *  This script is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  This copyright notice MUST APPEAR in all copies of the script!
+ ***************************************************************/
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Fluid\Core\Rendering\RenderingContextInterface;
+use TYPO3Fluid\Fluid\Core\ViewHelper\Traits\CompileWithRenderStatic;
+
+/**
+ * ViewHelper to get page info
+ *
+ * # Example: Basic example
+ * <code>
+ * <si:pageInfo page="123">
+ *	<span>123</span>
+ * </code>
+ * <output>
+ * Will output the page record
+ * </output>
+ *
+ * @package TYPO3
+ */
+class PageInfoViewHelper extends \TYPO3\CMS\Fluid\Core\ViewHelper\AbstractViewHelper
+{
+    use CompileWithRenderStatic;
+
+    /**
+     * Initialize arguments.
+     */
+    public function initializeArguments()
+    {
+        parent::initializeArguments();
+        $this->registerArgument('uid', 'integer', 'uid of page', true);
+        $this->registerArgument('field', 'string', 'field to fetch from page record', false, 'title');
+    }
+
+    /**
+     * @param array $arguments
+     * @param \Closure $renderChildrenClosure
+     * @param RenderingContextInterface $renderingContext
+     */
+    public static function renderStatic(
+        array $arguments,
+        \Closure $renderChildrenClosure,
+        RenderingContextInterface $renderingContext
+      ) {
+        $pageUid = $arguments['uid'];
+        $field = $arguments['field'];
+        if (0 === $uid) {
+            $pageUid = $GLOBALS['TSFE']->id;
+        }
+        $pageRepository = GeneralUtility::makeInstance(\TYPO3\CMS\Frontend\Page\PageRepository::class);
+        $page = $pageRepository->getPage($pageUid);
+
+        $output = $page[$field];
+
+        return $output;
+    }
+}
diff --git a/Classes/ViewHelpers/PiVarsViewHelper.php b/Classes/ViewHelpers/PiVarsViewHelper.php
new file mode 100644
index 00000000..587a15c8
--- /dev/null
+++ b/Classes/ViewHelpers/PiVarsViewHelper.php
@@ -0,0 +1,78 @@
+<?php
+namespace Slub\DigitalCollections\ViewHelpers;
+
+/***************************************************************
+ *  Copyright notice
+ *
+ *  (c) 2017 Alexander Bigga <alexander.bigga@slub-dresden.de>
+ *  All rights reserved
+ *
+ *  This script is part of the TYPO3 project. The TYPO3 project is
+ *  free software; you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation; either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  The GNU General Public License can be found at
+ *  http://www.gnu.org/copyleft/gpl.html.
+ *
+ *  This script is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  This copyright notice MUST APPEAR in all copies of the script!
+ ***************************************************************/
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Fluid\Core\Rendering\RenderingContextInterface;
+use TYPO3Fluid\Fluid\Core\ViewHelper\Traits\CompileWithRenderStatic;
+
+/**
+ * ViewHelper to get piVars (GET variables)
+ *
+ * # Example: Basic example
+ * <code>
+ * <si:piVars var="page">
+ *	<span>1</span>
+ * </code>
+ * <output>
+ * Will output the value of tx_dlf[page]
+ * </output>
+ *
+ * @package TYPO3
+ */
+class PiVarsViewHelper extends \TYPO3\CMS\Fluid\Core\ViewHelper\AbstractViewHelper
+{
+    use CompileWithRenderStatic;
+
+    /**
+     * Initialize arguments.
+     */
+    public function initializeArguments()
+    {
+        parent::initializeArguments();
+        $this->registerArgument('var', 'string', 'variable name', true);
+        $this->registerArgument('default', 'string', 'default value if variable is empty', false, '');
+    }
+
+    /**
+     * @param array $arguments
+     * @param \Closure $renderChildrenClosure
+     * @param RenderingContextInterface $renderingContext
+     */
+    public static function renderStatic(
+        array $arguments,
+        \Closure $renderChildrenClosure,
+        RenderingContextInterface $renderingContext
+      ) {
+          $var = $arguments['var'];
+          $default = $arguments['default'];
+          $piVars = GeneralUtility::_GP('tx_dlf');
+
+        if (!isset($piVars[$var])) {
+            return $default;
+        }
+
+        return $piVars[$var];
+    }
+}
diff --git a/Classes/ViewHelpers/XpathViewHelper.php b/Classes/ViewHelpers/XpathViewHelper.php
new file mode 100644
index 00000000..db9c1c3e
--- /dev/null
+++ b/Classes/ViewHelpers/XpathViewHelper.php
@@ -0,0 +1,102 @@
+<?php
+namespace Slub\DigitalCollections\ViewHelpers;
+
+/***************************************************************
+ *  Copyright notice
+ *
+ *  (c) 2017 Alexander Bigga <alexander.bigga@slub-dresden.de>
+ *  All rights reserved
+ *
+ *  This script is part of the TYPO3 project. The TYPO3 project is
+ *  free software; you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation; either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  The GNU General Public License can be found at
+ *  http://www.gnu.org/copyleft/gpl.html.
+ *
+ *  This script is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  This copyright notice MUST APPEAR in all copies of the script!
+ ***************************************************************/
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Fluid\Core\Rendering\RenderingContextInterface;
+use TYPO3Fluid\Fluid\Core\ViewHelper\Traits\CompileWithRenderStatic;
+
+/**
+ * ViewHelper to get page info
+ *
+ * # Example: Basic example
+ * <code>
+ * <si:pageInfo page="123">
+ *	<span>123</span>
+ * </code>
+ * <output>
+ * Will output the page record
+ * </output>
+ *
+ * @package TYPO3
+ */
+class XpathViewHelper extends \TYPO3\CMS\Fluid\Core\ViewHelper\AbstractViewHelper
+{
+
+    use CompileWithRenderStatic;
+
+    /**
+     * Initialize arguments.
+     */
+    public function initializeArguments()
+    {
+        parent::initializeArguments();
+        $this->registerArgument('xpath', 'string', 'Xpath Expression', true);
+        $this->registerArgument('htmlspecialchars', 'boolean', 'Use htmlspecialchars() on the found result.', false, true);
+        $this->registerArgument('returnArray', 'boolean', 'Return results in an array instead of string.', false, false);
+    }
+
+    /**
+     * Render the supplied DateTime object as a formatted date.
+     *
+     * @param array $arguments
+     * @param \Closure $renderChildrenClosure
+     * @param RenderingContextInterface $renderingContext
+     */
+    public static function renderStatic(
+      array $arguments,
+      \Closure $renderChildrenClosure,
+      RenderingContextInterface $renderingContext
+    ) {
+        $xpath = $arguments['xpath'];
+        $htmlspecialchars = $arguments['htmlspecialchars'];
+        $returnArray = $arguments['returnArray'];
+
+        $doc = GeneralUtility::makeInstance(\Slub\DigitalCollections\Helpers\GetDoc::class);
+
+        $result = $doc->getXpath($xpath);
+
+        if (is_array($result)) {
+          foreach ($result as $row) {
+            if ($returnArray) {
+              $output[] = $htmlspecialchars ? htmlspecialchars(trim($row)) : trim($row);
+            } else {
+              $output .= $htmlspecialchars ? htmlspecialchars(trim($row)) : trim($row) . ' ';
+            }
+          }
+        } else {
+          if ($returnArray) {
+            $output[] = $htmlspecialchars ? htmlspecialchars(trim($row)) : trim($row);
+          } else {
+            $output = $htmlspecialchars ? htmlspecialchars(trim($row)) : trim($row);
+          }
+        }
+
+        if (! $returnArray) {
+            return trim($output);
+        } else {
+            return $output;
+        }
+    }
+}
diff --git a/Configuration/TCA/Overrides/pages.php b/Configuration/TCA/Overrides/pages.php
new file mode 100644
index 00000000..235e6969
--- /dev/null
+++ b/Configuration/TCA/Overrides/pages.php
@@ -0,0 +1,20 @@
+<?php
+if (!defined('TYPO3_MODE')) {
+    die('Access denied.');
+}
+
+if (TYPO3_MODE === 'BE') {
+
+    \TYPO3\CMS\Core\Utility\ExtensionManagementUtility::registerPageTSConfigFile (
+        'slub_digitalcollections',
+        'Configuration/TSconfig/pageConfig.ts',
+        'SLUB Digital Collections: Page TS'
+    );
+
+    \TYPO3\CMS\Core\Utility\ExtensionManagementUtility::registerPageTSConfigFile(
+        'slub_digitalcollections',
+        'Configuration/TSconfig/BackendLayouts.ts',
+        'SLUB Digital Collections: Backend Layouts'
+    );
+
+}
diff --git a/Configuration/TCA/Overrides/sys_template.php b/Configuration/TCA/Overrides/sys_template.php
new file mode 100644
index 00000000..cf54885a
--- /dev/null
+++ b/Configuration/TCA/Overrides/sys_template.php
@@ -0,0 +1,11 @@
+<?php
+if (!defined('TYPO3_MODE')) {
+    die('Access denied.');
+}
+
+// Add default Typoscript
+\TYPO3\CMS\Core\Utility\ExtensionManagementUtility::addStaticFile(
+    'slub_digitalcollections',
+    'Configuration/TypoScript',
+    'SLUB Digital Collections'
+);
\ No newline at end of file
diff --git a/Configuration/TSconfig/BackendLayouts.ts b/Configuration/TSconfig/BackendLayouts.ts
new file mode 100644
index 00000000..f35b3a81
--- /dev/null
+++ b/Configuration/TSconfig/BackendLayouts.ts
@@ -0,0 +1,46 @@
+###################################################
+# Page TS settings
+###################################################
+
+mod.web_layout.BackendLayouts {
+	kitodo {
+		title = Kitodo: Digital Collections - Workview
+		config {
+			backend_layout {
+                    colCount = 1
+                    rowCount = 1
+                    rows {
+                        1 {
+                            columns {
+                                1 {
+                                    name = Main
+                                    colPos = 0
+                                }
+                            }
+                        }
+                    }
+                }
+		}
+		icon = EXT:slub_digitalcollections/Resources/Public/Images/BackendLayouts/workview.png
+	}
+	emptyworkview {
+		title = Kitodo: Digital Collections - Empty Workview
+		config {
+			backend_layout {
+                    colCount = 1
+                    rowCount = 1
+                    rows {
+                        1 {
+                            columns {
+                                1 {
+                                    name = Main
+                                    colPos = 0
+                                }
+                            }
+                        }
+                    }
+                }
+		}
+		icon = EXT:slub_digitalcollections/Resources/Public/Images/BackendLayouts/workview.png
+	}
+}
\ No newline at end of file
diff --git a/Configuration/TSconfig/pageConfig.ts b/Configuration/TSconfig/pageConfig.ts
new file mode 100644
index 00000000..ba5da8f1
--- /dev/null
+++ b/Configuration/TSconfig/pageConfig.ts
@@ -0,0 +1,5 @@
+###################################################
+# Page TS settings
+###################################################
+
+mod.web_list.allowedNewTables = tx_dlf_metadata,tx_dlf_structures,tx_dlf_libraries,tx_dlf_collections
\ No newline at end of file
diff --git a/Configuration/TypoScript/Plugin/Kitodo/common.ts b/Configuration/TypoScript/Plugin/Kitodo/common.ts
new file mode 100644
index 00000000..978eb6d4
--- /dev/null
+++ b/Configuration/TypoScript/Plugin/Kitodo/common.ts
@@ -0,0 +1,217 @@
+# --------------------------------------------------------------------------------------------------------------------
+# kitodo page config
+# header style an js files
+# --------------------------------------------------------------------------------------------------------------------
+
+
+page {
+  includeCSS {
+        kitodo = {$config.kitodo.css.lists}
+        kitodo.media = screen,projection
+    }
+    # we need jquery in head as it is used by pageview plugin
+    # --> jQuery must be provided by Kitodo.Presentation --> include Template "Basis Configuration"
+    includeJSFooterlibs {
+        kitodo-frontend          = EXT:slub_digitalcollections/Resources/Public/Javascript/DigitalcollectionsListScripts.js
+    }
+}
+
+[globalVar = TSFE:page|backend_layout = pagets__kitodo]||[globalVar = TSFE:page|backend_layout = pagets__emptyworkview]
+    config.disableWrapInBaseClass = 1
+
+    # switch to viewer css
+    page.includeCSS.kitodo = {$config.kitodo.css.page}
+
+    # switch to viewer js
+    page.includeJSFooterlibs.kitodo = EXT:slub_digitalcollections/Resources/Public/Javascript/DigitalcollectionsScripts.js
+
+    # clear not required js
+    page.includeJSFooterlibs.kitodo-frontend >
+
+[global]
+
+# --------------------------------------------------------------------------------------------------------------------
+# add opengraph social metatags in single view with a valid id
+# --------------------------------------------------------------------------------------------------------------------
+[globalVar = GP:tx_dlf|id > 0]
+
+  page.2 = LOAD_REGISTER
+  page.2 {
+
+    pageUrlDigital {
+      cObject = TEXT
+      cObject {
+        dataWrap = DB:tx_dlf_documents:{GP:tx_dlf|id}:purl
+        wrap3={|}
+        insertData=1
+      }
+    }
+
+    # sometimes partOf is set...
+    partOf {
+      cObject = TEXT
+      cObject {
+        dataWrap = DB:tx_dlf_documents:{GP:tx_dlf|id}:partof
+        wrap3={|}
+        insertData=1
+      }
+    }
+
+    postDescription {
+      cObject = COA
+      cObject {
+        10 = CONTENT
+        10 {
+          table = tx_dlf_documents
+          select {
+            pidInList = 4152
+            selectFields=title,author,year,place
+            where=uid=###postid###
+            markers {
+              #postid.data = GP:tx_dlf|id
+              postid.data = register:partOf
+            }
+          }
+
+          renderObj=COA
+          renderObj {
+            10 = TEXT
+            10 {
+              field = author
+              stdWrap.if.isTrue.field = author
+              stdWrap.noTrimWrap = ||: |
+            }
+            20 = TEXT
+            20 {
+              field = title
+              stdWrap.if.isTrue.field = title
+              stdWrap.noTrimWrap = ||, |
+            }
+            30 = TEXT
+            30 {pagets__
+              field = place
+              stdWrap.if.isTrue.field = place
+            }
+            40 = TEXT
+            40 {
+              field = year
+              stdWrap.if.isTrue.field = year
+              stdWrap.noTrimWrap = |, ||
+            }
+          }
+        }
+
+        20 = CONTENT
+        20 {
+
+          table = tx_dlf_documents
+          select {
+            pidInList = 4152
+            selectFields=title,author,year,place
+            where=uid=###postid###
+            markers {
+              # would work, but we want the year too...
+              #postid.data = register:partOf // GP:tx_dlf|id
+              postid.data = GP:tx_dlf|id
+            }
+          }
+
+          renderObj=COA
+          renderObj {
+            10 = TEXT
+            10 {
+              field = author
+              stdWrap.if.isTrue.field = author
+              stdWrap.noTrimWrap = ||: |
+            }
+            20 = TEXT
+            20 {
+              field = title
+              stdWrap.if.isTrue.field = title
+              stdWrap.noTrimWrap = ||, |
+            }
+            30 = TEXT
+            30 {
+              field = place
+              stdWrap.if.isTrue.field = place
+            }
+            40 = TEXT
+            40 {
+              field = year
+              stdWrap.if.isTrue.field = year
+              stdWrap.noTrimWrap = | | |
+            }
+          }
+        }
+      }
+    }
+
+    postTitle {
+      cObject = COA
+      cObject {
+        10 = TEXT
+        10 {
+          dataWrap = DB:tx_dlf_documents:{GP:tx_dlf|id}:title
+          wrap3 = {|}
+          insertData = 1
+          if {
+            value = 1
+            isEmpty.data = register:partOf
+          }
+        }
+
+        20 = TEXT
+        20 {
+          dataWrap = DB:tx_dlf_documents:{register:partOf}:title
+          wrap3={|}
+          insertData = 1
+          if {
+            value = 1
+            isTrue.data = register:partOf
+          }
+        }
+      }
+    }
+
+  }
+
+
+  # overwrite page title:
+  config.noPageTitle = 2
+  page.headerData.10 >
+  page.headerData.10 = TEXT
+  page.headerData.10 {
+    wrap = <title> | </title>
+    value = {register:postTitle} - {$config.kitodo.rootPage.title}
+    insertData = 1
+    htmlSpecialChars = 1
+  }
+
+  # overwrite page.meta.description with blog teaser
+  page.meta.description.data = register:postDescription
+
+  page.headerData.300 = COA
+  page.headerData.300 {
+    10 = TEXT
+    10.value (
+
+  <meta property="og:title" content="{register:postTitle}" />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="{register:pageUrlDigital}" />
+
+    )
+    10.insertData = 1
+
+    11 = TEXT
+    11 {
+      data = register:postDescription
+      wrap = <meta property="og:description" content="|" />
+      required = {register:postDescription}
+      trim = 1
+      htmlSpecialChars = 1
+      htmlSpecialChars.preserveEntities = 1
+    }
+
+  }
+
+[global]
diff --git a/Configuration/TypoScript/Plugin/Kitodo/setup7.ts b/Configuration/TypoScript/Plugin/Kitodo/setup7.ts
new file mode 100644
index 00000000..ca7cb818
--- /dev/null
+++ b/Configuration/TypoScript/Plugin/Kitodo/setup7.ts
@@ -0,0 +1,294 @@
+<INCLUDE_TYPOSCRIPT: source="FILE:EXT:slub_digitalcollections/Configuration/TypoScript/Plugin/Kitodo/common.ts">
+
+# --------------------------------------------------------------------------------------------------------------------
+# search
+# --------------------------------------------------------------------------------------------------------------------
+plugin.tx_dlf_search {
+  templateFile =  {$config.kitodo.templates.search}
+}
+
+lib.kitodo.fulltext.search = USER
+lib.kitodo.fulltext.search {
+    includeLibs = EXT:dlf/plugins/search/class.tx_dlf_search.php
+    userFunc = tx_dlf_search->main
+    // storagePid of SLUB Digitale Sammlungen
+    pages = {$config.kitodo.storagePid}
+    // UID of dlfCore0
+    solrcore = {$config.kitodo.solr.core}
+    limit = {$config.kitodo.solr.searchLimit}
+    // we activate fulltext here and search only in fulltext (see template)
+    fulltext = 1
+    // search only in current document
+    searchIn = document
+    // doesn't work due to javascript inclusion of autocomplete in header
+    suggest = 0
+    targetPid = {$config.kitodo.listView}
+    // this feature doesn't work in our case. It always jumps to page 1
+    showSingleResult = 0
+    templateFile = {$config.kitodo.templates.searchFullText}
+}
+
+# --------------------------------------------------------------------------------------------------------------------
+# ajax search in workview
+# --------------------------------------------------------------------------------------------------------------------
+plugin.tx_dlf_toolsSearchindocument {
+    toolTemplateFile = {$config.kitodo.templates.searchInDocumentTool}
+    pages = {$config.kitodo.storagePid}
+    // UID of dlfCore0
+    solrcore = {$config.kitodo.solr.core}
+}
+
+# --------------------------------------------------------------------------------------------------------------------
+# collections
+# --------------------------------------------------------------------------------------------------------------------
+plugin.tx_dlf_collection {
+    templateFile = {$config.kitodo.templates.collections}
+}
+
+# --------------------------------------------------------------------------------------------------------------------
+# listview
+# --------------------------------------------------------------------------------------------------------------------
+plugin.tx_dlf_listview {
+    templateFile = {$config.kitodo.templates.listView}
+    # getTitle = 1
+}
+
+# --------------------------------------------------------------------------------------------------------------------
+# metadata
+# --------------------------------------------------------------------------------------------------------------------
+plugin.tx_dlf_metadata {
+    pages = {$config.kitodo.storagePid}
+    excludeOther = 0
+    linkTitle = 0
+    getTitle = 0
+    showFull = 1
+    rootline = 1
+    separator = #
+    templateFile = {$config.kitodo.templates.metadata}
+}
+
+lib.kitodo.metadata.title = USER
+lib.kitodo.metadata.title {
+    includeLibs = typo3conf/ext/dlf/plugins/metadata/class.tx_dlf_metadata.php
+    userFunc = tx_dlf_metadata->main
+    pages = {$config.kitodo.storagePid}
+    excludeOther = 1
+    linkTitle = 0
+    getTitle = 1
+    showFull = 0
+    rootline = 2
+    separator = #
+    templateFile = {$config.kitodo.templates.titledata}
+}
+
+lib.kitodo.metadata.full = USER
+lib.kitodo.metadata.full {
+    includeLibs = typo3conf/ext/dlf/plugins/metadata/class.tx_dlf_metadata.php
+    userFunc = tx_dlf_metadata->main
+    pages = {$config.kitodo.storagePid}
+    excludeOther = 0
+    linkTitle = 0
+    getTitle = 0
+    showFull = 1
+    rootline = 1
+    separator = #
+    templateFile = {$config.kitodo.templates.metadata}
+}
+
+# --------------------------------------------------------------------------------------------------------------------
+# pageview / workview
+# --------------------------------------------------------------------------------------------------------------------
+plugin.tx_dlf_pageview {
+    pages = {$config.kitodo.storagePid}
+    excludeOther = 0
+    features =
+    elementId = tx-dlf-map
+    templateFile = {$config.kitodo.templates.pageView}
+}
+
+# --------------------------------------------------------------------------------------------------------------------
+# thumbnail previews
+# --------------------------------------------------------------------------------------------------------------------
+plugin.tx_dlf_pagegrid {
+    pages = {$config.kitodo.storagePid}
+    limit = {$config.kitodo.pagegrid.limit}
+    targetPid = #
+    templateFile = {$config.kitodo.templates.gridView}
+}
+# --------------------------------------------------------------------------------------------------------------------
+# table of contents
+# --------------------------------------------------------------------------------------------------------------------
+plugin.tx_dlf_toc {
+    pages = {$config.kitodo.storagePid}
+    excludeOther = 0
+    targetPid.data = TSFE:page|uid
+    templateFile = {$config.kitodo.templates.tableOfContents}
+    menuConf {
+        expAll = 0
+        1 = TMENU
+        1 {
+            noBlur = 1
+            wrap = <ul class="toc">|</ul>
+            NO = 1
+            NO {
+                stdWrap {
+                    htmlSpecialChars = 1
+                    htmlSpecialChars.preserveEntities = 1
+                    crop = 65 | &nbsp;... | 1
+                    ifEmpty {
+                        field = type
+                        append.fieldRequired = volume
+                        append = TEXT
+                        append.field = volume
+                        append.wrap = &nbsp;|
+                    }
+                    # show metadata type in front of menu item "Illustrierte Magazine"-Style
+                    dataWrap = <span class="title"><span class="meta-type-icon meta-type-{field:type}">{field:type}</span> | </span> <span class="pagination">{field:pagination}</span>
+
+                    # do not show metadata type
+                    # dataWrap = <span class="tx-dlf-toc-title">|</span> <span class="tx-dlf-toc-pagination">{field:pagination}</span>
+                }
+                allWrap.cObject = TEXT
+                allWrap.cObject {
+                    insertData = 1
+                    value = |
+                    override.cObject = TEXT
+                    override.cObject {
+                        value = |<span class="basket-button">{field:basketButtonHref}</span>
+                        if {
+                            isTrue.field = basketButtonHref
+                        }
+                    }
+                }
+                doNotLinkIt.field = doNotLinkIt
+                ATagTitle.field = title // type // orderlabel
+                allWrap = <span class="a">|</span>
+                allWrap.fieldRequired = doNotLinkIt
+                wrapItemAndSub = <li>|</li>
+            }
+            IFSUB < .NO
+            IFSUB.wrapItemAndSub = <li class="submenu">|</li>
+            CUR < .NO
+            CUR.wrapItemAndSub = <li class="current">|</li>
+            CURIFSUB < .NO
+            CURIFSUB.wrapItemAndSub = <li class="current-sub submenu">|</li>
+            ACT < .NO
+            ACT.wrapItemAndSub = <li class="active">|</li>
+            ACTIFSUB < .NO
+            ACTIFSUB.wrapItemAndSub = <li class="active-sub submenu">|</li>
+        }
+        2 < .1
+        3 < .2
+        4 < .3
+        5 < .4
+        6 < .5
+        7 < .6
+    }
+}
+
+
+# --------------------------------------------------------------------------------------------------------------------
+# navigation
+# --------------------------------------------------------------------------------------------------------------------
+
+# --------------------------------------------------------------------------------------------------------------------
+# foward and back buttons in page view
+# --------------------------------------------------------------------------------------------------------------------
+lib.kitodo.navigation.pagecontrol = USER
+lib.kitodo.navigation.pagecontrol {
+    includeLibs = typo3conf/ext/dlf/plugins/navigation/class.tx_dlf_navigation.php
+    userFunc = tx_dlf_navigation->main
+    pages = {$config.kitodo.storagePid}
+    pageStep = 10
+    templateFile = {$config.kitodo.templates.navigationPagecontrol}
+}
+
+# --------------------------------------------------------------------------------------------------------------------
+# rotate and zoom buttons in page view
+# --------------------------------------------------------------------------------------------------------------------
+lib.kitodo.navigation.viewfunction = USER
+lib.kitodo.navigation.viewfunction {
+    includeLibs = typo3conf/ext/dlf/plugins/navigation/class.tx_dlf_navigation.php
+    userFunc = tx_dlf_navigation->main
+    pages = {$config.kitodo.storagePid}
+    pageStep = 10
+    templateFile = {$config.kitodo.templates.navigationViewfunction}
+}
+
+lib.kitodo.navigation.viewfunction_deactivated = USER
+lib.kitodo.navigation.viewfunction_deactivated {
+    includeLibs = typo3conf/ext/dlf/plugins/navigation/class.tx_dlf_navigation.php
+    userFunc = tx_dlf_navigation->main
+    pages = {$config.kitodo.storagePid}
+    pageStep = 10
+    templateFile = {$config.kitodo.templates.navigationViewfunction-deactivated}
+}
+
+# --------------------------------------------------------------------------------------------------------------------
+# Tools like imagemanipulation, fulltext and downloads eg.
+# --------------------------------------------------------------------------------------------------------------------
+plugin.tx_dlf_toolbox {
+    pages = {$config.kitodo.storagePid}
+    fileGrpsImageDownload = MIN,DEFAULT,MAX
+
+    # this overwrites the backend plugin settings --> avoid it here
+    tools = tx_slubdlfhacks_pdfdownload,tx_dlf_toolsImagedownload,tx_dlf_toolsFulltext,tx_dlf_toolsImagemanipulation
+    templateFile = {$config.kitodo.templates.toolbox}
+}
+
+plugin.tx_dlf_toolsPdf {
+    pages = {$config.kitodo.storagePid}
+    toolTemplateFile = {$config.kitodo.templates.toolsPdf}
+}
+
+plugin.tx_dlf_toolsFulltext {
+    pages = {$config.kitodo.storagePid}
+    toolTemplateFile = {$config.kitodo.templates.toolFullText}
+}
+
+plugin.tx_dlf_toolsImagemanipulation {
+    pages = {$config.kitodo.storagePid}
+    toolTemplateFile = {$config.kitodo.templates.toolsImageManipulation}
+}
+
+# --------------------------------------------------------------------------------------------------------------------
+# newspaper navigation
+# --------------------------------------------------------------------------------------------------------------------
+lib.kitodo.newspaper.years = USER
+lib.kitodo.newspaper.years {
+    includeLibs = typo3conf/ext/dlf/plugins/newspaper/class.tx_dlf_newspaper.php
+    userFunc = tx_dlf_newspaper->years
+    pages = {$config.kitodo.storagePid}
+    targetPid = {$config.kitodo.pageView}
+    templateFile = {$config.kitodo.templates.newspaperYear}
+}
+
+lib.kitodo.newspaper.calendar = USER
+lib.kitodo.newspaper.calendar {
+    includeLibs = typo3conf/ext/dlf/plugins/newspaper/class.tx_dlf_newspaper.php
+    userFunc = tx_dlf_newspaper->calendar
+    pages = {$config.kitodo.storagePid}
+    targetPid = {$config.kitodo.pageView}
+    templateFile = {$config.kitodo.templates.newspaperCalendar}
+}
+
+[userFunc = user_dlf_docTypeCheck(newspaper)]
+page.10.variables {
+  isNewspaper = TEXT
+  isNewspaper.value = newspaper_anchor
+}
+[END]
+
+[userFunc = user_dlf_docTypeCheck(year)]
+page.10.variables {
+  isNewspaper = TEXT
+  isNewspaper.value = newspaper_year
+}
+[END]
+
+[userFunc = user_dlf_docTypeCheck(issue)]
+page.10.variables {
+  isNewspaper = TEXT
+  isNewspaper.value = newspaper_issue
+}
+[END]
diff --git a/Configuration/TypoScript/Plugin/Kitodo/setup9.typoscript b/Configuration/TypoScript/Plugin/Kitodo/setup9.typoscript
new file mode 100644
index 00000000..8336fd3c
--- /dev/null
+++ b/Configuration/TypoScript/Plugin/Kitodo/setup9.typoscript
@@ -0,0 +1,288 @@
+<INCLUDE_TYPOSCRIPT: source="FILE:EXT:slub_digitalcollections/Configuration/TypoScript/Plugin/Kitodo/common.ts">
+
+# --------------------------------------------------------------------------------------------------------------------
+# search
+# --------------------------------------------------------------------------------------------------------------------
+plugin.tx_dlf_search {
+  templateFile =  {$config.kitodo.templates.search}
+}
+
+lib.kitodo.fulltext.search = USER
+lib.kitodo.fulltext.search {
+    userFunc = Kitodo\Dlf\Plugin\Search->main
+    // storagePid of SLUB Digitale Sammlungen
+    pages = {$config.kitodo.storagePid}
+    // UID of dlfCore0
+    solrcore = {$config.kitodo.solr.core}
+    limit = {$config.kitodo.solr.searchLimit}
+    // we activate fulltext here and search only in fulltext (see template)
+    fulltext = 0
+    // search only in current document
+    searchIn = document
+    // doesn't work due to javascript inclusion of autocomplete in header
+    suggest = 0
+    targetPid = {$config.kitodo.listView}
+    // this feature doesn't work in our case. It always jumps to page 1
+    showSingleResult = 0
+    templateFile = {$config.kitodo.templates.searchFullText}
+}
+
+# --------------------------------------------------------------------------------------------------------------------
+# ajax search in workview
+# --------------------------------------------------------------------------------------------------------------------
+plugin.tx_dlf_searchindocumenttool {
+    templateFile = {$config.kitodo.templates.searchInDocumentTool}
+    pages = {$config.kitodo.storagePid}
+    // UID of dlfCore0
+    solrcore = {$config.kitodo.solr.core}
+}
+# For compatibiltiy of Fluid templates with Kitodo.Presentation 2.x
+plugin.tx_dlf_toolsSearchindocument < plugin.tx_dlf_searchindocumenttool
+
+# --------------------------------------------------------------------------------------------------------------------
+# collections
+# --------------------------------------------------------------------------------------------------------------------
+plugin.tx_dlf_collection {
+    templateFile = {$config.kitodo.templates.collections}
+}
+
+# --------------------------------------------------------------------------------------------------------------------
+# listview
+# --------------------------------------------------------------------------------------------------------------------
+plugin.tx_dlf_listview {
+    templateFile = {$config.kitodo.templates.listView}
+    # getTitle = 1
+}
+
+# --------------------------------------------------------------------------------------------------------------------
+# metadata
+# --------------------------------------------------------------------------------------------------------------------
+plugin.tx_dlf_metadata {
+    pages = {$config.kitodo.storagePid}
+    excludeOther = 0
+    linkTitle = 0
+    getTitle = 0
+    showFull = 1
+    rootline = 1
+    separator = #
+    templateFile = {$config.kitodo.templates.metadata}
+}
+
+lib.kitodo.metadata.title = USER
+lib.kitodo.metadata.title {
+    userFunc = Kitodo\Dlf\Plugin\Metadata->main
+    pages = {$config.kitodo.storagePid}
+    excludeOther = 1
+    linkTitle = 0
+    getTitle = 1
+    showFull = 0
+    rootline = 2
+    separator = #
+    templateFile = {$config.kitodo.templates.titledata}
+}
+
+lib.kitodo.metadata.full = USER
+lib.kitodo.metadata.full {
+    userFunc = Kitodo\Dlf\Plugin\Metadata->main
+    pages = {$config.kitodo.storagePid}
+    excludeOther = 0
+    linkTitle = 0
+    getTitle = 0
+    showFull = 1
+    rootline = 1
+    separator = #
+    templateFile = {$config.kitodo.templates.metadata}
+}
+
+# --------------------------------------------------------------------------------------------------------------------
+# pageview / workview
+# --------------------------------------------------------------------------------------------------------------------
+plugin.tx_dlf_pageview {
+    pages = {$config.kitodo.storagePid}
+    excludeOther = 0
+    features =
+    elementId = tx-dlf-map
+    templateFile = {$config.kitodo.templates.pageView}
+}
+
+# --------------------------------------------------------------------------------------------------------------------
+# thumbnail previews
+# --------------------------------------------------------------------------------------------------------------------
+plugin.tx_dlf_pagegrid {
+    pages = {$config.kitodo.storagePid}
+    limit = {$config.kitodo.pagegrid.limit}
+    targetPid = #
+    templateFile = {$config.kitodo.templates.gridView}
+}
+# --------------------------------------------------------------------------------------------------------------------
+# table of contents
+# --------------------------------------------------------------------------------------------------------------------
+plugin.tx_dlf_tableofcontents {
+    pages = {$config.kitodo.storagePid}
+    excludeOther = 0
+    targetPid.data = TSFE:page|uid
+    templateFile = {$config.kitodo.templates.tableOfContents}
+    menuConf {
+        expAll = 0
+        1 = TMENU
+        1 {
+            noBlur = 1
+            wrap = <ul class="toc">|</ul>
+            NO = 1
+            NO {
+                stdWrap {
+                    htmlSpecialChars = 1
+                    htmlSpecialChars.preserveEntities = 1
+                    crop = 65 | &nbsp;... | 1
+                    ifEmpty {
+                        field = type
+                        append.fieldRequired = volume
+                        append = TEXT
+                        append.field = volume
+                        append.wrap = &nbsp;|
+                    }
+                    # show metadata type in front of menu item "Illustrierte Magazine"-Style
+                    dataWrap = <span class="title"><span class="meta-type-icon meta-type-{field:type}">{field:type}</span> | </span> <span class="pagination">{field:pagination}</span>
+
+                    # do not show metadata type
+                    # dataWrap = <span class="tx-dlf-toc-title">|</span> <span class="tx-dlf-toc-pagination">{field:pagination}</span>
+                }
+                allWrap.cObject = TEXT
+                allWrap.cObject {
+                    insertData = 1
+                    value = |
+                    override.cObject = TEXT
+                    override.cObject {
+                        value = |<span class="basket-button">{field:basketButtonHref}</span>
+                        if {
+                            isTrue.field = basketButtonHref
+                        }
+                    }
+                }
+                doNotLinkIt.field = doNotLinkIt
+                ATagTitle.field = title // type // orderlabel
+                allWrap = <span class="a">|</span>
+                allWrap.fieldRequired = doNotLinkIt
+                wrapItemAndSub = <li>|</li>
+            }
+            IFSUB < .NO
+            IFSUB.wrapItemAndSub = <li class="submenu">|</li>
+            CUR < .NO
+            CUR.wrapItemAndSub = <li class="current">|</li>
+            CURIFSUB < .NO
+            CURIFSUB.wrapItemAndSub = <li class="current-sub submenu">|</li>
+            ACT < .NO
+            ACT.wrapItemAndSub = <li class="active">|</li>
+            ACTIFSUB < .NO
+            ACTIFSUB.wrapItemAndSub = <li class="active-sub submenu">|</li>
+        }
+        2 < .1
+        3 < .2
+        4 < .3
+        5 < .4
+        6 < .5
+        7 < .6
+    }
+}
+# For compatibiltiy of Fluid templates with Kitodo.Presentation 2.x
+plugin.tx_dlf_toc < plugin.tx_dlf_tableofcontents
+
+# --------------------------------------------------------------------------------------------------------------------
+# navigation
+# --------------------------------------------------------------------------------------------------------------------
+
+# --------------------------------------------------------------------------------------------------------------------
+# foward and back buttons in page view
+# --------------------------------------------------------------------------------------------------------------------
+lib.kitodo.navigation.pagecontrol = USER
+lib.kitodo.navigation.pagecontrol {
+    userFunc = Kitodo\Dlf\Plugin\Navigation->main
+    pages = {$config.kitodo.storagePid}
+    pageStep = 10
+    templateFile = {$config.kitodo.templates.navigationPagecontrol}
+}
+
+# --------------------------------------------------------------------------------------------------------------------
+# rotate and zoom buttons in page view
+# --------------------------------------------------------------------------------------------------------------------
+lib.kitodo.navigation.viewfunction = USER
+lib.kitodo.navigation.viewfunction {
+    userFunc = Kitodo\Dlf\Plugin\Navigation->main
+    pages = {$config.kitodo.storagePid}
+    pageStep = 10
+    templateFile = {$config.kitodo.templates.navigationViewfunction}
+}
+
+lib.kitodo.navigation.viewfunction_deactivated = USER
+lib.kitodo.navigation.viewfunction_deactivated {
+    userFunc = Kitodo\Dlf\Plugin\Navigation->main
+    pages = {$config.kitodo.storagePid}
+    pageStep = 10
+    templateFile = {$config.kitodo.templates.navigationViewfunction-deactivated}
+}
+
+# --------------------------------------------------------------------------------------------------------------------
+# Tools like imagemanipulation, fulltext and downloads eg.
+# --------------------------------------------------------------------------------------------------------------------
+plugin.tx_dlf_toolbox {
+    pages = {$config.kitodo.storagePid}
+    fileGrpsImageDownload = MIN,DEFAULT,MAX
+
+    # this overwrites the backend plugin settings --> avoid it here
+    tools = tx_slubdlfhacks_pdfdownload,tx_dlf_toolsImagedownload,tx_dlf_toolsFulltext,tx_dlf_toolsImagemanipulation
+    templateFile = {$config.kitodo.templates.toolbox}
+}
+
+plugin.tx_dlf_fulltexttool {
+    pages = {$config.kitodo.storagePid}
+    templateFile = {$config.kitodo.templates.toolFullText}
+}
+# For compatibiltiy of Fluid templates with Kitodo.Presentation 2.x
+plugin.tx_dlf_toolsFulltext < plugin.tx_dlf_fulltexttool
+
+plugin.tx_dlf_imagemanipulationtool {
+    pages = {$config.kitodo.storagePid}
+    templateFile = {$config.kitodo.templates.toolsImageManipulation}
+}
+# For compatibiltiy of Fluid templates with Kitodo.Presentation 2.x
+plugin.tx_dlf_toolsImagemanipulation < plugin.tx_dlf_imagemanipulationtool
+
+# --------------------------------------------------------------------------------------------------------------------
+# newspaper navigation
+# --------------------------------------------------------------------------------------------------------------------
+lib.kitodo.newspaper.years = USER
+lib.kitodo.newspaper.years {
+    userFunc = Kitodo\Dlf\Plugin\Calendar->years
+    pages = {$config.kitodo.storagePid}
+    targetPid = {$config.kitodo.pageView}
+    templateFile = {$config.kitodo.templates.newspaperYear}
+}
+
+lib.kitodo.newspaper.calendar = USER
+lib.kitodo.newspaper.calendar {
+    userFunc = Kitodo\Dlf\Plugin\Calendar->calendar
+    pages = {$config.kitodo.storagePid}
+    targetPid = {$config.kitodo.pageView}
+    templateFile = {$config.kitodo.templates.newspaperCalendar}
+}
+
+[userFunc = user_dlf_docTypeCheck(newspaper, {$config.kitodo.storagePid})]
+page.10.variables {
+  isNewspaper = TEXT
+  isNewspaper.value = newspaper_anchor
+}
+[global]
+
+[userFunc = user_dlf_docTypeCheck(year, {$config.kitodo.storagePid})]
+page.10.variables {
+  isNewspaper = TEXT
+  isNewspaper.value = newspaper_year
+}
+[global]
+
+[userFunc = user_dlf_docTypeCheck(issue, {$config.kitodo.storagePid})]
+page.10.variables {
+  isNewspaper = TEXT
+  isNewspaper.value = newspaper_issue
+}
+[global]
diff --git a/Configuration/TypoScript/constants.ts b/Configuration/TypoScript/constants.ts
new file mode 100644
index 00000000..f2a67703
--- /dev/null
+++ b/Configuration/TypoScript/constants.ts
@@ -0,0 +1,140 @@
+###################################################
+# All used Constants for SLUB Digital Collections
+###################################################
+config {
+    kitodo {
+
+        # basic solr config
+        solr {
+            # cat=plugin.tx_slubdigitalcollections/links/0200; type=int+; label= solr core uid
+            core = 1
+
+            # cat=plugin.tx_slubdigitalcollections/links/0201; type=int+; label= solr search query limit
+            searchLimit = 1000
+
+            # cat=plugin.tx_slubdigitalcollections/links/0202; type=string; label= solr url including scheme, port and path
+            host = http://sdvsolr2.slub-dresden.de:8983/solr
+
+            # cat=plugin.tx_slubdigitalcollections/links/0203; type=string; label= solr core name
+            coreName = dlfCore0
+
+            # cat=plugin.tx_slubdigitalcollections/links/0204; type=int+; label= solr connection timeout (s)
+            timeout = 5
+        }
+
+        # basic id config
+        rootPage {
+            # cat=plugin.tx_slubdigitalcollections/links/0300; type=int+; label= Kitodo Rootpage
+            pid  = 5346
+
+            # cat=plugin.tx_slubdigitalcollections/links/0301; type=string; label= Kitodo Title
+            title = Digitale Sammlungen
+
+            # cat=plugin.tx_slubdigitalcollections/links/0302; type=string; label= Kitodo CSS-class
+            cssClass = dlf-slub-logo
+        }
+
+        # cat=plugin.tx_slubdigitalcollections/links/0320; type=int+; label= Dlf Storage Pid
+        storagePid = 4152
+
+        # cat=plugin.tx_slubdigitalcollections/links/0321; type=int+; label= Kitodo Terms of Use Page
+        termsOfUsePid = 5345
+
+        # cat=plugin.tx_slubdigitalcollections/links/0322; type=list; label= Pids for Navigation
+        viewerNavigationPids = 4010, 5346, 9259, 4012, 10105
+
+        # cat=plugin.tx_slubdigitalcollections/links/0323; type=int+; label= Kitodo Pageview
+        pageView = 5363
+
+        # cat=plugin.tx_slubdigitalcollections/links/0324; type=int+; label= pagegrid limit (thumbnail preview)
+        pagegrid.limit = 35
+
+        # cat=plugin.tx_slubdigitalcollections/links/0325; type=int+; label= Kitodo Collection Page
+        collectionView = 5362
+
+        # cat=plugin.tx_slubdigitalcollections/links/0326; type=int+; label= Kitodo List Page
+        listView = 5364
+
+        css {
+            # cat=plugin.tx_slubdigitalcollections/advanced/0500; type=string; label=CSS file for all lists (eg. collections)
+            lists = EXT:slub_digitalcollections/Resources/Public/Css/DigitalcollectionsLists.css
+
+            # cat=plugin.tx_slubdigitalcollections/advanced/0501; type=string; label=CSS file for kitodo pageview
+            page = EXT:slub_digitalcollections/Resources/Public/Css/Digitalcollections.css
+        }
+
+        templates {
+
+            # cat=plugin.tx_slubdigitalcollections/advanced/0400; type=string; label=Collections Template
+            collections = EXT:slub_digitalcollections/Resources/Private/Plugins/Kitodo/Collections.html
+
+            # cat=plugin.tx_slubdigitalcollections/advanced/0401; type=string; label=Listview Template
+            listView = EXT:slub_digitalcollections/Resources/Private/Plugins/Kitodo/Listview.html
+
+            # cat=plugin.tx_slubdigitalcollections/advanced/0402; type=string; label=Gridview Template
+            gridView = EXT:slub_digitalcollections/Resources/Private/Plugins/Kitodo/Gridview.html
+
+            # cat=plugin.tx_slubdigitalcollections/advanced/0403; type=string; label=Pageview Template
+            pageView = EXT:slub_digitalcollections/Resources/Private/Plugins/Kitodo/Pageview.html
+
+            # cat=plugin.tx_slubdigitalcollections/advanced/0404; type=string; label=Search Template
+            search = EXT:slub_digitalcollections/Resources/Private/Plugins/Kitodo/Search.html
+
+            # cat=plugin.tx_slubdigitalcollections/advanced/0405; type=string; label=SearchFullText Template
+            searchFullText = EXT:slub_digitalcollections/Resources/Private/Plugins/Kitodo/SearchFullText.html
+
+            # cat=plugin.tx_slubdigitalcollections/advanced/0406; type=string; label=SearchInDocumentTool Template
+            searchInDocumentTool = EXT:slub_digitalcollections/Resources/Private/Plugins/Kitodo/SearchInDocumentTool.html
+
+            # cat=plugin.tx_slubdigitalcollections/advanced/0407; type=string; label=Metadata Template
+            metadata = EXT:slub_digitalcollections/Resources/Private/Plugins/Kitodo/Metadata.html
+
+            # cat=plugin.tx_slubdigitalcollections/advanced/0408; type=string; label=Titledata Template
+            titledata = EXT:slub_digitalcollections/Resources/Private/Plugins/Kitodo/Titledata.html
+
+            # cat=plugin.tx_slubdigitalcollections/advanced/0409; type=string; label=TableOfContents Template
+            tableOfContents = EXT:slub_digitalcollections/Resources/Private/Plugins/Kitodo/TableOfContents.html
+
+            # cat=plugin.tx_slubdigitalcollections/advanced/0410; type=string; label=NavigationPagecontrol Template
+            navigationPagecontrol = EXT:slub_digitalcollections/Resources/Private/Plugins/Kitodo/NavigationPagecontrol.html
+
+            # cat=plugin.tx_slubdigitalcollections/advanced/0411; type=string; label=NavigationViewfunction Template
+            navigationViewfunction = EXT:slub_digitalcollections/Resources/Private/Plugins/Kitodo/NavigationViewfunction.html
+
+            # cat=plugin.tx_slubdigitalcollections/advanced/0412; type=string; label=NavigationViewfunction deactivated Template
+            navigationViewfunction-deactivated = EXT:slub_digitalcollections/Resources/Private/Plugins/Kitodo/NavigationViewfunction-deactivated.html
+
+            # cat=plugin.tx_slubdigitalcollections/advanced/0413; type=string; label=Toolbox Template
+            toolbox = EXT:slub_digitalcollections/Resources/Private/Plugins/Kitodo/Toolbox.html
+
+            # cat=plugin.tx_slubdigitalcollections/advanced/0414; type=string; label=ToolsPdf Template
+            toolsPdf = EXT:slub_digitalcollections/Resources/Private/Plugins/Kitodo/ToolsPdf.html
+
+            # cat=plugin.tx_slubdigitalcollections/advanced/0415; type=string; label=ToolFullText Template
+            toolFullText = EXT:slub_digitalcollections/Resources/Private/Plugins/Kitodo/ToolFullText.html
+
+            # cat=plugin.tx_slubdigitalcollections/advanced/0416; type=string; label=ToolsImagemanipulation Template
+            toolsImageManipulation = EXT:slub_digitalcollections/Resources/Private/Plugins/Kitodo/ToolsImagemanipulation.html
+
+            # cat=plugin.tx_slubdigitalcollections/advanced/0417; type=string; label=NewspaperYear Template
+            newspaperYear = EXT:slub_digitalcollections/Resources/Private/Plugins/Kitodo/NewspaperYear.html
+
+            # cat=plugin.tx_slubdigitalcollections/advanced/0418; type=string; label=NewspaperCalendar Template
+            newspaperCalendar = EXT:slub_digitalcollections/Resources/Private/Plugins/Kitodo/NewspaperCalendar.html
+        }
+
+    }
+
+    # matomo configuration (maybe overwritten)
+    # cat=plugin.tx_slubdigitalcollections/piwik/0310; type=string; label=Matomo Hostname
+    piwik_hostname = piwik.slub-dresden.de
+    # cat=plugin.tx_slubdigitalcollections/piwik/0320; type=int+; label=Matomo Idsite
+    piwik_idsite =
+    # cat=plugin.tx_slubdigitalcollections/piwik/0330; type=string; label=Matomo Domains (optional)
+    piwik_domains = *.slub-dresden.de
+
+    # template path config
+    templateRootPath = EXT:slub_digitalcollections/Resources/Private/Templates/
+    partialRootPath = EXT:slub_digitalcollections/Resources/Private/Partials/
+    layoutRootPath = EXT:slub_digitalcollections/Resources/Private/Layouts/
+}
\ No newline at end of file
diff --git a/Configuration/TypoScript/setup.ts b/Configuration/TypoScript/setup.ts
new file mode 100644
index 00000000..64d15fc8
--- /dev/null
+++ b/Configuration/TypoScript/setup.ts
@@ -0,0 +1,151 @@
+# --------------------------------------------------------------------------------------------------------------------
+# Typoscript setup for SLUB Digital Collections
+# --------------------------------------------------------------------------------------------------------------------
+
+# --------------------------------------------------------------------------------------------------------------------
+# pageview navigation
+# --------------------------------------------------------------------------------------------------------------------
+
+lib.navigation.kitodo = HMENU
+lib.navigation.kitodo {
+    special = list
+    special.value = {$config.kitodo.viewerNavigationPids}
+    includeNotInMenu = 1
+    1 = TMENU
+    1 {
+        expAll = 1
+        insertData = 1
+        noBlur = 1
+        NO = 1
+        NO {
+            wrapItemAndSub = <li>|</li>
+            ATagTitle.field = description // title
+        }
+    }
+}
+
+# --------------------------------------------------------------------------------------------------------------------
+# render new page in pageview / workview
+# --------------------------------------------------------------------------------------------------------------------
+
+page {
+    # assume "10"
+    10 {
+        # Template names will be generated automatically by converting the applied
+        # backend_layout, there is no explicit mapping necessary anymore.
+        #
+        # BackendLayout Key
+        # subnavigation_right_2_columns -> SubnavigationRight2Columns.html
+        #
+        # Backend Record
+        # uid: 1 -> 1.html
+        #
+        # Database Entry
+        # value: -1 -> None.html
+        # value: pagets__subnavigation_right_2_columns -> SubnavigationRight2Columns.html
+        templateName = TEXT
+        templateName {
+            cObject = TEXT
+            cObject {
+                data = pagelayout
+                required = 1
+                case = uppercamelcase
+                split {
+                    token = pagets__
+                    cObjNum = 1
+                    1.current = 1
+                }
+            }
+            ifEmpty = Default
+        }
+
+        layoutRootPaths.10 = {$config.layoutRootPath}
+        partialRootPaths.10 = {$config.partialRootPath}
+        templateRootPaths.10 = {$config.templateRootPath}
+        settings {
+            rootPage {
+                pid = {$config.kitodo.rootPage.pid}
+                title = {$config.kitodo.rootPage.title}
+                cssClass = {$config.kitodo.rootPage.cssClass}
+            }
+
+            termsOfUsePid = {$config.kitodo.termsOfUsePid}
+
+            matomo {
+                hostname = {$config.piwik_hostname}
+                siteId = {$config.piwik_idsite}
+                setdomains = {$config.piwik_domains}
+            }
+
+            collections {
+                solrHost = {$config.kitodo.solr.host}/{$config.kitodo.solr.coreName}
+                solrTimeout = {$config.kitodo.solr.timeout}
+            }
+        }
+        variables {
+                content < styles.content.get
+                sidebar < styles.content.get
+                sidebar.select.where = colPos=1
+
+                isKitodoPageView = TEXT
+                isKitodoPageView.value = 1
+
+                docTitle = TEXT
+                docTitle {
+                    value = {register:postTitle}
+                    insertData = 1
+                }
+
+                # kitodo vars
+                gp-id = TEXT
+                gp-id {
+                data = GP:tx_dlf|id
+                ifEmpty = 1
+                }
+
+                gp-page = TEXT
+                gp-page {
+                data = GP:tx_dlf|page
+                ifEmpty = 1
+                }
+
+                gp-page2 = TEXT
+                gp-page2 {
+                cObject = TEXT
+                cObject.data = GP:tx_dlf|page
+                cObject.wrap = | +1
+                prioriCalc = 1
+                }
+
+                gp-double = TEXT
+                gp-double.data = GP:tx_dlf|double
+
+                gp-pagegrid = TEXT
+                gp-pagegrid.data = GP:tx_dlf|pagegrid
+
+        }
+    }
+}
+
+# --------------------------------------------------------------------------------------------------------------------
+# load kitodo configs depending on TYPO3 version
+# --------------------------------------------------------------------------------------------------------------------
+# The condition is necessary because you cannot nest TypoScript conditions. But inside the included TypoScript files,
+# more conditions appear.
+
+# for TYPO3 8.7 and 9.5 with Kitodo.Presentation 3.x
+<INCLUDE_TYPOSCRIPT: source="FILE:EXT:slub_digitalcollections/Configuration/TypoScript/Plugin/Kitodo/setup9.typoscript" condition="Slub\\DigitalCollections\\Helpers\\CoreVersionCondition >= 8.7">
+# for TYPO3 7.6 with Kitodo.Presentation 2.x
+<INCLUDE_TYPOSCRIPT: source="FILE:EXT:slub_digitalcollections/Configuration/TypoScript/Plugin/Kitodo/setup7.ts" condition="Slub\\DigitalCollections\\Helpers\\CoreVersionCondition < 8.0">
+
+# --------------------------------------------------------------------------------------------------------------------
+# body class overrides
+# --------------------------------------------------------------------------------------------------------------------
+[globalVar = TSFE:id={$config.kitodo.collectionView}]
+page.bodyTag = <body class="collections">
+# render content parts only
+[END]
+
+[globalVar = TSFE:id={$config.kitodo.listView}]
+page.bodyTag = <body class="listview">
+[END]
\ No newline at end of file
diff --git a/README.md b/README.md
new file mode 100644
index 00000000..ea287d25
--- /dev/null
+++ b/README.md
@@ -0,0 +1,3 @@
+# SLUB Digital Collections
+
+The Digital Collections by SLUB Dresden.
\ No newline at end of file
diff --git a/Resources/Private/Javascript/Cookies.js b/Resources/Private/Javascript/Cookies.js
new file mode 100644
index 00000000..1d83ea44
--- /dev/null
+++ b/Resources/Private/Javascript/Cookies.js
@@ -0,0 +1,163 @@
+/*!
+ * JavaScript Cookie v2.2.1
+ * https://github.com/js-cookie/js-cookie
+ *
+ * Copyright 2006, 2015 Klaus Hartl & Fagner Brack
+ * Released under the MIT license
+ */
+;(function (factory) {
+	var registeredInModuleLoader;
+	if (typeof define === 'function' && define.amd) {
+		define(factory);
+		registeredInModuleLoader = true;
+	}
+	if (typeof exports === 'object') {
+		module.exports = factory();
+		registeredInModuleLoader = true;
+	}
+	if (!registeredInModuleLoader) {
+		var OldCookies = window.Cookies;
+		var api = window.Cookies = factory();
+		api.noConflict = function () {
+			window.Cookies = OldCookies;
+			return api;
+		};
+	}
+}(function () {
+	function extend () {
+		var i = 0;
+		var result = {};
+		for (; i < arguments.length; i++) {
+			var attributes = arguments[ i ];
+			for (var key in attributes) {
+				result[key] = attributes[key];
+			}
+		}
+		return result;
+	}
+
+	function decode (s) {
+		return s.replace(/(%[0-9A-Z]{2})+/g, decodeURIComponent);
+	}
+
+	function init (converter) {
+		function api() {}
+
+		function set (key, value, attributes) {
+			if (typeof document === 'undefined') {
+				return;
+			}
+
+			attributes = extend({
+				path: '/'
+			}, api.defaults, attributes);
+
+			if (typeof attributes.expires === 'number') {
+				attributes.expires = new Date(new Date() * 1 + attributes.expires * 864e+5);
+			}
+
+			// We're using "expires" because "max-age" is not supported by IE
+			attributes.expires = attributes.expires ? attributes.expires.toUTCString() : '';
+
+			try {
+				var result = JSON.stringify(value);
+				if (/^[\{\[]/.test(result)) {
+					value = result;
+				}
+			} catch (e) {}
+
+			value = converter.write ?
+				converter.write(value, key) :
+				encodeURIComponent(String(value))
+					.replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent);
+
+			key = encodeURIComponent(String(key))
+				.replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent)
+				.replace(/[\(\)]/g, escape);
+
+			var stringifiedAttributes = '';
+			for (var attributeName in attributes) {
+				if (!attributes[attributeName]) {
+					continue;
+				}
+				stringifiedAttributes += '; ' + attributeName;
+				if (attributes[attributeName] === true) {
+					continue;
+				}
+
+				// Considers RFC 6265 section 5.2:
+				// ...
+				// 3.  If the remaining unparsed-attributes contains a %x3B (";")
+				//     character:
+				// Consume the characters of the unparsed-attributes up to,
+				// not including, the first %x3B (";") character.
+				// ...
+				stringifiedAttributes += '=' + attributes[attributeName].split(';')[0];
+			}
+
+			return (document.cookie = key + '=' + value + stringifiedAttributes);
+		}
+
+		function get (key, json) {
+			if (typeof document === 'undefined') {
+				return;
+			}
+
+			var jar = {};
+			// To prevent the for loop in the first place assign an empty array
+			// in case there are no cookies at all.
+			var cookies = document.cookie ? document.cookie.split('; ') : [];
+			var i = 0;
+
+			for (; i < cookies.length; i++) {
+				var parts = cookies[i].split('=');
+				var cookie = parts.slice(1).join('=');
+
+				if (!json && cookie.charAt(0) === '"') {
+					cookie = cookie.slice(1, -1);
+				}
+
+				try {
+					var name = decode(parts[0]);
+					cookie = (converter.read || converter)(cookie, name) ||
+						decode(cookie);
+
+					if (json) {
+						try {
+							cookie = JSON.parse(cookie);
+						} catch (e) {}
+					}
+
+					jar[name] = cookie;
+
+					if (key === name) {
+						break;
+					}
+				} catch (e) {}
+			}
+
+			return key ? jar[key] : jar;
+		}
+
+		api.set = set;
+		api.get = function (key) {
+			return get(key, false /* read as raw */);
+		};
+		api.getJSON = function (key) {
+			return get(key, true /* read as json */);
+		};
+		api.remove = function (key, attributes) {
+			set(key, '', extend(attributes, {
+				expires: -1
+			}));
+		};
+
+		api.defaults = {};
+
+		api.withConverter = init;
+
+		return api;
+	}
+
+	return init(function () {});
+}));
\ No newline at end of file
diff --git a/Resources/Private/Javascript/DigitalcollectionsListScripts.js b/Resources/Private/Javascript/DigitalcollectionsListScripts.js
new file mode 100644
index 00000000..9146b0dc
--- /dev/null
+++ b/Resources/Private/Javascript/DigitalcollectionsListScripts.js
@@ -0,0 +1,150 @@
+/*
+ *
+ * JS functions
+ * ================================================
+ * functions and adjustments to
+ * the list views
+ *
+ */
+
+$(function () {
+
+    // setup mobile event
+    var mobileEvent = mobileCheck() ? 'touchstart' : 'click';
+
+    // sub entry toggle in list views
+    $('.tx-dlf-morevolumes, .tx-dlf-hidevolumes').on(mobileEvent, function (event) {
+        $(this).parent().toggleClass('tx-dlf-volumes-open').find('.tx-dlf-volume').slideToggle();
+    });
+
+    // Additional transformations for sidebar search box to use it as offcanvas element in smaller views
+    $('#rightcol .tx-dlf-search').parent().addClass('tx-dlf-enable-offcanvas').append('<div class="offcanvas-toggle" />');
+    $transition = 'all .3s ease-out';
+    setTimeout(function () {
+        $('#rightcol .tx-dlf-search').parent().css({
+            '-webkit-transition': $transition,
+            '-o-transition': $transition,
+            'transition': $transition
+        });
+    }, 250);
+
+    // Menu toggles for offcanvas toc and metadata
+    $('.offcanvas-toggle').on(mobileEvent, function (event) {
+        $(this).parent().toggleClass('open');
+    });
+
+    // Init collection overview on intro page
+    var layoutColumns = '<li class="tx-dlf-collection-col col-1"></li><li class="tx-dlf-collection-col col-2"></li><li class="tx-dlf-collection-col col-3"></li>';
+    $('.tx-dlf-collection-list').prepend(layoutColumns).append($('.tx-dlf-collection-list-additionals').html()).randomize('li.tx-dlf-collection-item').colcade({
+        columns: '.tx-dlf-collection-col',
+        items: '.tx-dlf-collection-item'
+    });
+
+    // Add toggle element and corresponding function to facets
+    $('.tx-dlf-search-facets > ul > li').each(function () {
+        var facetsToShow = 5,
+            facetCount = $(this).find('ul').children('li').length,
+            facetShowLabel = ($('html[lang="de-DE"]')[0]) ? 'Zeige ' + (facetCount - facetsToShow) + ' weitere Facetten' : 'Show ' + (facetCount - facetsToShow) + ' more facets',
+            facetHideLabel = ($('html[lang="de-DE"]')[0]) ? 'Letzten ' + (facetCount - facetsToShow) + ' Facetten ausblenden' : 'Hide ' + (facetCount - facetsToShow) + ' last facets';
+        if (facetCount > facetsToShow) {
+            $(this).find('ul li:gt(' + (facetsToShow - 1) + ')').hide();
+            $(this).append('<div class="facets-toggle">' + facetShowLabel + '</div>');
+            $(this).find('.facets-toggle').on(mobileEvent, function () {
+                $(this).text(($(this).parent().hasClass('facets-expanded')) ? facetShowLabel : facetHideLabel).parent().toggleClass('facets-expanded');
+                $(this).parent().find('ul li:gt(' + (facetsToShow - 1) + ')').slideToggle();
+            });
+        }
+    });
+
+    // Add click event to complete collections element on intro page
+    $('.tx-dlf-collection-item .tx-dlf-collection-thumbnail img').on(mobileEvent, function () {
+        window.location = $(this).parent().parent().find('h4 a').attr('href');
+        return false;
+    });
+
+    // Add a switch and function for alphabetical order of collections elements on intro page
+    var labelGallery = ($('html[lang="de-DE"]')[0]) ? 'Galerie' : 'Gallery',
+        labelAlphabetical = ($('html[lang="de-DE"]')[0]) ? 'Alphabetisch' : 'Alphabetical',
+        sortItems = $('.tx-dlf-collection-list li.tx-dlf-collection-item').get(),
+        storedItems = sortItems;
+    $('.tx-dlf-collection').prepend('<div class="tx-dlf-list-toggle-container"><span class="label active">' + labelGallery + '</span><div class="tx-dlf-list-toggle"><div class="toggle-state"></div></div><span class="label">' + labelAlphabetical + '</span></div>');
+    $('.tx-dlf-list-toggle-container').on(mobileEvent, function () {
+        if ($(this).hasClass('alphabetical')) {
+            $('.tx-dlf-collection-list li.order-label').remove();
+            $.each(storedItems, function (i, li) {
+                $('.tx-dlf-collection-list').append(li);
+            });
+            $('.tx-dlf-collection-list').removeClass('alphabetical alphabetical-ready').colcade({
+                columns: '.tx-dlf-collection-col',
+                items: '.tx-dlf-collection-item'
+            });
+            document.cookie = 'tx-dlf-galleryview-state=gallery; path=/';
+        } else {
+            $('.tx-dlf-collection-list').colcade('destroy').addClass('alphabetical');
+            sortAlphabetical(this, sortItems);
+            document.cookie = 'tx-dlf-galleryview-state=alphabetical; path=/';
+        }
+        $(this).toggleClass('alphabetical').find('.label').toggleClass('active');
+    });
+
+    // Add toggle and function for extended search
+    var extendedSearchLabel = $('html[lang="de-DE"]')[0] ? 'Erweiterte Suche<span> ausblenden</span>' : '<span>Hide </span>Extended Search';
+    $('#c15323 .tx-dlf-search form').append('<div class="extended-search-toggle">' + extendedSearchLabel + '</div>');
+    $('.extended-search-toggle').on(mobileEvent, function () {
+        $(this).parent().toggleClass('extendend-search-active');
+    });
+
+});
+
+// check mobile device to specify click events and set a global variable. Simple use it via $('selector').on(mobileEvent, function() { do something });
+function mobileCheck() {
+    var check = false;
+    (function (a) {
+        if (/(android|ipad|playbook|silk|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true
+    })(navigator.userAgent || navigator.vendor || window.opera);
+    return check;
+}
+
+// randomizer to shuffle collection elements on intro page
+$.fn.randomize = function (selector) {
+    (selector ? this.find(selector) : this).parent().each(function () {
+        $(this).children(selector).sort(function () {
+            return Math.random() - 0.5;
+        }).detach().appendTo(this);
+    });
+    return this;
+};
+
+// Sort function for collection entries on intro page
+sortAlphabetical = function (element, sortItems) {
+    sortItems.sort(function (a, b) {
+        var sortA = $(a).find('h4').text();
+        var sortB = $(b).find('h4').text();
+        if (sortA < sortB) return -1;
+        if (sortA > sortB) return 1;
+        return 0;
+    });
+    var prevFirstChar,
+        isAlreadyShown = false;
+    $.each(sortItems, function (i, li) {
+        $('.tx-dlf-collection-list').append(li);
+        currentFirstChar = $(this).find('h4').text().charAt(0);
+        if (prevFirstChar !== currentFirstChar && isNaN(currentFirstChar)) {
+            $(this).before('<li class="order-label"><div class="order-label-value">' + $(this).find('h4').text().charAt(0) + '</div></li>');
+        }
+        if (!isNaN(currentFirstChar) && !isAlreadyShown) {
+            $(this).before('<li class="order-label"><div class="order-label-value">0–9</div></li>');
+            isAlreadyShown = true;
+        }
+        prevFirstChar = $(this).find('h4').text().charAt(0);
+        currentFirstChar = undefined;
+    });
+
+    function showAlphabeticalList() {
+        $('.tx-dlf-collection-list').addClass('alphabetical-ready');
+    }
+    window.setTimeout(showAlphabeticalList, 100);
+};
+
+
+// EOF
\ No newline at end of file
diff --git a/Resources/Private/Javascript/DigitalcollectionsScripts.js b/Resources/Private/Javascript/DigitalcollectionsScripts.js
new file mode 100644
index 00000000..d91348be
--- /dev/null
+++ b/Resources/Private/Javascript/DigitalcollectionsScripts.js
@@ -0,0 +1,226 @@
+/*
+ *
+ * JS functions
+ * ================================================
+ * a few additional calls to
+ * enhance the user experience
+ *
+ */
+
+$(function () {
+
+    // inital javascript "hello, i'm here!"
+    $('html').removeClass('no-js');
+
+    // setup mobile event
+    var mobileEvent = mobileCheck() ? 'touchstart' : 'click';
+
+    // menu toggles for offcanvas toc and metadata
+    $('.offcanvas-toggle').on(mobileEvent, function (event) {
+        $(this).parent().toggleClass('open');
+    });
+
+    // active toggle for submenus
+    $('li.submenu > a').on(mobileEvent, function (event) {
+        $('li.submenu.open a').not(this).parent().removeClass('open');
+        $(this).parent().toggleClass('open');
+    });
+
+    // secondary nav toggle
+    $('nav .nav-toggle').on(mobileEvent, function (event) {
+        $(this).toggleClass('active');
+        $('nav .secondary-nav').toggleClass('open');
+    });
+
+    // calendar dropdowns on click/touch
+    $('.calendar-view div.issues h4').on(mobileEvent, function (event) {
+        var issuelinks = $(this).parents('div.issues').find('div ul li a');
+        if (issuelinks.length == 1) {
+            // if only one issue, open this directly
+            window.open(issuelinks[0].href, '_self');
+        } else {
+            $('.calendar-view table td.open').not($(this).parents('td')).removeClass('open');
+            $(this).parents('td').toggleClass('open');
+        }
+    });
+
+    // add body class if any calendar is present
+    $('.tx-dlf-calendar, .tx-dlf-calendar-years').parents('body').addClass('calendar');
+
+    // add body class if gridview is shown
+    $('.tx-dlf-pagegrid-list').parents('body').addClass('gridview');
+
+    // Inject view switch functions for calendar/list view (initial show calendar)
+    if ($('.tx-dlf-calendar .calendar-list-selection a.select-calendar-view').hasClass('active')) {
+        $('.tx-dlf-calendar .calendar-list-selection a.select-calendar-view').removeClass('active');
+    }
+    $('.tx-dlf-calendar .calendar-list-selection a.select-calendar-view, .tx-dlf-calendar .calendar-view').addClass('active');
+    $('.tx-dlf-calendar .calendar-list-selection a').on(mobileEvent, function (event) {
+        if (!$(this).hasClass('active')) {
+            var targetElement = '.' + $(this).attr('class').replace('select-', '');
+            $('.tx-dlf-calendar .active').removeClass('active');
+            $(this).addClass('active');
+            $(targetElement).addClass('active');
+        }
+    });
+
+    // Copy selected page number to mobile meta (in order to transform select field to ui button)
+    if ($('.pages select option[selected]')[0]) {
+        $('dl.mobile-meta').append('<dt class="mobile-page-number">No.</dt><dd class="mobile-page-number">' + $('.pages select option[selected]').text() + '</dd>');
+    }
+
+    $('.provider').append('<div class="mobile-controls" />');
+    $('.view-functions .pages form, .view-functions .zoom a.fullscreen').clone().appendTo('.provider .mobile-controls');
+
+    // Shorten mobile meta title
+    shortenMobileMetaElement = $('.provider dl.mobile-meta dd.tx-dlf-title a');
+    shortenMobileMetaTitle = shortenMobileMetaElement.text();
+    if (shortenMobileMetaTitle.length > 140) {
+        shortenMobileMetaTitle = shortenMobileMetaTitle.substr(0, 140) + '...';
+        shortenMobileMetaElement.text(shortenMobileMetaTitle);
+    }
+
+    // Check if there are is a download list. Otherwise change a to span to disable button
+    if (!$('.submenu.downloads ul li')[0]) {
+        $(".submenu.downloads>a").replaceWith(function () {
+            return $("<span title=\"" + $(this).attr('title') + "\" class=\"" + $(this).attr('class') + "\" id=\"" + $(this).attr('id') + "\">" + $(this).html() + "</span>");
+        });
+    }
+
+    // Toggle function for full meta data view
+    if ($('.tx-dlf-metadata dl.tx-dlf-metadata-titledata').length > 1) {
+        metadataToggleLabelMore = ($('html[lang^="de"]')[0]) ? 'mehr Metadaten' : 'more Metadata';
+        metadataToggleLabelLess = ($('html[lang^="de"]')[0]) ? 'weniger Metadaten' : 'less Metadata';
+        $('.control-bar .metadata-wrapper').append('<div class="metadata-toggle">' + metadataToggleLabelMore + '</div>');
+        $('.metadata-toggle').on(mobileEvent, function () {
+            if (!$('.control-bar').hasClass('all-metadata')) {
+                Cookies.set('tx-dlf-allmetadata', 'true');
+                $(this).text(metadataToggleLabelLess);
+            } else {
+                Cookies.remove('tx-dlf-allmetadata');
+                $(this).text(metadataToggleLabelMore);
+            }
+            $('.control-bar').toggleClass('all-metadata').find('dl:nth-child(n+3)').slideToggle();
+        });
+    }
+
+    // enable click on fullscreen button
+    $('a.fullscreen').on(mobileEvent, function () {
+        if ($('body.fullscreen')[0]) {
+            exitFullscreen();
+        } else {
+            enterFullscreen();
+        }
+    });
+
+    // if cookie for fullscreen view is present adapat initial page rendering
+    if (Cookies.get('tx-dlf-pageview-zoomFullscreen')) {
+        $('body').addClass('fullscreen static');
+        $('.zoom .fullscreen').addClass('active');
+    }
+
+    // TOC folding function to make sure that active pages are in viewport
+    if ($('ul.toc ul li.current')[0]) {
+        tocPlaceholderLabel = ($('html[lang^="de"]')[0]) ? 'Einige Einträge sind ausgeblendet' : 'Some entires are hidden';
+        tocPlaceholderTitle = ($('html[lang^="de"]')[0]) ? 'Hier klicken um alle Einträge zu ziegen' : 'Click to show all entries';
+        $('ul.toc ul li.current').first().prevAll(':eq(4)').prevUntil(':nth-child(2)').hide();
+        $('ul.toc ul li:nth-child(2)').after('<li class="placeholder" title="' + tocPlaceholderTitle + '">' + tocPlaceholderLabel + '</li>');
+        $('ul.toc ul li.placeholder').on(mobileEvent, function () {
+            $(this).remove();
+            $('ul.toc ul li').slideDown();
+        });
+    }
+
+    // Toggle and setup for the 'in document search'
+    if ($('.tx-dlf-toolsFulltextsearch form')[0]) {
+        $('.fulltext-search-toggle').on(mobileEvent, function () { // selector should be semantically: .search-indocument-toggle
+            $('body').toggleClass('search-indocument-active');
+            $('#tx-dlf-search-in-document-query').trigger('focus');
+        });
+    } else {
+        $('.fulltext-search-toggle').addClass('disabled');
+    }
+
+    // Check if a click on page navigation is made and unfold next/back navigation
+    $('.fwds, .backs')
+        .on('mouseenter', function () {
+            $(this).addClass('over');
+        })
+        .on('mouseleave', function () {
+            $(this).removeClass('over');
+        })
+        .on('click', function () {
+            localStorage.txDlfFromPage = $(this).attr('class').split(' ')[0];
+        });
+    if (localStorage.txDlfFromPage) {
+        $('.' + localStorage.txDlfFromPage).addClass('no-transition over');
+    }
+
+    // Add a error message if no map element in document viewer given
+    if (!$('.tx-dlf-pageview').children()[0]) {
+        emptyMessage = ($('html[lang^="de"]')[0]) ? 'Kein Band ausgew&auml;hlt. Klicken Sie hier um zum ersten Band dieses Werks zu gelangen.' : 'No volume selected. Click to jump to the first available volume.';
+        $('.tx-dlf-pageview').append('<div class="tx-dlf-empty"><a class="tx-dlf-emptyToFirstVol" href="' + $('.tx-dlf-toc ul li ul li:first-child a').attr('href') + '"><span class="error-arrow">&larr;</span>' + emptyMessage + '</a></div>');
+    }
+
+    // Add class to  collection related DD elements in metadata lists
+    $('dl.tx-dlf-metadata-titledata').find('dt:contains(mmlung), dt:contains(llection)').nextUntil('dt', 'dd').addClass('tx-dlf-metadata-collection');
+
+    // Finally all things are settled. Curtain up and bring back animations a second later.
+    $('body').removeClass('hidden');
+    setTimeout(function () {
+        localStorage.clear();
+        $('.fwds, .backs').removeClass('no-transition');
+        $('body').removeClass('static');
+    }, 1000);
+
+});
+
+$(document).keyup(function (e) {
+
+    // Check if ESC key is pressed. Then end fullscreen mode or close SRU form.
+    if (e.keyCode == 27) {
+        if ($('body.fullscreen')[0]) {
+            return exitFullscreen();
+        }
+        if ($('.document-functions .search.open')[0]) {
+            $('.document-functions .search').removeClass('open');
+        }
+    }
+    // Check if the F key is pressed and no text input in SRU form is taking place.
+    if (e.keyCode == 70 && !$('#tx-dlf-search-in-document-query').is(':focus')) {
+        return enterFullscreen();
+    }
+
+});
+
+// Activate fullscreen mode and set corresponding cookie
+function enterFullscreen() {
+    setTimeout(function () {
+        window.dispatchEvent(new Event('resize'));
+    }, 220);
+    $("body").addClass('fullscreen');
+    $('a.fullscreen').addClass('active');
+    Cookies.set('tx-dlf-pageview-zoomFullscreen', 'true');
+}
+
+// Exit fullscreen mode and drop cookie
+function exitFullscreen() {
+    setTimeout(function () {
+        window.dispatchEvent(new Event('resize'));
+    }, 220);
+    $("body").removeClass('fullscreen');
+    $('a.fullscreen').removeClass('active');
+    Cookies.remove('tx-dlf-pageview-zoomFullscreen');
+}
+
+// check mobile device to specify click events and set a global variable. Simple use it via $('selector').on(mobileEvent, function() { do something });
+function mobileCheck() {
+    var check = false;
+    (function (a) {
+        if (/(android|ipad|playbook|silk|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true
+    })(navigator.userAgent || navigator.vendor || window.opera);
+    return check;
+}
+
+
+// EOF
\ No newline at end of file
diff --git a/Resources/Private/Javascript/colcade.js b/Resources/Private/Javascript/colcade.js
new file mode 100644
index 00000000..67261adf
--- /dev/null
+++ b/Resources/Private/Javascript/colcade.js
@@ -0,0 +1,366 @@
+/*!
+ * Colcade v0.2.0
+ * Lightweight masonry layout
+ * by David DeSandro
+ * MIT license
+ */
+
+/*jshint browser: true, undef: true, unused: true */
+
+( function( window, factory ) {
+  // universal module definition
+  /*jshint strict: false */
+  /*global define: false, module: false */
+  if ( typeof define == 'function' && define.amd ) {
+    // AMD
+    define( factory );
+  } else if ( typeof module == 'object' && module.exports ) {
+    // CommonJS
+    module.exports = factory();
+  } else {
+    // browser global
+    window.Colcade = factory();
+  }
+
+}( window, function factory() {
+
+// -------------------------- Colcade -------------------------- //
+
+function Colcade( element, options ) {
+  element = getQueryElement( element );
+
+  // do not initialize twice on same element
+  if ( element && element.colcadeGUID ) {
+    var instance = instances[ element.colcadeGUID ];
+    instance.option( options );
+    return instance;
+  }
+
+  this.element = element;
+  // options
+  this.options = {};
+  this.option( options );
+  // kick things off
+  this.create();
+}
+
+var proto = Colcade.prototype;
+
+proto.option = function( options ) {
+  this.options = extend( this.options, options );
+};
+
+// globally unique identifiers
+var GUID = 0;
+// internal store of all Colcade intances
+var instances = {};
+
+proto.create = function() {
+  this.errorCheck();
+  // add guid for Colcade.data
+  var guid = this.guid = ++GUID;
+  this.element.colcadeGUID = guid;
+  instances[ guid ] = this; // associate via id
+  // update initial properties & layout
+  this.reload();
+  // events
+  this._windowResizeHandler = this.onWindowResize.bind( this );
+  this._loadHandler = this.onLoad.bind( this );
+  window.addEventListener( 'resize', this._windowResizeHandler );
+  this.element.addEventListener( 'load', this._loadHandler, true );
+};
+
+proto.errorCheck = function() {
+  var errors = [];
+  if ( !this.element ) {
+    errors.push( 'Bad element: ' + this.element );
+  }
+  if ( !this.options.columns ) {
+    errors.push( 'columns option required: ' + this.options.columns );
+  }
+  if ( !this.options.items ) {
+    errors.push( 'items option required: ' + this.options.items );
+  }
+
+  if ( errors.length ) {
+    throw new Error( '[Colcade error] ' + errors.join('. ') );
+  }
+};
+
+// update properties and do layout
+proto.reload = function() {
+  this.updateColumns();
+  this.updateItems();
+  this.layout();
+};
+
+proto.updateColumns = function() {
+  this.columns = querySelect( this.options.columns, this.element );
+};
+
+proto.updateItems = function() {
+  this.items = querySelect( this.options.items, this.element );
+};
+
+proto.getActiveColumns = function() {
+  return this.columns.filter( function( column ) {
+    var style = getComputedStyle( column );
+    return style.display != 'none';
+  });
+};
+
+// ----- layout ----- //
+
+// public, updates activeColumns
+proto.layout = function() {
+  this.activeColumns = this.getActiveColumns();
+  this._layout();
+};
+
+// private, does not update activeColumns
+proto._layout = function() {
+  // reset column heights
+  this.columnHeights = this.activeColumns.map( function() {
+    return 0;
+  });
+  // layout all items
+  this.layoutItems( this.items );
+};
+
+proto.layoutItems = function( items ) {
+  items.forEach( this.layoutItem, this );
+};
+
+proto.layoutItem = function( item ) {
+  // layout item by appending to column
+  var minHeight = Math.min.apply( Math, this.columnHeights );
+  var index = this.columnHeights.indexOf( minHeight );
+  this.activeColumns[ index ].appendChild( item );
+  // at least 1px, if item hasn't loaded
+  // Not exactly accurate, but it's cool
+  this.columnHeights[ index ] += item.offsetHeight || 1;
+};
+
+// ----- adding items ----- //
+
+proto.append = function( elems ) {
+  var items = this.getQueryItems( elems );
+  // add items to collection
+  this.items = this.items.concat( items );
+  // lay them out
+  this.layoutItems( items );
+};
+
+proto.prepend = function( elems ) {
+  var items = this.getQueryItems( elems );
+  // add items to collection
+  this.items = items.concat( this.items );
+  // lay out everything
+  this._layout();
+};
+
+proto.getQueryItems = function( elems ) {
+  elems = makeArray( elems );
+  var fragment = document.createDocumentFragment();
+  elems.forEach( function( elem ) {
+    fragment.appendChild( elem );
+  });
+  return querySelect( this.options.items, fragment );
+};
+
+// ----- measure column height ----- //
+
+proto.measureColumnHeight = function( elem ) {
+  var boundingRect = this.element.getBoundingClientRect();
+  this.activeColumns.forEach( function( column, i ) {
+    // if elem, measure only that column
+    // if no elem, measure all columns
+    if ( !elem || column.contains( elem ) ) {
+      var lastChildRect = column.lastElementChild.getBoundingClientRect();
+      // not an exact calculation as it includes top border, and excludes item bottom margin
+      this.columnHeights[ i ] = lastChildRect.bottom - boundingRect.top;
+    }
+  }, this );
+};
+
+// ----- events ----- //
+
+proto.onWindowResize = function() {
+  clearTimeout( this.resizeTimeout );
+  this.resizeTimeout = setTimeout( function() {
+    this.onDebouncedResize();
+  }.bind( this ), 100 );
+};
+
+proto.onDebouncedResize = function() {
+  var activeColumns = this.getActiveColumns();
+  // check if columns changed
+  var isSameLength = activeColumns.length == this.activeColumns.length;
+  var isSameColumns = true;
+  this.activeColumns.forEach( function( column, i ) {
+    isSameColumns = isSameColumns && column == activeColumns[i];
+  });
+  if ( isSameLength && isSameColumns ) {
+    return;
+  }
+  // activeColumns changed
+  this.activeColumns = activeColumns;
+  this._layout();
+};
+
+proto.onLoad = function( event ) {
+  this.measureColumnHeight( event.target );
+};
+
+// ----- destroy ----- //
+
+proto.destroy = function() {
+  // move items back to container
+  this.items.forEach( function( item ) {
+    this.element.appendChild( item );
+  }, this );
+  // remove events
+  window.removeEventListener( 'resize', this._windowResizeHandler );
+  this.element.removeEventListener( 'load', this._loadHandler, true );
+  // remove data
+  delete this.element.colcadeGUID;
+  delete instances[ this.guid ];
+};
+
+// -------------------------- HTML init -------------------------- //
+
+docReady( function() {
+  var dataElems = querySelect('[data-colcade]');
+  dataElems.forEach( htmlInit );
+});
+
+function htmlInit( elem ) {
+  // convert attribute "foo: bar, qux: baz" into object
+  var attr = elem.getAttribute('data-colcade');
+  var attrParts = attr.split(',');
+  var options = {};
+  attrParts.forEach( function( part ) {
+    var pair = part.split(':');
+    var key = pair[0].trim();
+    var value = pair[1].trim();
+    options[ key ] = value;
+  });
+
+  new Colcade( elem, options );
+}
+
+Colcade.data = function( elem ) {
+  elem = getQueryElement( elem );
+  var id = elem && elem.colcadeGUID;
+  return id && instances[ id ];
+};
+
+// -------------------------- jQuery -------------------------- //
+
+Colcade.makeJQueryPlugin = function( $ ) {
+  $ = $ || window.jQuery;
+  if ( !$ ) {
+    return;
+  }
+
+  $.fn.colcade = function( arg0 /*, arg1 */) {
+    // method call $().colcade( 'method', { options } )
+    if ( typeof arg0 == 'string' ) {
+      // shift arguments by 1
+      var args = Array.prototype.slice.call( arguments, 1 );
+      return methodCall( this, arg0, args );
+    }
+    // just $().colcade({ options })
+    plainCall( this, arg0 );
+    return this;
+  };
+
+  function methodCall( $elems, methodName, args ) {
+    var returnValue;
+    $elems.each( function( i, elem ) {
+      // get instance
+      var colcade = $.data( elem, 'colcade' );
+      if ( !colcade ) {
+        return;
+      }
+      // apply method, get return value
+      var value = colcade[ methodName ].apply( colcade, args );
+      // set return value if value is returned, use only first value
+      returnValue = returnValue === undefined ? value : returnValue;
+    });
+    return returnValue !== undefined ? returnValue : $elems;
+  }
+
+  function plainCall( $elems, options ) {
+    $elems.each( function( i, elem ) {
+      var colcade = $.data( elem, 'colcade' );
+      if ( colcade ) {
+        // set options & init
+        colcade.option( options );
+        colcade.layout();
+      } else {
+        // initialize new instance
+        colcade = new Colcade( elem, options );
+        $.data( elem, 'colcade', colcade );
+      }
+    });
+  }
+};
+
+// try making plugin
+Colcade.makeJQueryPlugin();
+
+// -------------------------- utils -------------------------- //
+
+function extend( a, b ) {
+  for ( var prop in b ) {
+    a[ prop ] = b[ prop ];
+  }
+  return a;
+}
+
+// turn element or nodeList into an array
+function makeArray( obj ) {
+  var ary = [];
+  if ( Array.isArray( obj ) ) {
+    // use object if already an array
+    ary = obj;
+  } else if ( obj && typeof obj.length == 'number' ) {
+    // convert nodeList to array
+    for ( var i=0; i < obj.length; i++ ) {
+      ary.push( obj[i] );
+    }
+  } else {
+    // array of single index
+    ary.push( obj );
+  }
+  return ary;
+}
+
+// get array of elements
+function querySelect( selector, elem ) {
+  elem = elem || document;
+  var elems = elem.querySelectorAll( selector );
+  return makeArray( elems );
+}
+
+function getQueryElement( elem ) {
+  if ( typeof elem == 'string' ) {
+    elem = document.querySelector( elem );
+  }
+  return elem;
+}
+
+function docReady( onReady ) {
+  if ( document.readyState == 'complete' ) {
+    onReady();
+    return;
+  }
+  document.addEventListener( 'DOMContentLoaded', onReady );
+}
+
+// -------------------------- end -------------------------- //
+
+return Colcade;
+
+}));
diff --git a/Resources/Private/Javascript/modernizrCustom.js b/Resources/Private/Javascript/modernizrCustom.js
new file mode 100644
index 00000000..255141a8
--- /dev/null
+++ b/Resources/Private/Javascript/modernizrCustom.js
@@ -0,0 +1,3 @@
+/*! modernizr 3.5.0 (Custom Build) | MIT *
+ * https://modernizr.com/download/?-csstransforms3d-csstransitions-objectfit-touchevents-domprefixes-prefixed-prefixes-setclasses-testallprops-testprop-teststyles !*/
+!function(e,t,n){function r(e,t){return typeof e===t}function o(){var e,t,n,o,i,s,a;for(var f in S)if(S.hasOwnProperty(f)){if(e=[],t=S[f],t.name&&(e.push(t.name.toLowerCase()),t.options&&t.options.aliases&&t.options.aliases.length))for(n=0;n<t.options.aliases.length;n++)e.push(t.options.aliases[n].toLowerCase());for(o=r(t.fn,"function")?t.fn():t.fn,i=0;i<e.length;i++)s=e[i],a=s.split("."),1===a.length?Modernizr[a[0]]=o:(!Modernizr[a[0]]||Modernizr[a[0]]instanceof Boolean||(Modernizr[a[0]]=new Boolean(Modernizr[a[0]])),Modernizr[a[0]][a[1]]=o),C.push((o?"":"no-")+a.join("-"))}}function i(e){var t=_.className,n=Modernizr._config.classPrefix||"";if(b&&(t=t.baseVal),Modernizr._config.enableJSClass){var r=new RegExp("(^|\\s)"+n+"no-js(\\s|$)");t=t.replace(r,"$1"+n+"js$2")}Modernizr._config.enableClasses&&(t+=" "+n+e.join(" "+n),b?_.className.baseVal=t:_.className=t)}function s(e){return e.replace(/([a-z])-([a-z])/g,function(e,t,n){return t+n.toUpperCase()}).replace(/^-/,"")}function a(e,t){return!!~(""+e).indexOf(t)}function f(){return"function"!=typeof t.createElement?t.createElement(arguments[0]):b?t.createElementNS.call(t,"http://www.w3.org/2000/svg",arguments[0]):t.createElement.apply(t,arguments)}function l(){var e=t.body;return e||(e=f(b?"svg":"body"),e.fake=!0),e}function u(e,n,r,o){var i,s,a,u,p="modernizr",c=f("div"),d=l();if(parseInt(r,10))for(;r--;)a=f("div"),a.id=o?o[r]:p+(r+1),c.appendChild(a);return i=f("style"),i.type="text/css",i.id="s"+p,(d.fake?d:c).appendChild(i),d.appendChild(c),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(t.createTextNode(e)),c.id=p,d.fake&&(d.style.background="",d.style.overflow="hidden",u=_.style.overflow,_.style.overflow="hidden",_.appendChild(d)),s=n(c,e),d.fake?(d.parentNode.removeChild(d),_.style.overflow=u,_.offsetHeight):c.parentNode.removeChild(c),!!s}function p(e,t){return function(){return e.apply(t,arguments)}}function c(e,t,n){var o;for(var i in e)if(e[i]in t)return n===!1?e[i]:(o=t[e[i]],r(o,"function")?p(o,n||t):o);return!1}function d(e){return e.replace(/([A-Z])/g,function(e,t){return"-"+t.toLowerCase()}).replace(/^ms-/,"-ms-")}function m(t,n,r){var o;if("getComputedStyle"in e){o=getComputedStyle.call(e,t,n);var i=e.console;if(null!==o)r&&(o=o.getPropertyValue(r));else if(i){var s=i.error?"error":"log";i[s].call(i,"getComputedStyle returning null, its possible modernizr test results are inaccurate")}}else o=!n&&t.currentStyle&&t.currentStyle[r];return o}function v(t,r){var o=t.length;if("CSS"in e&&"supports"in e.CSS){for(;o--;)if(e.CSS.supports(d(t[o]),r))return!0;return!1}if("CSSSupportsRule"in e){for(var i=[];o--;)i.push("("+d(t[o])+":"+r+")");return i=i.join(" or "),u("@supports ("+i+") { #modernizr { position: absolute; } }",function(e){return"absolute"==m(e,null,"position")})}return n}function h(e,t,o,i){function l(){p&&(delete A.style,delete A.modElem)}if(i=r(i,"undefined")?!1:i,!r(o,"undefined")){var u=v(e,o);if(!r(u,"undefined"))return u}for(var p,c,d,m,h,g=["modernizr","tspan","samp"];!A.style&&g.length;)p=!0,A.modElem=f(g.shift()),A.style=A.modElem.style;for(d=e.length,c=0;d>c;c++)if(m=e[c],h=A.style[m],a(m,"-")&&(m=s(m)),A.style[m]!==n){if(i||r(o,"undefined"))return l(),"pfx"==t?m:!0;try{A.style[m]=o}catch(y){}if(A.style[m]!=h)return l(),"pfx"==t?m:!0}return l(),!1}function g(e,t,n,o,i){var s=e.charAt(0).toUpperCase()+e.slice(1),a=(e+" "+E.join(s+" ")+s).split(" ");return r(t,"string")||r(t,"undefined")?h(a,t,o,i):(a=(e+" "+P.join(s+" ")+s).split(" "),c(a,t,n))}function y(e,t,r){return g(e,n,n,t,r)}var C=[],S=[],x={_version:"3.5.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,t){var n=this;setTimeout(function(){t(n[e])},0)},addTest:function(e,t,n){S.push({name:e,fn:t,options:n})},addAsyncTest:function(e){S.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=x,Modernizr=new Modernizr;var w=x._config.usePrefixes?" -webkit- -moz- -o- -ms- ".split(" "):["",""];x._prefixes=w;var _=t.documentElement,b="svg"===_.nodeName.toLowerCase(),z="Moz O ms Webkit",P=x._config.usePrefixes?z.toLowerCase().split(" "):[];x._domPrefixes=P;var T="CSS"in e&&"supports"in e.CSS,j="supportsCSS"in e;Modernizr.addTest("supports",T||j);var E=x._config.usePrefixes?z.split(" "):[];x._cssomPrefixes=E;var k=function(t){var r,o=w.length,i=e.CSSRule;if("undefined"==typeof i)return n;if(!t)return!1;if(t=t.replace(/^@/,""),r=t.replace(/-/g,"_").toUpperCase()+"_RULE",r in i)return"@"+t;for(var s=0;o>s;s++){var a=w[s],f=a.toUpperCase()+"_"+r;if(f in i)return"@-"+a.toLowerCase()+"-"+t}return!1};x.atRule=k;var N=x.testStyles=u;Modernizr.addTest("touchevents",function(){var n;if("ontouchstart"in e||e.DocumentTouch&&t instanceof DocumentTouch)n=!0;else{var r=["@media (",w.join("touch-enabled),("),"heartz",")","{#modernizr{top:9px;position:absolute}}"].join("");N(r,function(e){n=9===e.offsetTop})}return n});var L={elem:f("modernizr")};Modernizr._q.push(function(){delete L.elem});var A={style:L.elem.style};Modernizr._q.unshift(function(){delete A.style});x.testProp=function(e,t,r){return h([e],n,t,r)};x.testAllProps=g;var O=x.prefixed=function(e,t,n){return 0===e.indexOf("@")?k(e):(-1!=e.indexOf("-")&&(e=s(e)),t?g(e,t,n):g(e,"pfx"))};x.testAllProps=y,Modernizr.addTest("csstransforms3d",function(){var e=!!y("perspective","1px",!0),t=Modernizr._config.usePrefixes;if(e&&(!t||"webkitPerspective"in _.style)){var n,r="#modernizr{width:0;height:0}";Modernizr.supports?n="@supports (perspective: 1px)":(n="@media (transform-3d)",t&&(n+=",(-webkit-transform-3d)")),n+="{#modernizr{width:7px;height:18px;margin:0;padding:0;border:0}}",N(r+n,function(t){e=7===t.offsetWidth&&18===t.offsetHeight})}return e}),Modernizr.addTest("csstransitions",y("transition","all",!0)),Modernizr.addTest("objectfit",!!O("objectFit"),{aliases:["object-fit"]}),o(),i(C),delete x.addTest,delete x.addAsyncTest;for(var R=0;R<Modernizr._q.length;R++)Modernizr._q[R]();e.Modernizr=Modernizr}(window,document);
\ No newline at end of file
diff --git a/Resources/Private/Language/de.locallang.xlf b/Resources/Private/Language/de.locallang.xlf
new file mode 100644
index 00000000..cf8e362a
--- /dev/null
+++ b/Resources/Private/Language/de.locallang.xlf
@@ -0,0 +1,114 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<xliff version="1.0">
+	<file source-language="en" target-language="de" datatype="plaintext" original="messages" date="2020-03-04T16:36:33Z">
+		<header>
+			<generator>LFEditor</generator>
+		</header>
+		<body>
+			<trans-unit id="double.RectoVerso" approved="yes">
+				<source><![CDATA[Adjust recto/verso]]></source>
+				<target><![CDATA[Recto/Verso korrigieren]]></target>
+			</trans-unit>
+			<trans-unit id="double.doublePageView" approved="yes">
+				<source><![CDATA[Show double pages]]></source>
+				<target><![CDATA[Doppelseitenansicht]]></target>
+			</trans-unit>
+			<trans-unit id="double.singlePageView" approved="yes">
+				<source><![CDATA[Show single page]]></source>
+				<target><![CDATA[Einzelseitenansicht]]></target>
+			</trans-unit>
+			<trans-unit id="download.fulltext.fulltextDownload" approved="yes">
+				<source><![CDATA[Fulltext download]]></source>
+				<target><![CDATA[Volltext herunterladen]]></target>
+			</trans-unit>
+			<trans-unit id="download.fulltext.leftPage" approved="yes">
+				<source><![CDATA[Fulltext left page (XML)]]></source>
+				<target><![CDATA[Volltext linke Seite (XML)]]></target>
+			</trans-unit>
+			<trans-unit id="download.fulltext.rightPage" approved="yes">
+				<source><![CDATA[Fulltext right page (XML)]]></source>
+				<target><![CDATA[Volltext rechte Seite (XML)]]></target>
+			</trans-unit>
+			<trans-unit id="download.fulltext.singlePage" approved="yes">
+				<source><![CDATA[Fulltext page (XML)]]></source>
+				<target><![CDATA[Volltext Seite (XML)]]></target>
+			</trans-unit>
+			<trans-unit id="download.image.imageDownload" approved="yes">
+				<source><![CDATA[Download image]]></source>
+				<target><![CDATA[Bild herunterladen]]></target>
+			</trans-unit>
+			<trans-unit id="download.image.leftPage" approved="yes">
+				<source><![CDATA[Download left page (JPG)]]></source>
+				<target><![CDATA[Linke Seite herunterladen (JPG)]]></target>
+			</trans-unit>
+			<trans-unit id="download.image.rightPage" approved="yes">
+				<source><![CDATA[Download right page (JPG)]]></source>
+				<target><![CDATA[Rechte Seite herunterladen (JPG)]]></target>
+			</trans-unit>
+			<trans-unit id="download.image.singlePage" approved="yes">
+				<source><![CDATA[Download single page (JPG)]]></source>
+				<target><![CDATA[Einzelseite als Bild herunterladen (JPG)]]></target>
+			</trans-unit>
+			<trans-unit id="download.mets" approved="yes">
+				<source><![CDATA[METS file (XML)]]></source>
+				<target><![CDATA[METS Datei (XML)]]></target>
+			</trans-unit>
+			<trans-unit id="download.pdf.leftPage" approved="yes">
+				<source><![CDATA[Download left page (PDF)]]></source>
+				<target><![CDATA[Linke Seite herunterladen (PDF)]]></target>
+			</trans-unit>
+			<trans-unit id="download.pdf.pdfDownload" approved="yes">
+				<source><![CDATA[Download PDF]]></source>
+				<target><![CDATA[PDF herunterladen]]></target>
+			</trans-unit>
+			<trans-unit id="download.pdf.rightPage" approved="yes">
+				<source><![CDATA[Download right page (PDF)]]></source>
+				<target><![CDATA[Rechte Seite herunterladen (PDF)]]></target>
+			</trans-unit>
+			<trans-unit id="download.pdf.singlePage" approved="yes">
+				<source><![CDATA[Download single page (PDF)]]></source>
+				<target><![CDATA[Einzelseite herunterladen (PDF)]]></target>
+			</trans-unit>
+			<trans-unit id="download.work" approved="yes">
+				<source><![CDATA[Download whole work]]></source>
+				<target><![CDATA[Gesamtes Werk herunterladen (PDF)]]></target>
+			</trans-unit>
+			<trans-unit id="fullscreen" approved="yes">
+				<source><![CDATA[Fullscreen Mode]]></source>
+				<target><![CDATA[Vollansicht]]></target>
+			</trans-unit>
+			<trans-unit id="fulltext.no_fulltext_double" approved="yes">
+				<source><![CDATA[No fulltext in double page mode.]]></source>
+				<target><![CDATA[Keine Volltexte in der Doppelseitenansicht.]]></target>
+			</trans-unit>
+			<trans-unit id="fulltext.no_fulltext_gridpage" approved="yes">
+				<source><![CDATA[No fulltext in gridpage mode.]]></source>
+				<target><![CDATA[Keine Volltexte in der Vorschau-Ansicht.]]></target>
+			</trans-unit>
+			<trans-unit id="gridpage.preview" approved="yes">
+				<source><![CDATA[Thumbnail Preview]]></source>
+				<target><![CDATA[Vorschaubilder]]></target>
+			</trans-unit>
+			<trans-unit id="provider.email_provider" approved="yes">
+				<source><![CDATA[Email to data provider]]></source>
+				<target><![CDATA[Email an Datenprovider]]></target>
+			</trans-unit>
+			<trans-unit id="provider.local_catalogue" approved="yes">
+				<source><![CDATA[Online Public Access Catalogue]]></source>
+				<target><![CDATA[Lokaler Katalog]]></target>
+			</trans-unit>
+			<trans-unit id="provider.slub_catalogue">
+				<source><![CDATA[SLUB Catalogue]]></source>
+				<target><![CDATA[SLUB Katalog]]></target>
+			</trans-unit>
+			<trans-unit id="purl.singlePage" approved="yes">
+				<source><![CDATA[Permalink page]]></source>
+				<target><![CDATA[Permalink Seite]]></target>
+			</trans-unit>
+			<trans-unit id="purl.document" approved="yes">
+				<source><![CDATA[Permalink document]]></source>
+				<target><![CDATA[Permalink Dokument]]></target>
+			</trans-unit>
+		</body>
+	</file>
+</xliff>
\ No newline at end of file
diff --git a/Resources/Private/Language/locallang.xlf b/Resources/Private/Language/locallang.xlf
new file mode 100644
index 00000000..0358c37a
--- /dev/null
+++ b/Resources/Private/Language/locallang.xlf
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<xliff version="1.0">
+	<file source-language="en" datatype="plaintext" original="messages" date="2020-03-04T16:36:33Z">
+		<header>
+			<generator>LFEditor</generator>
+		</header>
+		<body>
+			<trans-unit id="double.RectoVerso">
+				<source><![CDATA[Adjust recto/verso]]></source>
+			</trans-unit>
+			<trans-unit id="double.doublePageView">
+				<source><![CDATA[Show double pages]]></source>
+			</trans-unit>
+			<trans-unit id="double.singlePageView">
+				<source><![CDATA[Show single page]]></source>
+			</trans-unit>
+			<trans-unit id="download.fulltext.fulltextDownload">
+				<source><![CDATA[Fulltext download]]></source>
+			</trans-unit>
+			<trans-unit id="download.fulltext.leftPage">
+				<source><![CDATA[Fulltext left page (XML)]]></source>
+			</trans-unit>
+			<trans-unit id="download.fulltext.rightPage">
+				<source><![CDATA[Fulltext right page (XML)]]></source>
+			</trans-unit>
+			<trans-unit id="download.fulltext.singlePage">
+				<source><![CDATA[Fulltext page (XML)]]></source>
+			</trans-unit>
+			<trans-unit id="download.image.imageDownload">
+				<source><![CDATA[Download image]]></source>
+			</trans-unit>
+			<trans-unit id="download.image.leftPage">
+				<source><![CDATA[Download left page (JPG)]]></source>
+			</trans-unit>
+			<trans-unit id="download.image.rightPage">
+				<source><![CDATA[Download right page (JPG)]]></source>
+			</trans-unit>
+			<trans-unit id="download.image.singlePage">
+				<source><![CDATA[Download single page (JPG)]]></source>
+			</trans-unit>
+			<trans-unit id="download.mets">
+				<source><![CDATA[METS file (XML)]]></source>
+			</trans-unit>
+			<trans-unit id="download.pdf.leftPage">
+				<source><![CDATA[Download left page (PDF)]]></source>
+			</trans-unit>
+			<trans-unit id="download.pdf.pdfDownload">
+				<source><![CDATA[Download PDF]]></source>
+			</trans-unit>
+			<trans-unit id="download.pdf.rightPage">
+				<source><![CDATA[Download right page (PDF)]]></source>
+			</trans-unit>
+			<trans-unit id="download.pdf.singlePage">
+				<source><![CDATA[Download single page (PDF)]]></source>
+			</trans-unit>
+			<trans-unit id="download.work">
+				<source><![CDATA[Download whole work]]></source>
+			</trans-unit>
+			<trans-unit id="fullscreen">
+				<source><![CDATA[Fullscreen Mode]]></source>
+			</trans-unit>
+			<trans-unit id="fulltext.no_fulltext_double">
+				<source><![CDATA[No fulltext in double page mode.]]></source>
+			</trans-unit>
+			<trans-unit id="fulltext.no_fulltext_gridpage">
+				<source><![CDATA[No fulltext in gridpage mode.]]></source>
+			</trans-unit>
+			<trans-unit id="gridpage.preview">
+				<source><![CDATA[Thumbnail Preview]]></source>
+			</trans-unit>
+			<trans-unit id="provider.email_provider">
+				<source><![CDATA[Email to data provider]]></source>
+			</trans-unit>
+			<trans-unit id="provider.local_catalogue">
+				<source><![CDATA[Online Public Access Catalogue]]></source>
+			</trans-unit>
+			<trans-unit id="provider.slub_catalogue">
+				<source><![CDATA[SLUB Catalogue]]></source>
+			</trans-unit>
+			<trans-unit id="purl.singlePage">
+				<source><![CDATA[Permalink page]]></source>
+			</trans-unit>
+			<trans-unit id="purl.document">
+				<source><![CDATA[Permalink document]]></source>
+			</trans-unit>
+		</body>
+	</file>
+</xliff>
\ No newline at end of file
diff --git a/Resources/Private/Layouts/KitodoPage.html b/Resources/Private/Layouts/KitodoPage.html
new file mode 100644
index 00000000..a6c88992
--- /dev/null
+++ b/Resources/Private/Layouts/KitodoPage.html
@@ -0,0 +1,6 @@
+<div class="main-wrapper">
+    <f:render section="MainContent" />
+</div>
+<f:if condition="{settings.matomo.siteId}>0">
+    <f:render section="Matomo" partial="Matomo" arguments="{_all}" />
+</f:if>
\ No newline at end of file
diff --git a/Resources/Private/Less/Controls.less b/Resources/Private/Less/Controls.less
new file mode 100644
index 00000000..13407284
--- /dev/null
+++ b/Resources/Private/Less/Controls.less
@@ -0,0 +1,930 @@
+/*
+ *
+ * Controls
+ * ================================================
+ * Control elements like next and previous buttons,
+ * download buttons and so on...
+ *
+ * Author: Thomas Jung <thomas@jung.digital>
+ *
+ */
+
+/* ==============[ basic settings for document control and view buttons ]================= */
+.document-functions,
+.view-functions {
+    > ul {
+        position: absolute;
+        text-align: center;
+        .text-hide();
+        z-index: 10;
+        > li {
+            position: relative;
+            display: inline-block;
+            > a, > span {
+                position: relative;
+                display: inline-block;
+                width: 40px;
+                height: 40px;
+                .text-hide();
+                border-radius: 20px;
+                margin: 0 5px;
+                background: white url('@{control-icons}') no-repeat 0 0;
+                background-size: auto 120px;
+            }
+            > span {
+                opacity: 0.5;
+            }
+            @media screen and (min-width: @tabletLandscapeViewportWidth) {
+                > a, > span {
+                    margin: 0 2px;
+                }
+                a {
+                    .no-touchevents & {
+                        .transition();
+                        cursor: pointer;
+                        &:hover {
+                            .transform(scale(1.2));
+                        }
+                    }
+                }
+            }
+            @media screen and (min-width: @desktopViewportWidth) {
+                > a, > span {
+                    margin: 0 4px;
+                }
+            }
+        }
+    }
+}
+
+/* ==============[ document functions for downloads, double page eg. ]===================== */
+.document-functions {
+    > ul {
+        bottom: 15px;
+        left: 15px;
+        right: 15px;
+        > li {
+            &.submenu {
+                &:before {
+                    position: absolute;
+                    top: -17.5px;
+                    left: 50%;
+                    width: 0;
+                    height: 0;
+                    margin-left: -10px;
+                    border: solid transparent;
+                    border-width: 0 10px;
+                    border-top-color: fade(@secondary-color, 97%);
+                    content: " ";
+                    z-index: 200;
+                    opacity: 0;
+                    .transition();
+                }
+                > ul {
+                    position: fixed;
+                    bottom: 80px;
+                    left: 40px;
+                    right: 40px;
+                    padding: 20px;
+                    background: fade(@secondary-color, 97%);
+                    font-family: Helvetica, Arial, sans-serif;
+                    font-size: 14px;
+                    line-height: 1.4;
+                    text-align: left;
+                    transform-origin: center bottom;
+                    .transition();
+                    .transform(scaleY(0) translateY(100px));
+                    opacity: 0;
+                    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+                    li {
+                        a {
+                            position: relative;
+                            color: white;
+                            display: block;
+                            padding-left: 40px;
+                            margin: 15px 0;
+
+                            &:before {
+                                position: absolute;
+                                top: 50%;
+                                left: 0;
+                                margin-top: -20px;
+                                width: 40px;
+                                height: 40px;
+                                content: " ";
+                                background: url('@{control-icons}') no-repeat 0 0;
+                                background-size: auto 120px;
+                            }
+                            &.download-fulltext:before {
+                                background-position: -280px -40px;
+                            }
+                            &.local-presentation:before {
+                                background-position: -440px -80px;
+                            }
+                            &.local-catalog:before {
+                                background-position: -400px -80px;
+                            }
+                            &.local-contact:before {
+                                background-position: -400px -40px;
+                            }
+                            &.download-document:before,
+                            &[title$="Seite"]:before,
+                            &[title$="Page"]:before {
+                                background-position: -360px -40px;
+                            }
+                            &.download-page:before,
+                            &[title$="ument"]:before {
+                                background-position: -320px -40px;
+                            }
+                            &.persistence-document:before {
+                                background-position: -360px -80px;
+                            }
+                            &.persistence-page:before {
+                                background-position: -320px -80px;
+                            }
+                            &.terms-of-use:before {
+                                background-position: -640px -80px;
+                            }
+                        }
+                    }
+                }
+                &.open {
+                    &:before {
+                        top: -13.5px;
+                        border-top-width: 10px;
+                        opacity: 1;
+                    }
+                    ul {
+                        .transform(scaleY(1) translateY(0));
+                        opacity: 1;
+                    }
+                }
+            }
+            &.downloads {
+                > a, > span {
+                    background-position: -40px 0;
+                }
+            }
+            &.fulltext {
+                > a, > span {
+                    background-position: -120px 0;
+                }
+            }
+            &.doublepage {
+                display: none;
+                > a, > span {
+                    background-position: -80px 0;
+                }
+                a.tx-dlf-navigation-doubleOff:before {
+                    position: absolute;
+                    top: 2px;
+                    right: 0;
+                    width: 8px;
+                    height: 8px;
+                    border-radius: 8px;
+                    border: 2px solid white;
+                    background: @primary-color;
+                    display: block;
+                    content: " ";
+                }
+                a.tx-dlf-navigation-doublePlusOne {
+                    position: absolute;
+                    bottom: 2px;
+                    right: -1px;
+                    width: 0;
+                    height: 0;
+                    border: solid transparent;
+                    border-width: 9px 0 9px 13px;
+                    border-left-color: white;
+                    border-radius: 0;
+                    background: transparent;
+                    span {
+                        position: absolute;
+                        bottom: -5px;
+                        right: 3px;
+                        width: 0;
+                        height: 0;
+                        display: block;
+                        overflow: hidden;
+                        border: solid transparent;
+                        border-width: 5px 0 5px 8px;
+                        border-left-color: @primary-color;
+                    }
+                }
+            }
+            &.fulltext {
+                a.select {
+                    &.active:before {
+                        position: absolute;
+                        top: 2px;
+                        right: 0;
+                        width: 8px;
+                        height: 8px;
+                        border-radius: 8px;
+                        border: 2px solid white;
+                        background: @primary-color;
+                        display: block;
+                        content: " ";
+                    }
+                }
+            }
+            &.grid {
+                > a, > span {
+                    background-position: -160px 0;
+                }
+                a.active:before {
+                    position: absolute;
+                    top: 2px;
+                    right: 0;
+                    width: 8px;
+                    height: 8px;
+                    border-radius: 8px;
+                    border: 2px solid white;
+                    background: @primary-color;
+                    display: block;
+                    content: " ";
+                }
+            }
+            &.disabled {
+                opacity: .5;
+                pointer-events: none;
+            }
+        }
+    }
+    @media screen and (min-width: @tabletViewportWidth) {
+        > ul {
+            li.submenu {
+                > ul {
+                    position: absolute;
+                    width: auto;
+                    left: 20px;
+                    right: auto;
+                    bottom: 53px;
+                    transform-origin: center top;
+                    .transform(scaleY(0) translateY(100px));
+                    li a {
+                        white-space: nowrap;
+                    }
+                }
+                &.open {
+                    > ul {
+                        .transform(scaleY(1) translateY(0));
+                    }
+                }
+            }
+        }
+    }
+    @media screen and (min-width: @tabletLandscapeViewportWidth) {
+        > ul {
+            top: 20px;
+            left: 20px;
+            right: auto;
+            bottom: auto;
+            li.doublepage {
+                display: inline-block;
+            }
+            li {
+                &.submenu {
+                    &:before {
+                        top: auto;
+                        bottom: -60px;
+                        border-width: 0 10px;
+                        border-bottom-color: fade(@secondary-color, 97%);
+                    }
+                    > ul {
+                        top: 50px;
+                        left: -20px;
+                        right: auto;
+                        bottom: auto;
+                        width: auto;
+                        font-size: 12px;
+                        padding: 15px;
+                        z-index: 3000;
+                        transform-origin: center top;
+                        .transform(scaleY(0) translateY(-100px));
+                        li {
+                            a {
+                                margin: 0;
+                                padding-right: 5px;
+                                min-height: 40px;
+                                line-height: 40px;
+                                .no-touchevents & {
+                                    &:hover {
+                                        .transform(scale(1));
+                                        background: rgba(255, 255, 255, 0.2);
+                                    }
+                                }
+                            }
+                        }
+                    }
+                    &.open {
+                        &:before {
+                            top: auto;
+                            bottom: -10px;
+                            border-width: 0 10px 10px 10px;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+/* ==============[ view functions for zoom, rotate and other view related functions ]===== */
+.view-functions {
+    ul {
+        position: relative;
+        li {
+            display: none;
+        }
+        @media screen and (min-width: @tabletLandscapeViewportWidth) {
+            position: absolute;
+            top: 20px;
+            right: 50px;
+            display: block;
+            height: 40px;
+            li {
+                display: inline-block;
+                &.rotate {
+                    display: none;
+                }
+                &.pages {
+                    position: relative;
+                    top: auto;
+                    right: auto;
+                    display: inline-block;
+                    form {
+                        position: absolute;
+                        top: 0;
+                        right: 0;
+                        select {
+                            border: 1px solid @secondary-color;
+                            color: @secondary-color;
+                            background: white url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMCAxMiI+PHN0eWxlPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojNGU2NDY2O3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMH08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMy40IDMuMkw3IDkuNi42IDMuMiIgaWQ9IlhNTElEXzFfIi8+PC9zdmc+') no-repeat right center;
+                            background-size: 16px auto;
+                            font-weight: 700;
+                            line-height: 1.2;
+                            -webkit-appearance: none;
+                            -moz-appearance: none;
+                            padding: 10px 20px 10px 14px;
+                            background-size: 20px 12px;
+                            margin: 0 6px;
+                            font-size: 16px;
+                            outline: none;
+                            border-radius: 20px;
+                            cursor: pointer;
+                            .no-touchevents & {
+                                .transition();
+                                &:hover {
+                                    border: 1px solid @secondary-color;
+                                    background-color: desaturate(lighten(@secondary-color, 65%), 25%);
+                                    color: @basegrey-color;
+                                }
+                            }
+                        }
+                    }
+                }
+                &.tx-dlf-toolsImagemanipulation {
+                    > span {
+                        opacity: 1;
+                        overflow: hidden;
+                        width: auto;
+                        height: auto;
+                        display: inline;
+                        margin: 0;
+                        > span > a {
+                            position: relative;
+                            display: inline-block;
+                            width: 40px;
+                            height: 40px;
+                            .text-hide();
+                            border-radius: 20px;
+                            margin: 0 5px;
+                            background: white url('@{control-icons}') no-repeat -200px 0;
+                            background-size: auto 120px;
+                            &.active:before {
+                                position: absolute;
+                                top: 2px;
+                                right: 0;
+                                width: 8px;
+                                height: 8px;
+                                border-radius: 8px;
+                                border: 2px solid white;
+                                background: @primary-color;
+                                display: block;
+                                content: " ";
+                            }
+                        }
+                    }
+                }
+                &.rotate {
+                    .rotate-left {
+                        background-position: -240px 0;
+                    }
+                    .rotate-right {
+                        background-position: -240px -40px;
+                    }
+                    .upend {
+                        background-position: -280px 0;
+                    }
+                }
+                &.zoom {
+                    .in {
+                        background-position: -360px 0;
+                    }
+                    .out {
+                        background-position: -400px 0;
+                    }
+                    .fullscreen { // The fullscreen button
+                        position: relative;
+                        flex: 0 0 40px;
+                        width: 40px;
+                        height: 40px;
+                        border-radius: 20px;
+                        .text-hide();
+                        z-index: 1000;
+                        background: white;
+                        &:before,
+                        &:after {
+                            position: absolute;
+                            width: 12px;
+                            height: 12px;
+                            background: url('@{control-icons}') no-repeat -575px -54px;
+                            background-size: auto 120px;
+                            display: block;
+                            content: " ";
+                            .transition();
+                            pointer-events: none;
+                            .static & {
+                                .transition(none);
+                            }
+                        }
+                        &:before {
+                            top: 9px;
+                            right: 9px;
+                        }
+                        &:after {
+                            bottom: 9px;
+                            left: 9px;
+                            .transform(rotate(180deg));
+                        }
+                        &.active {
+                            &:before {
+                                .transform(rotate(180deg));
+                            }
+                            &:after {
+                                .transform(rotate(0));
+                            }
+                        }
+                        .fullscreen & {
+                            top: 5px !important;
+                        }
+                    }
+                }
+            }
+        }
+        @media screen and (min-width: @desktopViewportWidth) {
+            li {
+                &.rotate {
+                    display: inline-block;
+                }
+                &.pages {
+                    form {
+                        select {
+                            margin: 0 4px;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+/* ==============[ the image manipulation tools ]========================================= */
+.image-manipulation {
+    position: absolute;
+    top: 70px;
+    right: 55px;
+    z-index: 1010;
+    .slider-container {
+        background: fade(@secondary-color, 90%);
+        padding: 30px 20px 10px 56px;
+        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+        &:before {
+            position: absolute;
+            top: -10px;
+            right: 10px;
+            width: 0;
+            height: 0;
+            border: 10px solid transparent;
+            border-bottom-color: fade(@secondary-color, 90%);
+            border-top: 0;
+            content: " ";
+        }
+        .slider {
+            position: relative;
+            width: 200px;
+            height: 30px;
+            border: 0 none;
+            border-radius: 0;
+            background: transparent;
+            -webkit-transition: all .2s ease-in-out;
+            transition: all .2s ease-in-out;
+            margin-right: 24px;
+            &:before {
+                position: absolute;
+                top: -19px;
+                left: -36px;
+                width: 40px;
+                height: 40px;
+                content: " ";
+                background: url('@{control-icons}') no-repeat 0 0;
+                background-size: auto 120px;
+            }
+            &:after {
+                position: absolute;
+                top: 0;
+                left: 0;
+                width: 100%;
+                height: 2px;
+                border-radius: 2px;
+                background: white;
+                content: "";
+            }
+            .tooltip {
+                position: absolute;
+                opacity: 1;
+                top: -4px;
+                left: 210px !important;
+                color: white;
+                font-size: 10px;
+                text-align: left;
+            }
+        }
+        .slider-contrast .tooltip, .slider-saturation .tooltip {
+            left: 100%;
+        }
+        .slider-brightness .tooltip, .slider-hue .tooltip {
+            left: 50%;
+        }
+        .slider-contrast:before {
+            background-position: -480px 0;
+        }
+        .slider-saturation:before {
+            background-position: -480px -40px;
+        }
+        .slider-brightness:before {
+            background-position: -480px -80px;
+        }
+        .slider-hue:before {
+            background-position: -520px 0;
+        }
+        .checkbox, button.reset-btn {
+            position: relative;
+            border: 0 none;
+            color: white;
+            font-size: 11px;
+            margin-top: -15px;
+            padding-left: 36px;
+            line-height: 40px;
+            display: inline-block;
+            background: transparent;
+            &:before {
+                position: absolute;
+                top: 0;
+                left: 0;
+                width: 40px;
+                height: 40px;
+                background: url('@{control-icons}') no-repeat 0 0;
+                background-size: auto 120px;
+                content: " ";
+            }
+        }
+        button.reset-btn {
+            margin-left: 10px;
+            outline: none;
+            &:before {
+                background-position: -520px -80px;
+            }
+        }
+        .checkbox {
+            margin-left: -36px;
+            &:before {
+                background-position: -520px -40px;
+            }
+            label input {
+                margin-right: 4px;
+            }
+        }
+    }
+}
+
+.slider-imagemanipulation.ui-slider-horizontal {
+    .ui-slider-handle {
+        position: absolute;
+        z-index: 2;
+        top: -7px;
+        width: 14px;
+        height: 14px;
+        background: white;
+        border: 0 none;
+        border-radius: 7px;
+        box-shadow: 1px 1px 0 @primary-color;
+        cursor: col-resize;
+        margin-left: -6px;
+        &:after {
+            content: none;
+        }
+        .ui-slider-handle {
+            &:focus, &:active {
+                border: 0;
+                outline: none;
+            }
+        }
+    }
+    .ui-slider-range {
+        background: rgba(0, 177, 158, 0.5);
+    }
+}
+
+/* ==============[ page control buttons (fwd/back) ]====================================== */
+.page-control {
+    position: absolute;
+    bottom: 15px;
+    height: 1px;
+    width: 290px;
+    left: 50%;
+    margin-left: -145px;
+    line-height: 0;
+    > div {
+        position: absolute;
+        bottom: 0;
+        z-index: 1020;
+        span {
+            display: none;
+            a, span {
+                position: relative;
+                display: inline-block;
+                .text-hide();
+                &:before {
+                    position: absolute;
+                    bottom: -1px;
+                    width: 40px;
+                    height: 40px;
+                    border-radius: 20px;
+                    background: white url('@{control-icons}') no-repeat 0 0;
+                    background-size: auto 120px;
+                    content: " ";
+                }
+            }
+            span {
+                opacity: 0.3;
+            }
+            &.next {
+                display: block;
+                a:before, span:before {
+                    right: 0;
+                    background-position: -280px -80px;
+                }
+            }
+            &.prev {
+                display: block;
+                a:before, span:before {
+                    left: 0;
+                    background-position: -240px -80px;
+                }
+            }
+        }
+    }
+    .backs {
+        left: 0;
+    }
+    .fwds {
+        right: 0;
+    }
+    @media screen and (min-width: @tabletLandscapeViewportWidth) {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        pointer-events: none;
+        > div {
+            height: 80px;
+            min-width: 80px;
+            pointer-events: all;
+            span {
+                display: block;
+                a, span {
+                    position: absolute;
+                    font-size: 14px;
+                    color: @primary-color;
+                    white-space: nowrap;
+                    display: block;
+                    height: 40px;
+                    line-height: 40px;
+                    .transition();
+                    &:before {
+                        .transition();
+                    }
+                }
+                .no-touchevents & {
+                    a:hover {
+                        .transform(scale(1.1));
+                    }
+                }
+                span {
+                    cursor: not-allowed;
+                }
+            }
+            bottom: 50%;
+            margin-bottom: -20px;
+            &.no-transition {
+                a, span, a:before, span:before {
+                    -webkit-transition: none !important;
+                    -moz-transition: none !important;
+                    -o-transition: none !important;
+                    transition: none !important;
+                }
+            }
+            &.backs {
+                left: 10px;
+                span {
+                    a, span {
+                        left: 0;
+                        text-align: left;
+                        padding-left: 80px;
+                        &:before {
+                            left: 20px;
+                        }
+                    }
+                    &.prev {
+                        a, span {
+                            top: 0;
+                            height: 80px;
+                            line-height: 80px;
+                            color: fade(@primary-color, 0%);
+                            &:before {
+                                left: 0;
+                                width: 80px;
+                                height: 80px;
+                                border-radius: 40px;
+                                background-position: 0 -40px;
+                            }
+                        }
+                    }
+                    &.rwnd {
+                        a, span {
+                            top: 0;
+                            color: fade(@primary-color, 0%);
+                            z-index: 301;
+                            &:before {
+                                left: 41px;
+                                width: 32px;
+                                height: 32px;
+                                background-position: -86px -43px;
+                            }
+                        }
+                        span {
+                            opacity: 0;
+                        }
+                    }
+                    &.first {
+                        a, span {
+                            bottom: 0;
+                            opacity: 0;
+                            z-index: 302;
+                            &:before {
+                                background-position: -80px -80px;
+                            }
+                        }
+                    }
+                }
+                &.over {
+                    span {
+                        &.prev {
+                            a, span {
+                                color: @primary-color;
+                            }
+                        }
+                        &.rwnd {
+                            a, span {
+                                top: -45px;
+                                color: @primary-color;
+                                &:before {
+                                    bottom: -1px;
+                                    left: 20px;
+                                    width: 40px;
+                                    height: 40px;
+                                    background-position: -80px -40px;
+                                }
+                            }
+                            span {
+                                opacity: .3;
+                            }
+                        }
+                        &.first {
+                            a, span {
+                                bottom: -45px;
+                            }
+                            a {
+                                opacity: 1;
+                            }
+                            span {
+                                opacity: 0.3;
+                            }
+                        }
+                    }
+                }
+            }
+            &.fwds {
+                right: 10px;
+                span {
+                    a, span {
+                        right: 0;
+                        text-align: right;
+                        padding-right: 80px;
+                        &:before {
+                            right: 20px;
+                        }
+                    }
+                    &.next {
+                        a, span {
+                            top: 0;
+                            height: 80px;
+                            line-height: 80px;
+                            color: fade(@primary-color, 0%);
+                            &:before {
+                                right: 0;
+                                width: 80px;
+                                height: 80px;
+                                border-radius: 40px;
+                                background-position: -160px -40px;
+                            }
+                        }
+                    }
+                    &.fwd {
+                        a, span {
+                            top: 0;
+                            color: fade(@primary-color, 0%);
+                            &:before {
+                                right: 41px;
+                                width: 32px;
+                                height: 32px;
+                                background-position: -122px -42px;
+                            }
+                        }
+                    }
+                    &.last {
+                        a, span {
+                            bottom: 0;
+                            opacity: 0;
+                            &:before {
+                                background-position: -120px -80px;
+                            }
+                        }
+                    }
+                }
+                &.over {
+                    span {
+                        &.next {
+                            a, span {
+                                color: @primary-color;
+                            }
+                        }
+                        &.fwd {
+                            a, span {
+                                top: -45px;
+                                color: @primary-color;
+                                &:before {
+                                    bottom: -1px;
+                                    right: 20px;
+                                    width: 40px;
+                                    height: 40px;
+                                    background-position: -120px -40px;
+                                }
+                            }
+                        }
+                        &.last {
+                            a, span {
+                                bottom: -45px;
+                            }
+                            a {
+                                opacity: 1;
+                            }
+                            span {
+                                opacity: 0.3;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+    .calendar & {
+        display: none;
+    }
+}
+
+// EOF
\ No newline at end of file
diff --git a/Resources/Private/Less/Digitalcollections.less b/Resources/Private/Less/Digitalcollections.less
new file mode 100644
index 00000000..4d222426
--- /dev/null
+++ b/Resources/Private/Less/Digitalcollections.less
@@ -0,0 +1,30 @@
+/*
+ *
+ * Digital Collections design
+ * ================================================
+ * The complete LESS bindings for the
+ * Digital Collections by SLUB Dresden
+ *
+ * Author: Thomas Jung <thomas@jung.digital>
+ *
+ */
+
+// Helpers & variables
+@import "Helper/Variables.less";
+@import "Helper/Mixins.less";
+@import "Helper/Normalize.less";
+
+// Basic Settings
+@import "Structure.less";
+@import "Sidebar.less";
+@import "Controls.less";
+
+// Modules linkage
+@import "Modules/Newspapers.less";
+@import "Modules/Pagegrid.less";
+@import "Modules/Fulltext.less";
+@import "Modules/Indocsearch.less";
+
+// Theming Options (see '/Resources/Private/Less/Themes' for more)
+// @import "Themes/Basictheme.less";
+@import "Themes/Slubtheme.less";
\ No newline at end of file
diff --git a/Resources/Private/Less/DigitalcollectionsLists.less b/Resources/Private/Less/DigitalcollectionsLists.less
new file mode 100644
index 00000000..bb7cc723
--- /dev/null
+++ b/Resources/Private/Less/DigitalcollectionsLists.less
@@ -0,0 +1,26 @@
+/*
+ *
+ * Lists
+ * ================================================
+ * Design for lists and collection views
+ *
+ * Author: Thomas Jung <thomas@jung.digital>
+ *
+ */
+
+// Helpers & variables
+@import "Helper/Variables.less";
+@import "Helper/Mixins.less";
+@import "Helper/Normalize.less";
+
+// Theming Options (see '/Resources/Private/Less/Themes' for more)
+// @import "Themes/Basictheme.less";
+@import "Themes/Slubtheme.less";
+
+// Additional imports for lists
+@import "Modules/Listresults.less";
+@import "Modules/Listsearch.less";
+@import "Modules/Listfacets.less";
+@import "Modules/Listintro.less";
+
+// EOF
\ No newline at end of file
diff --git a/Resources/Private/Less/Helper/Mixins.less b/Resources/Private/Less/Helper/Mixins.less
new file mode 100644
index 00000000..08af069f
--- /dev/null
+++ b/Resources/Private/Less/Helper/Mixins.less
@@ -0,0 +1,49 @@
+/*
+ *
+ * Mixins
+ * ================================================
+ * Own mixins for clearfixes, text removal,
+ * gradients and some other minor stuff
+ *
+ * Author: Thomas Jung <thomas@jung.digital>
+ *
+ */
+
+.clearfix() { // Guess what. ;-)
+    &:before, &:after {
+        content: " ";
+        display: table;
+    }
+    &:after {
+        clear: both;
+    }
+}
+
+.text-overflow() { // If you need the three dots on the end of a text element
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.text-hide() { // Fully hide the text of an element (Often used as image replacement)
+    font: ~"0/0" 'Open Sans', Helvetica, Arial, sans-serif;
+    color: transparent;
+    text-shadow: none;
+    background-color: transparent;
+    border: 0;
+}
+
+.transition(@transition: all .3s ease-out) { // Standardized CSS transitions
+    -webkit-transition: @transition;
+    -o-transition: @transition;
+    transition: @transition;
+}
+
+.transform(@transform) { // Use this to ensure all transforms are proper prefixed
+    -webkit-transform: @transform;
+    -moz-transform: @transform;
+    -ms-transform: @transform;
+    transform: @transform;
+}
+
+// EOF
\ No newline at end of file
diff --git a/Resources/Private/Less/Helper/Normalize.less b/Resources/Private/Less/Helper/Normalize.less
new file mode 100644
index 00000000..11d1a768
--- /dev/null
+++ b/Resources/Private/Less/Helper/Normalize.less
@@ -0,0 +1,22 @@
+/*
+ *
+ * Normalize
+ * ================================================
+ * Reset some browser based settings to start from
+ * a clean white sheet of paper
+ *
+ * Author: Thomas Jung <thomas@jung.digital>
+ *
+ */
+
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }
+body { line-height: 1; }
+h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; }
+ol, ul { list-style: none; }
+blockquote { quotes: none; }
+blockquote:before, blockquote:after { content: ''; content: none; }
+del { text-decoration: line-through; }
+table { border-collapse: collapse; border-spacing: 0; }
+a img { border: none; }
+
+// EOF
\ No newline at end of file
diff --git a/Resources/Private/Less/Helper/Variables.less b/Resources/Private/Less/Helper/Variables.less
new file mode 100644
index 00000000..0773912d
--- /dev/null
+++ b/Resources/Private/Less/Helper/Variables.less
@@ -0,0 +1,24 @@
+/*
+ *
+ * Variables
+ * ================================================
+ * Value settings for type, breakpoints and
+ * base settings for calculations
+ *
+ * Author: Thomas Jung <thomas@jung.digital>
+ *
+ */
+
+// Base value
+@base-calc: 16px;
+
+// Media queries
+@phoneLandscapeViewportWidth: 480px;
+@tabletViewportWidth: 768px;
+@tabletLandscapeViewportWidth: 1024px;
+@desktopViewportWidth: 1200px;
+
+// Paths
+@basepath: '/typo3conf/ext/slub_digitalcollections/';
+
+// EOF
\ No newline at end of file
diff --git a/Resources/Private/Less/Modules/Fulltext.less b/Resources/Private/Less/Modules/Fulltext.less
new file mode 100644
index 00000000..ea0f6a6d
--- /dev/null
+++ b/Resources/Private/Less/Modules/Fulltext.less
@@ -0,0 +1,77 @@
+/*
+ *
+ * Fulltext
+ * ================================================
+ * Specials for the fulltext view 
+ *
+ * Author: Thomas Jung <thomas@jung.digital>
+ *
+ */
+
+.fulltext-container {
+    position: absolute;
+    top: 55px;
+    right: 0;
+    bottom: 0;
+    background: rgba(255, 255, 255, 0.95);
+    text-align: left;
+    .transition();
+    #tx-dlf-fulltextselection {
+        position: relative;
+        top: 0;
+        right: 0;
+        width: 100%;
+        height: 100%;
+        padding: 60px 20px;
+        overflow: hidden;
+        overflow-y: auto;
+        -webkit-overflow-scrolling: touch;
+        line-height: 1.6em;
+        font-size: 16px;
+        color: @basegrey-color;
+        display: none;
+        &:empty {
+            padding: 0;
+        }
+        .textline {
+            &:after {
+                content: " ";
+            }
+        }
+        .fulltext-visible & {
+            display: block;
+        }
+    }
+    .fullscreen & {
+        top: 0;
+    }
+    @media screen and (min-width: @tabletViewportWidth) {
+        #tx-dlf-fulltextselection {
+            padding: 60px 15%;
+        }
+    }
+    @media screen and (min-width: @tabletLandscapeViewportWidth) {
+        top: 0;
+        max-width: 71.7%;
+        &:before {
+            height: 100px;
+        }
+        &:after {
+            height: 80px;
+        }
+        #tx-dlf-fulltextselection {
+            padding: 80px 100px 60px 30px;
+            line-height: 1.8;
+            border-left: 1px solid @secondary-color-light;
+            .highlight {
+                padding: 3px 0;
+                background: lighten(@secondary-color-light,30%);
+            }
+        }
+    }
+    @media screen and (min-width: @desktopViewportWidth) {
+        max-width: 50%;
+    }
+}
+
+// EOF
\ No newline at end of file
diff --git a/Resources/Private/Less/Modules/Indocsearch.less b/Resources/Private/Less/Modules/Indocsearch.less
new file mode 100644
index 00000000..d2eb1c71
--- /dev/null
+++ b/Resources/Private/Less/Modules/Indocsearch.less
@@ -0,0 +1,312 @@
+/*
+ *
+ * In Document Search
+ * ================================================
+ * The ajax based search inside the work view
+ *
+ * Author: Thomas Jung <thomas@jung.digital>
+ *
+ */
+
+.tx-dlf-toolsFulltextsearch { // should be semantically: .tx-dlf-tools-search-indocument
+    position: absolute;
+    top: 0;
+    right: 106px;
+    .fulltext-search-toggle { // should be semantically: .search-indocument-toggle
+        position: absolute;
+        top: 10px;
+        right: 0;
+        width: 40px;
+        height: 40px;
+        background: white url('@{control-icons}') no-repeat -560px 0;
+        background-size: auto 120px;
+        border-radius: 20px;
+        cursor: pointer;
+        &:after {
+            position: absolute;
+            top: 0;
+            right: 0;
+            height: 40px;
+            width: 40px;
+            text-align: center;
+            content: "+";
+            font-size: 42px;
+            line-height: 32px;
+            color: @secondary-color;
+            .transition();
+            opacity: 0;
+        }
+        .search-indocument-active & {
+            background: lighten(@secondary-color-light, 40%);
+            &:after {
+                .transform(rotate(45deg));
+                opacity: 1;
+            }
+        }
+        &.disabled {
+            opacity: .5;
+            pointer-events: none;
+        }
+        .no-touchevents & {
+            .transition();
+            &:hover {
+                .transform(scale(1.2));
+            }
+        }
+    }
+    form {
+        position: absolute;
+        top: 60px;
+        right: -106px;
+        height: 40px;
+        width: 100vw;
+        padding: 0 15px;
+        opacity: 0;
+        pointer-events: none;
+        .transition();
+        .transform(translateY(-100%));
+        label {
+            display: none;
+        }
+        input {
+            &[type="text"] {
+                position: relative;
+                width: 100%;
+                font-family: @font-sans-normal;
+                background: white;
+                border-radius: 20px;
+                border: 0;
+                font-size: 14px;
+                line-height: 1.1;
+                padding: 4px 10px;
+                height: 40px;
+                color: @basegrey-color;
+                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+                &:focus {
+                    color: @secondary-color;
+                }
+            }
+        }
+        button,
+        input {
+            &[type="submit"] {
+                position: absolute;
+                top: 0;
+                right: 15px;
+                width: 40px;
+                height: 40px;
+                .text-hide();
+                background: lighten(@secondary-color-light, 40%) url('@{control-icons}') no-repeat -560px 0;
+                background-size: auto 120px;
+                border-radius: 20px;
+            }
+        }
+        .search-indocument-active & {
+            pointer-events: all;
+            opacity: 1;
+            .transform(translateY(0));
+        }
+    }
+    #tx-dlf-search-in-document-loading,
+    #tx-dlf-search-in-document-clearing {
+        display: none;
+    }
+    #tx-dlf-search-in-document-results {
+        position: fixed;
+        top: 230px;
+        right: 15px;
+        max-height: calc(100vh - 310px);
+        left: 15px;
+        background: white;
+        text-align: center;
+        border-radius: 20px;
+        font-family: @font-sans-normal;
+        overflow: hidden;
+        overflow-y: auto;
+        -webkit-overflow-scrolling: touch;
+        pointer-events: none;
+        opacity: 0;
+        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+        .transition();
+        .transform(translateY(-100%));
+        li {
+            padding: 15px 10px;
+            border-bottom: 1px solid @lightgrey-color;
+            line-height: 1.2;
+            .structure {
+                font-size: 14px;
+                position: relative;
+                display: block;
+                font-family: @font-sans-bold;
+                text-transform: uppercase;
+                color: darken(@lightgrey-color, 20%);
+            }
+            .highlight,
+            em {
+                font-family: @font-sans-bold;
+                color: @primary-color;
+                font-style: normal;
+            }
+            .textsnippet {
+                a {
+                    color: #333;
+                }
+                &:before,
+                &:after {
+                    content: "…";
+                }
+            }
+        }
+        .button-previous,
+        .button-next {
+            position: relative;
+            margin: 30px 10px;
+            background: @secondary-color-light;
+            appearance: none;
+            border: 0;
+            padding: 10px 20px;
+            line-height: 1;
+            font-family: @font-sans-bold;
+            text-transform: uppercase;
+            color: white;
+        }
+        .search-indocument-active & {
+            pointer-events: all;
+            opacity: 1;
+            .transform(translateY(0));
+            &:empty {
+                pointer-events: none;
+                opacity: 0;
+                .transform(translateY(-100%));
+            }
+        }
+    }
+    @media screen and (min-width: @phoneLandscapeViewportWidth) {
+        form {
+            top: 10px;
+            right: 40px;
+            width: 400px;
+        }
+        #tx-dlf-search-in-document-results {
+            top: 165px;
+            z-index: 1030;
+            max-height: calc(100vh - 170px);
+            li {
+                .structure {
+                    display: inline;
+                }
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+        }
+    }
+    @media screen and (min-width: @tabletViewportWidth) {
+        #tx-dlf-search-in-document-results {
+            top: 180px;
+            max-height: calc(100vh - 280px);
+        }
+    }
+    @media screen and (min-width: @tabletLandscapeViewportWidth) {
+        top: 10px;
+        right: 8px;
+        form {
+            top: 80px;
+            right: 0;
+            width: 450px;
+            height: 70px;
+            margin: 0;
+            border-radius: 0;
+            background: fade(@secondary-color, 90%);
+            padding: 15px;
+            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+            input[type="text"] {
+                border-radius: 0;
+            }
+            button,
+            input {
+                &[type="submit"] {
+                    top: 15px;
+                    border-radius: 20px 0 0 20px;
+                    background-color: lighten(@secondary-color-light, 30%);
+                }
+            }
+            &:before {
+                position: absolute;
+                top: -10px;
+                right: 10px;
+                width: 0;
+                height: 0;
+                border: 10px solid transparent;
+                border-bottom-color: fade(@secondary-color, 90%);
+                border-top: 0;
+                content: " ";
+            }
+        }
+        #tx-dlf-search-in-document-results {
+            position: absolute;
+            top: 150px;
+            right: 0;
+            left: auto;
+            bottom: auto;
+            width: 450px;
+            height: 400px;
+            border-radius: 0;
+            background: fade(@secondary-color, 90%);
+            padding: 0 15px 15px 15px;
+            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+            li {
+                text-align: left;
+                padding: 10px 0;
+                color: white;
+                .structure {
+                    color: white;
+                    opacity: .6;
+                }
+                a {
+                    color: white;
+                    .highlight,
+                    em {
+                        color: white;
+                    }
+                }
+            }
+        }
+    }
+    @media screen and (min-width: @desktopViewportWidth) {
+        form {
+            width: 600px;
+        }
+        #tx-dlf-search-in-document-results {
+            width: 600px;
+            font-size: 14px;
+            height: auto;
+            max-height: 70vh;
+        }
+    }
+}
+
+body.calendar .tx-dlf-toolsFulltextsearch { // If the search appears in calendar view
+    top: -20px;
+    right: 15px;
+    form {
+        right: -15px;
+    }
+    @media screen and (min-width: @phoneLandscapeViewportWidth) {
+        form {
+            right: 40px;
+        }
+    }
+    @media screen and (min-width: @tabletLandscapeViewportWidth) {
+        top: 30px;
+        right: 35px;
+        .fulltext-search-toggle {
+            border: 1px solid @secondary-color;
+        }
+        form {
+            right: 0;
+        }
+    }
+}
+
+// EOF
\ No newline at end of file
diff --git a/Resources/Private/Less/Modules/Listfacets.less b/Resources/Private/Less/Modules/Listfacets.less
new file mode 100644
index 00000000..2c523c03
--- /dev/null
+++ b/Resources/Private/Less/Modules/Listfacets.less
@@ -0,0 +1,92 @@
+/*
+ *
+ * Facets styling
+ * ================================================
+ * Styling for the facets in list views
+ *
+ * Author: Thomas Jung <thomas@jung.digital>
+ *
+ */
+
+#rightcol .tx-dlf-search-facets {
+    position: relative;
+    font-family: @font-sans-normal;
+    color: white;
+    ul {
+        padding: 0;
+        margin: 0;
+        li {
+            font-size: 18px;
+            font-family: @font-sans-bold;
+            text-transform: uppercase;
+            padding: 0;
+            display: none;
+            margin: 30px 0;
+            &.tx-dlf-search-ifsub {
+                display: block;
+            }
+            ul {
+                border-top: 1px solid rgba(255, 255, 255, .3);
+                li {
+                    font-family: @font-sans-normal;
+                    text-transform: none;
+                    opacity: 1;
+                    display: block;
+                    margin: 0;
+                    a {
+                        position: relative;
+                        color: white;
+                        font-size: 14px;
+                        padding: 5px 0;
+                        display: inline-block;
+                    }
+                    &.tx-dlf-search-cur {
+                        font-family: @font-sans-bold;
+                    }
+                }
+            }
+            .facets-toggle {
+                font-size: 14px;
+                border-top: 1px solid rgba(255, 255, 255, .6);
+                padding-top: 5px;
+                opacity: .5;
+                .no-touchevents & {
+                    cursor: pointer;
+                }
+            }
+
+            @media screen and (min-width: @tabletLandscapeViewportWidth) {
+                color: lighten(@basegrey-color, 20%);
+                font-size: 16px;
+                ul {
+                    margin: 5px 0;
+                    border-top: 1px solid @lightgrey-color;
+                    li {
+                        a {
+                            color: @secondary-color;
+                        }
+                        &.tx-dlf-search-cur a {
+                            position: relative;
+                            padding-left: 18px;
+                            &:after {
+                                position: absolute;
+                                top: 50%;
+                                left: 0;
+                                margin-top: -16px;
+                                content: "+";
+                                font-size: 30px;
+                                line-height: 30px;
+                                .transform(rotate(45deg));
+                            }
+                        }
+                    }
+                }
+                .facets-toggle {
+                    border-top: 1px solid @lightgrey-color;
+                }
+            }
+        }
+    }
+}
+
+// EOF
\ No newline at end of file
diff --git a/Resources/Private/Less/Modules/Listintro.less b/Resources/Private/Less/Modules/Listintro.less
new file mode 100644
index 00000000..1a9e5928
--- /dev/null
+++ b/Resources/Private/Less/Modules/Listintro.less
@@ -0,0 +1,601 @@
+/*
+ *
+ * Collection Overview
+ * ================================================
+ * Styling for the full size overview
+ * on all collections
+ *
+ * Author: Thomas Jung <thomas@jung.digital>
+ *
+ */
+
+body.collections {
+    #leftcol {
+        #c15323 { // The search on intropage
+            h3 {
+                margin-top: 0;
+                font-size: 14px;
+                bottom: -11px;
+                padding: 0 5px;
+                left: 15px;
+                text-transform: uppercase;
+                color: darken(@lightgrey-color, 39%);
+                background: white;
+                display: inline-block;
+            }
+            .tx-dlf-search {
+                border: solid @lightgrey-color;
+                border-width: 1px 0;
+                padding: 20px 0 15px 0;
+                form { // The input fields and buttons
+                    position: relative;
+                    margin: 0;
+                    font-family: @font-sans-normal;
+                    font-size: 14px;
+                    label {
+                        width: auto;
+                        margin: 0;
+                        display: inline-block;
+                        float: none;
+                        vertical-align: middle;
+                    }
+                    input {
+                        &[type="text"] {
+                            position: relative;
+                            width: 100%;
+                            font-family: @font-sans-normal;
+                            font-size: 14px;
+                            background: white;
+                            border: 1px solid @secondary-color;
+                            line-height: 1.1;
+                            padding: 4px 10px;
+                            height: 40px;
+                            color: @basegrey-color;
+                            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
+                            margin-bottom: 10px;
+                            float: none;
+                            &:focus {
+                                color: @secondary-color;
+                            }
+                        }
+                        &[type="submit"] {
+                            position: absolute;
+                            top: 1px;
+                            right: 1px;
+                            width: 38px;
+                            height: 38px;
+                            .text-hide();
+                            background: lighten(@secondary-color-light, 40%) url('@{control-icons}') no-repeat -560px 0;
+                            background-size: auto 120px;
+                            border-radius: 20px 0 0 20px;
+                        }
+                        &[type="radio"] {
+                            position: relative;
+                            appearance: none;
+                            -webkit-appearance: none;
+                            width: 16px;
+                            height: 16px;
+                            border-radius: 10px;
+                            vertical-align: middle;
+                            margin: 0 3px 0 0;
+                            float: none;
+                            background: lighten(@secondary-color, 10%);
+                            &:after {
+                                position: absolute;
+                                top: 5px;
+                                left: 5px;
+                                width: 6px;
+                                height: 6px;
+                                border-radius: 4px;
+                                background: white;
+                                content: " ";
+                                opacity: 0;
+                            }
+                            &:hover {
+                                border-color: white;
+                            }
+                            &:checked {
+                                background: @secondary-color;
+                                &:after {
+                                    opacity: 1;
+                                }
+                            }
+                        }
+                    }
+                    label {
+                        margin-right: 10px;
+                        &[for="tx-dlf-search-query"] {
+                            display: none;
+                        }
+                    }
+                    #tx-dlf-search-suggest {
+                        position: absolute;
+                        &:after {
+                            position: absolute;
+                            top: 0;
+                            left: 20px;
+                            width: 0;
+                            height: 0;
+                            border: 10px solid transparent;
+                            border-top-width: 0;
+                            border-bottom-color: white;
+                            content: " ";
+                            z-index: 301;
+                        }
+                        ul {
+                            z-index: 300;
+                            margin: 10px 0 0 0;
+                            padding: 0;
+                            background: white;
+                            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
+                            li {
+                                color: @secondary-color;
+                                padding: 10px 15px;
+                                font-family: @font-sans-bold;
+                                border-bottom: 1px solid @lightgrey-color;
+                                .no-touchevents & {
+                                    .transition(all .15s ease-in);
+                                    cursor: pointer;
+                                    &:hover {
+                                        background: white;
+                                        color: @secondary-color;
+                                    }
+                                }
+                            }
+                        }
+                    }
+                    .tx-dlf-search-extended,
+                    .extended-search-toggle {
+                        display: none;
+                    }
+                }
+            }
+        }
+        .tx-dlf-collection {
+            position: relative;
+            padding-top: 30px;
+            margin-top: 20px;
+        }
+        .tx-dlf-collection-list { // The listing
+            margin: 0 -5px;
+            padding: 0;
+            .clearfix();
+            .tx-dlf-collection-col {
+                width: 100%;
+                &.col-2, &.col-3 {
+                    display: none;
+                }
+                .tx-dlf-collection-item {
+                    position: relative;
+                    padding: 15px 0;
+                    .tx-dlf-collection-thumbnail {
+                        overflow: hidden;
+                        border: 1px solid @lightgrey-color;
+                        img {
+                            border: 2px solid white;
+                            min-width: 100%;
+                        }
+                    }
+                    .tx-dlf-collection-meta-information {
+                        position: absolute;
+                        right: 3px;
+                        bottom: 18px;
+                        left: 3px;
+                        background: white;
+                        overflow: hidden;
+                        padding: 10px;
+                        line-height: 1.3;
+                        .tx-dlf-collection-counts {
+                            font-size: 14px;
+                            margin: 0;
+
+                        }
+                        h4 {
+                            margin: 0 0 4px 0;
+                            font-family: @font-sans-bold;
+                            font-size: 16px;
+                            text-transform: uppercase;
+                            a {
+                                font-color: @secondary-color;
+                                text-decoration: none;
+                            }
+                        }
+                        > a[href*="rss"] {
+                            display: none;
+                        }
+                    }
+                    .no-touchevents & {
+                        cursor: pointer;
+                        .tx-dlf-collection-thumbnail img,
+                        .tx-dlf-collection-meta-information,
+                        .tx-dlf-collection-meta-information h4 a {
+                            .transition();
+                        }
+                        .tx-dlf-collection-meta-information {
+                            h4 {
+                                padding-right: 30px;
+                            }
+                            > a {
+                                position: absolute;
+                                top: 50%;
+                                right: 10px;
+                                width: 30px;
+                                height: 30px;
+                                margin-top: -15px;
+                                display: block;
+                                .text-hide();
+                                background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PHBhdGggZD0iTTE1IDM4LjFoM2MwLTExIDguOS0xOS41IDIwLjMtMTkuNXYtM2MtMTMtLjEtMjMuMyA5LjgtMjMuMyAyMi41eiIvPjxwYXRoIGQ9Ik0yLjMgMzguMWgzQzUuMyAxOS41IDE5LjggNSAzOC4zIDVWMmMtMjAuMiAwLTM2IDE1LjgtMzYgMzYuMXoiLz48Y2lyY2xlIGN4PSIzMy44IiBjeT0iMzMuNiIgcj0iNC41Ii8+PC9zdmc+") no-repeat center center;
+                                background-size: 30px auto;
+                                .transition();
+                                .transform(translateX(60px));
+                                opacity: 0;
+                                img {
+                                    display: none;
+                                }
+                            }
+                        }
+                        &:hover {
+                            .tx-dlf-collection-thumbnail img {
+                                .transform(scale(1.2));
+                                opacity: .8;
+                            }
+                            .tx-dlf-collection-meta-information {
+                                padding-bottom: 20px;
+                                h4 a {
+                                    color: @primary-color;
+                                }
+                                > a {
+                                    .transform(translateX(0));
+                                    opacity: .3;
+                                    &:hover {
+                                        opacity: 1;
+                                        .transform(scale(1.1));
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+            &.alphabetical {
+                position: relative;
+                min-height: 2000px;
+                margin-top: 30px;
+                li {
+                    position: relative;
+                    width: 100%;
+                    border-top: 1px dotted #ccc;
+                    padding: 20px 0;
+                    display: flex;
+                    align-items: center;
+                    &.tx-dlf-collection-col {
+                        display: none;
+                    }
+                    &.order-label {
+                        border: 0 none;
+                        height: 0;
+                        padding: 0;
+                        z-index: 122;
+                        .order-label-value {
+                            position: absolute;
+                            top: -25px;
+                            right: 50%;
+                            height: 50px;
+                            min-width: 50px;
+                            border-radius: 25px;
+                            background: fade(#d8e9ed, 70%);
+                            border: 1px solid white;
+                            color: @secondary-color;
+                            padding: 5px 15px;
+                            text-align: center;
+                            font-size: 30px;
+                            font-family: @font-sans-normal;
+                            white-space: nowrap;
+                            line-height: 1.1;
+                            .transform(translateX(50%));
+                            -moz-font-feature-settings: "lnum";
+                            -webkit-font-feature-settings: "lnum";
+                            font-feature-settings: "lnum";
+                        }
+                        &:hover {
+                            &:before {
+                                display: none;
+                            }
+                        }
+                    }
+                    .tx-dlf-collection-thumbnail {
+                        width: 70px;
+                        height: 100px;
+                        background: white;
+                        z-index: 120;
+                        img {
+                            height: 100%;
+                            min-width: 70px;
+                            object-fit: cover;
+                            border: 1px solid @lightgrey-color;
+                        }
+                    }
+                    .tx-dlf-collection-meta-information {
+                        position: relative;
+                        bottom: auto;
+                        left: auto;
+                        right: auto;
+                        background: transparent;
+                        padding: 0 0 0 20px;
+                        overflow: visible;
+                        h4 {
+                            font-size: 18px;
+                            font-weight: normal;
+                            margin: 0;
+                            a {
+                                color: #333;
+                                text-decoration: none;
+                                &:hover {
+                                    text-decoration: none;
+                                }
+                            }
+                        }
+                        > a {
+                            display: none;
+                        }
+                        p {
+                            height: auto;
+                            opacity: 1;
+                            font-size: 16px;
+                            padding: 5px 0 0 0;
+                            margin: 0;
+                            color: #333;
+                        }
+                        > a {
+                            right: -25px;
+                            top: 0;
+                            bottom: auto;
+                        }
+                    }
+                    &:before {
+                        position: absolute;
+                        top: 5px;
+                        right: -5px;
+                        bottom: 5px;
+                        left: -5px;
+                        background: #d8e9ed;
+                        content: " ";
+                        opacity: 0;
+                        pointer-events: none;
+                        .transition();
+                    }
+                    &:hover {
+                        .tx-dlf-collection-thumbnail img,
+                        &:before {
+                            opacity: 1;
+                        }
+                        .tx-dlf-collection-meta-information {
+                            p {
+                                border-top-color: transparent;
+                            }
+                            > a {
+                                bottom: auto;
+                            }
+                        }
+                    }
+                }
+            }
+            &.alphabetical-ready {
+                li {
+                    opacity: 1;
+                }
+            }
+        }
+        .tx-dlf-list-toggle-container {
+            position: absolute;
+            top: 0;
+            left: 0;
+            display: flex;
+            align-items: center;
+            cursor: pointer;
+            z-index: 130;
+            font-family: @font-sans-normal;
+            .tx-dlf-list-toggle {
+                position: relative;
+                width: 35px;
+                height: 20px;
+                background: white;
+                border-radius: 20px;
+                border: 1px solid @secondary-color;
+                margin: 0 10px;
+                .toggle-state {
+                    position: absolute;
+                    top: 2px;
+                    left: 2px;
+                    width: 14px;
+                    height: 14px;
+                    border-radius: 7px;
+                    background: @secondary-color;
+                    .transition();
+                }
+            }
+            &.alphabetical {
+                .tx-dlf-list-toggle {
+                    .toggle-state {
+                        left: 17px;
+                    }
+                }
+            }
+            .label {
+                font-size: 14px;
+                opacity: .4;
+                .transition();
+                &.active {
+                    opacity: 1;
+                    font-family: @font-sans-bold;
+                }
+            }
+        }
+        .tx-dlf-collection-list-additionals {
+            display: none;
+        }
+        @media screen and (min-width: @phoneLandscapeViewportWidth) {
+            .tx-dlf-collection {
+                padding-top: 0;
+            }
+            .tx-dlf-list-toggle-container {
+                right: 0;
+                top: -45px;
+                left: auto;
+            }
+            .tx-dlf-collection-list {
+                .tx-dlf-collection-col {
+                    width: 50%;
+                    float: left;
+                    &.col-2 {
+                        display: block;
+                    }
+                    &.col-3 {
+                        display: none;
+                    }
+                    .tx-dlf-collection-item {
+                        padding: 5px;
+                        .tx-dlf-collection-meta-information {
+                            right: 8px;
+                            bottom: 8px;
+                            left: 8px;
+                        }
+                    }
+                }
+                &.alphabetical {
+                    margin-top: 0;
+                }
+            }
+        }
+        @media screen and (min-width: @tabletLandscapeViewportWidth) {
+            padding: 0;
+            width: 100%;
+            float: none;
+            .tx-dlf-statistics {
+                font-family: @font-sans-normal;
+                strong {
+                    font-family: @font-sans-normal;
+                    font-size: 26px;
+                    white-space: nowrap;
+                    color: @primary-color;
+                }
+            }
+            #c15323 .tx-dlf-search {
+                padding: 30px 10% 30px 0;
+                form {
+                    input {
+                        &[type="text"] {
+                            border-color: fade(@secondary-color, 50%);
+                        }
+                        &[type="submit"] {
+                            .transition();
+                        }
+                    }
+                    .tx-dlf-search-extended {
+                        position: relative;
+                        display: block;
+                        margin: 0;
+                        height: 0;
+                        opacity: 0;
+                        pointer-events: none;
+                        .transition();
+                        select {
+                            position: absolute;
+                            top: 0;
+                            display: block;
+                            appearance: none;
+                            -webkit-appearance: none;
+                            height: 40px;
+                            background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiA0MCI+PHBhdGggZmlsbD0iIzE2NyIgZD0iTTguNiAxOGwtNC4xIDYuMDRMLjQgMTh6Ii8+PC9zdmc+") no-repeat right center;
+                            background-size: auto 40px;
+                            border-right: 1px solid;
+                            border-color: transparent @secondary-color transparent transparent;
+                            border-radius: 0;
+                            font-family: @font-sans-bold;
+                            z-index: 100;
+                            padding: 10px;
+                            color: @secondary-color;
+                            font-size: 14px;
+                            &.tx-dlf-search-operator {
+                                left: 0;
+                                width: 70px;
+                            }
+                            &.tx-dlf-search-field {
+                                left: 70px;
+                            }
+                        }
+                    }
+                    .extended-search-toggle {
+                        position: absolute;
+                        right: 0;
+                        bottom: 0;
+                        display: block;
+                        cursor: pointer;
+                        text-decoration: underline;
+                        span {
+                            display: none;
+                        }
+                    }
+                    &.extendend-search-active {
+                        padding-bottom: 40px;
+                        input[type="submit"] {
+                            top: 267px;
+                            right: -10%;
+                            height: 50px;
+                            width: 50px;
+                            border-radius: 25px;
+                            background-position: -555px 5px;
+                        }
+                        .tx-dlf-search-extended {
+                            margin: 15px 0 -5px 0;
+                            height: 40px;
+                            opacity: 1;
+                            pointer-events: all;
+                        }
+                        .extended-search-toggle {
+                            span {
+                                display: inline;
+                            }
+                        }
+                    }
+                }
+            }
+            .tx-dlf-collection-list {
+                margin: 20px -15px;
+                .tx-dlf-collection-col {
+                    width: 33.333333%;
+                    float: left;
+                    &.col-3 {
+                        display: block;
+                    }
+                    .tx-dlf-collection-item {
+                        padding: 15px;
+                        .tx-dlf-collection-meta-information {
+                            right: 16px;
+                            left: 16px;
+                            bottom: 16px;
+                            padding: 15px 15px 15px 15px;
+                            h4 {
+                                margin: 0;
+                            }
+                            .tx-dlf-collection-counts {
+                                font-family: @font-sans-normal;
+                                font-size: 12px;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        @media screen and (min-width: @desktopViewportWidth) {
+            .tx-dlf-statistics {
+                padding-right: 20%;
+            }
+            #c15323 .tx-dlf-search {
+                padding: 30px 20% 30px 0;
+            }
+        }
+    }
+}
+
+// EOF
\ No newline at end of file
diff --git a/Resources/Private/Less/Modules/Listresults.less b/Resources/Private/Less/Modules/Listresults.less
new file mode 100644
index 00000000..bba0dddd
--- /dev/null
+++ b/Resources/Private/Less/Modules/Listresults.less
@@ -0,0 +1,327 @@
+/*
+ *
+ * Results styling
+ * ================================================
+ * CSS for the listing and its controls
+ *
+ * Author: Thomas Jung <thomas@jung.digital>
+ *
+ */
+
+.listview {
+    h2,
+    #rightcol .rightnav {
+        display: none;
+    }
+}
+
+.tx-dlf-listview { // The basic setup and the control fields above the listing
+    #leftcol & {
+        h2 {
+            font-size: 24px;
+            display: block;
+            margin: 0;
+        }
+        p.tx-dlf-search-numHits {
+            font-family: @font-sans-normal;
+            margin-top: 0;
+            font-size: 14px;
+        }
+        p.tx-dlf-sortinfo ~ form {
+            display: none;
+        }
+        p.tx-dlf-sortinfo {
+            text-align: center;
+            margin: 0;
+            font-family: @font-sans-bold;
+            clear: both;
+        }
+        p.tx-dlf-pagebrowser {
+            margin: 20px 0;
+            font-family: @font-sans-bold;
+            -moz-font-feature-settings: "lnum";
+            -webkit-font-feature-settings: "lnum";
+            font-feature-settings: "lnum";
+            color: @basegrey-color;
+            text-align: center;
+            a {
+                display: inline-block;
+                min-width: 30px;
+                height: 30px;
+                border: 1px solid @lightgrey-color;
+                text-decoration: none;
+                border-radius: 15px;
+                margin: 0 5px;
+                background: white;
+                padding: 0 5px;
+            }
+        }
+        @media screen and (min-width: @phoneLandscapeViewportWidth) {
+            h2 {
+                font-size: 28px;
+            }
+        }
+        @media screen and (min-width: @tabletLandscapeViewportWidth) {
+            p.tx-dlf-sortinfo ~ form {
+                position: relative;
+                display: block;
+                > div {
+                    position: absolute;
+                    top: -45px;
+                    right: 0;
+                    width: 65%;
+                    display: flex;
+                    font-family: @font-sans-normal;
+                    font-size: 14px;
+                    label {
+                        white-space: nowrap;
+                        text-align: right;
+                        line-height: 35px;
+                        margin: 0 5px 0 0;
+                    }
+                    select {
+                        position: relative;
+                        appearance: none;
+                        -webkit-appearance: none;
+                        border: 1px solid @lightgrey-color;
+                        height: 35px;
+                        background: white url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCAyMDAiPjxwYXRoIGQ9Ik0xMC4zIDMzLjVsMi4yLTIuMSA3LjctNy44LTIuMS0yLjEtNy44IDcuNy03LjctNy43LTIuMiAyLjEgNy44IDcuOCAyLjEgMi4xeiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwNzgwNzgiLz48cGF0aCBkPSJNMTAuMyAxMzMuNWwyLjItMi4xIDcuNy03LjgtMi4xLTIuMS03LjggNy43LTcuNy03LjctMi4yIDIuMSA3LjggNy44IDIuMSAyLjF6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2MwMCIvPjwvc3ZnPg==") no-repeat right 3px;
+                        background-size: auto 100px;
+                        padding: 5px 20px 5px 5px;
+                        border-radius: 0;
+                        font-family: @font-sans-bold;
+                        font-size: 14px;
+                        line-height: 1;
+                        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
+                        color: lighten(@basegrey-color, 20%);
+                        .transition();
+                        &:hover {
+                            background-position: right -47px;
+                            border-color: @secondary-color;
+                            color: @primary-color;
+                        }
+                    }
+
+                }
+            }
+            p.tx-dlf-sortinfo {
+                text-align: left;
+                height: 40px;
+                border-bottom: 1px solid @lightgrey-color;
+            }
+        }
+        @media screen and (min-width: @desktopViewportWidth) {
+            h2 {
+                font-size: 36px;
+            }
+        }
+    }
+}
+
+.tx-dlf-listview { // The List itself
+    #leftcol & {
+        .tx-dlf-abstracts {
+            list-style: none;
+            margin: 0;
+            padding: 0;
+            li {
+                position: relative;
+                padding: 30px 0;
+                text-align: center;
+                border-bottom: 1px solid @lightgrey-color;
+                &:before {
+                    display: none;
+                }
+                .tx-dlf-listview-thumbnail {
+                    margin-bottom: 10px;
+                    img {
+                        max-height: 150px;
+                    }
+                }
+                dl {
+                    font-family: @font-sans-normal;
+                    font-size: 14px;
+                    -moz-font-feature-settings: "lnum";
+                    -webkit-font-feature-settings: "lnum";
+                    font-feature-settings: "lnum";
+                    dt, dd {
+                        display: inline;
+                    }
+                    dt {
+                        font-family: @font-sans-bold;
+                        &:after {
+                            content: ": ";
+                        }
+                        &.tx-dlf-title {
+                            display: none
+                        }
+                    }
+                    dd {
+                        &.tx-dlf-title {
+                            font-size: 22px;
+                            display: block;
+                            a {
+                                text-decoration: none;
+                                font-family: @font-sans-bold;
+                            }
+                            &:after {
+                                display: none;
+                            }
+                        }
+                        &:after {
+                            content: "//";
+                            margin: 0 5px;
+                        }
+                        &:last-child:after {
+                            display: none;
+                        }
+                    }
+                }
+                .tx-dlf-morevolumes {
+                    position: relative;
+                    width: 40px;
+                    height: 40px;
+                    .text-hide();
+                    display: inline-block;
+                    .transform(rotate(90deg));
+                    .transition();
+                    transform-origin: center center;
+                    cursor: pointer;
+                    &:before {
+                        position: absolute;
+                        top: -5px;
+                        left: 5px;
+                        content: ">>";
+                        font-size: 40px;
+                        line-height: 40px;
+                        font-family: @font-sans-bold;
+                        color: @secondary-color;
+                        display: block;
+                        letter-spacing: -.1em;
+                    }
+                }
+                .tx-dlf-hidevolumes {
+                    display: none;
+                }
+                &.tx-dlf-volumes-open {
+                    .tx-dlf-morevolumes {
+                        .transform(rotate(-90deg));
+                    }
+                }
+                .tx-dlf-volume {
+                    position: relative;
+                    background: desaturate(lighten(@secondary-color-light, 40%), 15%);
+                    padding: 15px 0;
+                    display: none;
+                    li {
+                        border-bottom: 1px solid white;
+                        padding: 15px;
+                        .tx-dlf-listview-thumbnail img {
+                            width: 60px;
+                            margin-left: 15px;
+                        }
+                        dl dd.tx-dlf-title {
+                            font-size: 18px;
+                            a {
+                                color: darken(@secondary-color, 5%);
+                            }
+                        }
+                        &:first-child {
+                            border-top: 1px solid white;
+                        }
+                    }
+                    &:before {
+                        position: absolute;
+                        top: -15px;
+                        left: 50%;
+                        margin-left: -15px;
+                        height: 0;
+                        width: 0;
+                        border: 15px solid transparent;
+                        border-top-width: 0;
+                        border-bottom-color: desaturate(lighten(@secondary-color-light, 40%), 15%);
+                        content: " ";
+                    }
+                }
+            }
+            @media screen and (min-width: @phoneLandscapeViewportWidth) {
+                border-top: 1px solid @lightgrey-color;
+                li {
+                    text-align: left;
+                    display: flex;
+                    align-items: center;
+                    line-height: 1.7;
+                    flex-wrap: wrap;
+                    .tx-dlf-listview-thumbnail {
+                        position: relative;
+                        margin: 0 25px 0 0;
+                        line-height: 0;
+                        flex: 0 1 auto;
+                        img {
+                            width: 90px;
+                            height: auto;
+                        }
+                        &:empty {
+                            width: 90px;
+                            min-height: 90px;
+                            border: 1px solid @lightgrey-color;
+                            &:before,
+                            &:after {
+                                margin: -25px -3px 0 0;
+                                position: absolute;
+                                top: 50%;
+                                right: 50%;
+                                width: 1px;
+                                height: 50px;
+                                background: @lightgrey-color;
+                                content: " ";
+                            }
+                            &:before {
+                                .transform(rotate(-45deg));
+                            }
+                            &:after {
+                                .transform(rotate(45deg));
+                            }
+                        }
+                    }
+                    dl {
+                        flex: 1 1 60%;
+                        dd.tx-dlf-title {
+                            line-height: 1.2;
+                            margin-bottom: 5px;
+                        }
+                    }
+                    .tx-dlf-volume {
+                        flex: 0 0 100%;
+                        &:before {
+                            left: auto;
+                            right: 5px;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+.tx-dlf-listview { // styling for collection headers (Image and some paragraphs)
+    > img {
+        width: 100%;
+        height: auto;
+        border: 1px solid @lightgrey-color;
+        margin-top: 20px;
+        max-height: 350px;
+    }
+    > p > img { // Hide old inline images
+        display: none;
+    }
+    @media screen and (min-width: @tabletViewportWidth) {
+        > img {
+            float: left;
+            width: auto;
+            margin: 30px 15px 15px 0;
+        }
+    }
+}
+
+// EOF
\ No newline at end of file
diff --git a/Resources/Private/Less/Modules/Listsearch.less b/Resources/Private/Less/Modules/Listsearch.less
new file mode 100644
index 00000000..838bf03e
--- /dev/null
+++ b/Resources/Private/Less/Modules/Listsearch.less
@@ -0,0 +1,255 @@
+/*
+ *
+ * List search elements
+ * ================================================
+ * Styling for simple and extended
+ * search forms in list views
+ *
+ * Author: Thomas Jung <thomas@jung.digital>
+ *
+ */
+
+#rightcol .tx-dlf-enable-offcanvas { // the basic setup for the off-canvas behaviour
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    width: 90%;
+    background: fade(@secondary-color, 97%);
+    z-index: 102;
+    text-align: left;
+    padding: 15px;
+    margin: 0;
+    border: none;
+    color: white;
+    .transform(translateX(100%));
+    .offcanvas-toggle {
+        position: absolute;
+        left: -30px;
+        border-radius: 30px 0 0 30px;
+        bottom: 100px;
+        width: 30px;
+        height: 60px;
+        background: fade(@secondary-color, 97%);
+        &:before {
+            position: absolute;
+            top: 20px;
+            left: 7px;
+            width: 14px;
+            height: 14px;
+            border-radius: 14px;
+            border: 2px solid white;
+            content: " ";
+        }
+        &:after {
+            position: absolute;
+            right: 4px;
+            bottom: 20px;
+            width: 2px;
+            height: 8px;
+            background: white;
+            content: " ";
+            .transform(rotate(-45deg));
+        }
+    }
+    &.open {
+        .transform(translateX(0));
+        z-index: 1100;
+        .offcanvas-toggle {
+            border-color: white;
+        }
+    }
+    h3 {
+        color: white;
+    }
+    @media screen and (min-width: @tabletViewportWidth) {
+        width: 60%;
+    }
+    @media screen and (min-width: @tabletLandscapeViewportWidth) {
+        position: relative;
+        top: auto;
+        right: auto;
+        bottom: auto;
+        width: auto;
+        background: white;
+        color: @basegrey-color;
+        .transform(none);
+        .offcanvas-toggle {
+            display: none;
+        }
+        h3 {
+            color: @primary-color;
+        }
+    }
+}
+
+#rightcol .tx-dlf-search { // the scrolling container with search elements
+    position: absolute;
+    top: 60px;
+    right: 15px;
+    bottom: 15px;
+    left: 15px;
+    overflow: hidden;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+    form { // The input fields and buttons
+        position: relative;
+        margin-bottom: 20px;
+        font-family: @font-sans-normal;
+        font-size: 14px;
+        input {
+            &[type="text"] {
+                position: relative;
+                width: 100%;
+                font-family: @font-sans-normal;
+                font-size: 14px;
+                background: white;
+                border: 0;
+                line-height: 1.1;
+                padding: 4px 10px;
+                height: 40px;
+                color: @basegrey-color;
+                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
+                margin-bottom: 10px;
+                &:focus {
+                    color: @secondary-color;
+                }
+            }
+            &[type="submit"] {
+                position: absolute;
+                top: 0;
+                right: 0;
+                width: 40px;
+                height: 40px;
+                .text-hide();
+                background: lighten(@secondary-color-light, 40%) url('@{control-icons}') no-repeat -560px 0;
+                background-size: auto 120px;
+                border-radius: 20px 0 0 20px;
+            }
+            &[type="radio"] {
+                position: relative;
+                appearance: none;
+                -webkit-appearance: none;
+                border: 2px solid rgba(255, 255, 255, 0.4);
+                width: 20px;
+                height: 20px;
+                border-radius: 10px;
+                vertical-align: middle;
+                &:after {
+                    position: absolute;
+                    top: 4px;
+                    left: 4px;
+                    width: 8px;
+                    height: 8px;
+                    border-radius: 4px;
+                    background: white;
+                    content: " ";
+                    opacity: 0;
+                }
+                &:hover {
+                    border-color: white;
+                }
+                &:checked {
+                    background: lighten(@secondary-color, 10%);
+                    &:after {
+                        opacity: 1;
+                    }
+                }
+            }
+        }
+        label {
+            margin-right: 10px;
+            &[for="tx-dlf-search-query"] {
+                display: none;
+            }
+        }
+        #tx-dlf-search-suggest {
+            position: absolute;
+            ul {
+                z-index: 300;
+                margin: 10px 0 0 0;
+                padding: 0;
+                background: white;
+                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
+                li {
+                    color: @secondary-color;
+                    padding: 10px 15px;
+                    font-family: @font-sans-bold;
+                    border-bottom: 1px solid @lightgrey-color;
+                    .no-touchevents & {
+                        .transition(all .15s ease-in);
+                        cursor: pointer;
+                        &:hover {
+                            background: white;
+                            color: @secondary-color;
+                        }
+                    }
+                }
+                &:after {
+                    position: absolute;
+                    top: -10px;
+                    left: 20px;
+                    width: 0;
+                    height: 0;
+                    border: 10px solid transparent;
+                    border-top-width: 0;
+                    border-bottom-color: white;
+                    content: " ";
+                    z-index: 301;
+                }
+            }
+        }
+    }
+    @media screen and (min-width: @tabletLandscapeViewportWidth) {
+        position: relative;
+        top: auto;
+        right: auto;
+        bottom: auto;
+        left: auto;
+        overflow: visible;
+        form {
+            input {
+                &[type="text"] {
+                    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
+                    border: 1px solid rgb(175, 175, 175);
+                }
+                &[type="submit"] {
+                    top: 1px;
+                    right: 1px;
+                    height: 38px;
+                }
+                &[type="radio"] {
+                    border-color: @secondary-color;
+                    height: 16px;
+                    width: 16px;
+                    border-radius: 8px;
+                    &:after {
+                        top: 2px;
+                        left: 2px;
+                    }
+                    &:hover {
+                        border-color: @primary-color;
+                    }
+                }
+            }
+            label {
+                &:hover {
+                    color: @primary-color;
+                }
+            }
+            #tx-dlf-search-suggest {
+                ul {
+                    background: rgba(@secondary-color, .9);
+                    li {
+                        color: white;
+                    }
+                    &:after {
+                        border-bottom-color: rgba(@secondary-color, .9);
+                    }
+                }
+            }
+        }
+    }
+}
+
+// EOF
\ No newline at end of file
diff --git a/Resources/Private/Less/Modules/Newspapers.less b/Resources/Private/Less/Modules/Newspapers.less
new file mode 100644
index 00000000..d5fe6f31
--- /dev/null
+++ b/Resources/Private/Less/Modules/Newspapers.less
@@ -0,0 +1,423 @@
+/*
+ *
+ * Newspapers
+ * ================================================
+ * All styles for newspaper specials like
+ * calendar and issue views
+ *
+ * Author: Thomas Jung <thomas@jung.digital>
+ *
+ */
+
+/* ==============[ general settings for newspaper related things ]======================== */
+.tx-dlf-calendar-years,
+.tx-dlf-calendar {
+    padding: 0 10px 60px 10px;
+    max-height: 100%;
+    overflow: hidden;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+    text-align: left;
+    font-family: @font-sans-normal;
+    font-feature-settings: 'lnum';
+    @media screen and (min-width: @tabletLandscapeViewportWidth) {
+        position: relative;
+        height: 100%;
+        padding: 30px 30px 60px 30px;
+    }
+}
+
+body.calendar {
+    .document-functions,
+    .view-functions {
+        display: none;
+    }
+    .step-back-button {
+        top: 60px;
+        left: 10px;
+        border: 1px solid @lightgrey-color;
+    }
+    @media screen and (min-width: @tabletLandscapeViewportWidth) {
+        .step-back-button {
+            border: 0 none;
+            top: 80px;
+            left: 15px;
+        }
+    }
+}
+
+/* ==============[ all volumes of this newspapers ]======================================== */
+.tx-dlf-calendar-years {
+    .year-anchor {
+        border-bottom: 1px solid @lightgrey-color;
+        line-height: 1.4;
+        font-family: @font-sans-bold;
+        font-size: 14px;
+        padding: 5px 0 10px 50px;
+        a {
+            color: @secondary-color;
+        }
+    }
+    .meta-hint-year {
+        display: none;
+    }
+    ul {
+        li {
+            margin: 20px;
+            a {
+                display: block;
+                padding: 25px 20px;
+                text-align: center;
+                color: @secondary-color;
+                font-family: @font-sans-bold;
+                background: lighten(@secondary-color-light, 40%);
+            }
+        }
+    }
+    @media screen and (min-width: @tabletLandscapeViewportWidth) {
+        vertical-align: middle;
+        .year-anchor {
+            padding: 0 0 10px 30px;
+        }
+        .meta-hint-year {
+            display: block;
+            opacity: .5;
+            padding: 5px 0 0 30px;
+            font-size: 14px;
+        }
+        ul {
+            position: relative;
+            margin-top: 30px;
+            min-height: calc(100% - 60px);
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: center;
+            align-content: center;
+            li {
+                display: inline-block;
+                a {
+                    .no-touchevents & {
+                        .transition();
+                        &:hover {
+                            .transform(scale(1.2));
+                        }
+                    }
+                }
+            }
+        }
+    }
+    @media screen and (min-width: @desktopViewportWidth) {
+        ul {
+            li {
+                margin: 30px;
+                a {
+                    font-size: 20px;
+                    font-family: @font-sans-normal;
+                }
+            }
+        }
+    }
+}
+
+/* ==============[ monthly navigation with day dropdowns ]================================ */
+.tx-dlf-calendar {
+    .calendar-list-selection, .list-view {
+        display: none;
+    }
+    .year-anchor {
+        border-bottom: 1px solid @lightgrey-color;
+        line-height: 1.4;
+        font-family: @font-sans-bold;
+        font-size: 14px;
+        padding: 5px 0 10px 50px;
+        a {
+            color: @secondary-color;
+        }
+    }
+    .year {
+        font-size: 20px;
+        margin: 20px 0 -20px 0;
+        font-weight: bold;
+        line-height: 1.4;
+        text-align: center;
+    }
+    .calendar-view {
+        position: relative;
+        margin: 30px 0 0 0;
+        .year {
+            flex: 0 0 calc(100% - 60px);
+            font-family: @font-serif-bold;
+            font-size: 20px;
+            margin: 20px 30px;
+            border-bottom: 1px solid @lightgrey-color;
+            color: @secondary-color;
+            text-shadow: -4px 0 3px white, 4px 0 3px white;
+            height: 16px;
+        }
+        table {
+            width: 100%;
+            margin: 50px 0;
+            text-align: center;
+            border-bottom: 1px solid @lightgrey-color;
+            caption {
+                font-family: @font-sans-bold;
+                border-bottom: 1px solid @lightgrey-color;
+                font-size: 12px;
+                text-transform: uppercase;
+                padding-bottom: 5px;
+                color: @basegrey-color;
+            }
+            tr {
+                td, th {
+                    width: 14.285%;
+                    padding: 6px;
+                }
+                th {
+                    font-family: @font-sans-bold;
+                    font-size: 14px;
+                    color: lighten(@basegrey-color, 25%);
+                }
+                td {
+                    color: @secondary-color;
+                    h4,
+                    .day-label {
+                        position: relative;
+                        color: @secondary-color;
+                        .transition();
+                        font-weight: bold;
+                        display: block;
+                        border: 1px solid transparent;
+                        &:after {
+                            position: absolute;
+                            top: 19px;
+                            left: 50%;
+                            margin-left: -5px;
+                            width: 0;
+                            height: 0;
+                            border: 5px solid transparent;
+                            border-top-width: 0;
+                            border-bottom-color: fade(@secondary-color, 93%);
+                            content: " ";
+                            opacity: 0;
+                            .transform(translateY(15px));
+                            .transition();
+                        }
+                    }
+                    h4 {
+                        font-family: @font-sans-bold;
+                        border-color: rgba(@secondary-color,.2);
+                        background: lighten(@secondary-color-light, 40%);
+                        border-radius: 100%;
+                    }
+                    .no-touchevents & {
+                        cursor: pointer;
+                    }
+                    ul {
+                        position: absolute;
+                        left: 0;
+                        right: 0;
+                        padding: 10px;
+                        margin-top: 10px;
+                        background: fade(@secondary-color, 93%);
+                        opacity: 0;
+                        .transform(scaleY(0));
+                        .transition();
+                        transform-origin: center top;
+                        li {
+                            margin: 10px 0;
+                            a {
+                                display: block;
+                                padding: 10px;
+                                color: #fff;
+                            }
+                        }
+                    }
+                    &.open {
+                        h4,
+                        .day-label{
+                            .transform(scale(1.2));
+                            &:after {
+                                opacity: 1;
+                                .transform(translateY(0));
+                            }
+                        }
+                        ul {
+                            opacity: 1;
+                            z-index: 10000;
+                            .transform(scaleY(1));
+                        }
+                    }
+                }
+                &:nth-child(even) {
+                    td {
+                        background: lighten(@secondary-color-light, 40%);
+                        h4 {
+                            border-color: rgba(@secondary-color,.4);
+                            background: white;
+                        }
+                    }
+                }
+            }
+        }
+    }
+    @media screen and (min-width: @tabletLandscapeViewportWidth) {
+        .calendar-list-selection {
+            display: block;
+        }
+        .calendar-list-selection {
+            position: absolute;
+            top: 85px;
+            right: 85px;
+            a {
+                position: relative;
+                border: 1px solid @secondary-color;
+                color: @secondary-color;
+                background: white;
+                font-size: 14px;
+                font-family: @font-sans-bold;
+                line-height: 18px;
+                padding: 10px;
+                height: 40px;
+                border-radius: 30px;
+                display: inline-block;
+                margin-left: 5px;
+                .no-touchevents & {
+                    cursor: pointer;
+                }
+                &.active {
+                    background: @secondary-color;
+                    color: white;
+                    &:before {
+                        position: absolute;
+                        bottom: -5px;
+                        left: 50%;
+                        margin-left: -5px;
+                        width: 0;
+                        height: 0;
+                        border: 5px solid transparent;
+                        border-bottom-width: 0;
+                        border-top-color: @secondary-color;
+                        content: " ";
+                    }
+                }
+            }
+        }
+        .year-anchor {
+            padding: 0 0 10px 30px
+        }
+        .year {
+            font-weight: normal;
+            font-size: 30px;
+        }
+        .calendar-view, .list-view {
+            position: absolute;
+            top: 160px;
+            right: 30px;
+            left: 30px;
+            opacity: 0;
+            .transform(translateY(-100px) scaleY(0));
+            .transition();
+            display: block;
+            pointer-events: none;
+            padding-bottom: 60px;
+            height: 0;
+            &.active {
+                .transform(translateY(0) scaleY(1));
+                opacity: 1;
+                pointer-events: all;
+            }
+        }
+        .calendar-view {
+            margin: 0 -30px;
+            display: flex;
+            flex-wrap: wrap;
+            .month {
+                position: relative;
+                padding: 30px;
+                flex: 1 0 auto;
+                table {
+                    width: 100%;
+                    margin: 0;
+                    tr {
+                        td {
+                            position: relative;
+                            h4,
+                            .day-label {
+                                padding: 5px;
+                            }
+                            ul {
+                                left: 50%;
+                                right: auto;
+                                padding: 0 10px;
+                                .transform(translateX(-50%));
+                            }
+                            &.open {
+                                h4,
+                                .day-label {
+                                    .transform(scale(1.4));
+                                    &:after {
+                                        top: 26px;
+                                        opacity: 1;
+                                        .transform(translateY(0));
+                                    }
+                                }
+                                ul {
+                                    z-index: 200;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        .list-view {
+            ul {
+                li {
+                    padding: 10px;
+                    margin: 10px 0;
+                    font-size: 14px;
+                    .transition();
+                    &:nth-child(even) {
+                        background: lighten(@secondary-color-light, 40%);
+                    }
+                    .listview-date {
+                        line-height: 25px;
+                        &:after {
+                            content: ": ";
+                        }
+                    }
+                    a {
+                        background: @secondary-color;
+                        color: #fff;
+                        display: inline-block;
+                        border-radius: 6px;
+                        padding: 5px 10px;
+                        margin: 0 5px;
+                        .transition();
+                        &:last-child {
+                            margin-right: 0;
+                        }
+                        .no-touchevents & {
+                            &:hover {
+                                background: fade(@primary-color, 50%);
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+    @media screen and (min-width: @desktopViewportWidth) {
+        .calendar-list-selection {
+            top: 40px;
+        }
+        .calendar-view {
+            justify-content: center;
+            .month {
+                flex: 0 0 auto;
+            }
+        }
+    }
+}
+
+// EOF
diff --git a/Resources/Private/Less/Modules/Pagegrid.less b/Resources/Private/Less/Modules/Pagegrid.less
new file mode 100644
index 00000000..eb529d08
--- /dev/null
+++ b/Resources/Private/Less/Modules/Pagegrid.less
@@ -0,0 +1,179 @@
+/*
+ *
+ * Gridview
+ * ================================================
+ * All special styles for the gridview which shows
+ * multiple pages of one document side by side
+ *
+ * Author: Thomas Jung <thomas@jung.digital>
+ *
+ */
+
+body.gridview {
+    .view-functions {
+        display: none;
+    }
+    .step-back-button {
+        top: 60px;
+        left: 10px;
+        border: 1px solid @lightgrey-color;
+    }
+    @media screen and (min-width: @tabletLandscapeViewportWidth) {
+        .step-back-button {
+            border: 0 none;
+            top: 80px;
+            left: 15px;
+        }
+    }
+}
+
+.tx-dlf-pagegrid-list {
+    position: absolute;
+    top: 60px;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    overflow: hidden;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+    li {
+        width: 100px;
+        height: 160px;
+        display: inline-block;
+        margin: 10px;
+        .no-touchevents & {
+            .transition();
+            &:hover {
+                .transform(scale(1.1));
+            }
+        }
+        img {
+            position: relative;
+            height: 100%;
+            width: 100%;
+            object-fit: contain;
+            max-height: 150px;
+        }
+        .tx-dlf-pagegrid-pagination {
+            margin-top: 5px;
+            font-weight: 700;
+            font-size: 12px;
+            color: @secondary-color;
+        }
+        &.current {
+            .transform(scale(1.1));
+            img {
+                border: 6px solid @secondary-color;
+            }
+        }
+    }
+    @media screen and (min-width: @tabletViewportWidth) {
+        top: 0;
+        padding-top: 70px;
+        li {
+            width: 120px;
+            height: 180px;
+            margin: 20px;
+        }
+    }
+    @media screen and (min-width: @tabletLandscapeViewportWidth) {
+        li {
+            width: 150px;
+            height: 200px;
+            .tx-dlf-pagegrid-pagination {
+                font-size: 14px;
+            }
+        }
+    }
+}
+
+.tx-dlf-pagegrid-pagebrowser { // The stupid old paging. YEAH!
+    position: absolute;
+    bottom: 15px;
+    height: 1px;
+    width: 290px;
+    left: 50%;
+    margin-left: -145px;
+    line-height: 0;
+    background: green;
+    .text-hide();
+    a {
+        position: absolute;
+        bottom: 0;
+        display: none;
+        width: 40px;
+        height: 40px;
+        &:before {
+            position: absolute;
+            top: 0;
+            left: 0;
+            bottom: -1px;
+            width: 40px;
+            height: 40px;
+            border-radius: 20px;
+            background: white url('@{control-icons}') no-repeat 0 0;
+            content: " ";
+        }
+        &:first-child {
+            display: block;
+            left: 0;
+            &:before {
+                background-position: -240px -80px;
+            }
+        }
+        &:last-child {
+            display: block;
+            right: 0;
+            &:before {
+                background-position: -280px -80px;
+            }
+        }
+    }
+    @media screen and (min-width: @tabletLandscapeViewportWidth) {
+        height: 70px;
+        padding: 15px;
+        font-family: @font-sans-bold;
+        font-size: 14px;
+        line-height: 30px;
+        color: white;
+        white-space: nowrap;
+        width: auto;
+        margin: 0;
+        .transform(translateX(-50%));
+        -moz-font-feature-settings: "lnum";
+        -webkit-font-feature-settings: "lnum";
+        font-feature-settings: "lnum";
+        background: fade(@secondary-color, 90%);
+        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+        a,
+        a:first-child,
+        a:last-child {
+            color: @secondary-color;
+            position: relative;
+            display: inline-block;
+            bottom: auto;
+            margin: 0 3px;
+            left: auto;
+            right: auto;
+            background: white;
+            border-radius: 20px;
+            width: 30px;
+            height: 30px;
+            &:before {
+                display: none;
+            }
+        }
+    }
+    @media screen and (min-width: @desktopViewportWidth) {
+        font-size: 18px;
+        line-height: 40px;
+        a,
+        a:first-child,
+        a:last-child {
+            width: 40px;
+            height: 40px;
+        }
+    }
+}
+
+// EOF
\ No newline at end of file
diff --git a/Resources/Private/Less/Sidebar.less b/Resources/Private/Less/Sidebar.less
new file mode 100644
index 00000000..6c83a126
--- /dev/null
+++ b/Resources/Private/Less/Sidebar.less
@@ -0,0 +1,771 @@
+/*
+ *
+ * Sidebar
+ * ================================================
+ * Special styles for the sidebar which
+ * represents the base control unit
+ *
+ * Author: Thomas Jung <thomas@jung.digital>
+ *
+ */
+
+/* ==============[ Basic settings for the control bar ]===== */
+.control-bar {
+    -moz-font-feature-settings: "lnum";
+    -webkit-font-feature-settings: "lnum";
+    font-feature-settings: "lnum";
+    .fullscreen & {
+        width: 0;
+        overflow: hidden;
+    }
+    .static & {
+        .transition(none);
+    }
+    .header-bar { // header bar (with logo, secondary navigation and language switch)
+        position: fixed;
+        top: 0;
+        right: 0;
+        left: 0;
+        min-height: 50px;
+        z-index: 100;
+        overflow: hidden;
+        background: @primary-color;
+        font-family: @font-sans-normal;
+        .brand {
+            position: absolute;
+            top: 15px;
+            left: 10px;
+            height: 22px;
+            text-transform: uppercase;
+            white-space: nowrap;
+            .logo-replacement {
+                display: none;
+            }
+            a {
+                position: relative;
+                width: 100%;
+                height: 100%;
+                color: white;
+                font-size: 14px;
+                line-height: 28px;
+                text-align: left;
+                background: url('@{header-logo}') no-repeat left center;
+                background-size: auto 100%;
+                display: block;
+                padding-left: 80px;
+                &:before {
+                    content: "> ";
+                }
+            }
+        }
+        nav {
+            .nav-toggle {
+                position: absolute;
+                top: 13px;
+                right: 15px;
+                width: 25px;
+                height: 30px;
+                padding: 0;
+                border: 0 none;
+                background: transparent;
+                outline: none;
+                .nav-label {
+                    display: none;
+                }
+                .nav-button-bar {
+                    position: relative;
+                    width: 100%;
+                    height: 2px;
+                    border-radius: 2px;
+                    margin-bottom: 4px;
+                    background: white;
+                    display: block;
+                    .transition();
+                }
+                &.active {
+                    .nav-button-bar {
+                        &:nth-of-type(2) {
+                            .transform(translateY(6px) rotate(45deg));
+                        }
+                        &:nth-of-type(3) {
+                            .transform(scale(0));
+                            opacity: 0;
+                        }
+                        &:nth-of-type(4) {
+                            .transform(translateY(-6px) rotate(-45deg));
+                        }
+                    }
+                }
+            }
+            .language-nav {
+                position: absolute;
+                right: 45px;
+                top: 15px;
+                font-size: 12px;
+                li {
+                    position: relative;
+                    display: inline-block;
+                    margin-right: 4px;
+                    a,
+                    span {
+                        position: relative;
+                        padding: 6px;
+                        display: block;
+                        color: white;
+                    }
+                    &.text-muted {
+                        opacity: .4;
+                    }
+                }
+                &:before {
+                    position: absolute;
+                    top: 0;
+                    left: 50%;
+                    margin-left: -6px;
+                    content: "/";
+                    opacity: 0.2;
+                    font-size: 24px;
+                    color: white;
+                    font-weight: 100;
+                    text-align: center;
+                    width: 10px;
+                }
+            }
+            .secondary-nav {
+                position: relative;
+                top: 55px;
+                width: 100%;
+                text-align: left;
+                padding-bottom: 0;
+                max-height: 0;
+                opacity: 0;
+                background: @secondary-color;
+                .transition(all .3s ease-out);
+                border-top: 2px solid white;
+                font-family: @font-sans-bold;
+                li {
+                    a {
+                        padding: 15px;
+                        display: block;
+                        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+                        color: white;
+                    }
+                    &:first-child {
+                        a {
+                            border-top: 1px solid rgba(255, 255, 255, 0.2);
+                        }
+                    }
+                }
+                &.open {
+                    padding-bottom: 65px;
+                    max-height: 320px;
+                    min-height: 60px;
+                    opacity: 1;
+                }
+            }
+        }
+        .fullscreen & {
+            min-height: 0;
+        }
+    }
+    .step-back-button {
+        position: absolute;
+        top: 120px;
+        left: 15px;
+        width: 40px;
+        height: 40px;
+        border-radius: 20px;
+        z-index: 50;
+        .text-hide();
+        background: white url('@{control-icons}') no-repeat -600px -40px;
+        background-size: auto 120px;
+    }
+    .metadata-wrapper, .toc-wrapper { // metadata and table of contents (as off canvas elements in mobile)
+        position: absolute;
+        top: 55px;
+        bottom: 0;
+        width: 90%;
+        background: fade(@secondary-color, 97%);
+        z-index: 102;
+        text-align: left;
+        padding: 15px;
+        .transition();
+        .offcanvas-toggle {
+            position: absolute;
+            bottom: 5px;
+            width: 30px;
+            height: 60px;
+            background: fade(@secondary-color, 97%) url('@{control-icons}') no-repeat 0 0;
+            background-size: auto 120px;
+            border: 1px solid fade(white, 50%);
+        }
+        &.open {
+            .transform(translateX(0));
+            z-index: 1100;
+            .offcanvas-toggle {
+                border-color: white;
+            }
+        }
+        h3 {
+            display: none;
+        }
+    }
+    .metadata-wrapper {
+        right: 0;
+        .transform(translateX(100%));
+        .offcanvas-toggle {
+            left: -30px;
+            border-radius: 30px 0 0 30px;
+            background-position: -442px 9px;
+            border-right: 0 none;
+        }
+        .metadata-toggle {
+            display: none;
+        }
+
+    }
+    .toc-wrapper {
+        left: 0;
+        .transform(translateX(-100%));
+        .offcanvas-toggle {
+            right: -30px;
+            border-radius: 0 30px 30px 0;
+            background-position: -447px -30px;
+            border-left: 0 none;
+        }
+    }
+    @media screen and (min-width: @tabletLandscapeViewportWidth) {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        width: 33%;
+        z-index: 1100;
+        color: @basegrey-color;
+        border-right: 2px solid white;
+        .transition();
+        &:before {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 70px;
+            background: @primary-color;
+            content: " ";
+            pointer-events: none;
+        }
+        &:after {
+            position: absolute;
+            top: 90px;
+            right: 0;
+            bottom: 15px;
+            width: 1px;
+            content: " ";
+            background: @lightgrey-color;
+        }
+        .header-bar {
+            position: absolute;
+            top: 10px;
+            background: transparent;
+            overflow: visible;
+            .brand a {
+                font-size: 12px;
+            }
+            &:after {
+                display: none;
+                content: none;
+            }
+            nav {
+                .nav-toggle {
+                    top: 12px;
+                    right: 12px;
+                }
+                .language-nav {
+                    right: 35px;
+                    top: 14px;
+                }
+                .secondary-nav {
+                    position: absolute;
+                    top: -5px;
+                    right: 0;
+                    width: 200px;
+                    background: fade(@secondary-color, 97%);
+                    max-height: none;
+                    font-size: 14px;
+                    .transform(scaleX(0));
+                    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+                    padding: 15px;
+                    border-top: 0;
+                    &:before {
+                        position: absolute;
+                        top: 20px;
+                        left: -10px;
+                        width: 0;
+                        height: 0;
+                        border: 10px solid transparent;
+                        border-left-width: 0;
+                        border-right-color: fade(@secondary-color, 97%);;
+                        content: " ";
+                    }
+                    li {
+                        a {
+                            padding: 0 10px;
+                            border: 0 none;
+                            line-height: 30px;
+                            .transition();
+                            color: white;
+                            &:hover {
+                                background: rgba(255, 255, 255, 0.2);
+                            }
+                        }
+                        &:first-child {
+                            a {
+                                border: 0 none;
+                            }
+                        }
+                    }
+                    &.open {
+                        padding: 15px;
+                        opacity: 1;
+                        right: -220px;
+                        .transform(scaleX(1));
+                    }
+                }
+            }
+        }
+        .step-back-button {
+            top: 80px;
+            left: 20px;
+            width: auto;
+            background: transparent;
+            font-size: 12px;
+            color: @secondary-color;
+            font-family: @font-sans-bold;
+            line-height: 1.1;
+            text-transform: uppercase;
+            cursor: pointer;
+            &:before {
+                content: "<";
+                font-size: 16px;
+                margin-right: 5px;
+            }
+        }
+        .ctrldata-container {
+            position: absolute;
+            top: 105px;
+            right: 15px;
+            bottom: 20px;
+            left: 15px;
+            overflow: hidden;
+            overflow-y: auto;
+            -webkit-overflow-scrolling: touch;
+        }
+        .metadata-wrapper, .toc-wrapper {
+            position: relative;
+            .transform(translateX(0));
+            text-align: left;
+            background: transparent;
+            padding: 20px 0;
+            width: 100%;
+            .offcanvas-toggle {
+                display: none;
+            }
+        }
+        .metadata-wrapper {
+            top: auto;
+            bottom: auto;
+            padding-bottom: 40px;
+            .transition();
+            .tx-dlf-metadata {
+                overflow: hidden;
+            }
+            .metadata-toggle {
+                position: absolute;
+                bottom: 0;
+                right: 20px;
+                padding: 4px 20px 4px 0;
+                font-size: 12px;
+                color: @primary-color;
+                display: block;
+                cursor: pointer;
+                &:before {
+                    position: absolute;
+                    top: -5px;
+                    right: -5px;
+                    width: 30px;
+                    height: 30px;
+                    background: white url('@{control-icons}') no-repeat -564px -84px;
+                    background-size: auto 120px;
+                    content: " ";
+                    .transform(scale(.6));
+                }
+            }
+        }
+        .toc-wrapper {
+            top: auto;
+            bottom: auto;
+        }
+    }
+    @media screen and (min-width: @desktopViewportWidth) {
+        width: 25%;
+        .header-bar {
+            .brand {
+                top: 5px;
+                left: 20px;
+                height: 40px;
+                a {
+                    font-size: 11px;
+                    line-height: 11px;
+                    padding: 30px 0 0 31px;
+                    background-size: auto 30px;
+                    background-position: 0 0;
+                }
+            }
+        }
+        .metadata-wrapper, .toc-wrapper {
+            padding: 20px 5px;
+        }
+        .metadata-wrapper {
+            padding-bottom: 40px;
+        }
+    }
+    @media screen and (min-width: 1600px) {
+        width: 22%;
+    }
+    @media screen and (min-width: 2000px) {
+        width: 20%;
+    }
+}
+
+/* ==============[ toc (inside the respective wrap > see above) ]========================= */
+.tx-dlf-toc {
+    position: relative;
+    height: 100%;
+    ul.toc {
+        position: relative;
+        overflow: hidden;
+        overflow-y: auto;
+        -webkit-overflow-scrolling: touch;
+        height: 100%;
+        line-height: 1.2;
+        font-size: 14px;
+        border-top: 1px solid @lightgrey-color;
+        ul li {
+            position: relative;
+            &.submenu {
+                a {
+                    padding-right: 10px;
+                }
+                &:before {
+                    position: absolute;
+                    top: 15px;
+                    right: 0;
+                    width: 0;
+                    height: 0;
+                    content: " ";
+                    border: 3px solid transparent;
+                    border-bottom-width: 0;
+                    border-top-color: white;
+                }
+            }
+            &.current {
+                background: white;
+                a {
+                    color: @secondary-color;
+                    .meta-type-icon {
+                        background-position-y: -30px !important;
+                    }
+                }
+            }
+            &.placeholder {
+                position: relative;
+                padding: 15px 0 15px 30px;
+                color: white;
+                font-family: @font-sans-bold;
+                &:before {
+                    position: absolute;
+                    top: 0;
+                    bottom: 0;
+                    left: 12px;
+                    width: 1px;
+                    background: white;
+                    opacity: .4;
+                    content: " ";
+                }
+                &:after {
+                    position: absolute;
+                    top: 16px;
+                    left: 3px;
+                    height: 15px;
+                    font-size: 24px;
+                    line-height: 0;
+                    content: "...";
+                    background: lighten(@secondary-color, 1%);
+                }
+            }
+            a, span.a, > span.title {
+                position: relative;
+                padding: 8px 0 8px 30px;
+                display: block;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                color: white;
+                .pagination {
+                    margin-left: 3px;
+                    opacity: 0.4;
+                }
+                .meta-type-icon {
+                    position: absolute;
+                    top: 1px;
+                    left: -2px;
+                    width: 30px;
+                    height: 30px;
+                    text-indent: 100%;
+                    overflow: hidden;
+                    background: url('@{basepath}Resources/Public/Images/viewerTocIcons.svg') no-repeat -90px 0;
+                    background-size: auto 60px;
+                    display: block;
+                    .transform(scale(.6));
+                    &.meta-type-Abbildung {
+                        background-position: 0 0;
+                    }
+                    &.meta-type-Werbung {
+                        background-position: -30px 0;
+                    }
+                    &.meta-type-Artikel {
+                        background-position: -60px 0;
+                    }
+                }
+            }
+            span.a, > span.title {
+                opacity: 0.5;
+                font-weight: normal;
+            }
+        }
+    }
+    .tx-dlf-wincontent > ul.toc > li > a { // Based on old shitty markup, it selects the issue title
+        color: white;
+        font-size: 16px;
+        padding: 5px 0;
+        display: block;
+        .meta-type-icon {
+            margin-right: 5px;
+            opacity: .6;
+        }
+    }
+    @media screen and (min-width: @tabletLandscapeViewportWidth) {
+        &:after {
+            position: absolute;
+            top: 0;
+            right: 0;
+            left: 0;
+            height: 1px;
+            background: @lightgrey-color;
+            content: " ";
+        }
+        ul.toc {
+            font-size: 12px;
+            .transition();
+            ul li {
+                &:nth-child(even) {
+                    background: lighten(@secondary-color-light, 40%);
+                }
+                &.submenu {
+                    a {
+                        padding-right: 15px;
+                    }
+                    &:before {
+                        top: 12px;
+                        right: 5px;
+                        border-top-color: fade(@secondary-color-light, 40%);
+                    }
+                }
+                &.current {
+                    background: @secondary-color-light;
+                    a {
+                        color: white;
+                        .meta-type-icon {
+                            background-position-y: 0 !important;
+                            opacity: .8;
+                        }
+                    }
+                }
+                &.placeholder {
+                    padding: 20px 0 20px 30px;
+                    color: lighten(@basegrey-color, 30%);
+                    cursor: pointer;
+                    &:before {
+                        left: 10px;
+                        background: @secondary-color-light;
+                    }
+                    &:after {
+                        top: 20px;
+                        left: 1px;
+                        background: white;
+                    }
+                }
+                a, span.a, > span.title {
+                    padding: 6px 0 6px 20px;
+                    margin: 2px 0;
+                    color: @basegrey-color;
+                    .meta-type-icon {
+                        top: -3px;
+                        left: -6px;
+                        opacity: .5;
+                        .transform(scale(.5));
+                        background-position: -90px -30px;
+                        &.meta-type-Abbildung {
+                            background-position: 0 -30px;
+                        }
+                        &.meta-type-Werbung {
+                            background-position: -30px -30px;
+                        }
+                        &.meta-type-Artikel {
+                            background-position: -60px -30px;
+                        }
+                    }
+                }
+                .no-touchevents & a {
+                    .transition();
+                    &:hover {
+                        background: fade(@secondary-color-light, 30%);
+                    }
+                }
+            }
+        }
+        .tx-dlf-wincontent > ul.toc > li > a { // Based on old shitty markup, it selects the issue title (again)
+            color: @basegrey-color;
+        }
+    }
+}
+
+/* ==============[ metadata (inside the respective wrap > see above) ]==================== */
+.tx-dlf-metadata {
+    position: relative;
+    overflow: hidden;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+    height: 100%;
+    line-height: 1.4;
+    h1 {
+        font-size: 20px;
+        font-weight: normal;
+        font-family: @font-serif-bold;;
+        border-bottom: 1px solid @lightgrey-color;
+        padding-bottom: 10px;
+        margin-bottom: 5px;
+        line-height: 1.1;
+        color: white;
+    }
+    dl {
+        color: white;
+        margin: 20px 0;
+        dt, dd {
+            display: block;
+        }
+        dt {
+            font-size: 12px;
+            font-family: @font-serif-bold;;
+            margin-top: 20px;
+            &:first-child {
+                margin-top: 0;
+            }
+        }
+        dd a {
+            color: white;
+        }
+    }
+    @media screen and (min-width: @tabletLandscapeViewportWidth) {
+        line-height: 1.4;
+        h1 {
+            color: black;
+            margin-bottom: -5px;
+        }
+        dl {
+            color: black;
+            border-bottom: 1px solid @lightgrey-color;
+            padding: 10px 0;
+            margin: 0;
+            dt, dd {
+                font-size: 14px;
+                display: inline;
+                line-height: 20px;
+            }
+            dd {
+                margin-right: 4px;
+                & + dd {
+                    display: inline-block;
+                }
+                &.tx-dlf-metadata-collection {
+                    background: lighten(@lightgrey-color,5%);
+                    border-radius: 20px;
+                    padding: 2px 5px;
+                    margin-right: 6px;
+                }
+                &.tx-dlf-metadata-author a {
+                    background: lighten(@secondary-color-light,25%);
+                    border-radius: 20px;
+                    padding: 2px 5px;
+                    margin-right: 2px;
+                }
+            }
+            dt {
+                &:before {
+                    position: relative;
+                    width: 100%;
+                    height: 1px;
+                    display: table;
+                    clear: both;
+                    content: " ";
+                }
+                &:after {
+                    content: ": ";
+                }
+            }
+            /*
+             * Disable following styles in order to match new (a bit buggy) meta data markup
+             *
+             * dt.tx-dlf-type {
+             *     display: none;
+             * }
+             * dd.tx-dlf-type {
+             *     font-size: 12px;
+             *     font-weight: 400;
+             *     opacity: 0.5;
+             *     display: inline;
+             * }
+             * dt.tx-dlf-title {
+             *     display: none;
+             * }
+             * dd.tx-dlf-title {
+             *     font-weight: 300;
+             *     font-size: 22px;
+             *     a {
+             *         color: @slub-basegrey;
+             *     }
+             *  }
+             *
+             */
+            &:nth-of-type(n+2) {
+                display: none;
+            }
+            dd {
+                a {
+                    color: black;
+                    &[href*="digital.slub"] {
+                        white-space: nowrap;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        display: inline-block;
+                        width: 80%;
+                        line-height: 16px;
+                        vertical-align: text-bottom;
+                    }
+                }
+            }
+        }
+    }
+}
+
+// EOF
\ No newline at end of file
diff --git a/Resources/Private/Less/Structure.less b/Resources/Private/Less/Structure.less
new file mode 100644
index 00000000..3f3837c5
--- /dev/null
+++ b/Resources/Private/Less/Structure.less
@@ -0,0 +1,360 @@
+/*
+ *
+ * Structure
+ * ================================================
+ * Basic definition of body, containers and other
+ * structural elements
+ *
+ * Author: Thomas Jung <thomas@jung.digital>
+ *
+ */
+
+/* ==============[ basic html element settings ]========================================== */
+* {
+    box-sizing: border-box;
+}
+
+html, body {
+    position: relative;
+    height: 100%;
+}
+
+body {
+    text-align: center;
+    font-family: @font-serif-normal;
+    background: @secondary-color-light;
+    line-height: 1;
+}
+
+a {
+    color: @primary-color;
+    text-decoration: none;
+}
+
+/* ==============[ 'window' structure with small offset ]================================= */
+.main-wrapper {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 12px;
+    left: 0;
+    background: white;
+    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
+    overflow: hidden;
+    .transition();
+    .hidden & {
+        opacity: 0;
+    }
+    .static & {
+        .transition(none);
+    }
+    .fullscreen & {
+        bottom: 0;
+    }
+    @media screen and (min-width: @tabletLandscapeViewportWidth) {
+        top: 5px;
+        right: 5px;
+        bottom: 5px;
+        left: 5px;
+        .fullscreen & {
+            top: 0;
+            right: 0;
+            bottom: 0;
+            left: 0;
+        }
+    }
+    @media screen and (min-width: @desktopViewportWidth) {
+        top: 20px;
+        right: 20px;
+        bottom: 25px;
+        left: 20px;
+    }
+}
+
+.document-view {
+    position: absolute;
+    top: 55px;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    .transition();
+    .fullscreen & {
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+    }
+    .static & {
+        .transition(none);
+    }
+    #tx-dlf-map,
+    .tx-dlf-map {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+    }
+    .tx-dlf-logobar {
+        position: absolute;
+        pointer-events: none;
+        right: 0;
+        bottom: 80px;
+        left: 0;
+        height: 30px;
+        opacity: .15;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        li {
+            position: relative;
+            flex: 0 0 auto;
+            padding: 0 15px;
+            height: 40px;
+            img {
+                max-height: 30px;
+                -webkit-filter: grayscale(100%);
+                filter: grayscale(100%);
+            }
+        }
+    }
+    .document-functions {
+        .provider {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            text-align: left;
+            background: rgba(white, 92%);
+            display: flex;
+            align-items: center;
+            padding: 10px;
+            border-bottom: 1px solid @lightgrey-color;
+            .transition();
+            > a {
+                display: none; // Kill the logo inside the control bar in order to use the new logobar (.tx-dlf-logobar)
+            }
+            .mobile-meta {
+                position: relative;
+                font-size: 12px;
+                line-height: 1.3;
+                flex: 0 1 auto;
+                dt {
+                    display: none;
+                }
+                dd {
+                    &.tx-dlf-title a {
+                        position: relative;
+                        font-weight: bold;
+                        color: @basegrey-color;
+                        font-size: 16px;
+                    }
+                }
+            }
+            .mobile-controls {
+                position: absolute;
+                bottom: -50px;
+                right: 15px;
+                display: flex;
+                form { // The goto page button
+                    position: relative;
+                    width: 40px;
+                    height: 40px;
+                    flex: 0 0 40px;
+                    margin-right: 5px;
+                    label {
+                        display: none;
+                    }
+                    select {
+                        position: relative;
+                        width: 40px;
+                        height: 40px;
+                        padding-left: 40px;
+                        background: white url('@{control-icons}') no-repeat -600px -80px;
+                        background-size: auto 120px;
+                        outline: none;
+                        border-radius: 20px;
+                        -webkit-appearance: none;
+                        border: 0 none;
+                        &[disabled] {
+                            display: none;
+                        }
+                    }
+                }
+                .fullscreen { // The fullscreen button
+                    position: relative;
+                    flex: 0 0 40px;
+                    width: 40px;
+                    height: 40px;
+                    border-radius: 20px;
+                    .text-hide();
+                    z-index: 98;
+                    background: white;
+                    &:before,
+                    &:after {
+                        position: absolute;
+                        width: 12px;
+                        height: 12px;
+                        background: url('@{control-icons}') no-repeat -576px -54px;
+                        background-size: auto 120px;
+                        display: block;
+                        content: " ";
+                        .transition();
+                        pointer-events: none;
+                        .static & {
+                            .transition(none);
+                        }
+                    }
+                    &:before {
+                        top: 9px;
+                        right: 9px;
+                    }
+                    &:after {
+                        bottom: 9px;
+                        left: 9px;
+                        .transform(rotate(180deg));
+                    }
+                    &.active {
+                        &:before {
+                            .transform(rotate(180deg));
+                        }
+                        &:after {
+                            .transform(rotate(0));
+                        }
+                    }
+                }
+            }
+            .fullscreen & {
+                .transform(translateY(-100%));
+            }
+        }
+    }
+    @media screen and (min-width: @phoneLandscapeViewportWidth) {
+        .tx-dlf-logobar {
+            top: 5px;
+            right: 5px;
+            bottom: auto;
+            left: auto;
+            width: 40%;
+            height: 40px;
+            z-index: 200;
+            justify-content: flex-end;
+            li {
+                flex: 0 1 auto;
+                height: auto;
+                img {
+                    max-width: 100%;
+                }
+            }
+        }
+        .document-functions .provider {
+            padding-right: 40%;
+        }
+    }
+    @media screen and (min-width: @tabletLandscapeViewportWidth) {
+        top: 0;
+        left: 33%;
+        padding: 0;
+        #tx-dlf-map {
+            top: 0;
+        }
+        .tx-dlf-logobar {
+            top: auto;
+            right: 15px;
+            bottom: 15px;
+            z-index: auto;
+        }
+        .document-functions {
+            .provider {
+                top: 10px;
+                left: 10px;
+                right: auto;
+                background: transparent;
+                padding: 0;
+                .mobile-meta,
+                .mobile-controls {
+                    display: none;
+                }
+            }
+        }
+    }
+    @media screen and (min-width: @desktopViewportWidth) {
+        left: 25%;
+    }
+    @media screen and (min-width: 1600px) {
+        left: 22%;
+    }
+    @media screen and (min-width: 2000px) {
+        left: 20%;
+    }
+}
+
+/* ==============[ empty pageview element message ]======================================= */
+.tx-dlf-empty {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    padding: 30px;
+    font-family: @font-sans-bold;
+    line-height: 1.4;
+    a {
+        position: relative;
+        color: @secondary-color;
+        padding-bottom: 60px;
+        .error-arrow {
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            width: 40px;
+            height: 40px;
+            margin-left: -20px;
+            text-align: center;
+            font-size: 40px;
+            line-height: 40px;
+            font-family: @font-sans-normal;
+            .transform(rotate(-45deg));
+            opacity: .3;
+        }
+    }
+    @media screen and (min-width: @phoneLandscapeViewportWidth) {
+        padding: 30px 20%;
+        a {
+            padding: 0;
+            .error-arrow {
+                display: none;
+            }
+        }
+    }
+    @media screen and (min-width: @tabletViewportWidth) {
+        a {
+        padding-top: 300px;
+            &:before {
+                position: absolute;
+                top: 0;
+                left: 50%;
+                width: 260px;
+                height: 260px;
+                border-radius: 130px;
+                margin-left: -130px;
+                border: 1px solid @lightgrey-color;
+                content: " ";
+            }
+            &:after {
+                position: absolute;
+                top: 30px;
+                left: 50%;
+                width: 1px;
+                height: 200px;
+                background: @lightgrey-color;
+                content: " ";
+                .transform(rotate(-45deg));
+            }
+        }
+    }
+}
+
+// EOF
\ No newline at end of file
diff --git a/Resources/Private/Less/Themes/Basictheme.less b/Resources/Private/Less/Themes/Basictheme.less
new file mode 100644
index 00000000..f208c27e
--- /dev/null
+++ b/Resources/Private/Less/Themes/Basictheme.less
@@ -0,0 +1,29 @@
+/*
+ *
+ * Basic Styles
+ * ================================================
+ * Color typography and adjustments as a
+ * basic styling for out of the box implementation
+ *
+ * Author: Thomas Jung <thomas@jung.digital>
+ *
+ */
+
+// The paths to external Resources
+@header-logo: '@{basepath}Resources/Public/Images/Basiclogo.svg';
+@control-icons: '@{basepath}Resources/Public/Images/viewerControlIcons.svg';
+
+// Colors
+@primary-color: rgb(0, 119, 204);
+@secondary-color: rgb(102, 102, 102);
+@secondary-color-light: lighten(@secondary-color, 30%);
+@basegrey-color: rgb(51, 51, 51);
+@lightgrey-color: lighten(@basegrey-color, 65%);
+
+// Typography
+@font-sans-normal: 'Calibri', 'Helvetica', Sans-serif;
+@font-sans-bold: 'Calibri-Bold', 'Helvetica', Sans-serif;
+@font-serif-normal: 'Rockwell', 'Georgia', "Times New Roman", 'Times', serif;
+@font-serif-bold: 'Rockwell-Bold', 'Georgia', 'Times', serif;
+
+// EOF
\ No newline at end of file
diff --git a/Resources/Private/Less/Themes/Slubtheme.less b/Resources/Private/Less/Themes/Slubtheme.less
new file mode 100644
index 00000000..89c00c8f
--- /dev/null
+++ b/Resources/Private/Less/Themes/Slubtheme.less
@@ -0,0 +1,65 @@
+/*
+ *
+ * SLUB Styles
+ * ================================================
+ * Color typography and adjustments
+ * for custom styling
+ *
+ * Author: Thomas Jung <thomas@jung.digital>
+ *
+ */
+
+// The paths to external Resources
+@header-logo: '@{basepath}Resources/Public/Images/Slub/Slublogo.svg';
+@control-icons: '@{basepath}Resources/Public/Images/Slub/viewerControlIcons.svg';
+
+// Colors
+@primary-color: rgb(204, 0, 0);
+@secondary-color: rgb(17, 102, 119);
+@secondary-color-light: desaturate(lighten(@secondary-color, 27%), 22%);
+@basegrey-color: rgb(51, 51, 51);
+@lightgrey-color: lighten(@basegrey-color, 65%);
+
+// Typography
+@font-sans-normal: 'VistaSansBook', 'Calibri', 'Helvetica', Sans-serif;
+@font-sans-bold: 'VistaSansBold', 'Calibri-Bold', 'Helvetica', Sans-serif;
+@font-serif-normal: 'VistaSlabReg', 'Rockwell', 'Georgia', "Times New Roman", 'Times', serif;
+@font-serif-bold: 'VistaSlabBold', 'Rockwell-Bold', 'Georgia', 'Times', serif;
+
+// Dedicated restyling
+.control-bar {
+    .header-bar .brand a {
+        line-height: 24px;
+    }
+    @media screen and (min-width: @tabletLandscapeViewportWidth) {
+        &:before {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: -60px;
+            height: 85px;
+            background: url('@{basepath}Resources/Public/Images/Slub/headerbarBg.svg') no-repeat left top;
+            background-size: 100% 100%;
+            content: " ";
+            pointer-events: none;
+        }
+        .header-bar nav {
+            .nav-toggle {
+                right: 0;
+            }
+            .language-nav {
+                right: 24px;
+            }
+        }
+    }
+}
+
+.document-functions {
+    @media screen and (min-width: @tabletLandscapeViewportWidth) {
+        > ul {
+            left: 40px;
+        }
+    }
+}
+
+// EOF
\ No newline at end of file
diff --git a/Resources/Private/Partials/EmptyPageView.html b/Resources/Private/Partials/EmptyPageView.html
new file mode 100644
index 00000000..41412ba3
--- /dev/null
+++ b/Resources/Private/Partials/EmptyPageView.html
@@ -0,0 +1,9 @@
+{namespace dc=Slub\DigitalCollections\ViewHelpers}
+<f:section name="PageView">
+  <div class="document-view">
+    <f:format.raw>{content}</f:format.raw>
+    <div class="document-functions">
+        <f:format.raw>{sidebar}</f:format.raw>
+    </div>
+  </div>
+</f:section>
diff --git a/Resources/Private/Partials/KitodoControlBar.html b/Resources/Private/Partials/KitodoControlBar.html
new file mode 100644
index 00000000..47643f12
--- /dev/null
+++ b/Resources/Private/Partials/KitodoControlBar.html
@@ -0,0 +1,32 @@
+<f:section name="ControlBar">
+    <div class="control-bar">
+        <div class="header-bar">
+            <div class="brand"><f:link.page pageUid="{settings.rootPage.pid}" title="{settings.rootPage.title}" class="{settings.rootPage.cssClass}">{settings.rootPage.title}</f:link.page></div>
+            <nav>
+                <ul class="secondary-nav"><f:cObject typoscriptObjectPath="lib.navigation.kitodo" /></ul>
+                <button type="button" class="nav-toggle">
+                    <span class="nav-label">Open Navigation</span>
+                    <span class="nav-button-bar"></span>
+                    <span class="nav-button-bar"></span>
+                    <span class="nav-button-bar"></span>
+                    <span class="nav-button-bar"></span>
+                </button>
+            </nav>
+        </div>
+        <div class="ctrldata-container">
+            <div class="metadata-wrapper">
+                <div class="tx-dlf-metadata">
+                    <f:if condition="{docTitle}">
+                        <h1>{docTitle}</h1>
+                    </f:if>
+                    <f:cObject typoscriptObjectPath="plugin.tx_dlf_metadata" />
+                </div>
+                <div class="offcanvas-toggle"></div>
+            </div>
+            <div class="toc-wrapper">
+                <f:cObject typoscriptObjectPath="plugin.tx_dlf_toc" />
+                <div class="offcanvas-toggle"></div>
+            </div>
+        </div>
+    </div>
+</f:section>
diff --git a/Resources/Private/Partials/KitodoPageView.html b/Resources/Private/Partials/KitodoPageView.html
new file mode 100644
index 00000000..7c717d8a
--- /dev/null
+++ b/Resources/Private/Partials/KitodoPageView.html
@@ -0,0 +1,366 @@
+{namespace dc=Slub\DigitalCollections\ViewHelpers}
+<f:section name="PageView">
+  <div class="document-view">
+    <f:if condition="{gp-pagegrid} == 1">
+      <f:then>
+        <f:cObject typoscriptObjectPath="plugin.tx_dlf_pagegrid" />
+      </f:then>
+      <f:else>
+        <f:if condition="{isNewspaper} == 'newspaper_anchor'">
+          <f:then>
+            <f:cObject typoscriptObjectPath="lib.kitodo.newspaper.years" />
+            <div class="fulltext-container">
+              <div class="tx-dlf-toolsFulltextsearch">
+                <div class="fulltext-search-toggle"></div>
+                <f:cObject typoscriptObjectPath="lib.kitodo.fulltext.search" />
+              </div>
+              <div id="tx-dlf-fulltextselection"></div>
+            </div>
+          </f:then>
+          <f:else>
+          <f:if condition="{isNewspaper} == 'newspaper_year'">
+            <f:then>
+              <f:cObject typoscriptObjectPath="lib.kitodo.newspaper.calendar" />
+              <f:comment><!-- no fulltext present - we need the plugin for internal use anyway --></f:comment>
+              <div class="fulltext-container">
+                <div class="tx-dlf-toolsFulltextsearch">
+                  <div class="fulltext-search-toggle"></div>
+                  <f:cObject typoscriptObjectPath="lib.kitodo.fulltext.search" />
+                </div>
+                <div id="tx-dlf-fulltextselection"></div>
+              </div>
+            </f:then>
+            <f:else>
+              <f:if condition="{isNewspaper} == 'newspaper_issue'">
+                <!-- it's an newspaper! -->
+              </f:if>
+                <div class="tx-dlf-pageview">
+                  <f:comment>
+                    <!-- example markup for future logo display -->
+                    <ul class="tx-dlf-logobar">
+                          <li><img src="/typo3conf/ext/slub_digitalcollections/Static/data/slublogo.jpg" alt="Logo SLUB"></li>
+                          <li><img src="/typo3conf/ext/slub_digitalcollections/Static/data/unierfurtlogo.png" alt="Logo Uni Erfurt"></li>
+                          <li><img src="/typo3conf/ext/slub_digitalcollections/Static/data/dfglogo.svg" alt="Logo DFG"></li>
+                    </ul>
+                  </f:comment>
+                  <f:cObject typoscriptObjectPath="plugin.tx_dlf_pageview" />
+                </div>
+                <div class="fulltext-container">
+                  <div class="tx-dlf-toolsFulltextsearch">
+                    <div class="fulltext-search-toggle"></div>
+                    <f:cObject typoscriptObjectPath="plugin.tx_dlf_toolsSearchindocument" />
+                  </div>
+                  <div id="tx-dlf-fulltextselection"></div>
+                </div>
+            </f:else>
+          </f:if>
+        </f:else>
+      </f:if>
+      </f:else>
+    </f:if>
+    <div class="document-functions">
+        <f:comment><!-- [provider logo] ----------------------------- --></f:comment>
+        <div class="provider">
+          <dl class="mobile-meta">
+            <dt class="tx-dlf-title">Titel</dt>
+            <dd class="tx-dlf-title">
+              <a href="#">{docTitle}</a>
+            </dd>
+            <dt>Autor</dt>
+            <dd><dc:xpath xpath='(//mets:dmdSec/mets:mdWrap/mets:xmlData/mods:mods/mods:relatedItem[@type="host"]/mods:name[//mets:dmdSec/mets:mdWrap/mets:xmlData/mods:mods/mods:name/mods:role/mods:roleTerm[@authority="marcrelator"][@type="code"]="aut"]/mods:displayForm)[1]' />
+            </dd>
+          </dl>
+        </div>
+        <f:comment><!-- [link navigation] ----------------------------- --></f:comment>
+        <ul>
+          <li class="submenu links">
+            <a href="#" title="Links">Links</a>
+            <ul>
+              <f:comment><!-- [Permalink] ----------------------------------------- --></f:comment>
+              <f:if condition="<dc:xpath xpath='(//mets:dmdSec/mets:mdWrap/mets:xmlData/mods:mods/mods:identifier[@type=\"purl\"])[1]' />">
+                  <li class="permalink">
+                        <f:link.external
+                            uri="<dc:xpath xpath='(//mets:dmdSec/mets:mdWrap/mets:xmlData/mods:mods/mods:identifier[@type=\"purl\"])[1]' />"
+                            class="local-presentation"
+                            target="_blank"
+                            title="<f:translate key='purl.document' extensionName='slub_digitalcollections' />">
+                                <span class="perma-label"><f:translate key='purl.document' extensionName='slub_digitalcollections' /></span>
+                                <dc:xpath xpath='(//mets:dmdSec/mets:mdWrap/mets:xmlData/mods:mods/mods:identifier[@type="purl"])[1]' />
+                        </f:link.external>
+                  </li>
+                  <li class="permalink">
+                      <f:link.external
+                          uri="<dc:xpath xpath='(//mets:dmdSec/mets:mdWrap/mets:xmlData/mods:mods/mods:identifier[@type=\"purl\"])[1]' />/{gp-page}"
+                          class="local-presentation"
+                          target="_blank"
+                          title="<f:translate key='purl.singlePage' extensionName='slub_digitalcollections' />">
+                              <span class="perma-label"><f:translate key='purl.singlePage' extensionName='slub_digitalcollections' /></span>
+                              <dc:xpath xpath='(//mets:dmdSec/mets:mdWrap/mets:xmlData/mods:mods/mods:identifier[@type="purl"])[1]' />/{gp-page}
+                      </f:link.external>
+                  </li>
+              </f:if>
+
+              <f:comment><!-- [catalouge search ] ----------------------------- --></f:comment>
+              <f:if condition="<dc:xpath xpath='(//mets:dmdSec/mets:mdWrap/mets:xmlData/mods:mods/mods:extension/slub:slub/slub:id[@type=\"digital\"])' />">
+                <f:then>
+                  <f:comment><!-- the SLUB catalogue way --></f:comment>
+                  <li>
+                    <f:link.external uri="https://katalog.slub-dresden.de/ppn/<dc:xpath xpath='(//mets:dmdSec/mets:mdWrap/mets:xmlData/mods:mods/mods:extension/slub:slub/slub:id[@type=\"digital\"])' />" class="local-catalog" title="<f:translate key='provider.slub_catalogue' extensionName='slub_digitalcollections' />">
+                      <f:translate key='provider.slub_catalogue' extensionName='slub_digitalcollections' />
+                    </f:link.external>
+                  </li>
+                </f:then>
+                <f:else>
+                  <f:comment><!-- the DFG-Viewer way --></f:comment>
+                  <f:for each="{0: '1', 1: '2', 2: '3'}" as="index">
+                    <f:if condition="<dc:xpath xpath='(//mets:amdSec/mets:digiprovMD/mets:mdWrap[@OTHERMDTYPE=\"DVLINKS\"]/mets:xmlData/dv:links/dv:reference)[{index}]' />">
+                      <li>
+                        <f:if condition="<dc:xpath xpath='(//mets:amdSec/mets:digiprovMD/mets:mdWrap[@OTHERMDTYPE=\"DVLINKS\"]/mets:xmlData/dv:links/dv:reference/@linktext)[{index}]' />">
+                          <f:then>
+                            <f:link.external uri="<dc:xpath xpath='(//mets:amdSec/mets:digiprovMD/mets:mdWrap[@OTHERMDTYPE=\"DVLINKS\"]/mets:xmlData/dv:links/dv:reference)[{index}]' />" class="local-catalog" title="<f:translate key='provider.local_catalogue' extensionName='slub_digitalcollections' />"><dc:xpath xpath='(//mets:amdSec/mets:digiprovMD/mets:mdWrap[@OTHERMDTYPE="DVLINKS"]/mets:xmlData/dv:links/dv:reference/@linktext)[{index}]' /></f:link.external>
+                          </f:then>
+                          <f:else>
+                            <f:link.external uri="<dc:xpath xpath='(//mets:amdSec/mets:digiprovMD/mets:mdWrap[@OTHERMDTYPE=\"DVLINKS\"]/mets:xmlData/dv:links/dv:reference)[{index}]' />" class="local-catalog" title="<f:translate key='provider.local_catalogue' extensionName='slub_digitalcollections' />"><f:translate key='provider.local_catalogue' extensionName='slub_digitalcollections' /></f:link.external>
+                          </f:else>
+                        </f:if>
+                      </li>
+                    </f:if>
+                  </f:for>
+                </f:else>
+              </f:if>
+
+
+              <f:comment><!-- [License informations] ------------------------------ --></f:comment>
+              <li class="license">
+                  <f:link.page
+                      pageUid="{settings.termsOfUsePid}"
+                      class="terms-of-use"
+                      target="_blank"
+                      title="{dc:pageInfo(uid:'{settings.termsOfUsePid}', field:'title')}">{dc:pageInfo(uid:'{settings.termsOfUsePid}', field:'title')}
+                  </f:link.page>
+              </li>
+
+            </ul>
+          </li>
+
+          <f:comment><!-- [downloads] ----------------------------- --></f:comment>
+          <li class="submenu downloads">
+            <a href="#" title="Downloads">Downloads</a>
+            <ul>
+              <f:comment><!-- [Page downloads (PDF)] ------------------------------ --></f:comment>
+              <li class="pdf-download has-multilinks">
+                  <span class="multilink-label"><f:translate key="download.pdf.pdfDownload" extensionName="slub_digitalcollections" /></span>
+                  <div class="multilinks">
+                      <f:link.external
+                        uri="<dc:downloadLinks type='work' />"
+                        class="download-document"
+                        target="_blank"
+                        title="<f:translate key='download.work' extensionName='slub_digitalcollections' />"><f:translate key="download.work"  extensionName="slub_digitalcollections" />
+                      </f:link.external>
+                    <f:alias map="{xpathDownload: '//mets:fileSec/mets:fileGrp[@USE=\'DOWNLOAD\']//mets:file/mets:FLocat/@xlink:href'}">
+                          <f:if condition="{gp-double} == 1">
+                              <f:then>
+                                  <f:link.external
+                                      uri="<dc:xpath xpath='({xpathDownload})[{gp-page}]' />"
+                                      class="download-page pdf left"
+                                      target="_blank"
+                                      title="<f:translate key='download.pdf.leftPage' extensionName='slub_digitalcollections' />"><f:translate key="download.pdf.leftPage" extensionName="slub_digitalcollections" />
+                                  </f:link.external>
+                                  <f:link.external
+                                      uri="<dc:xpath xpath='({xpathDownload})[{gp-page2}]' />"
+                                      class="download-page pdf right"
+                                      target="_blank"
+                                      title="<f:translate key='download.pdf.rightPage' extensionName='slub_digitalcollections' />"><f:translate key="download.pdf.rightPage" extensionName="slub_digitalcollections" />
+                                  </f:link.external>
+                              </f:then>
+                              <f:else>
+                                  <f:link.external
+                                      uri="<dc:xpath xpath='({xpathDownload})[{gp-page}]' />"
+                                      class="download-page pdf singlepage"
+                                      target="_blank"
+                                      title="<f:translate key='download.pdf.singlePage' extensionName='slub_digitalcollections' />"><f:translate key="download.pdf.singlePage" extensionName="slub_digitalcollections" />
+                                  </f:link.external>
+                              </f:else>
+                          </f:if>
+                    </f:alias>
+                  </div>
+              </li>
+
+              <f:comment><!-- [Image downloads (JPG)] ----------------------------- --></f:comment>
+              <f:if condition="{gp-double} == 1">
+                  <f:then>
+                      <li class="jpg-download has-multilinks">
+                          <span class="multilink-label"><f:translate key="download.image.imageDownload" extensionName="slub_digitalcollections" /></span>
+                          <div class="multilinks">
+                              <f:link.external
+                                  uri="<dc:xpath xpath='(//mets:fileSec/mets:fileGrp[@USE=\"MAX\"]//mets:file/mets:FLocat/@xlink:href)[{gp-page}]' />"
+                                  class="download-page image left"
+                                  target="_blank"
+                                  title="<f:translate key='download.image.leftPage' extensionName='slub_digitalcollections' />"><f:translate key="download.image.leftPage" extensionName="slub_digitalcollections" />
+                              </f:link.external>
+                              <f:link.external
+                                  uri="<dc:xpath xpath='(//mets:fileSec/mets:fileGrp[@USE=\"MAX\"]//mets:file/mets:FLocat/@xlink:href)[{gp-page2}]' />"
+                                  class="download-page image right"
+                                  target="_blank"
+                                  title="<f:translate key='download.image.rightPage' extensionName='slub_digitalcollections' />"><f:translate key="download.image.rightPage" extensionName="slub_digitalcollections" />
+                              </f:link.external>
+                          </div>
+                      </li>
+                  </f:then>
+                  <f:else>
+                      <li class="jpg-download">
+                          <f:link.external
+                              uri="<dc:xpath xpath='(//mets:fileSec/mets:fileGrp[@USE=\"MAX\"]//mets:file/mets:FLocat/@xlink:href)[{gp-page}]' />"
+                              class="download-page image"
+                              target="_blank"
+                              title="<f:translate key='download.image.singlePage' extensionName='slub_digitalcollections' />"><f:translate key="download.image.singlePage" extensionName="slub_digitalcollections" />
+                          </f:link.external>
+                      </li>
+                  </f:else>
+              </f:if>
+
+              <f:comment><!-- [Fulltext downloads (XML)] -------------------------- --></f:comment>
+              <f:if condition="<dc:xpath xpath='(//mets:fileSec/mets:fileGrp[@USE=\"FULLTEXT\"]/mets:file[1]/mets:FLocat/@xlink:href)[1]' />">
+                  <f:if condition="{gp-double} == 1">
+                      <f:then>
+                          <li class="xml-download has-multilinks">
+                              <span class="multilink-label"><f:translate key="download.fulltext.fulltextDownload" extensionName="slub_digitalcollections" /></span>
+                              <div class="multilinks">
+                                  <f:link.external
+                                      uri="<dc:xpath xpath='(//mets:fileSec/mets:fileGrp[@USE=\"FULLTEXT\"]//mets:file/mets:FLocat/@xlink:href)[{gp-page}]' />"
+                                      class="download-page fulltext left"
+                                      target="_blank"
+                                      title="<f:translate key='download.fulltext.leftPage' extensionName='slub_digitalcollections' />"><f:translate key="download.fulltext.leftPage" extensionName="slub_digitalcollections" />
+                                  </f:link.external>
+                                  <f:link.external
+                                      uri="<dc:xpath xpath='(//mets:fileSec/mets:fileGrp[@USE=\"FULLTEXT\"]//mets:file/mets:FLocat/@xlink:href)[{gp-page2}]' />"
+                                      class="download-page fulltext right"
+                                      target="_blank"
+                                      title="<f:translate key='download.fulltext.rightPage' extensionName='slub_digitalcollections' />"><f:translate key="download.fulltext.rightPage" extensionName="slub_digitalcollections" />
+                                  </f:link.external>
+                              </div>
+                          </li>
+                      </f:then>
+                      <f:else>
+                          <li class="xml-download">
+                              <f:link.external
+                                  uri="<dc:xpath xpath='(//mets:fileSec/mets:fileGrp[@USE=\"FULLTEXT\"]//mets:file/mets:FLocat/@xlink:href)[{gp-page}]' />"
+                                  class="download-page ocr"
+                                  target="_blank"
+                                  title="<f:translate key='download.fulltext.singlePage' extensionName='slub_digitalcollections' />"><f:translate key="download.fulltext.singlePage" extensionName="slub_digitalcollections" />
+                              </f:link.external>
+                              <div style="display:none;">
+                                <dc:extractFulltext file="{dc:xpath(xpath:'(//mets:fileSec/mets:fileGrp[@USE=\"FULLTEXT\"]//mets:file/mets:FLocat/@xlink:href)[{gp-page}]')}" />
+                              </div>
+                          </li>
+                      </f:else>
+                  </f:if>
+                </f:if>
+
+                <f:comment><!-- [METS downloads (XML)] -------------------------- --></f:comment>
+                <li class="mets-download">
+                    <f:link.external
+                      uri="https://digital.slub-dresden.de/oai/?verb=GetRecord&metadataPrefix=mets&identifier=<dc:xpath xpath='(//mets:dmdSec/mets:mdWrap/mets:xmlData/mods:mods/mods:recordInfo/mods:recordIdentifier)' />"
+                      class="download-document mets"
+                      title="<f:translate key='download.mets' extensionName='slub_digitalcollections' />"><f:translate key="download.mets" extensionName="slub_digitalcollections" />
+                    </f:link.external>
+                </li>
+              </ul>
+          </li>
+
+          <f:comment><!-- [douplepage switch (on/off)] -------------------------- --></f:comment>
+          <li class="doublepage">
+            <f:if condition="{gp-double} == 1">
+              <f:then>
+                <f:link.page pageUid="{kitodo.pageView}" additionalParams="{tx_dlf:{page:'{gp-page}', double:'0', id:'{gp-id}', pagegrid:'0'}}" class="tx-dlf-navigation-doubleOff" title="<f:translate key='double.singlePageView'  extensionName='slub_digitalcollections' />"><f:translate key="double.singlePageView"  extensionName="slub_digitalcollections" /></f:link.page>
+                <f:link.page pageUid="{kitodo.pageView}" additionalParams="{tx_dlf:{page:'{dc:calc(val1:\'{gp-page}\', val2:\'1\', operator:\'+\')}}', double:'1', id:'{gp-id}', pagegrid:'0'}}" class="tx-dlf-navigation-doublePlusOne" title="<f:translate key='double.RectoVerso' extensionName='slub_digitalcollections' />"><span><f:translate key="double.RectoVerso"  extensionName="slub_digitalcollections" /></span></f:link.page>
+              </f:then>
+              <f:else>
+                <f:link.page pageUid="{kitodo.pageView}" additionalParams="{tx_dlf:{page:'{gp-page}', double:'1', id:'{gp-id}', pagegrid:'0'}}" class="tx-dlf-navigation-doubleOn" title="<f:translate key='double.doublePageView'  extensionName='slub_digitalcollections' />"><f:translate key="double.doublePageView"  extensionName="slub_digitalcollections" /></f:link.page>
+              </f:else>
+            </f:if>
+          </li>
+
+          <f:comment><!-- [fulltext switch (on/off)] -------------------------- --></f:comment>
+          <f:if condition="<dc:xpath xpath='(//mets:fileSec/mets:fileGrp[@USE=\"FULLTEXT\"]/mets:file[1]/mets:FLocat/@xlink:href)[1]' />">
+            <li class="fulltext">
+              <f:if condition="{gp-double} == 1">
+                <f:then>
+                  <span class="select switchoff" id="tx-dlf-tools-fulltext" title="<f:translate key='fulltext.no_fulltext_double' extensionName='slub_digitalcollections' />"><f:translate key='fulltext.no_fulltext_double' extensionName='slub_digitalcollections' /></span>
+                </f:then>
+                <f:else>
+                  <f:if condition="{gp-pagegrid} == 1">
+                    <f:then>
+                      <span class="select switchoff" id="tx-dlf-tools-fulltext" title="<f:translate key='fulltext.no_fulltext_gridpage' extensionName='slub_digitalcollections' />"><f:translate key='fulltext.no_fulltext_gridpage' extensionName='slub_digitalcollections' /></span>
+                    </f:then>
+                    <f:else>
+                      <f:cObject typoscriptObjectPath="plugin.tx_dlf_toolsFulltext" />
+                    </f:else>
+                  </f:if>
+                </f:else>
+              </f:if>
+            </li>
+          </f:if>
+
+          <f:comment><!-- [pagegrid switch (on/off)] -------------------------- --></f:comment>
+          <li class="grid">
+            <f:if condition="<dc:xpath xpath='(//mets:fileSec/mets:fileGrp[@USE=\"THUMBS\"]//mets:file/mets:FLocat/@xlink:href)[1]' />">
+              <f:then>
+                <f:if condition="{gp-pagegrid} == 1">
+                  <f:then>
+                      <f:link.page pageUid="{kitodo.pageView}" additionalParams="{tx_dlf:{page:'{gp-page}', double:'0', id:'{gp-id}', pagegrid:'0'}}" class="active" title="<f:translate key='double.singlePageView' extensionName='slub_digitalcollections' />"><f:translate key='double.singlePageView' extensionName='slub_digitalcollections' /></f:link.page>
+                  </f:then>
+                  <f:else>
+                      <f:link.page pageUid="{kitodo.pageView}" additionalParams="{tx_dlf:{page:'{gp-page}', double:'0', id:'{gp-id}', pagegrid:'1'}}" title="<f:translate key='gridpage.preview' extensionName='slub_digitalcollections' />"><f:translate key='gridpage.preview' extensionName='slub_digitalcollections' /></f:link.page>
+                  </f:else>
+                </f:if>
+              </f:then>
+              <f:else>
+                 <span title="<f:translate key='gridpage.preview' extensionName='slub_digitalcollections' />"><f:translate key='gridpage.preview' extensionName='slub_digitalcollections' /></span>
+              </f:else>
+            </f:if>
+          </li>
+
+          <f:comment><!-- [SRU Search] -------------------------- --></f:comment>
+          <f:if condition="<dc:xpath xpath='//mets:amdSec/mets:digiprovMD/mets:mdWrap[@OTHERMDTYPE=\"DVLINKS\"]/mets:xmlData/dv:links/dv:sru' />">
+            <f:then>
+              <li class="submenu search">
+                  <a href="#" title="Search">Search</a>
+              </li>
+            </f:then>
+          </f:if>
+      </ul>
+    </div>
+
+    <f:comment><!-- [rotate and zoom buttons in page view] -------------------------- --></f:comment>
+    <div class="view-functions">
+      <f:if condition="{gp-pagegrid} == 1">
+        <f:then>
+        <ul>
+          <f:cObject typoscriptObjectPath="lib.kitodo.navigation.viewfunction_deactivated" />
+        </ul>
+        </f:then>
+        <f:else>
+          <ul>
+            <f:cObject typoscriptObjectPath="lib.kitodo.navigation.viewfunction" />
+            <li class="tx-dlf-toolsImagemanipulation"><f:cObject typoscriptObjectPath="plugin.tx_dlf_toolsImagemanipulation" /></li>
+          </ul>
+        </f:else>
+      </f:if>
+      <f:comment><!-- The following div will be filled with the regulators. The CSS-class is lowercase! --></f:comment>
+      <div class="tx-dlf-toolbox"></div>
+    </div>
+
+    <f:comment><!-- [navigation site forward -------------------------- --></f:comment>
+    <f:if condition="{gp-pagegrid} == 1">
+        <f:then>
+        </f:then>
+        <f:else>
+            <div class="page-control">
+                <f:cObject typoscriptObjectPath="lib.kitodo.navigation.pagecontrol" />
+            </div>
+        </f:else>
+      </f:if>
+
+  </div>
+</f:section>
diff --git a/Resources/Private/Partials/Matomo.html b/Resources/Private/Partials/Matomo.html
new file mode 100644
index 00000000..8f5a846b
--- /dev/null
+++ b/Resources/Private/Partials/Matomo.html
@@ -0,0 +1,38 @@
+{namespace dc=Slub\DigitalCollections\ViewHelpers}
+<f:section name="Matomo">
+<script>
+  var _paq = _paq || [];
+  <f:if condition="{settings.matomo.setdomains}">
+  _paq.push(["setDomains", ["{settings.matomo.setdomains}"]]);
+  </f:if>
+  <f:if condition="{gp-id}>0">
+    <f:then>
+      <f:comment>track only valid ids, no table of contents etc.</f:comment>
+      <f:alias map="{collections: '{dc:collections(kitodoId:\"{gp-id}\",solrHost:\"{settings.collections.solrHost}\",solrTimeout:\"{settings.collections.solrTimeout}\")}'}">
+        <f:if condition="{collections.response.docs.0.collection}">
+          <f:then>
+            <f:for each="{collections.response.docs.0.collection}" as="collection" iteration="iterator">
+            _paq.push(['setCustomVariable', '{iterator.cycle}', 'Digitale Kollektionen', '{collection}', 'visit']);
+            </f:for>
+          </f:then>
+          <f:else>
+            <f:for each="{dc:xpath(xpath:'(//mets:mets/mets:dmdSec/mets:mdWrap/mets:xmlData/mods:mods/mods:relatedItem[@type=\"series\"]/mods:titleInfo/mods:title[@lang=\"ger\"])', returnArray:'TRUE')}" as="collection" iteration="iterator">
+            _paq.push(['setCustomVariable', '{iterator.cycle}', 'Digitale Kollektionen', '{collection}', 'visit']);
+            </f:for>
+          </f:else>
+        </f:if>
+      </f:alias>
+    </f:then>
+  </f:if>
+  _paq.push(['trackPageView']);
+  _paq.push(['enableLinkTracking']);
+  (function() {
+    var u="//{settings.matomo.hostname}/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '{settings.matomo.siteId}']);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+  })();
+</script>
+<noscript><p><img src="//{settings.matomo.hostname}/matomo.php?idsite={settings.matomo.siteId}&rec=1" style="border:0;" alt="" /></p></noscript>
+</f:section>
diff --git a/Resources/Private/Partials/Toolbox.html b/Resources/Private/Partials/Toolbox.html
new file mode 100644
index 00000000..82954481
--- /dev/null
+++ b/Resources/Private/Partials/Toolbox.html
@@ -0,0 +1,188 @@
+{namespace dc=Slub\DigitalCollections\ViewHelpers}
+<f:section name="Toolbox">
+
+<div class="tx-dlf-toolbox">
+    <div class="tx-dlf-tools tx-dlf-window tx-dlf-rightwin tx-dlf-open">
+        <div class="tx-dlf-minimize"></div>
+        <div class="tx-dlf-wincontainer">
+            <h3 class="tx-dlf-windowhead"><f:translate key='kitodo.toolbox' extensionName='slub_template' /><span class="tx-dlf-moveit"></span></h3>
+            <div class="tx-dlf-wincontent tx-dlf-scrollbar">
+                <ul>
+                    <f:comment><!-- [Page downloads (PDF)] ------------------------------ --></f:comment>
+                    <li class="pdf-download has-multilinks">
+                        <span class="multilink-label"><f:translate key="kitodo.tools.download.pdf.pdfDownload" extensionName="slub_template" /></span>
+                        <div class="multilinks">
+                            <f:link.external
+                              uri="<dc:downloadLinks type='work' />"
+                              class="download-document"
+                              target="_blank"
+                              title="<f:translate key='kitodo.tools.download.work' extensionName='slub_template' />"><f:translate key="kitodo.tools.download.work"  extensionName="slub_template" />
+                            </f:link.external>
+                          <f:alias map="{xpathDownload: '//mets:fileSec/mets:fileGrp[@USE=\'DOWNLOAD\']//mets:file/mets:FLocat/@xlink:href'}">
+                                <f:if condition="{gp-double} == 1">
+                                    <f:then>
+                                        <f:link.external
+                                            uri="<dc:xpath xpath='({xpathDownload})[{gp-page}]' />"
+                                            class="download-page pdf left"
+                                            target="_blank"
+                                            title="<f:translate key='kitodo.tools.download.pdf.leftPage' extensionName='slub_template' />"><f:translate key="kitodo.tools.download.pdf.leftPage" extensionName="slub_template" />
+                                        </f:link.external>
+                                        <f:link.external
+                                            uri="<dc:xpath xpath='({xpathDownload})[{gp-page2}]' />"
+                                            class="download-page pdf right"
+                                            target="_blank"
+                                            title="<f:translate key='kitodo.tools.download.pdf.rightPage' extensionName='slub_template' />"><f:translate key="kitodo.tools.download.pdf.rightPage" extensionName="slub_template" />
+                                        </f:link.external>
+                                    </f:then>
+                                    <f:else>
+                                        <f:link.external
+                                            uri="<dc:xpath xpath='({xpathDownload})[{gp-page}]' />"
+                                            class="download-page pdf singlepage"
+                                            target="_blank"
+                                            title="<f:translate key='kitodo.tools.download.pdf.singlePage' extensionName='slub_template' />"><f:translate key="kitodo.tools.download.pdf.singlePage" extensionName="slub_template" />
+                                        </f:link.external>
+                                    </f:else>
+                                </f:if>
+                          </f:alias>
+                        </div>
+                    </li>
+
+                    <f:comment><!-- [Image downloads (JPG)] ----------------------------- --></f:comment>
+                    <f:if condition="{gp-double} == 1">
+                        <f:then>
+                            <li class="jpg-download has-multilinks">
+                                <span class="multilink-label"><f:translate key="kitodo.tools.download.image.imageDownload" extensionName="slub_template" /></span>
+                                <div class="multilinks">
+                                    <f:link.external
+                                        uri="<dc:xpath xpath='(//mets:fileSec/mets:fileGrp[@USE=\"MAX\"]//mets:file/mets:FLocat/@xlink:href)[{gp-page}]' />"
+                                        class="download-page image left"
+                                        target="_blank"
+                                        title="<f:translate key='kitodo.tools.download.image.leftPage' extensionName='slub_template' />"><f:translate key="kitodo.tools.download.image.leftPage" extensionName="slub_template" />
+                                    </f:link.external>
+                                    <f:link.external
+                                        uri="<dc:xpath xpath='(//mets:fileSec/mets:fileGrp[@USE=\"MAX\"]//mets:file/mets:FLocat/@xlink:href)[{gp-page2}]' />"
+                                        class="download-page image right"
+                                        target="_blank"
+                                        title="<f:translate key='kitodo.tools.download.image.rightPage' extensionName='slub_template' />"><f:translate key="kitodo.tools.download.image.rightPage" extensionName="slub_template" />
+                                    </f:link.external>
+                                </div>
+                            </li>
+                        </f:then>
+                        <f:else>
+                            <li class="jpg-download">
+                                <f:link.external
+                                    uri="<dc:xpath xpath='(//mets:fileSec/mets:fileGrp[@USE=\"MAX\"]//mets:file/mets:FLocat/@xlink:href)[{gp-page}]' />"
+                                    class="download-page image"
+                                    target="_blank"
+                                    title="<f:translate key='kitodo.tools.download.image.singlePage' extensionName='slub_template' />"><f:translate key="kitodo.tools.download.image.singlePage" extensionName="slub_template" />
+                                </f:link.external>
+                            </li>
+                        </f:else>
+                    </f:if>
+
+                    <f:comment><!-- [Fulltext downloads (XML)] -------------------------- --></f:comment>
+                    <f:if condition="<dc:xpath xpath='(//mets:fileSec/mets:fileGrp[@USE=\"FULLTEXT\"]/mets:file[1]/mets:FLocat/@xlink:href)[1]' />">
+                        <f:if condition="{gp-double} == 1">
+                            <f:then>
+                                <li class="xml-download has-multilinks">
+                                    <span class="multilink-label"><f:translate key="kitodo.tools.download.fulltext.fulltextDownload" extensionName="slub_template" /></span>
+                                    <div class="multilinks">
+                                        <f:link.external
+                                            uri="<dc:xpath xpath='(//mets:fileSec/mets:fileGrp[@USE=\"FULLTEXT\"]//mets:file/mets:FLocat/@xlink:href)[{gp-page}]' />"
+                                            class="download-page fulltext left"
+                                            target="_blank"
+                                            title="<f:translate key='kitodo.tools.download.fulltext.leftPage' extensionName='slub_template' />"><f:translate key="kitodo.tools.download.fulltext.leftPage" extensionName="slub_template" />
+                                        </f:link.external>
+                                        <f:link.external
+                                            uri="<dc:xpath xpath='(//mets:fileSec/mets:fileGrp[@USE=\"FULLTEXT\"]//mets:file/mets:FLocat/@xlink:href)[{gp-page2}]' />"
+                                            class="download-page fulltext right"
+                                            target="_blank"
+                                            title="<f:translate key='kitodo.tools.download.fulltext.rightPage' extensionName='slub_template' />"><f:translate key="kitodo.tools.download.fulltext.rightPage" extensionName="slub_template" />
+                                        </f:link.external>
+                                    </div>
+                                </li>
+                            </f:then>
+                            <f:else>
+                                <li class="xml-download">
+                                    <f:link.external
+                                        uri="<dc:xpath xpath='(//mets:fileSec/mets:fileGrp[@USE=\"FULLTEXT\"]//mets:file/mets:FLocat/@xlink:href)[{gp-page}]' />"
+                                        class="download-page ocr"
+                                        target="_blank"
+                                        title="<f:translate key='kitodo.tools.download.fulltext.singlePage' extensionName='slub_template' />"><f:translate key="kitodo.tools.download.fulltext.singlePage" extensionName="slub_template" />
+                                    </f:link.external>
+                                </li>
+                            </f:else>
+                        </f:if>
+                      </f:if>
+
+                    <f:comment><!-- [Fulltext switch (on/off)] -------------------------- --></f:comment>
+                    <f:if condition="<dc:xpath xpath='(//mets:fileSec/mets:fileGrp[@USE=\"FULLTEXT\"]/mets:file[1]/mets:FLocat/@xlink:href)[1]' />">
+                        <f:then>
+                            <li class="fulltext">
+                                <a class="select switchoff" id="tx-dlf-tools-fulltext" title="<f:translate key='kitodo.tools.fulltext.switch-on' extensionName='slub_template' />" data-dic="fulltext-on:<f:translate key='kitodo.tools.fulltext.switch-on' extensionName='slub_template' />;fulltext-off:<f:translate key='kitodo.tools.fulltext.switch-off' extensionName='slub_template' />" href="#">
+                                    <f:translate key='kitodo.tools.fulltext.switch-on' extensionName='slub_template' />
+                                </a>
+                            </li>
+                        </f:then>
+                        <f:else>
+                            <li class="fulltext no-fulltext">
+                                <a title="<f:translate key='kitodo.tools.fulltext.not-available' extensionName='slub_template' />" href="#"><span><f:translate key='kitodo.tools.fulltext.not-available' extensionName='slub_template' /></span></a>
+                            </li>
+                        </f:else>
+                    </f:if>
+
+                    <f:comment><!-- [License informations] ------------------------------ --></f:comment>
+                    <li class="license">
+                        <f:link.page
+                            pageUid="{settings.termsOfUsePid}"
+                            class="terms-of-use"
+                            target="_blank"
+                            title="{dc:pageInfo(uid:'{settings.termsOfUsePid}', field:'title')}">{dc:pageInfo(uid:'{settings.termsOfUsePid}', field:'title')}
+                        </f:link.page>
+                    </li>
+
+                    <f:comment><!-- [Permalink] ----------------------------------------- --></f:comment>
+                    <li class="permalink">
+                        <f:if condition="<dc:xpath xpath='(//mets:dmdSec/mets:mdWrap/mets:xmlData/mods:mods/mods:identifier[@type=\"purl\"])[1]' />">
+                          <f:link.external
+                              uri="<dc:xpath xpath='(//mets:dmdSec/mets:mdWrap/mets:xmlData/mods:mods/mods:identifier[@type=\"purl\"])[1]' />/{gp-page}"
+                              class="purl"
+                              target="_blank"
+                              title="<f:translate key='kitodo.tools.purl.singlePage' extensionName='slub_template' />">
+                                  <span class="perma-label"><f:translate key='kitodo.tools.purl.singlePage' extensionName='slub_template' /></span>
+                                  <dc:xpath xpath='(//mets:dmdSec/mets:mdWrap/mets:xmlData/mods:mods/mods:identifier[@type="purl"])[1]' />/{gp-page}
+                          </f:link.external>
+                        </f:if>
+                    </li>
+
+                    <f:comment><!-- [Image adjustments] --------------------------------- --></f:comment>
+                    <li class="image-adjustments">
+                        <div class="tx-dlf-toolsImagemanipulation">
+                            <span class="tx-dlf-tools-imagetools" id="tx-dlf-tools-imagetools"
+                                data-dic="imagemanipulation-on:<f:translate key='kitodo.tools.imagemanipulation.switch-on' extensionName='slub_template' />;imagemanipulation-off:<f:translate key='kitodo.tools.imagemanipulation.switch-off' extensionName='slub_template' />;reset:<f:translate key='kitodo.tools.imagemanipulation.reset' extensionName='slub_template' />;saturation:<f:translate key='kitodo.tools.imagemanipulation.saturation' extensionName='slub_template' />;hue:<f:translate key='kitodo.tools.imagemanipulation.hue' extensionName='slub_template' />;contrast:<f:translate key='kitodo.tools.imagemanipulation.contrast' extensionName='slub_template' />;brightness:<f:translate key='kitodo.tools.imagemanipulation.brightness' extensionName='slub_template' />;invert:<f:translate key='kitodo.tools.imagemanipulation.invert' extensionName='slub_template' />"
+                                title="<f:translate key='kitodo.tools.imagemanipulation.not-available' extensionName='slub_template' />">
+                            </span>
+                        </div>
+                    </li>
+
+                    <f:comment><!-- [Fulltext search] ----------------------------------- --></f:comment>
+                    <f:if condition="<dc:xpath xpath='(//mets:fileSec/mets:fileGrp[@USE=\"FULLTEXT\"]/mets:file[1]/mets:FLocat/@xlink:href)[1]' />">
+                        <f:then>
+                            <li class="fulltext-search">
+                              <f:cObject typoscriptObjectPath="plugin.tx_dlf_toolsSearchindocument" />
+                        </f:then>
+                        <f:else>
+                            <f:comment><!-- no fulltext present - we need the plugin for internal use anyway --></f:comment>
+                            <li class="fulltext-search hidden">
+                        </f:else>
+                    </f:if>
+                    </li>
+
+                </ul>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+</f:section>
diff --git a/Resources/Private/Plugins/Kitodo/Collections.html b/Resources/Private/Plugins/Kitodo/Collections.html
new file mode 100644
index 00000000..aab13058
--- /dev/null
+++ b/Resources/Private/Plugins/Kitodo/Collections.html
@@ -0,0 +1,14 @@
+<!-- ###TEMPLATE### -->
+<ul class="tx-dlf-collection-list">
+    <!-- ###ENTRY### -->
+    <li class="tx-dlf-collection-item">
+        <div class="tx-dlf-collection-thumbnail">###THUMBNAIL###</div>
+        <div class="tx-dlf-collection-meta-information">
+            <h4>###TITLE###</h4>
+            <p class="tx-dlf-collection-counts">(###COUNT_TITLES###/###COUNT_VOLUMES###)</p>
+            ###FEED###
+        </div>
+    </li>
+    <!-- ###ENTRY### -->
+</ul>
+<!-- ###TEMPLATE### -->
diff --git a/Resources/Private/Plugins/Kitodo/Gridview.html b/Resources/Private/Plugins/Kitodo/Gridview.html
new file mode 100644
index 00000000..46a2b2ca
--- /dev/null
+++ b/Resources/Private/Plugins/Kitodo/Gridview.html
@@ -0,0 +1,11 @@
+<!-- ###TEMPLATE### -->
+<ol class="tx-dlf-pagegrid-list">
+    <!-- ###ENTRY### -->
+    <li class="tx-dlf-pagegrid-###STATE###" value="###NUMBER###">
+        <div class="tx-dlf-pagegrid-thumbnail">###THUMBNAIL###</div>
+        <div class="tx-dlf-pagegrid-pagination">###PAGINATION###</div>
+    </li>
+    <!-- ###ENTRY### -->
+</ol>
+<div class="tx-dlf-pagegrid-pagebrowser">###PAGEBROWSER###</div>
+<!-- ###TEMPLATE### -->
diff --git a/Resources/Private/Plugins/Kitodo/Listview.html b/Resources/Private/Plugins/Kitodo/Listview.html
new file mode 100644
index 00000000..a7bec281
--- /dev/null
+++ b/Resources/Private/Plugins/Kitodo/Listview.html
@@ -0,0 +1,37 @@
+<!-- ###TEMPLATE### -->
+<h2>###LISTTITLE###</h2>
+###LISTTHUMBNAIL###
+###LISTDESCRIPTION###
+<p class="tx-dlf-sortinfo">###COUNT###</p>
+###SORTING###
+<p class="tx-dlf-pagebrowser">###PAGEBROWSER###</p>
+<ol class="tx-dlf-abstracts">
+    <!-- ###ENTRY### -->
+    <li value="###NUMBER###">
+        <div class="tx-dlf-listview-thumbnail">###THUMBNAIL###</div>
+        <dl>
+        ###METADATA###
+        </dl>
+        <div class="tx-dlf-listview-preview">###PREVIEW###</div>
+        <div class="floatclear"></div>
+        <!-- ###SUBTEMPLATE### -->
+        <div class="tx-dlf-morevolumes">Details einblenden</div>
+        <div class="tx-dlf-hidevolumes">Details ausblenden</div>
+        <ol class="tx-dlf-volume">
+        <!-- ###SUBENTRY### -->
+            <li>
+                <div class="tx-dlf-listview-thumbnail">###SUBTHUMBNAIL###</div>
+                <dl>
+                ###SUBMETADATA###
+                </dl>
+                <div class="tx-dlf-preview">###SUBPREVIEW###</div>
+                <div class="floatclear"></div>
+            </li>
+        <!-- ###SUBENTRY### -->
+        </ol>
+        <!-- ###SUBTEMPLATE### -->
+    </li>
+    <!-- ###ENTRY### -->
+</ol>
+<p class="tx-dlf-pagebrowser">###PAGEBROWSER###</p>
+<!-- ###TEMPLATE### -->
diff --git a/Resources/Private/Plugins/Kitodo/Metadata.html b/Resources/Private/Plugins/Kitodo/Metadata.html
new file mode 100644
index 00000000..95d9a211
--- /dev/null
+++ b/Resources/Private/Plugins/Kitodo/Metadata.html
@@ -0,0 +1,7 @@
+<!-- ###TEMPLATE### -->
+    <!-- ###BLOCK### -->
+    <dl class="tx-dlf-metadata-titledata">
+        ###METADATA###
+    </dl>
+    <!-- ###BLOCK### -->
+<!-- ###TEMPLATE### -->
diff --git a/Resources/Private/Plugins/Kitodo/NavigationPagecontrol.html b/Resources/Private/Plugins/Kitodo/NavigationPagecontrol.html
new file mode 100644
index 00000000..31847fa3
--- /dev/null
+++ b/Resources/Private/Plugins/Kitodo/NavigationPagecontrol.html
@@ -0,0 +1,12 @@
+<!-- ###TEMPLATE### -->
+<div class="backs">
+	<span class="first">###FIRST###</span>
+	<span class="rwnd">###BACK###</span>
+	<span class="prev">###PREVIOUS###</span>
+</div>
+<div class="fwds">
+	<span class="next">###NEXT###</span>
+	<span class="fwd">###FORWARD###</span>
+	<span class="last">###LAST###</span>
+</div>
+<!-- ###TEMPLATE### -->
diff --git a/Resources/Private/Plugins/Kitodo/NavigationViewfunction-deactivated.html b/Resources/Private/Plugins/Kitodo/NavigationViewfunction-deactivated.html
new file mode 100644
index 00000000..cf7f1b3b
--- /dev/null
+++ b/Resources/Private/Plugins/Kitodo/NavigationViewfunction-deactivated.html
@@ -0,0 +1,13 @@
+<!-- ###TEMPLATE### -->
+<li class="pages disabled">###PAGESELECT###</li>
+<li class="rotate">
+		<span class="rotate-left" title="###ROTATE_LEFT###" onclick="tx_dlf_viewer.map.rotateLeft()">###ROTATE_LEFT###</span>
+		<span class="rotate-right" title="###ROTATE_RIGHT###" onclick="tx_dlf_viewer.map.rotateRight()">###ROTATE_RIGHT###</span>
+		<span class="upend" title="###ROTATE_RESET###" onclick="tx_dlf_viewer.map.resetRotation()">###ROTATE_RESET###</span>
+</li>
+<li class="zoom">
+	<span class="in" title="###ZOOM_IN###" onclick="tx_dlf_viewer.map.zoomIn();">###ZOOM_IN###</span>
+	<span class="out" title="###ZOOM_OUT###" onclick="tx_dlf_viewer.map.zoomOut();">###ZOOM_OUT###</span>
+	<a class="fullscreen" title="###ZOOM_FULLSCREEN###">###ZOOM_FULLSCREEN###</a>
+</li>
+<!-- ###TEMPLATE### -->
diff --git a/Resources/Private/Plugins/Kitodo/NavigationViewfunction.html b/Resources/Private/Plugins/Kitodo/NavigationViewfunction.html
new file mode 100644
index 00000000..611a301a
--- /dev/null
+++ b/Resources/Private/Plugins/Kitodo/NavigationViewfunction.html
@@ -0,0 +1,13 @@
+<!-- ###TEMPLATE### -->
+<li class="pages">###PAGESELECT###</li>
+<li class="rotate">
+		<a class="rotate-left" title="###ROTATE_LEFT###" onclick="tx_dlf_viewer.map.rotateLeft()">###ROTATE_LEFT###</a>
+		<a class="rotate-right" title="###ROTATE_RIGHT###" onclick="tx_dlf_viewer.map.rotateRight()">###ROTATE_RIGHT###</a>
+		<a class="upend" title="###ROTATE_RESET###" onclick="tx_dlf_viewer.map.resetRotation()">###ROTATE_RESET###</a>
+</li>
+<li class="zoom">
+	<a class="in" title="###ZOOM_IN###" onclick="tx_dlf_viewer.map.zoomIn();">###ZOOM_IN###</a>
+	<a class="out" title="###ZOOM_OUT###" onclick="tx_dlf_viewer.map.zoomOut();">###ZOOM_OUT###</a>
+	<a class="fullscreen" title="###ZOOM_FULLSCREEN###">###ZOOM_FULLSCREEN###</a>
+</li>
+<!-- ###TEMPLATE### -->
diff --git a/Resources/Private/Plugins/Kitodo/NewspaperCalendar.html b/Resources/Private/Plugins/Kitodo/NewspaperCalendar.html
new file mode 100644
index 00000000..e5402031
--- /dev/null
+++ b/Resources/Private/Plugins/Kitodo/NewspaperCalendar.html
@@ -0,0 +1,57 @@
+<!-- ###TEMPLATECALENDAR### begin -->
+<div class="tx-dlf-calendar">
+    <div class="year-anchor">
+        ###CALALLYEARS###
+    </div>
+    <div class="year">
+        ###CALYEAR###
+    </div>
+    <div class="calendar-list-selection">
+        <a class="select-calendar-view active">###LABEL_CALENDAR###</a>
+        <a class="select-list-view">###LABEL_LIST_VIEW###</a>
+    </div>
+    <div class="calendar-view">
+        <!-- ###CALMONTH### begin -->
+        ###CALYEAR###
+        <div class="month">
+            <table>
+                <caption>###MONTHNAME###</caption>
+                <tr>
+                    <th>###DAYMON_NAME###</th>
+                    <th>###DAYTUE_NAME###</th>
+                    <th>###DAYWED_NAME###</th>
+                    <th>###DAYTHU_NAME###</th>
+                    <th>###DAYFRI_NAME###</th>
+                    <th>###DAYSAT_NAME###</th>
+                    <th>###DAYSUN_NAME###</th>
+                </tr>
+                <!-- ###CALWEEK### begin -->
+                <tr>
+                    <td>###DAYMON###</td>
+                    <td>###DAYTUE###</td>
+                    <td>###DAYWED###</td>
+                    <td>###DAYTHU###</td>
+                    <td>###DAYFRI###</td>
+                    <td>###DAYSAT###</td>
+                    <td>###DAYSUN###</td>
+                </tr>
+                <!-- ###CALWEEK### end -->
+            </table>
+        </div>
+        <!-- ###CALMONTH### end -->
+    </div>
+    <!-- ###ISSUELIST### begin -->
+    <div class="list-view">
+        <ul>
+        <!-- ###SINGLEDAY### begin -->
+    <li>
+        <span class="listview-date">###DATE_STRING###</span>
+        ###ITEMS###
+    </li>
+        <!-- ###SINGLEDAY### end -->
+        </ul>
+    </div>
+    <!-- ###ISSUELIST### end -->
+
+</div>
+<!-- ###TEMPLATECALENDAR### end -->
diff --git a/Resources/Private/Plugins/Kitodo/NewspaperYear.html b/Resources/Private/Plugins/Kitodo/NewspaperYear.html
new file mode 100644
index 00000000..070cd799
--- /dev/null
+++ b/Resources/Private/Plugins/Kitodo/NewspaperYear.html
@@ -0,0 +1,21 @@
+<!-- ###TEMPLATEYEAR### begin -->
+<div class="tx-dlf-calendar-years">
+    <div class="meta-header">
+        <div class="year-anchor">
+            ###CALALLYEARS###
+        </div>
+        <div class="meta-hint-year">
+            ###LABEL_CHOOSE_YEAR###
+        </div>
+    </div>
+    <div class="year-view">
+        <ul>
+            <!-- ###LISTYEAR### begin -->
+            <li class="year">
+                ###YEARNAME###
+            </li>
+            <!-- ###LISTYEAR### end -->
+        </ul>
+    </div>
+</div>
+<!-- ###TEMPLATEYEAR### end -->
diff --git a/Resources/Private/Plugins/Kitodo/Pageview.html b/Resources/Private/Plugins/Kitodo/Pageview.html
new file mode 100644
index 00000000..d562b89c
--- /dev/null
+++ b/Resources/Private/Plugins/Kitodo/Pageview.html
@@ -0,0 +1,4 @@
+<!-- ###TEMPLATE### -->
+<div id="tx-dlf-map" class="tx-dlf-map"></div>
+<div style="display:none;">###VIEWER_JS###</div><!-- only necessary in Kitodo.Presentation 2.x-->
+<!-- ###TEMPLATE### -->
diff --git a/Resources/Private/Plugins/Kitodo/Search.html b/Resources/Private/Plugins/Kitodo/Search.html
new file mode 100644
index 00000000..fd3b253c
--- /dev/null
+++ b/Resources/Private/Plugins/Kitodo/Search.html
@@ -0,0 +1,19 @@
+<!-- ###TEMPLATE### -->
+<form action="###ACTION_URL###" method="post" enctype="multipart/form-data">
+  <label for="tx-dlf-search-query">###LABEL_QUERY###</label>
+  <input type="text" id="tx-dlf-search-query" name="###FIELD_QUERY###" value="###QUERY###" />
+  ###LOGICAL_PAGE###
+  <!-- The following element is needed for auto-completion! -->
+  <div id="tx-dlf-search-suggest"></div>
+  ###FULLTEXTSWITCH###
+  ###FIELD_DOC###
+  ###FIELD_COLL###
+  ###ADDITIONAL_INPUTS###
+  <input type="submit" id="tx-dlf-sendbtn" value="###LABEL_SUBMIT###" />
+  <!-- ###EXT_SEARCH_ENTRY### -->
+	<div class="tx-dlf-search-extended">###EXT_SEARCH_OPERATOR### ###EXT_SEARCH_FIELDSELECTOR### ###EXT_SEARCH_FIELDQUERY###</div>
+	<!-- ###EXT_SEARCH_ENTRY### -->
+</form>
+<div class="tx-dlf-searchglas"></div>
+<div class="tx-dlf-search-facets">###FACETS_MENU###</div>
+<!-- ###TEMPLATE### -->
diff --git a/Resources/Private/Plugins/Kitodo/SearchFullText.html b/Resources/Private/Plugins/Kitodo/SearchFullText.html
new file mode 100644
index 00000000..0dc00086
--- /dev/null
+++ b/Resources/Private/Plugins/Kitodo/SearchFullText.html
@@ -0,0 +1,9 @@
+<!-- ###TEMPLATE### -->
+<form id="tx-dlf-toolsFulltextsearch-form" action="###ACTION_URL###" method="post" accept-charset="utf-8" enctype="multipart/form-data">
+    <input type="text" id="tx-dlf-search-query" name="###FIELD_QUERY###" value="###QUERY###" placeholder="###LABEL_QUERY###" />
+    <div id="tx-dlf-search-suggest"></div>
+    <input type="hidden" name="tx_dlf[fulltext]" value="1" />
+    <button type="submit">###LABEL_SUBMIT###</button>
+    ###FIELD_DOC###
+</form>
+<!-- ###TEMPLATE### -->
diff --git a/Resources/Private/Plugins/Kitodo/SearchInDocumentTool.html b/Resources/Private/Plugins/Kitodo/SearchInDocumentTool.html
new file mode 100644
index 00000000..0b8136a9
--- /dev/null
+++ b/Resources/Private/Plugins/Kitodo/SearchInDocumentTool.html
@@ -0,0 +1,32 @@
+<!--
+ * (c) Kitodo. Key to digital objects e.V. <contact@kitodo.org>
+ *
+ * This file is part of the Kitodo and TYPO3 projects.
+ *
+ * @license GNU General Public License version 3 or later.
+ * For the full copyright and license information, please read the
+ * LICENSE.txt file that was distributed with this source code.
+-->
+<!-- ###TEMPLATE### -->
+<form class="tx-dlf-search-form" id="tx-dlf-search-in-document-form" action="###ACTION_URL###" method="post" enctype="multipart/form-data">
+  <div>
+    <label for="tx-dlf-search-query">###LABEL_QUERY###</label>
+    <!-- Never change the @id of this input field! Otherwise search won't work! -->
+    <input type="text" id="tx-dlf-search-in-document-query" placeholder="###LABEL_SEARCH_IN_DOCUMENT###" name="tx_dlf[query]" value=""></input>
+    <input type="submit" value="###LABEL_SUBMIT###"  onclick="resetStart();" />
+    <input type="hidden" name="tx_dlf[start]" value="0" />
+    <input type="hidden" name="tx_dlf[id]" value="###CURRENT_DOCUMENT###" />
+    <input type="hidden" name="tx_dlf[encrypted]" value="###SOLR_ENCRYPTED###" />
+    <input type="hidden" name="tx_dlf[hashed]" value="###SOLR_HASH###" /> <!-- Kitodo.Presentation 2.x -->
+    <input type="hidden" name="tx_dlf[hash]" value="###SOLR_HASH###" /> <!-- Kitodo.Presentation 3.x -->
+  </div>
+</form>
+<div id="tx-dlf-search-in-document-loading" style="display: none;">###LABEL_LOADING###...</div>
+<div id="tx-dlf-search-in-document-clearing">###LABEL_DELETE_SEARCH###...</div>
+<div id="tx-dlf-search-in-document-results"></div>
+<div id="tx-dlf-search-in-document-labels" style="display:none;">
+    <span id="tx-dlf-search-in-document-label-next">###LABEL_NEXT###</span>
+    <span id="tx-dlf-search-in-document-label-previous">###LABEL_PREVIOUS###</span>
+    <span id="tx-dlf-search-in-document-label-page">###LABEL_PAGE###</span>
+</div>
+<!-- ###TEMPLATE### -->
diff --git a/Resources/Private/Plugins/Kitodo/TableOfContents.html b/Resources/Private/Plugins/Kitodo/TableOfContents.html
new file mode 100644
index 00000000..653e2d3d
--- /dev/null
+++ b/Resources/Private/Plugins/Kitodo/TableOfContents.html
@@ -0,0 +1,11 @@
+<!-- ###TEMPLATE### -->
+<div class="tx-dlf-toc tx-dlf-window tx-dlf-leftwin tx-dlf-open">
+	<div class="tx-dlf-minimize"></div>
+	<div class="tx-dlf-wincontainer">
+		<h3 class="tx-dlf-windowhead">Inhaltsverzeichnis<span class="tx-dlf-moveit"></span></h3>
+		<div class="tx-dlf-wincontent tx-dlf-scrollbar">
+			###TOCMENU###
+		</div>
+	</div>
+</div>
+<!-- ###TEMPLATE### -->
diff --git a/Resources/Private/Plugins/Kitodo/Titledata.html b/Resources/Private/Plugins/Kitodo/Titledata.html
new file mode 100644
index 00000000..3809732f
--- /dev/null
+++ b/Resources/Private/Plugins/Kitodo/Titledata.html
@@ -0,0 +1,9 @@
+<!-- ###TEMPLATE### -->
+<div class="tx-dlf-metadata-wrap">
+	<!-- ###BLOCK### -->
+	<dl class="tx-dlf-metadata-titledata">
+		###METADATA###
+	</dl>
+	<!-- ###BLOCK### -->
+</div>
+<!-- ###TEMPLATE### -->
diff --git a/Resources/Private/Plugins/Kitodo/ToolFullText.html b/Resources/Private/Plugins/Kitodo/ToolFullText.html
new file mode 100644
index 00000000..3a405c3a
--- /dev/null
+++ b/Resources/Private/Plugins/Kitodo/ToolFullText.html
@@ -0,0 +1,3 @@
+<!-- ###TEMPLATE### -->
+###FULLTEXT_SELECT###
+<!-- ###TEMPLATE### -->
diff --git a/Resources/Private/Plugins/Kitodo/Toolbox.html b/Resources/Private/Plugins/Kitodo/Toolbox.html
new file mode 100644
index 00000000..049c9be9
--- /dev/null
+++ b/Resources/Private/Plugins/Kitodo/Toolbox.html
@@ -0,0 +1,5 @@
+<!-- ###TEMPLATE### -->
+    <!-- ###TOOLS### -->
+    ###TOOL###
+    <!-- ###TOOLS### -->
+<!-- ###TEMPLATE### -->
diff --git a/Resources/Private/Plugins/Kitodo/ToolsImagemanipulation.html b/Resources/Private/Plugins/Kitodo/ToolsImagemanipulation.html
new file mode 100644
index 00000000..1b94af0f
--- /dev/null
+++ b/Resources/Private/Plugins/Kitodo/ToolsImagemanipulation.html
@@ -0,0 +1,3 @@
+<!-- ###TEMPLATE### -->
+    <span>###IMAGEMANIPULATION_SELECT###</span>
+<!-- ###TEMPLATE### -->
\ No newline at end of file
diff --git a/Resources/Private/Plugins/Kitodo/ToolsPdf.html b/Resources/Private/Plugins/Kitodo/ToolsPdf.html
new file mode 100644
index 00000000..d6585232
--- /dev/null
+++ b/Resources/Private/Plugins/Kitodo/ToolsPdf.html
@@ -0,0 +1,12 @@
+<!--
+ * (c) Kitodo. Key to digital objects e.V. <contact@kitodo.org>
+ *
+ * This file is part of the Kitodo and TYPO3 projects.
+ *
+ * @license GNU General Public License version 3 or later.
+ * For the full copyright and license information, please read the
+ * LICENSE.txt file that was distributed with this source code.
+-->
+<!-- ###TEMPLATE### -->
+<span class="tx-dlf-tools-pdf-page">###PAGE###</span>
+<!-- ###TEMPLATE### -->
diff --git a/Resources/Private/Templates/Emptyworkview.html b/Resources/Private/Templates/Emptyworkview.html
new file mode 100644
index 00000000..d91910ce
--- /dev/null
+++ b/Resources/Private/Templates/Emptyworkview.html
@@ -0,0 +1,8 @@
+<f:layout name="KitodoPage" />
+
+<f:section name="MainContent">
+        <f:render section="ControlBar" partial="KitodoControlBar" arguments="{_all}" />
+        <!--TYPO3SEARCH_begin-->
+        <f:render section="PageView" partial="EmptyPageView" arguments="{_all}" />
+        <!--TYPO3SEARCH_end-->
+</f:section>
diff --git a/Resources/Private/Templates/Kitodo.html b/Resources/Private/Templates/Kitodo.html
new file mode 100644
index 00000000..43e368fd
--- /dev/null
+++ b/Resources/Private/Templates/Kitodo.html
@@ -0,0 +1,8 @@
+<f:layout name="KitodoPage" />
+
+<f:section name="MainContent">
+    <f:render section="ControlBar" partial="KitodoControlBar" arguments="{_all}" />
+    <!--TYPO3SEARCH_begin-->
+    <f:render section="PageView" partial="KitodoPageView" arguments="{_all}" />
+    <!--TYPO3SEARCH_end-->
+</f:section>
diff --git a/Resources/Public/Css/Digitalcollections.css b/Resources/Public/Css/Digitalcollections.css
new file mode 100644
index 00000000..5c1786df
--- /dev/null
+++ b/Resources/Public/Css/Digitalcollections.css
@@ -0,0 +1 @@
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline}body{line-height:1}h1,h2,h3,h4,h5,h6{clear:both;font-weight:normal}ol,ul{list-style:none}blockquote{quotes:none}blockquote:before,blockquote:after{content:'';content:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a img{border:none}*{box-sizing:border-box}html,body{position:relative;height:100%}body{text-align:center;font-family:'VistaSlabReg','Rockwell','Georgia',"Times New Roman",'Times',serif;background:#4ab3c7;line-height:1}a{color:#c00;text-decoration:none}.main-wrapper{position:absolute;top:0;right:0;bottom:12px;left:0;background:white;box-shadow:0 3px 8px rgba(0,0,0,0.2);overflow:hidden;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.hidden .main-wrapper{opacity:0}.static .main-wrapper{-webkit-transition:none;-o-transition:none;transition:none}.fullscreen .main-wrapper{bottom:0}@media screen and (min-width:1024px){.main-wrapper{top:5px;right:5px;bottom:5px;left:5px}.fullscreen .main-wrapper{top:0;right:0;bottom:0;left:0}}@media screen and (min-width:1200px){.main-wrapper{top:20px;right:20px;bottom:25px;left:20px}}.document-view{position:absolute;top:55px;right:0;bottom:0;left:0;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.fullscreen .document-view{top:0;right:0;bottom:0;left:0}.static .document-view{-webkit-transition:none;-o-transition:none;transition:none}.document-view #tx-dlf-map,.document-view .tx-dlf-map{position:absolute;top:0;right:0;bottom:0;left:0}.document-view .tx-dlf-logobar{position:absolute;pointer-events:none;right:0;bottom:80px;left:0;height:30px;opacity:.15;display:flex;align-items:center;justify-content:center}.document-view .tx-dlf-logobar li{position:relative;flex:0 0 auto;padding:0 15px;height:40px}.document-view .tx-dlf-logobar li img{max-height:30px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.document-view .document-functions .provider{position:absolute;top:0;left:0;right:0;text-align:left;background:rgba(255,255,255,0.92);display:flex;align-items:center;padding:10px;border-bottom:1px solid #d9d9d9;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.document-view .document-functions .provider>a{display:none}.document-view .document-functions .provider .mobile-meta{position:relative;font-size:12px;line-height:1.3;flex:0 1 auto}.document-view .document-functions .provider .mobile-meta dt{display:none}.document-view .document-functions .provider .mobile-meta dd.tx-dlf-title a{position:relative;font-weight:bold;color:#333;font-size:16px}.document-view .document-functions .provider .mobile-controls{position:absolute;bottom:-50px;right:15px;display:flex}.document-view .document-functions .provider .mobile-controls form{position:relative;width:40px;height:40px;flex:0 0 40px;margin-right:5px}.document-view .document-functions .provider .mobile-controls form label{display:none}.document-view .document-functions .provider .mobile-controls form select{position:relative;width:40px;height:40px;padding-left:40px;background:white url('/typo3conf/ext/slub_digitalcollections/Resources/Public/Images/Slub/viewerControlIcons.svg') no-repeat -600px -80px;background-size:auto 120px;outline:none;border-radius:20px;-webkit-appearance:none;border:0 none}.document-view .document-functions .provider .mobile-controls form select[disabled]{display:none}.document-view .document-functions .provider .mobile-controls .fullscreen{position:relative;flex:0 0 40px;width:40px;height:40px;border-radius:20px;font:0/0 'Open Sans',Helvetica,Arial,sans-serif;color:transparent;text-shadow:none;background-color:transparent;border:0;z-index:98;background:white}.document-view .document-functions .provider .mobile-controls .fullscreen:before,.document-view .document-functions .provider .mobile-controls .fullscreen:after{position:absolute;width:12px;height:12px;background:url('/typo3conf/ext/slub_digitalcollections/Resources/Public/Images/Slub/viewerControlIcons.svg') no-repeat -576px -54px;background-size:auto 120px;display:block;content:" ";-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;pointer-events:none}.static .document-view .document-functions .provider .mobile-controls .fullscreen:before,.static .document-view .document-functions .provider .mobile-controls .fullscreen:after{-webkit-transition:none;-o-transition:none;transition:none}.document-view .document-functions .provider .mobile-controls .fullscreen:before{top:9px;right:9px}.document-view .document-functions .provider .mobile-controls .fullscreen:after{bottom:9px;left:9px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.document-view .document-functions .provider .mobile-controls .fullscreen.active:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.document-view .document-functions .provider .mobile-controls .fullscreen.active:after{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.fullscreen .document-view .document-functions .provider{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}@media screen and (min-width:480px){.document-view .tx-dlf-logobar{top:5px;right:5px;bottom:auto;left:auto;width:40%;height:40px;z-index:200;justify-content:flex-end}.document-view .tx-dlf-logobar li{flex:0 1 auto;height:auto}.document-view .tx-dlf-logobar li img{max-width:100%}.document-view .document-functions .provider{padding-right:40%}}@media screen and (min-width:1024px){.document-view{top:0;left:33%;padding:0}.document-view #tx-dlf-map{top:0}.document-view .tx-dlf-logobar{top:auto;right:15px;bottom:15px;z-index:auto}.document-view .document-functions .provider{top:10px;left:10px;right:auto;background:transparent;padding:0}.document-view .document-functions .provider .mobile-meta,.document-view .document-functions .provider .mobile-controls{display:none}}@media screen and (min-width:1200px){.document-view{left:25%}}@media screen and (min-width:1600px){.document-view{left:22%}}@media screen and (min-width:2000px){.document-view{left:20%}}.tx-dlf-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:30px;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;line-height:1.4}.tx-dlf-empty a{position:relative;color:#167;padding-bottom:60px}.tx-dlf-empty a .error-arrow{position:absolute;bottom:0;left:50%;width:40px;height:40px;margin-left:-20px;text-align:center;font-size:40px;line-height:40px;font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);opacity:.3}@media screen and (min-width:480px){.tx-dlf-empty{padding:30px 20%}.tx-dlf-empty a{padding:0}.tx-dlf-empty a .error-arrow{display:none}}@media screen and (min-width:768px){.tx-dlf-empty a{padding-top:300px}.tx-dlf-empty a:before{position:absolute;top:0;left:50%;width:260px;height:260px;border-radius:130px;margin-left:-130px;border:1px solid #d9d9d9;content:" "}.tx-dlf-empty a:after{position:absolute;top:30px;left:50%;width:1px;height:200px;background:#d9d9d9;content:" ";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}}.control-bar{-moz-font-feature-settings:"lnum";-webkit-font-feature-settings:"lnum";font-feature-settings:"lnum"}.fullscreen .control-bar{width:0;overflow:hidden}.static .control-bar{-webkit-transition:none;-o-transition:none;transition:none}.control-bar .header-bar{position:fixed;top:0;right:0;left:0;min-height:50px;z-index:100;overflow:hidden;background:#c00;font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif}.control-bar .header-bar .brand{position:absolute;top:15px;left:10px;height:22px;text-transform:uppercase;white-space:nowrap}.control-bar .header-bar .brand .logo-replacement{display:none}.control-bar .header-bar .brand a{position:relative;width:100%;height:100%;color:white;font-size:14px;line-height:28px;text-align:left;background:url('/typo3conf/ext/slub_digitalcollections/Resources/Public/Images/Slub/Slublogo.svg') no-repeat left center;background-size:auto 100%;display:block;padding-left:80px}.control-bar .header-bar .brand a:before{content:"> "}.control-bar .header-bar nav .nav-toggle{position:absolute;top:13px;right:15px;width:25px;height:30px;padding:0;border:0 none;background:transparent;outline:none}.control-bar .header-bar nav .nav-toggle .nav-label{display:none}.control-bar .header-bar nav .nav-toggle .nav-button-bar{position:relative;width:100%;height:2px;border-radius:2px;margin-bottom:4px;background:white;display:block;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.control-bar .header-bar nav .nav-toggle.active .nav-button-bar:nth-of-type(2){-webkit-transform:translateY(6px) rotate(45deg);-moz-transform:translateY(6px) rotate(45deg);-ms-transform:translateY(6px) rotate(45deg);transform:translateY(6px) rotate(45deg)}.control-bar .header-bar nav .nav-toggle.active .nav-button-bar:nth-of-type(3){-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}.control-bar .header-bar nav .nav-toggle.active .nav-button-bar:nth-of-type(4){-webkit-transform:translateY(-6px) rotate(-45deg);-moz-transform:translateY(-6px) rotate(-45deg);-ms-transform:translateY(-6px) rotate(-45deg);transform:translateY(-6px) rotate(-45deg)}.control-bar .header-bar nav .language-nav{position:absolute;right:45px;top:15px;font-size:12px}.control-bar .header-bar nav .language-nav li{position:relative;display:inline-block;margin-right:4px}.control-bar .header-bar nav .language-nav li a,.control-bar .header-bar nav .language-nav li span{position:relative;padding:6px;display:block;color:white}.control-bar .header-bar nav .language-nav li.text-muted{opacity:.4}.control-bar .header-bar nav .language-nav:before{position:absolute;top:0;left:50%;margin-left:-6px;content:"/";opacity:.2;font-size:24px;color:white;font-weight:100;text-align:center;width:10px}.control-bar .header-bar nav .secondary-nav{position:relative;top:55px;width:100%;text-align:left;padding-bottom:0;max-height:0;opacity:0;background:#167;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;border-top:2px solid white;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif}.control-bar .header-bar nav .secondary-nav li a{padding:15px;display:block;border-bottom:1px solid rgba(255,255,255,0.2);color:white}.control-bar .header-bar nav .secondary-nav li:first-child a{border-top:1px solid rgba(255,255,255,0.2)}.control-bar .header-bar nav .secondary-nav.open{padding-bottom:65px;max-height:320px;min-height:60px;opacity:1}.fullscreen .control-bar .header-bar{min-height:0}.control-bar .step-back-button{position:absolute;top:120px;left:15px;width:40px;height:40px;border-radius:20px;z-index:50;font:0/0 'Open Sans',Helvetica,Arial,sans-serif;color:transparent;text-shadow:none;background-color:transparent;border:0;background:white url('/typo3conf/ext/slub_digitalcollections/Resources/Public/Images/Slub/viewerControlIcons.svg') no-repeat -600px -40px;background-size:auto 120px}.control-bar .metadata-wrapper,.control-bar .toc-wrapper{position:absolute;top:55px;bottom:0;width:90%;background:rgba(17,102,119,0.97);z-index:102;text-align:left;padding:15px;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.control-bar .metadata-wrapper .offcanvas-toggle,.control-bar .toc-wrapper .offcanvas-toggle{position:absolute;bottom:5px;width:30px;height:60px;background:rgba(17,102,119,0.97) url('/typo3conf/ext/slub_digitalcollections/Resources/Public/Images/Slub/viewerControlIcons.svg') no-repeat 0 0;background-size:auto 120px;border:1px solid rgba(255,255,255,0.5)}.control-bar .metadata-wrapper.open,.control-bar .toc-wrapper.open{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:1100}.control-bar .metadata-wrapper.open .offcanvas-toggle,.control-bar .toc-wrapper.open .offcanvas-toggle{border-color:white}.control-bar .metadata-wrapper h3,.control-bar .toc-wrapper h3{display:none}.control-bar .metadata-wrapper{right:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.control-bar .metadata-wrapper .offcanvas-toggle{left:-30px;border-radius:30px 0 0 30px;background-position:-442px 9px;border-right:0 none}.control-bar .metadata-wrapper .metadata-toggle{display:none}.control-bar .toc-wrapper{left:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.control-bar .toc-wrapper .offcanvas-toggle{right:-30px;border-radius:0 30px 30px 0;background-position:-447px -30px;border-left:0 none}@media screen and (min-width:1024px){.control-bar{position:absolute;top:0;bottom:0;left:0;width:33%;z-index:1100;color:#333;border-right:2px solid white;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.control-bar:before{position:absolute;top:0;left:0;right:0;height:70px;background:#c00;content:" ";pointer-events:none}.control-bar:after{position:absolute;top:90px;right:0;bottom:15px;width:1px;content:" ";background:#d9d9d9}.control-bar .header-bar{position:absolute;top:10px;background:transparent;overflow:visible}.control-bar .header-bar .brand a{font-size:12px}.control-bar .header-bar:after{display:none;content:none}.control-bar .header-bar nav .nav-toggle{top:12px;right:12px}.control-bar .header-bar nav .language-nav{right:35px;top:14px}.control-bar .header-bar nav .secondary-nav{position:absolute;top:-5px;right:0;width:200px;background:rgba(17,102,119,0.97);max-height:none;font-size:14px;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);box-shadow:0 2px 8px rgba(0,0,0,0.3);padding:15px;border-top:0}.control-bar .header-bar nav .secondary-nav:before{position:absolute;top:20px;left:-10px;width:0;height:0;border:10px solid transparent;border-left-width:0;border-right-color:rgba(17,102,119,0.97);content:" "}.control-bar .header-bar nav .secondary-nav li a{padding:0 10px;border:0 none;line-height:30px;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;color:white}.control-bar .header-bar nav .secondary-nav li a:hover{background:rgba(255,255,255,0.2)}.control-bar .header-bar nav .secondary-nav li:first-child a{border:0 none}.control-bar .header-bar nav .secondary-nav.open{padding:15px;opacity:1;right:-220px;-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.control-bar .step-back-button{top:80px;left:20px;width:auto;background:transparent;font-size:12px;color:#167;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;line-height:1.1;text-transform:uppercase;cursor:pointer}.control-bar .step-back-button:before{content:"<";font-size:16px;margin-right:5px}.control-bar .ctrldata-container{position:absolute;top:105px;right:15px;bottom:20px;left:15px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.control-bar .metadata-wrapper,.control-bar .toc-wrapper{position:relative;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);text-align:left;background:transparent;padding:20px 0;width:100%}.control-bar .metadata-wrapper .offcanvas-toggle,.control-bar .toc-wrapper .offcanvas-toggle{display:none}.control-bar .metadata-wrapper{top:auto;bottom:auto;padding-bottom:40px;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.control-bar .metadata-wrapper .tx-dlf-metadata{overflow:hidden}.control-bar .metadata-wrapper .metadata-toggle{position:absolute;bottom:0;right:20px;padding:4px 20px 4px 0;font-size:12px;color:#c00;display:block;cursor:pointer}.control-bar .metadata-wrapper .metadata-toggle:before{position:absolute;top:-5px;right:-5px;width:30px;height:30px;background:white url('/typo3conf/ext/slub_digitalcollections/Resources/Public/Images/Slub/viewerControlIcons.svg') no-repeat -564px -84px;background-size:auto 120px;content:" ";-webkit-transform:scale(.6);-moz-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}.control-bar .toc-wrapper{top:auto;bottom:auto}}@media screen and (min-width:1200px){.control-bar{width:25%}.control-bar .header-bar .brand{top:5px;left:20px;height:40px}.control-bar .header-bar .brand a{font-size:11px;line-height:11px;padding:30px 0 0 31px;background-size:auto 30px;background-position:0 0}.control-bar .metadata-wrapper,.control-bar .toc-wrapper{padding:20px 5px}.control-bar .metadata-wrapper{padding-bottom:40px}}@media screen and (min-width:1600px){.control-bar{width:22%}}@media screen and (min-width:2000px){.control-bar{width:20%}}.tx-dlf-toc{position:relative;height:100%}.tx-dlf-toc ul.toc{position:relative;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;line-height:1.2;font-size:14px;border-top:1px solid #d9d9d9}.tx-dlf-toc ul.toc ul li{position:relative}.tx-dlf-toc ul.toc ul li.submenu a{padding-right:10px}.tx-dlf-toc ul.toc ul li.submenu:before{position:absolute;top:15px;right:0;width:0;height:0;content:" ";border:3px solid transparent;border-bottom-width:0;border-top-color:white}.tx-dlf-toc ul.toc ul li.current{background:white}.tx-dlf-toc ul.toc ul li.current a{color:#167}.tx-dlf-toc ul.toc ul li.current a .meta-type-icon{background-position-y:-30px !important}.tx-dlf-toc ul.toc ul li.placeholder{position:relative;padding:15px 0 15px 30px;color:white;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif}.tx-dlf-toc ul.toc ul li.placeholder:before{position:absolute;top:0;bottom:0;left:12px;width:1px;background:white;opacity:.4;content:" "}.tx-dlf-toc ul.toc ul li.placeholder:after{position:absolute;top:16px;left:3px;height:15px;font-size:24px;line-height:0;content:"...";background:#126a7b}.tx-dlf-toc ul.toc ul li a,.tx-dlf-toc ul.toc ul li span.a,.tx-dlf-toc ul.toc ul li>span.title{position:relative;padding:8px 0 8px 30px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:white}.tx-dlf-toc ul.toc ul li a .pagination,.tx-dlf-toc ul.toc ul li span.a .pagination,.tx-dlf-toc ul.toc ul li>span.title .pagination{margin-left:3px;opacity:.4}.tx-dlf-toc ul.toc ul li a .meta-type-icon,.tx-dlf-toc ul.toc ul li span.a .meta-type-icon,.tx-dlf-toc ul.toc ul li>span.title .meta-type-icon{position:absolute;top:1px;left:-2px;width:30px;height:30px;text-indent:100%;overflow:hidden;background:url('/typo3conf/ext/slub_digitalcollections/Resources/Public/Images/viewerTocIcons.svg') no-repeat -90px 0;background-size:auto 60px;display:block;-webkit-transform:scale(.6);-moz-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}.tx-dlf-toc ul.toc ul li a .meta-type-icon.meta-type-Abbildung,.tx-dlf-toc ul.toc ul li span.a .meta-type-icon.meta-type-Abbildung,.tx-dlf-toc ul.toc ul li>span.title .meta-type-icon.meta-type-Abbildung{background-position:0 0}.tx-dlf-toc ul.toc ul li a .meta-type-icon.meta-type-Werbung,.tx-dlf-toc ul.toc ul li span.a .meta-type-icon.meta-type-Werbung,.tx-dlf-toc ul.toc ul li>span.title .meta-type-icon.meta-type-Werbung{background-position:-30px 0}.tx-dlf-toc ul.toc ul li a .meta-type-icon.meta-type-Artikel,.tx-dlf-toc ul.toc ul li span.a .meta-type-icon.meta-type-Artikel,.tx-dlf-toc ul.toc ul li>span.title .meta-type-icon.meta-type-Artikel{background-position:-60px 0}.tx-dlf-toc ul.toc ul li span.a,.tx-dlf-toc ul.toc ul li>span.title{opacity:.5;font-weight:normal}.tx-dlf-toc .tx-dlf-wincontent>ul.toc>li>a{color:white;font-size:16px;padding:5px 0;display:block}.tx-dlf-toc .tx-dlf-wincontent>ul.toc>li>a .meta-type-icon{margin-right:5px;opacity:.6}@media screen and (min-width:1024px){.tx-dlf-toc:after{position:absolute;top:0;right:0;left:0;height:1px;background:#d9d9d9;content:" "}.tx-dlf-toc ul.toc{font-size:12px;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.tx-dlf-toc ul.toc ul li:nth-child(even){background:#e6f5f7}.tx-dlf-toc ul.toc ul li.submenu a{padding-right:15px}.tx-dlf-toc ul.toc ul li.submenu:before{top:12px;right:5px;border-top-color:rgba(74,179,199,0.4)}.tx-dlf-toc ul.toc ul li.current{background:#4ab3c7}.tx-dlf-toc ul.toc ul li.current a{color:white}.tx-dlf-toc ul.toc ul li.current a .meta-type-icon{background-position-y:0 !important;opacity:.8}.tx-dlf-toc ul.toc ul li.placeholder{padding:20px 0 20px 30px;color:#808080;cursor:pointer}.tx-dlf-toc ul.toc ul li.placeholder:before{left:10px;background:#4ab3c7}.tx-dlf-toc ul.toc ul li.placeholder:after{top:20px;left:1px;background:white}.tx-dlf-toc ul.toc ul li a,.tx-dlf-toc ul.toc ul li span.a,.tx-dlf-toc ul.toc ul li>span.title{padding:6px 0 6px 20px;margin:2px 0;color:#333}.tx-dlf-toc ul.toc ul li a .meta-type-icon,.tx-dlf-toc ul.toc ul li span.a .meta-type-icon,.tx-dlf-toc ul.toc ul li>span.title .meta-type-icon{top:-3px;left:-6px;opacity:.5;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);background-position:-90px -30px}.tx-dlf-toc ul.toc ul li a .meta-type-icon.meta-type-Abbildung,.tx-dlf-toc ul.toc ul li span.a .meta-type-icon.meta-type-Abbildung,.tx-dlf-toc ul.toc ul li>span.title .meta-type-icon.meta-type-Abbildung{background-position:0 -30px}.tx-dlf-toc ul.toc ul li a .meta-type-icon.meta-type-Werbung,.tx-dlf-toc ul.toc ul li span.a .meta-type-icon.meta-type-Werbung,.tx-dlf-toc ul.toc ul li>span.title .meta-type-icon.meta-type-Werbung{background-position:-30px -30px}.tx-dlf-toc ul.toc ul li a .meta-type-icon.meta-type-Artikel,.tx-dlf-toc ul.toc ul li span.a .meta-type-icon.meta-type-Artikel,.tx-dlf-toc ul.toc ul li>span.title .meta-type-icon.meta-type-Artikel{background-position:-60px -30px}.no-touchevents .tx-dlf-toc ul.toc ul li a{-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.no-touchevents .tx-dlf-toc ul.toc ul li a:hover{background:rgba(74,179,199,0.3)}.tx-dlf-toc .tx-dlf-wincontent>ul.toc>li>a{color:#333}}.tx-dlf-metadata{position:relative;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;line-height:1.4}.tx-dlf-metadata h1{font-size:20px;font-weight:normal;font-family:'VistaSlabBold','Rockwell-Bold','Georgia','Times',serif;border-bottom:1px solid #d9d9d9;padding-bottom:10px;margin-bottom:5px;line-height:1.1;color:white}.tx-dlf-metadata dl{color:white;margin:20px 0}.tx-dlf-metadata dl dt,.tx-dlf-metadata dl dd{display:block}.tx-dlf-metadata dl dt{font-size:12px;font-family:'VistaSlabBold','Rockwell-Bold','Georgia','Times',serif;margin-top:20px}.tx-dlf-metadata dl dt:first-child{margin-top:0}.tx-dlf-metadata dl dd a{color:white}@media screen and (min-width:1024px){.tx-dlf-metadata{line-height:1.4}.tx-dlf-metadata h1{color:black;margin-bottom:-5px}.tx-dlf-metadata dl{color:black;border-bottom:1px solid #d9d9d9;padding:10px 0;margin:0}.tx-dlf-metadata dl dt,.tx-dlf-metadata dl dd{font-size:14px;display:inline;line-height:20px}.tx-dlf-metadata dl dd{margin-right:4px}.tx-dlf-metadata dl dd+dd{display:inline-block}.tx-dlf-metadata dl dd.tx-dlf-metadata-collection{background:#e6e6e6;border-radius:20px;padding:2px 5px;margin-right:6px}.tx-dlf-metadata dl dd.tx-dlf-metadata-author a{background:#acdce5;border-radius:20px;padding:2px 5px;margin-right:2px}.tx-dlf-metadata dl dt:before{position:relative;width:100%;height:1px;display:table;clear:both;content:" "}.tx-dlf-metadata dl dt:after{content:": "}.tx-dlf-metadata dl:nth-of-type(n+2){display:none}.tx-dlf-metadata dl dd a{color:black}.tx-dlf-metadata dl dd a[href*="digital.slub"]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:80%;line-height:16px;vertical-align:text-bottom}}.document-functions>ul,.view-functions>ul{position:absolute;text-align:center;font:0/0 'Open Sans',Helvetica,Arial,sans-serif;color:transparent;text-shadow:none;background-color:transparent;border:0;z-index:10}.document-functions>ul>li,.view-functions>ul>li{position:relative;display:inline-block}.document-functions>ul>li>a,.view-functions>ul>li>a,.document-functions>ul>li>span,.view-functions>ul>li>span{position:relative;display:inline-block;width:40px;height:40px;font:0/0 'Open Sans',Helvetica,Arial,sans-serif;color:transparent;text-shadow:none;background-color:transparent;border:0;border-radius:20px;margin:0 5px;background:white url('/typo3conf/ext/slub_digitalcollections/Resources/Public/Images/Slub/viewerControlIcons.svg') no-repeat 0 0;background-size:auto 120px}.document-functions>ul>li>span,.view-functions>ul>li>span{opacity:.5}@media screen and (min-width:1024px){.document-functions>ul>li>a,.view-functions>ul>li>a,.document-functions>ul>li>span,.view-functions>ul>li>span{margin:0 2px}.no-touchevents .document-functions>ul>li a,.no-touchevents .view-functions>ul>li a{-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;cursor:pointer}.no-touchevents .document-functions>ul>li a:hover,.no-touchevents .view-functions>ul>li a:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}}@media screen and (min-width:1200px){.document-functions>ul>li>a,.view-functions>ul>li>a,.document-functions>ul>li>span,.view-functions>ul>li>span{margin:0 4px}}.document-functions>ul{bottom:15px;left:15px;right:15px}.document-functions>ul>li.submenu:before{position:absolute;top:-17.5px;left:50%;width:0;height:0;margin-left:-10px;border:solid transparent;border-width:0 10px;border-top-color:rgba(17,102,119,0.97);content:" ";z-index:200;opacity:0;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.document-functions>ul>li.submenu>ul{position:fixed;bottom:80px;left:40px;right:40px;padding:20px;background:rgba(17,102,119,0.97);font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:1.4;text-align:left;transform-origin:center bottom;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transform:scaleY(0) translateY(100px);-moz-transform:scaleY(0) translateY(100px);-ms-transform:scaleY(0) translateY(100px);transform:scaleY(0) translateY(100px);opacity:0;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.document-functions>ul>li.submenu>ul li a{position:relative;color:white;display:block;padding-left:40px;margin:15px 0}.document-functions>ul>li.submenu>ul li a:before{position:absolute;top:50%;left:0;margin-top:-20px;width:40px;height:40px;content:" ";background:url('/typo3conf/ext/slub_digitalcollections/Resources/Public/Images/Slub/viewerControlIcons.svg') no-repeat 0 0;background-size:auto 120px}.document-functions>ul>li.submenu>ul li a.download-fulltext:before{background-position:-280px -40px}.document-functions>ul>li.submenu>ul li a.local-presentation:before{background-position:-440px -80px}.document-functions>ul>li.submenu>ul li a.local-catalog:before{background-position:-400px -80px}.document-functions>ul>li.submenu>ul li a.local-contact:before{background-position:-400px -40px}.document-functions>ul>li.submenu>ul li a.download-document:before,.document-functions>ul>li.submenu>ul li a[title$="Seite"]:before,.document-functions>ul>li.submenu>ul li a[title$="Page"]:before{background-position:-360px -40px}.document-functions>ul>li.submenu>ul li a.download-page:before,.document-functions>ul>li.submenu>ul li a[title$="ument"]:before{background-position:-320px -40px}.document-functions>ul>li.submenu>ul li a.persistence-document:before{background-position:-360px -80px}.document-functions>ul>li.submenu>ul li a.persistence-page:before{background-position:-320px -80px}.document-functions>ul>li.submenu>ul li a.terms-of-use:before{background-position:-640px -80px}.document-functions>ul>li.submenu.open:before{top:-13.5px;border-top-width:10px;opacity:1}.document-functions>ul>li.submenu.open ul{-webkit-transform:scaleY(1) translateY(0);-moz-transform:scaleY(1) translateY(0);-ms-transform:scaleY(1) translateY(0);transform:scaleY(1) translateY(0);opacity:1}.document-functions>ul>li.downloads>a,.document-functions>ul>li.downloads>span{background-position:-40px 0}.document-functions>ul>li.fulltext>a,.document-functions>ul>li.fulltext>span{background-position:-120px 0}.document-functions>ul>li.doublepage{display:none}.document-functions>ul>li.doublepage>a,.document-functions>ul>li.doublepage>span{background-position:-80px 0}.document-functions>ul>li.doublepage a.tx-dlf-navigation-doubleOff:before{position:absolute;top:2px;right:0;width:8px;height:8px;border-radius:8px;border:2px solid white;background:#c00;display:block;content:" "}.document-functions>ul>li.doublepage a.tx-dlf-navigation-doublePlusOne{position:absolute;bottom:2px;right:-1px;width:0;height:0;border:solid transparent;border-width:9px 0 9px 13px;border-left-color:white;border-radius:0;background:transparent}.document-functions>ul>li.doublepage a.tx-dlf-navigation-doublePlusOne span{position:absolute;bottom:-5px;right:3px;width:0;height:0;display:block;overflow:hidden;border:solid transparent;border-width:5px 0 5px 8px;border-left-color:#c00}.document-functions>ul>li.fulltext a.select.active:before{position:absolute;top:2px;right:0;width:8px;height:8px;border-radius:8px;border:2px solid white;background:#c00;display:block;content:" "}.document-functions>ul>li.grid>a,.document-functions>ul>li.grid>span{background-position:-160px 0}.document-functions>ul>li.grid a.active:before{position:absolute;top:2px;right:0;width:8px;height:8px;border-radius:8px;border:2px solid white;background:#c00;display:block;content:" "}.document-functions>ul>li.disabled{opacity:.5;pointer-events:none}@media screen and (min-width:768px){.document-functions>ul li.submenu>ul{position:absolute;width:auto;left:20px;right:auto;bottom:53px;transform-origin:center top;-webkit-transform:scaleY(0) translateY(100px);-moz-transform:scaleY(0) translateY(100px);-ms-transform:scaleY(0) translateY(100px);transform:scaleY(0) translateY(100px)}.document-functions>ul li.submenu>ul li a{white-space:nowrap}.document-functions>ul li.submenu.open>ul{-webkit-transform:scaleY(1) translateY(0);-moz-transform:scaleY(1) translateY(0);-ms-transform:scaleY(1) translateY(0);transform:scaleY(1) translateY(0)}}@media screen and (min-width:1024px){.document-functions>ul{top:20px;left:20px;right:auto;bottom:auto}.document-functions>ul li.doublepage{display:inline-block}.document-functions>ul li.submenu:before{top:auto;bottom:-60px;border-width:0 10px;border-bottom-color:rgba(17,102,119,0.97)}.document-functions>ul li.submenu>ul{top:50px;left:-20px;right:auto;bottom:auto;width:auto;font-size:12px;padding:15px;z-index:3000;transform-origin:center top;-webkit-transform:scaleY(0) translateY(-100px);-moz-transform:scaleY(0) translateY(-100px);-ms-transform:scaleY(0) translateY(-100px);transform:scaleY(0) translateY(-100px)}.document-functions>ul li.submenu>ul li a{margin:0;padding-right:5px;min-height:40px;line-height:40px}.no-touchevents .document-functions>ul li.submenu>ul li a:hover{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);background:rgba(255,255,255,0.2)}.document-functions>ul li.submenu.open:before{top:auto;bottom:-10px;border-width:0 10px 10px 10px}}.view-functions ul{position:relative}.view-functions ul li{display:none}@media screen and (min-width:1024px){.view-functions ul{position:absolute;top:20px;right:50px;display:block;height:40px}.view-functions ul li{display:inline-block}.view-functions ul li.rotate{display:none}.view-functions ul li.pages{position:relative;top:auto;right:auto;display:inline-block}.view-functions ul li.pages form{position:absolute;top:0;right:0}.view-functions ul li.pages form select{border:1px solid #167;color:#167;background:white url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMCAxMiI+PHN0eWxlPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojNGU2NDY2O3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMH08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMy40IDMuMkw3IDkuNi42IDMuMiIgaWQ9IlhNTElEXzFfIi8+PC9zdmc+') no-repeat right center;background-size:16px auto;font-weight:700;line-height:1.2;-webkit-appearance:none;-moz-appearance:none;padding:10px 20px 10px 14px;background-size:20px 12px;margin:0 6px;font-size:16px;outline:none;border-radius:20px;cursor:pointer}.no-touchevents .view-functions ul li.pages form select{-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.no-touchevents .view-functions ul li.pages form select:hover{border:1px solid #167;background-color:#dff1f4;color:#333}.view-functions ul li.tx-dlf-toolsImagemanipulation>span{opacity:1;overflow:hidden;width:auto;height:auto;display:inline;margin:0}.view-functions ul li.tx-dlf-toolsImagemanipulation>span>span>a{position:relative;display:inline-block;width:40px;height:40px;font:0/0 'Open Sans',Helvetica,Arial,sans-serif;color:transparent;text-shadow:none;background-color:transparent;border:0;border-radius:20px;margin:0 5px;background:white url('/typo3conf/ext/slub_digitalcollections/Resources/Public/Images/Slub/viewerControlIcons.svg') no-repeat -200px 0;background-size:auto 120px}.view-functions ul li.tx-dlf-toolsImagemanipulation>span>span>a.active:before{position:absolute;top:2px;right:0;width:8px;height:8px;border-radius:8px;border:2px solid white;background:#c00;display:block;content:" "}.view-functions ul li.rotate .rotate-left{background-position:-240px 0}.view-functions ul li.rotate .rotate-right{background-position:-240px -40px}.view-functions ul li.rotate .upend{background-position:-280px 0}.view-functions ul li.zoom .in{background-position:-360px 0}.view-functions ul li.zoom .out{background-position:-400px 0}.view-functions ul li.zoom .fullscreen{position:relative;flex:0 0 40px;width:40px;height:40px;border-radius:20px;font:0/0 'Open Sans',Helvetica,Arial,sans-serif;color:transparent;text-shadow:none;background-color:transparent;border:0;z-index:1000;background:white}.view-functions ul li.zoom .fullscreen:before,.view-functions ul li.zoom .fullscreen:after{position:absolute;width:12px;height:12px;background:url('/typo3conf/ext/slub_digitalcollections/Resources/Public/Images/Slub/viewerControlIcons.svg') no-repeat -575px -54px;background-size:auto 120px;display:block;content:" ";-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;pointer-events:none}.static .view-functions ul li.zoom .fullscreen:before,.static .view-functions ul li.zoom .fullscreen:after{-webkit-transition:none;-o-transition:none;transition:none}.view-functions ul li.zoom .fullscreen:before{top:9px;right:9px}.view-functions ul li.zoom .fullscreen:after{bottom:9px;left:9px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.view-functions ul li.zoom .fullscreen.active:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.view-functions ul li.zoom .fullscreen.active:after{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.fullscreen .view-functions ul li.zoom .fullscreen{top:5px !important}}@media screen and (min-width:1200px){.view-functions ul li.rotate{display:inline-block}.view-functions ul li.pages form select{margin:0 4px}}.image-manipulation{position:absolute;top:70px;right:55px;z-index:1010}.image-manipulation .slider-container{background:rgba(17,102,119,0.9);padding:30px 20px 10px 56px;box-shadow:0 2px 6px rgba(0,0,0,0.2)}.image-manipulation .slider-container:before{position:absolute;top:-10px;right:10px;width:0;height:0;border:10px solid transparent;border-bottom-color:rgba(17,102,119,0.9);border-top:0;content:" "}.image-manipulation .slider-container .slider{position:relative;width:200px;height:30px;border:0 none;border-radius:0;background:transparent;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;margin-right:24px}.image-manipulation .slider-container .slider:before{position:absolute;top:-19px;left:-36px;width:40px;height:40px;content:" ";background:url('/typo3conf/ext/slub_digitalcollections/Resources/Public/Images/Slub/viewerControlIcons.svg') no-repeat 0 0;background-size:auto 120px}.image-manipulation .slider-container .slider:after{position:absolute;top:0;left:0;width:100%;height:2px;border-radius:2px;background:white;content:""}.image-manipulation .slider-container .slider .tooltip{position:absolute;opacity:1;top:-4px;left:210px !important;color:white;font-size:10px;text-align:left}.image-manipulation .slider-container .slider-contrast .tooltip,.image-manipulation .slider-container .slider-saturation .tooltip{left:100%}.image-manipulation .slider-container .slider-brightness .tooltip,.image-manipulation .slider-container .slider-hue .tooltip{left:50%}.image-manipulation .slider-container .slider-contrast:before{background-position:-480px 0}.image-manipulation .slider-container .slider-saturation:before{background-position:-480px -40px}.image-manipulation .slider-container .slider-brightness:before{background-position:-480px -80px}.image-manipulation .slider-container .slider-hue:before{background-position:-520px 0}.image-manipulation .slider-container .checkbox,.image-manipulation .slider-container button.reset-btn{position:relative;border:0 none;color:white;font-size:11px;margin-top:-15px;padding-left:36px;line-height:40px;display:inline-block;background:transparent}.image-manipulation .slider-container .checkbox:before,.image-manipulation .slider-container button.reset-btn:before{position:absolute;top:0;left:0;width:40px;height:40px;background:url('/typo3conf/ext/slub_digitalcollections/Resources/Public/Images/Slub/viewerControlIcons.svg') no-repeat 0 0;background-size:auto 120px;content:" "}.image-manipulation .slider-container button.reset-btn{margin-left:10px;outline:none}.image-manipulation .slider-container button.reset-btn:before{background-position:-520px -80px}.image-manipulation .slider-container .checkbox{margin-left:-36px}.image-manipulation .slider-container .checkbox:before{background-position:-520px -40px}.image-manipulation .slider-container .checkbox label input{margin-right:4px}.slider-imagemanipulation.ui-slider-horizontal .ui-slider-handle{position:absolute;z-index:2;top:-7px;width:14px;height:14px;background:white;border:0 none;border-radius:7px;box-shadow:1px 1px 0 #c00;cursor:col-resize;margin-left:-6px}.slider-imagemanipulation.ui-slider-horizontal .ui-slider-handle:after{content:none}.slider-imagemanipulation.ui-slider-horizontal .ui-slider-handle .ui-slider-handle:focus,.slider-imagemanipulation.ui-slider-horizontal .ui-slider-handle .ui-slider-handle:active{border:0;outline:none}.slider-imagemanipulation.ui-slider-horizontal .ui-slider-range{background:rgba(0,177,158,0.5)}.page-control{position:absolute;bottom:15px;height:1px;width:290px;left:50%;margin-left:-145px;line-height:0}.page-control>div{position:absolute;bottom:0;z-index:1020}.page-control>div span{display:none}.page-control>div span a,.page-control>div span span{position:relative;display:inline-block;font:0/0 'Open Sans',Helvetica,Arial,sans-serif;color:transparent;text-shadow:none;background-color:transparent;border:0}.page-control>div span a:before,.page-control>div span span:before{position:absolute;bottom:-1px;width:40px;height:40px;border-radius:20px;background:white url('/typo3conf/ext/slub_digitalcollections/Resources/Public/Images/Slub/viewerControlIcons.svg') no-repeat 0 0;background-size:auto 120px;content:" "}.page-control>div span span{opacity:.3}.page-control>div span.next{display:block}.page-control>div span.next a:before,.page-control>div span.next span:before{right:0;background-position:-280px -80px}.page-control>div span.prev{display:block}.page-control>div span.prev a:before,.page-control>div span.prev span:before{left:0;background-position:-240px -80px}.page-control .backs{left:0}.page-control .fwds{right:0}@media screen and (min-width:1024px){.page-control{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;pointer-events:none}.page-control>div{height:80px;min-width:80px;pointer-events:all;bottom:50%;margin-bottom:-20px}.page-control>div span{display:block}.page-control>div span a,.page-control>div span span{position:absolute;font-size:14px;color:#c00;white-space:nowrap;display:block;height:40px;line-height:40px;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.page-control>div span a:before,.page-control>div span span:before{-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.no-touchevents .page-control>div span a:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.page-control>div span span{cursor:not-allowed}.page-control>div.no-transition a,.page-control>div.no-transition span,.page-control>div.no-transition a:before,.page-control>div.no-transition span:before{-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;transition:none !important}.page-control>div.backs{left:10px}.page-control>div.backs span a,.page-control>div.backs span span{left:0;text-align:left;padding-left:80px}.page-control>div.backs span a:before,.page-control>div.backs span span:before{left:20px}.page-control>div.backs span.prev a,.page-control>div.backs span.prev span{top:0;height:80px;line-height:80px;color:rgba(204,0,0,0)}.page-control>div.backs span.prev a:before,.page-control>div.backs span.prev span:before{left:0;width:80px;height:80px;border-radius:40px;background-position:0 -40px}.page-control>div.backs span.rwnd a,.page-control>div.backs span.rwnd span{top:0;color:rgba(204,0,0,0);z-index:301}.page-control>div.backs span.rwnd a:before,.page-control>div.backs span.rwnd span:before{left:41px;width:32px;height:32px;background-position:-86px -43px}.page-control>div.backs span.rwnd span{opacity:0}.page-control>div.backs span.first a,.page-control>div.backs span.first span{bottom:0;opacity:0;z-index:302}.page-control>div.backs span.first a:before,.page-control>div.backs span.first span:before{background-position:-80px -80px}.page-control>div.backs.over span.prev a,.page-control>div.backs.over span.prev span{color:#c00}.page-control>div.backs.over span.rwnd a,.page-control>div.backs.over span.rwnd span{top:-45px;color:#c00}.page-control>div.backs.over span.rwnd a:before,.page-control>div.backs.over span.rwnd span:before{bottom:-1px;left:20px;width:40px;height:40px;background-position:-80px -40px}.page-control>div.backs.over span.rwnd span{opacity:.3}.page-control>div.backs.over span.first a,.page-control>div.backs.over span.first span{bottom:-45px}.page-control>div.backs.over span.first a{opacity:1}.page-control>div.backs.over span.first span{opacity:.3}.page-control>div.fwds{right:10px}.page-control>div.fwds span a,.page-control>div.fwds span span{right:0;text-align:right;padding-right:80px}.page-control>div.fwds span a:before,.page-control>div.fwds span span:before{right:20px}.page-control>div.fwds span.next a,.page-control>div.fwds span.next span{top:0;height:80px;line-height:80px;color:rgba(204,0,0,0)}.page-control>div.fwds span.next a:before,.page-control>div.fwds span.next span:before{right:0;width:80px;height:80px;border-radius:40px;background-position:-160px -40px}.page-control>div.fwds span.fwd a,.page-control>div.fwds span.fwd span{top:0;color:rgba(204,0,0,0)}.page-control>div.fwds span.fwd a:before,.page-control>div.fwds span.fwd span:before{right:41px;width:32px;height:32px;background-position:-122px -42px}.page-control>div.fwds span.last a,.page-control>div.fwds span.last span{bottom:0;opacity:0}.page-control>div.fwds span.last a:before,.page-control>div.fwds span.last span:before{background-position:-120px -80px}.page-control>div.fwds.over span.next a,.page-control>div.fwds.over span.next span{color:#c00}.page-control>div.fwds.over span.fwd a,.page-control>div.fwds.over span.fwd span{top:-45px;color:#c00}.page-control>div.fwds.over span.fwd a:before,.page-control>div.fwds.over span.fwd span:before{bottom:-1px;right:20px;width:40px;height:40px;background-position:-120px -40px}.page-control>div.fwds.over span.last a,.page-control>div.fwds.over span.last span{bottom:-45px}.page-control>div.fwds.over span.last a{opacity:1}.page-control>div.fwds.over span.last span{opacity:.3}}.calendar .page-control{display:none}.tx-dlf-calendar-years,.tx-dlf-calendar{padding:0 10px 60px 10px;max-height:100%;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;text-align:left;font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;font-feature-settings:'lnum'}@media screen and (min-width:1024px){.tx-dlf-calendar-years,.tx-dlf-calendar{position:relative;height:100%;padding:30px 30px 60px 30px}}body.calendar .document-functions,body.calendar .view-functions{display:none}body.calendar .step-back-button{top:60px;left:10px;border:1px solid #d9d9d9}@media screen and (min-width:1024px){body.calendar .step-back-button{border:0 none;top:80px;left:15px}}.tx-dlf-calendar-years .year-anchor{border-bottom:1px solid #d9d9d9;line-height:1.4;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;font-size:14px;padding:5px 0 10px 50px}.tx-dlf-calendar-years .year-anchor a{color:#167}.tx-dlf-calendar-years .meta-hint-year{display:none}.tx-dlf-calendar-years ul li{margin:20px}.tx-dlf-calendar-years ul li a{display:block;padding:25px 20px;text-align:center;color:#167;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;background:#e6f5f7}@media screen and (min-width:1024px){.tx-dlf-calendar-years{vertical-align:middle}.tx-dlf-calendar-years .year-anchor{padding:0 0 10px 30px}.tx-dlf-calendar-years .meta-hint-year{display:block;opacity:.5;padding:5px 0 0 30px;font-size:14px}.tx-dlf-calendar-years ul{position:relative;margin-top:30px;min-height:calc(100% - 60px);display:flex;flex-wrap:wrap;justify-content:center;align-content:center}.tx-dlf-calendar-years ul li{display:inline-block}.no-touchevents .tx-dlf-calendar-years ul li a{-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.no-touchevents .tx-dlf-calendar-years ul li a:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}}@media screen and (min-width:1200px){.tx-dlf-calendar-years ul li{margin:30px}.tx-dlf-calendar-years ul li a{font-size:20px;font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif}}.tx-dlf-calendar .calendar-list-selection,.tx-dlf-calendar .list-view{display:none}.tx-dlf-calendar .year-anchor{border-bottom:1px solid #d9d9d9;line-height:1.4;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;font-size:14px;padding:5px 0 10px 50px}.tx-dlf-calendar .year-anchor a{color:#167}.tx-dlf-calendar .year{font-size:20px;margin:20px 0 -20px 0;font-weight:bold;line-height:1.4;text-align:center}.tx-dlf-calendar .calendar-view{position:relative;margin:30px 0 0 0}.tx-dlf-calendar .calendar-view .year{flex:0 0 calc(100% - 60px);font-family:'VistaSlabBold','Rockwell-Bold','Georgia','Times',serif;font-size:20px;margin:20px 30px;border-bottom:1px solid #d9d9d9;color:#167;text-shadow:-4px 0 3px white,4px 0 3px white;height:16px}.tx-dlf-calendar .calendar-view table{width:100%;margin:50px 0;text-align:center;border-bottom:1px solid #d9d9d9}.tx-dlf-calendar .calendar-view table caption{font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;border-bottom:1px solid #d9d9d9;font-size:12px;text-transform:uppercase;padding-bottom:5px;color:#333}.tx-dlf-calendar .calendar-view table tr td,.tx-dlf-calendar .calendar-view table tr th{width:14.285%;padding:6px}.tx-dlf-calendar .calendar-view table tr th{font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;font-size:14px;color:#737373}.tx-dlf-calendar .calendar-view table tr td{color:#167}.tx-dlf-calendar .calendar-view table tr td h4,.tx-dlf-calendar .calendar-view table tr td .day-label{position:relative;color:#167;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;font-weight:bold;display:block;border:1px solid transparent}.tx-dlf-calendar .calendar-view table tr td h4:after,.tx-dlf-calendar .calendar-view table tr td .day-label:after{position:absolute;top:19px;left:50%;margin-left:-5px;width:0;height:0;border:5px solid transparent;border-top-width:0;border-bottom-color:rgba(17,102,119,0.93);content:" ";opacity:0;-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px);-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.tx-dlf-calendar .calendar-view table tr td h4{font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;border-color:rgba(17,102,119,0.2);background:#e6f5f7;border-radius:100%}.no-touchevents .tx-dlf-calendar .calendar-view table tr td{cursor:pointer}.tx-dlf-calendar .calendar-view table tr td ul{position:absolute;left:0;right:0;padding:10px;margin-top:10px;background:rgba(17,102,119,0.93);opacity:0;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;transform-origin:center top}.tx-dlf-calendar .calendar-view table tr td ul li{margin:10px 0}.tx-dlf-calendar .calendar-view table tr td ul li a{display:block;padding:10px;color:#fff}.tx-dlf-calendar .calendar-view table tr td.open h4,.tx-dlf-calendar .calendar-view table tr td.open .day-label{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.tx-dlf-calendar .calendar-view table tr td.open h4:after,.tx-dlf-calendar .calendar-view table tr td.open .day-label:after{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.tx-dlf-calendar .calendar-view table tr td.open ul{opacity:1;z-index:10000;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}.tx-dlf-calendar .calendar-view table tr:nth-child(even) td{background:#e6f5f7}.tx-dlf-calendar .calendar-view table tr:nth-child(even) td h4{border-color:rgba(17,102,119,0.4);background:white}@media screen and (min-width:1024px){.tx-dlf-calendar .calendar-list-selection{display:block}.tx-dlf-calendar .calendar-list-selection{position:absolute;top:85px;right:85px}.tx-dlf-calendar .calendar-list-selection a{position:relative;border:1px solid #167;color:#167;background:white;font-size:14px;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;line-height:18px;padding:10px;height:40px;border-radius:30px;display:inline-block;margin-left:5px}.no-touchevents .tx-dlf-calendar .calendar-list-selection a{cursor:pointer}.tx-dlf-calendar .calendar-list-selection a.active{background:#167;color:white}.tx-dlf-calendar .calendar-list-selection a.active:before{position:absolute;bottom:-5px;left:50%;margin-left:-5px;width:0;height:0;border:5px solid transparent;border-bottom-width:0;border-top-color:#167;content:" "}.tx-dlf-calendar .year-anchor{padding:0 0 10px 30px}.tx-dlf-calendar .year{font-weight:normal;font-size:30px}.tx-dlf-calendar .calendar-view,.tx-dlf-calendar .list-view{position:absolute;top:160px;right:30px;left:30px;opacity:0;-webkit-transform:translateY(-100px) scaleY(0);-moz-transform:translateY(-100px) scaleY(0);-ms-transform:translateY(-100px) scaleY(0);transform:translateY(-100px) scaleY(0);-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;display:block;pointer-events:none;padding-bottom:60px;height:0}.tx-dlf-calendar .calendar-view.active,.tx-dlf-calendar .list-view.active{-webkit-transform:translateY(0) scaleY(1);-moz-transform:translateY(0) scaleY(1);-ms-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1);opacity:1;pointer-events:all}.tx-dlf-calendar .calendar-view{margin:0 -30px;display:flex;flex-wrap:wrap}.tx-dlf-calendar .calendar-view .month{position:relative;padding:30px;flex:1 0 auto}.tx-dlf-calendar .calendar-view .month table{width:100%;margin:0}.tx-dlf-calendar .calendar-view .month table tr td{position:relative}.tx-dlf-calendar .calendar-view .month table tr td h4,.tx-dlf-calendar .calendar-view .month table tr td .day-label{padding:5px}.tx-dlf-calendar .calendar-view .month table tr td ul{left:50%;right:auto;padding:0 10px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.tx-dlf-calendar .calendar-view .month table tr td.open h4,.tx-dlf-calendar .calendar-view .month table tr td.open .day-label{-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4)}.tx-dlf-calendar .calendar-view .month table tr td.open h4:after,.tx-dlf-calendar .calendar-view .month table tr td.open .day-label:after{top:26px;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.tx-dlf-calendar .calendar-view .month table tr td.open ul{z-index:200}.tx-dlf-calendar .list-view ul li{padding:10px;margin:10px 0;font-size:14px;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.tx-dlf-calendar .list-view ul li:nth-child(even){background:#e6f5f7}.tx-dlf-calendar .list-view ul li .listview-date{line-height:25px}.tx-dlf-calendar .list-view ul li .listview-date:after{content:": "}.tx-dlf-calendar .list-view ul li a{background:#167;color:#fff;display:inline-block;border-radius:6px;padding:5px 10px;margin:0 5px;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.tx-dlf-calendar .list-view ul li a:last-child{margin-right:0}.no-touchevents .tx-dlf-calendar .list-view ul li a:hover{background:rgba(204,0,0,0.5)}}@media screen and (min-width:1200px){.tx-dlf-calendar .calendar-list-selection{top:40px}.tx-dlf-calendar .calendar-view{justify-content:center}.tx-dlf-calendar .calendar-view .month{flex:0 0 auto}}body.gridview .view-functions{display:none}body.gridview .step-back-button{top:60px;left:10px;border:1px solid #d9d9d9}@media screen and (min-width:1024px){body.gridview .step-back-button{border:0 none;top:80px;left:15px}}.tx-dlf-pagegrid-list{position:absolute;top:60px;right:0;bottom:0;left:0;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.tx-dlf-pagegrid-list li{width:100px;height:160px;display:inline-block;margin:10px}.no-touchevents .tx-dlf-pagegrid-list li{-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.no-touchevents .tx-dlf-pagegrid-list li:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.tx-dlf-pagegrid-list li img{position:relative;height:100%;width:100%;object-fit:contain;max-height:150px}.tx-dlf-pagegrid-list li .tx-dlf-pagegrid-pagination{margin-top:5px;font-weight:700;font-size:12px;color:#167}.tx-dlf-pagegrid-list li.current{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.tx-dlf-pagegrid-list li.current img{border:6px solid #167}@media screen and (min-width:768px){.tx-dlf-pagegrid-list{top:0;padding-top:70px}.tx-dlf-pagegrid-list li{width:120px;height:180px;margin:20px}}@media screen and (min-width:1024px){.tx-dlf-pagegrid-list li{width:150px;height:200px}.tx-dlf-pagegrid-list li .tx-dlf-pagegrid-pagination{font-size:14px}}.tx-dlf-pagegrid-pagebrowser{position:absolute;bottom:15px;height:1px;width:290px;left:50%;margin-left:-145px;line-height:0;background:green;font:0/0 'Open Sans',Helvetica,Arial,sans-serif;color:transparent;text-shadow:none;background-color:transparent;border:0}.tx-dlf-pagegrid-pagebrowser a{position:absolute;bottom:0;display:none;width:40px;height:40px}.tx-dlf-pagegrid-pagebrowser a:before{position:absolute;top:0;left:0;bottom:-1px;width:40px;height:40px;border-radius:20px;background:white url('/typo3conf/ext/slub_digitalcollections/Resources/Public/Images/Slub/viewerControlIcons.svg') no-repeat 0 0;content:" "}.tx-dlf-pagegrid-pagebrowser a:first-child{display:block;left:0}.tx-dlf-pagegrid-pagebrowser a:first-child:before{background-position:-240px -80px}.tx-dlf-pagegrid-pagebrowser a:last-child{display:block;right:0}.tx-dlf-pagegrid-pagebrowser a:last-child:before{background-position:-280px -80px}@media screen and (min-width:1024px){.tx-dlf-pagegrid-pagebrowser{height:70px;padding:15px;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;font-size:14px;line-height:30px;color:white;white-space:nowrap;width:auto;margin:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-moz-font-feature-settings:"lnum";-webkit-font-feature-settings:"lnum";font-feature-settings:"lnum";background:rgba(17,102,119,0.9);box-shadow:0 2px 6px rgba(0,0,0,0.2)}.tx-dlf-pagegrid-pagebrowser a,.tx-dlf-pagegrid-pagebrowser a:first-child,.tx-dlf-pagegrid-pagebrowser a:last-child{color:#167;position:relative;display:inline-block;bottom:auto;margin:0 3px;left:auto;right:auto;background:white;border-radius:20px;width:30px;height:30px}.tx-dlf-pagegrid-pagebrowser a:before,.tx-dlf-pagegrid-pagebrowser a:first-child:before,.tx-dlf-pagegrid-pagebrowser a:last-child:before{display:none}}@media screen and (min-width:1200px){.tx-dlf-pagegrid-pagebrowser{font-size:18px;line-height:40px}.tx-dlf-pagegrid-pagebrowser a,.tx-dlf-pagegrid-pagebrowser a:first-child,.tx-dlf-pagegrid-pagebrowser a:last-child{width:40px;height:40px}}.fulltext-container{position:absolute;top:55px;right:0;bottom:0;background:rgba(255,255,255,0.95);text-align:left;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.fulltext-container #tx-dlf-fulltextselection{position:relative;top:0;right:0;width:100%;height:100%;padding:60px 20px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;line-height:1.6em;font-size:16px;color:#333;display:none}.fulltext-container #tx-dlf-fulltextselection:empty{padding:0}.fulltext-container #tx-dlf-fulltextselection .textline:after{content:" "}.fulltext-visible .fulltext-container #tx-dlf-fulltextselection{display:block}.fullscreen .fulltext-container{top:0}@media screen and (min-width:768px){.fulltext-container #tx-dlf-fulltextselection{padding:60px 15%}}@media screen and (min-width:1024px){.fulltext-container{top:0;max-width:71.7%}.fulltext-container:before{height:100px}.fulltext-container:after{height:80px}.fulltext-container #tx-dlf-fulltextselection{padding:80px 100px 60px 30px;line-height:1.8;border-left:1px solid #4ab3c7}.fulltext-container #tx-dlf-fulltextselection .highlight{padding:3px 0;background:#bfe4eb}}@media screen and (min-width:1200px){.fulltext-container{max-width:50%}}.tx-dlf-toolsFulltextsearch{position:absolute;top:0;right:106px}.tx-dlf-toolsFulltextsearch .fulltext-search-toggle{position:absolute;top:10px;right:0;width:40px;height:40px;background:white url('/typo3conf/ext/slub_digitalcollections/Resources/Public/Images/Slub/viewerControlIcons.svg') no-repeat -560px 0;background-size:auto 120px;border-radius:20px;cursor:pointer}.tx-dlf-toolsFulltextsearch .fulltext-search-toggle:after{position:absolute;top:0;right:0;height:40px;width:40px;text-align:center;content:"+";font-size:42px;line-height:32px;color:#167;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;opacity:0}.search-indocument-active .tx-dlf-toolsFulltextsearch .fulltext-search-toggle{background:#e6f5f7}.search-indocument-active .tx-dlf-toolsFulltextsearch .fulltext-search-toggle:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);opacity:1}.tx-dlf-toolsFulltextsearch .fulltext-search-toggle.disabled{opacity:.5;pointer-events:none}.no-touchevents .tx-dlf-toolsFulltextsearch .fulltext-search-toggle{-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.no-touchevents .tx-dlf-toolsFulltextsearch .fulltext-search-toggle:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.tx-dlf-toolsFulltextsearch form{position:absolute;top:60px;right:-106px;height:40px;width:100vw;padding:0 15px;opacity:0;pointer-events:none;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.tx-dlf-toolsFulltextsearch form label{display:none}.tx-dlf-toolsFulltextsearch form input[type="text"]{position:relative;width:100%;font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;background:white;border-radius:20px;border:0;font-size:14px;line-height:1.1;padding:4px 10px;height:40px;color:#333;box-shadow:0 2px 10px rgba(0,0,0,0.2)}.tx-dlf-toolsFulltextsearch form input[type="text"]:focus{color:#167}.tx-dlf-toolsFulltextsearch form button[type="submit"],.tx-dlf-toolsFulltextsearch form input[type="submit"]{position:absolute;top:0;right:15px;width:40px;height:40px;font:0/0 'Open Sans',Helvetica,Arial,sans-serif;color:transparent;text-shadow:none;background-color:transparent;border:0;background:#e6f5f7 url('/typo3conf/ext/slub_digitalcollections/Resources/Public/Images/Slub/viewerControlIcons.svg') no-repeat -560px 0;background-size:auto 120px;border-radius:20px}.search-indocument-active .tx-dlf-toolsFulltextsearch form{pointer-events:all;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-loading,.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-clearing{display:none}.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results{position:fixed;top:230px;right:15px;max-height:calc(100vh - 310px);left:15px;background:white;text-align:center;border-radius:20px;font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:none;opacity:0;box-shadow:0 2px 10px rgba(0,0,0,0.2);-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results li{padding:15px 10px;border-bottom:1px solid #d9d9d9;line-height:1.2}.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results li .structure{font-size:14px;position:relative;display:block;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;text-transform:uppercase;color:#a6a6a6}.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results li .highlight,.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results li em{font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;color:#c00;font-style:normal}.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results li .textsnippet a{color:#333}.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results li .textsnippet:before,.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results li .textsnippet:after{content:"…"}.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results .button-previous,.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results .button-next{position:relative;margin:30px 10px;background:#4ab3c7;appearance:none;border:0;padding:10px 20px;line-height:1;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;text-transform:uppercase;color:white}.search-indocument-active .tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results{pointer-events:all;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.search-indocument-active .tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results:empty{pointer-events:none;opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}@media screen and (min-width:480px){.tx-dlf-toolsFulltextsearch form{top:10px;right:40px;width:400px}.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results{top:165px;z-index:1030;max-height:calc(100vh - 170px)}.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results li .structure{display:inline}}@media screen and (min-width:768px){.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results{top:180px;max-height:calc(100vh - 280px)}}@media screen and (min-width:1024px){.tx-dlf-toolsFulltextsearch{top:10px;right:8px}.tx-dlf-toolsFulltextsearch form{top:80px;right:0;width:450px;height:70px;margin:0;border-radius:0;background:rgba(17,102,119,0.9);padding:15px;box-shadow:0 2px 6px rgba(0,0,0,0.2)}.tx-dlf-toolsFulltextsearch form input[type="text"]{border-radius:0}.tx-dlf-toolsFulltextsearch form button[type="submit"],.tx-dlf-toolsFulltextsearch form input[type="submit"]{top:15px;border-radius:20px 0 0 20px;background-color:#bfe4eb}.tx-dlf-toolsFulltextsearch form:before{position:absolute;top:-10px;right:10px;width:0;height:0;border:10px solid transparent;border-bottom-color:rgba(17,102,119,0.9);border-top:0;content:" "}.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results{position:absolute;top:150px;right:0;left:auto;bottom:auto;width:450px;height:400px;border-radius:0;background:rgba(17,102,119,0.9);padding:0 15px 15px 15px;box-shadow:0 2px 6px rgba(0,0,0,0.2)}.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results li{text-align:left;padding:10px 0;color:white}.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results li .structure{color:white;opacity:.6}.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results li a{color:white}.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results li a .highlight,.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results li a em{color:white}}@media screen and (min-width:1200px){.tx-dlf-toolsFulltextsearch form{width:600px}.tx-dlf-toolsFulltextsearch #tx-dlf-search-in-document-results{width:600px;font-size:14px;height:auto;max-height:70vh}}body.calendar .tx-dlf-toolsFulltextsearch{top:-20px;right:15px}body.calendar .tx-dlf-toolsFulltextsearch form{right:-15px}@media screen and (min-width:480px){body.calendar .tx-dlf-toolsFulltextsearch form{right:40px}}@media screen and (min-width:1024px){body.calendar .tx-dlf-toolsFulltextsearch{top:30px;right:35px}body.calendar .tx-dlf-toolsFulltextsearch .fulltext-search-toggle{border:1px solid #167}body.calendar .tx-dlf-toolsFulltextsearch form{right:0}}.control-bar .header-bar .brand a{line-height:24px}@media screen and (min-width:1024px){.control-bar:before{position:absolute;top:0;left:0;right:-60px;height:85px;background:url('/typo3conf/ext/slub_digitalcollections/Resources/Public/Images/Slub/headerbarBg.svg') no-repeat left top;background-size:100% 100%;content:" ";pointer-events:none}.control-bar .header-bar nav .nav-toggle{right:0}.control-bar .header-bar nav .language-nav{right:24px}}@media screen and (min-width:1024px){.document-functions>ul{left:40px}}/*# sourceMappingURL=Resources/Public/Css/Digitalcollections.css.map */
\ No newline at end of file
diff --git a/Resources/Public/Css/DigitalcollectionsLists.css b/Resources/Public/Css/DigitalcollectionsLists.css
new file mode 100644
index 00000000..2bc88b90
--- /dev/null
+++ b/Resources/Public/Css/DigitalcollectionsLists.css
@@ -0,0 +1 @@
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline}body{line-height:1}h1,h2,h3,h4,h5,h6{clear:both;font-weight:normal}ol,ul{list-style:none}blockquote{quotes:none}blockquote:before,blockquote:after{content:'';content:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a img{border:none}.control-bar .header-bar .brand a{line-height:24px}@media screen and (min-width:1024px){.control-bar:before{position:absolute;top:0;left:0;right:-60px;height:85px;background:url('/typo3conf/ext/slub_digitalcollections/Resources/Public/Images/Slub/headerbarBg.svg') no-repeat left top;background-size:100% 100%;content:" ";pointer-events:none}.control-bar .header-bar nav .nav-toggle{right:0}.control-bar .header-bar nav .language-nav{right:24px}}@media screen and (min-width:1024px){.document-functions>ul{left:40px}}.listview h2,.listview #rightcol .rightnav{display:none}#leftcol .tx-dlf-listview h2{font-size:24px;display:block;margin:0}#leftcol .tx-dlf-listview p.tx-dlf-search-numHits{font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;margin-top:0;font-size:14px}#leftcol .tx-dlf-listview p.tx-dlf-sortinfo~form{display:none}#leftcol .tx-dlf-listview p.tx-dlf-sortinfo{text-align:center;margin:0;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;clear:both}#leftcol .tx-dlf-listview p.tx-dlf-pagebrowser{margin:20px 0;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;-moz-font-feature-settings:"lnum";-webkit-font-feature-settings:"lnum";font-feature-settings:"lnum";color:#333;text-align:center}#leftcol .tx-dlf-listview p.tx-dlf-pagebrowser a{display:inline-block;min-width:30px;height:30px;border:1px solid #d9d9d9;text-decoration:none;border-radius:15px;margin:0 5px;background:white;padding:0 5px}@media screen and (min-width:480px){#leftcol .tx-dlf-listview h2{font-size:28px}}@media screen and (min-width:1024px){#leftcol .tx-dlf-listview p.tx-dlf-sortinfo~form{position:relative;display:block}#leftcol .tx-dlf-listview p.tx-dlf-sortinfo~form>div{position:absolute;top:-45px;right:0;width:65%;display:flex;font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;font-size:14px}#leftcol .tx-dlf-listview p.tx-dlf-sortinfo~form>div label{white-space:nowrap;text-align:right;line-height:35px;margin:0 5px 0 0}#leftcol .tx-dlf-listview p.tx-dlf-sortinfo~form>div select{position:relative;appearance:none;-webkit-appearance:none;border:1px solid #d9d9d9;height:35px;background:white url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCAyMDAiPjxwYXRoIGQ9Ik0xMC4zIDMzLjVsMi4yLTIuMSA3LjctNy44LTIuMS0yLjEtNy44IDcuNy03LjctNy43LTIuMiAyLjEgNy44IDcuOCAyLjEgMi4xeiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwNzgwNzgiLz48cGF0aCBkPSJNMTAuMyAxMzMuNWwyLjItMi4xIDcuNy03LjgtMi4xLTIuMS03LjggNy43LTcuNy03LjctMi4yIDIuMSA3LjggNy44IDIuMSAyLjF6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2MwMCIvPjwvc3ZnPg==") no-repeat right 3px;background-size:auto 100px;padding:5px 20px 5px 5px;border-radius:0;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;font-size:14px;line-height:1;box-shadow:2px 2px 4px rgba(0,0,0,0.1);color:#666;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}#leftcol .tx-dlf-listview p.tx-dlf-sortinfo~form>div select:hover{background-position:right -47px;border-color:#167;color:#c00}#leftcol .tx-dlf-listview p.tx-dlf-sortinfo{text-align:left;height:40px;border-bottom:1px solid #d9d9d9}}@media screen and (min-width:1200px){#leftcol .tx-dlf-listview h2{font-size:36px}}#leftcol .tx-dlf-listview .tx-dlf-abstracts{list-style:none;margin:0;padding:0}#leftcol .tx-dlf-listview .tx-dlf-abstracts li{position:relative;padding:30px 0;text-align:center;border-bottom:1px solid #d9d9d9}#leftcol .tx-dlf-listview .tx-dlf-abstracts li:before{display:none}#leftcol .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-listview-thumbnail{margin-bottom:10px}#leftcol .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-listview-thumbnail img{max-height:150px}#leftcol .tx-dlf-listview .tx-dlf-abstracts li dl{font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;font-size:14px;-moz-font-feature-settings:"lnum";-webkit-font-feature-settings:"lnum";font-feature-settings:"lnum"}#leftcol .tx-dlf-listview .tx-dlf-abstracts li dl dt,#leftcol .tx-dlf-listview .tx-dlf-abstracts li dl dd{display:inline}#leftcol .tx-dlf-listview .tx-dlf-abstracts li dl dt{font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif}#leftcol .tx-dlf-listview .tx-dlf-abstracts li dl dt:after{content:": "}#leftcol .tx-dlf-listview .tx-dlf-abstracts li dl dt.tx-dlf-title{display:none}#leftcol .tx-dlf-listview .tx-dlf-abstracts li dl dd.tx-dlf-title{font-size:22px;display:block}#leftcol .tx-dlf-listview .tx-dlf-abstracts li dl dd.tx-dlf-title a{text-decoration:none;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif}#leftcol .tx-dlf-listview .tx-dlf-abstracts li dl dd.tx-dlf-title:after{display:none}#leftcol .tx-dlf-listview .tx-dlf-abstracts li dl dd:after{content:"//";margin:0 5px}#leftcol .tx-dlf-listview .tx-dlf-abstracts li dl dd:last-child:after{display:none}#leftcol .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-morevolumes{position:relative;width:40px;height:40px;font:0/0 'Open Sans',Helvetica,Arial,sans-serif;color:transparent;text-shadow:none;background-color:transparent;border:0;display:inline-block;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;transform-origin:center center;cursor:pointer}#leftcol .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-morevolumes:before{position:absolute;top:-5px;left:5px;content:">>";font-size:40px;line-height:40px;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;color:#167;display:block;letter-spacing:-0.1em}#leftcol .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-hidevolumes{display:none}#leftcol .tx-dlf-listview .tx-dlf-abstracts li.tx-dlf-volumes-open .tx-dlf-morevolumes{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}#leftcol .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume{position:relative;background:#e9f3f5;padding:15px 0;display:none}#leftcol .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume li{border-bottom:1px solid white;padding:15px}#leftcol .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume li .tx-dlf-listview-thumbnail img{width:60px;margin-left:15px}#leftcol .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume li dl dd.tx-dlf-title{font-size:18px}#leftcol .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume li dl dd.tx-dlf-title a{color:#0e5361}#leftcol .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume li:first-child{border-top:1px solid white}#leftcol .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume:before{position:absolute;top:-15px;left:50%;margin-left:-15px;height:0;width:0;border:15px solid transparent;border-top-width:0;border-bottom-color:#e9f3f5;content:" "}@media screen and (min-width:480px){#leftcol .tx-dlf-listview .tx-dlf-abstracts{border-top:1px solid #d9d9d9}#leftcol .tx-dlf-listview .tx-dlf-abstracts li{text-align:left;display:flex;align-items:center;line-height:1.7;flex-wrap:wrap}#leftcol .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-listview-thumbnail{position:relative;margin:0 25px 0 0;line-height:0;flex:0 1 auto}#leftcol .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-listview-thumbnail img{width:90px;height:auto}#leftcol .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-listview-thumbnail:empty{width:90px;min-height:90px;border:1px solid #d9d9d9}#leftcol .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-listview-thumbnail:empty:before,#leftcol .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-listview-thumbnail:empty:after{margin:-25px -3px 0 0;position:absolute;top:50%;right:50%;width:1px;height:50px;background:#d9d9d9;content:" "}#leftcol .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-listview-thumbnail:empty:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#leftcol .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-listview-thumbnail:empty:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#leftcol .tx-dlf-listview .tx-dlf-abstracts li dl{flex:1 1 60%}#leftcol .tx-dlf-listview .tx-dlf-abstracts li dl dd.tx-dlf-title{line-height:1.2;margin-bottom:5px}#leftcol .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume{flex:0 0 100%}#leftcol .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume:before{left:auto;right:5px}}.tx-dlf-listview>img{width:100%;height:auto;border:1px solid #d9d9d9;margin-top:20px;max-height:350px}.tx-dlf-listview>p>img{display:none}@media screen and (min-width:768px){.tx-dlf-listview>img{float:left;width:auto;margin:30px 15px 15px 0}}#rightcol .tx-dlf-enable-offcanvas{position:fixed;top:0;right:0;bottom:0;width:90%;background:rgba(17,102,119,0.97);z-index:102;text-align:left;padding:15px;margin:0;border:none;color:white;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}#rightcol .tx-dlf-enable-offcanvas .offcanvas-toggle{position:absolute;left:-30px;border-radius:30px 0 0 30px;bottom:100px;width:30px;height:60px;background:rgba(17,102,119,0.97)}#rightcol .tx-dlf-enable-offcanvas .offcanvas-toggle:before{position:absolute;top:20px;left:7px;width:14px;height:14px;border-radius:14px;border:2px solid white;content:" "}#rightcol .tx-dlf-enable-offcanvas .offcanvas-toggle:after{position:absolute;right:4px;bottom:20px;width:2px;height:8px;background:white;content:" ";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#rightcol .tx-dlf-enable-offcanvas.open{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:1100}#rightcol .tx-dlf-enable-offcanvas.open .offcanvas-toggle{border-color:white}#rightcol .tx-dlf-enable-offcanvas h3{color:white}@media screen and (min-width:768px){#rightcol .tx-dlf-enable-offcanvas{width:60%}}@media screen and (min-width:1024px){#rightcol .tx-dlf-enable-offcanvas{position:relative;top:auto;right:auto;bottom:auto;width:auto;background:white;color:#333;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}#rightcol .tx-dlf-enable-offcanvas .offcanvas-toggle{display:none}#rightcol .tx-dlf-enable-offcanvas h3{color:#c00}}#rightcol .tx-dlf-search{position:absolute;top:60px;right:15px;bottom:15px;left:15px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}#rightcol .tx-dlf-search form{position:relative;margin-bottom:20px;font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;font-size:14px}#rightcol .tx-dlf-search form input[type="text"]{position:relative;width:100%;font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;font-size:14px;background:white;border:0;line-height:1.1;padding:4px 10px;height:40px;color:#333;box-shadow:0 2px 4px rgba(0,0,0,0.4);margin-bottom:10px}#rightcol .tx-dlf-search form input[type="text"]:focus{color:#167}#rightcol .tx-dlf-search form input[type="submit"]{position:absolute;top:0;right:0;width:40px;height:40px;font:0/0 'Open Sans',Helvetica,Arial,sans-serif;color:transparent;text-shadow:none;background-color:transparent;border:0;background:#e6f5f7 url('/typo3conf/ext/slub_digitalcollections/Resources/Public/Images/Slub/viewerControlIcons.svg') no-repeat -560px 0;background-size:auto 120px;border-radius:20px 0 0 20px}#rightcol .tx-dlf-search form input[type="radio"]{position:relative;appearance:none;-webkit-appearance:none;border:2px solid rgba(255,255,255,0.4);width:20px;height:20px;border-radius:10px;vertical-align:middle}#rightcol .tx-dlf-search form input[type="radio"]:after{position:absolute;top:4px;left:4px;width:8px;height:8px;border-radius:4px;background:white;content:" ";opacity:0}#rightcol .tx-dlf-search form input[type="radio"]:hover{border-color:white}#rightcol .tx-dlf-search form input[type="radio"]:checked{background:#178ca4}#rightcol .tx-dlf-search form input[type="radio"]:checked:after{opacity:1}#rightcol .tx-dlf-search form label{margin-right:10px}#rightcol .tx-dlf-search form label[for="tx-dlf-search-query"]{display:none}#rightcol .tx-dlf-search form #tx-dlf-search-suggest{position:absolute}#rightcol .tx-dlf-search form #tx-dlf-search-suggest ul{z-index:300;margin:10px 0 0 0;padding:0;background:white;box-shadow:0 2px 8px rgba(0,0,0,0.4)}#rightcol .tx-dlf-search form #tx-dlf-search-suggest ul li{color:#167;padding:10px 15px;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;border-bottom:1px solid #d9d9d9}.no-touchevents #rightcol .tx-dlf-search form #tx-dlf-search-suggest ul li{-webkit-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;cursor:pointer}.no-touchevents #rightcol .tx-dlf-search form #tx-dlf-search-suggest ul li:hover{background:white;color:#167}#rightcol .tx-dlf-search form #tx-dlf-search-suggest ul:after{position:absolute;top:-10px;left:20px;width:0;height:0;border:10px solid transparent;border-top-width:0;border-bottom-color:white;content:" ";z-index:301}@media screen and (min-width:1024px){#rightcol .tx-dlf-search{position:relative;top:auto;right:auto;bottom:auto;left:auto;overflow:visible}#rightcol .tx-dlf-search form input[type="text"]{box-shadow:2px 2px 4px rgba(0,0,0,0.1);border:1px solid #afafaf}#rightcol .tx-dlf-search form input[type="submit"]{top:1px;right:1px;height:38px}#rightcol .tx-dlf-search form input[type="radio"]{border-color:#167;height:16px;width:16px;border-radius:8px}#rightcol .tx-dlf-search form input[type="radio"]:after{top:2px;left:2px}#rightcol .tx-dlf-search form input[type="radio"]:hover{border-color:#c00}#rightcol .tx-dlf-search form label:hover{color:#c00}#rightcol .tx-dlf-search form #tx-dlf-search-suggest ul{background:rgba(17,102,119,0.9)}#rightcol .tx-dlf-search form #tx-dlf-search-suggest ul li{color:white}#rightcol .tx-dlf-search form #tx-dlf-search-suggest ul:after{border-bottom-color:rgba(17,102,119,0.9)}}#rightcol .tx-dlf-search-facets{position:relative;font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;color:white}#rightcol .tx-dlf-search-facets ul{padding:0;margin:0}#rightcol .tx-dlf-search-facets ul li{font-size:18px;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;text-transform:uppercase;padding:0;display:none;margin:30px 0}#rightcol .tx-dlf-search-facets ul li.tx-dlf-search-ifsub{display:block}#rightcol .tx-dlf-search-facets ul li ul{border-top:1px solid rgba(255,255,255,0.3)}#rightcol .tx-dlf-search-facets ul li ul li{font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;text-transform:none;opacity:1;display:block;margin:0}#rightcol .tx-dlf-search-facets ul li ul li a{position:relative;color:white;font-size:14px;padding:5px 0;display:inline-block}#rightcol .tx-dlf-search-facets ul li ul li.tx-dlf-search-cur{font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif}#rightcol .tx-dlf-search-facets ul li .facets-toggle{font-size:14px;border-top:1px solid rgba(255,255,255,0.6);padding-top:5px;opacity:.5}.no-touchevents #rightcol .tx-dlf-search-facets ul li .facets-toggle{cursor:pointer}@media screen and (min-width:1024px){#rightcol .tx-dlf-search-facets ul li{color:#666;font-size:16px}#rightcol .tx-dlf-search-facets ul li ul{margin:5px 0;border-top:1px solid #d9d9d9}#rightcol .tx-dlf-search-facets ul li ul li a{color:#167}#rightcol .tx-dlf-search-facets ul li ul li.tx-dlf-search-cur a{position:relative;padding-left:18px}#rightcol .tx-dlf-search-facets ul li ul li.tx-dlf-search-cur a:after{position:absolute;top:50%;left:0;margin-top:-16px;content:"+";font-size:30px;line-height:30px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#rightcol .tx-dlf-search-facets ul li .facets-toggle{border-top:1px solid #d9d9d9}}body.collections #leftcol #c15323 h3{margin-top:0;font-size:14px;bottom:-11px;padding:0 5px;left:15px;text-transform:uppercase;color:#757575;background:white;display:inline-block}body.collections #leftcol #c15323 .tx-dlf-search{border:solid #d9d9d9;border-width:1px 0;padding:20px 0 15px 0}body.collections #leftcol #c15323 .tx-dlf-search form{position:relative;margin:0;font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;font-size:14px}body.collections #leftcol #c15323 .tx-dlf-search form label{width:auto;margin:0;display:inline-block;float:none;vertical-align:middle}body.collections #leftcol #c15323 .tx-dlf-search form input[type="text"]{position:relative;width:100%;font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;font-size:14px;background:white;border:1px solid #167;line-height:1.1;padding:4px 10px;height:40px;color:#333;box-shadow:0 2px 6px rgba(0,0,0,0.3);margin-bottom:10px;float:none}body.collections #leftcol #c15323 .tx-dlf-search form input[type="text"]:focus{color:#167}body.collections #leftcol #c15323 .tx-dlf-search form input[type="submit"]{position:absolute;top:1px;right:1px;width:38px;height:38px;font:0/0 'Open Sans',Helvetica,Arial,sans-serif;color:transparent;text-shadow:none;background-color:transparent;border:0;background:#e6f5f7 url('/typo3conf/ext/slub_digitalcollections/Resources/Public/Images/Slub/viewerControlIcons.svg') no-repeat -560px 0;background-size:auto 120px;border-radius:20px 0 0 20px}body.collections #leftcol #c15323 .tx-dlf-search form input[type="radio"]{position:relative;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:10px;vertical-align:middle;margin:0 3px 0 0;float:none;background:#178ca4}body.collections #leftcol #c15323 .tx-dlf-search form input[type="radio"]:after{position:absolute;top:5px;left:5px;width:6px;height:6px;border-radius:4px;background:white;content:" ";opacity:0}body.collections #leftcol #c15323 .tx-dlf-search form input[type="radio"]:hover{border-color:white}body.collections #leftcol #c15323 .tx-dlf-search form input[type="radio"]:checked{background:#167}body.collections #leftcol #c15323 .tx-dlf-search form input[type="radio"]:checked:after{opacity:1}body.collections #leftcol #c15323 .tx-dlf-search form label{margin-right:10px}body.collections #leftcol #c15323 .tx-dlf-search form label[for="tx-dlf-search-query"]{display:none}body.collections #leftcol #c15323 .tx-dlf-search form #tx-dlf-search-suggest{position:absolute}body.collections #leftcol #c15323 .tx-dlf-search form #tx-dlf-search-suggest:after{position:absolute;top:0;left:20px;width:0;height:0;border:10px solid transparent;border-top-width:0;border-bottom-color:white;content:" ";z-index:301}body.collections #leftcol #c15323 .tx-dlf-search form #tx-dlf-search-suggest ul{z-index:300;margin:10px 0 0 0;padding:0;background:white;box-shadow:0 2px 8px rgba(0,0,0,0.4)}body.collections #leftcol #c15323 .tx-dlf-search form #tx-dlf-search-suggest ul li{color:#167;padding:10px 15px;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;border-bottom:1px solid #d9d9d9}.no-touchevents body.collections #leftcol #c15323 .tx-dlf-search form #tx-dlf-search-suggest ul li{-webkit-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;cursor:pointer}.no-touchevents body.collections #leftcol #c15323 .tx-dlf-search form #tx-dlf-search-suggest ul li:hover{background:white;color:#167}body.collections #leftcol #c15323 .tx-dlf-search form .tx-dlf-search-extended,body.collections #leftcol #c15323 .tx-dlf-search form .extended-search-toggle{display:none}body.collections #leftcol .tx-dlf-collection{position:relative;padding-top:30px;margin-top:20px}body.collections #leftcol .tx-dlf-collection-list{margin:0 -5px;padding:0}body.collections #leftcol .tx-dlf-collection-list:before,body.collections #leftcol .tx-dlf-collection-list:after{content:" ";display:table}body.collections #leftcol .tx-dlf-collection-list:after{clear:both}body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col{width:100%}body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col.col-2,body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col.col-3{display:none}body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item{position:relative;padding:15px 0}body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-thumbnail{overflow:hidden;border:1px solid #d9d9d9}body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-thumbnail img{border:2px solid white;min-width:100%}body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-meta-information{position:absolute;right:3px;bottom:18px;left:3px;background:white;overflow:hidden;padding:10px;line-height:1.3}body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-meta-information .tx-dlf-collection-counts{font-size:14px;margin:0}body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-meta-information h4{margin:0 0 4px 0;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;font-size:16px;text-transform:uppercase}body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-meta-information h4 a{font-color:#167;text-decoration:none}body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-meta-information>a[href*="rss"]{display:none}.no-touchevents body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item{cursor:pointer}.no-touchevents body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-thumbnail img,.no-touchevents body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-meta-information,.no-touchevents body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-meta-information h4 a{-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.no-touchevents body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-meta-information h4{padding-right:30px}.no-touchevents body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-meta-information>a{position:absolute;top:50%;right:10px;width:30px;height:30px;margin-top:-15px;display:block;font:0/0 'Open Sans',Helvetica,Arial,sans-serif;color:transparent;text-shadow:none;background-color:transparent;border:0;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PHBhdGggZD0iTTE1IDM4LjFoM2MwLTExIDguOS0xOS41IDIwLjMtMTkuNXYtM2MtMTMtLjEtMjMuMyA5LjgtMjMuMyAyMi41eiIvPjxwYXRoIGQ9Ik0yLjMgMzguMWgzQzUuMyAxOS41IDE5LjggNSAzOC4zIDVWMmMtMjAuMiAwLTM2IDE1LjgtMzYgMzYuMXoiLz48Y2lyY2xlIGN4PSIzMy44IiBjeT0iMzMuNiIgcj0iNC41Ii8+PC9zdmc+") no-repeat center center;background-size:30px auto;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transform:translateX(60px);-moz-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);opacity:0}.no-touchevents body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-meta-information>a img{display:none}.no-touchevents body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item:hover .tx-dlf-collection-thumbnail img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);opacity:.8}.no-touchevents body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item:hover .tx-dlf-collection-meta-information{padding-bottom:20px}.no-touchevents body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item:hover .tx-dlf-collection-meta-information h4 a{color:#c00}.no-touchevents body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item:hover .tx-dlf-collection-meta-information>a{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:.3}.no-touchevents body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item:hover .tx-dlf-collection-meta-information>a:hover{opacity:1;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}body.collections #leftcol .tx-dlf-collection-list.alphabetical{position:relative;min-height:2000px;margin-top:30px}body.collections #leftcol .tx-dlf-collection-list.alphabetical li{position:relative;width:100%;border-top:1px dotted #ccc;padding:20px 0;display:flex;align-items:center}body.collections #leftcol .tx-dlf-collection-list.alphabetical li.tx-dlf-collection-col{display:none}body.collections #leftcol .tx-dlf-collection-list.alphabetical li.order-label{border:0 none;height:0;padding:0;z-index:122}body.collections #leftcol .tx-dlf-collection-list.alphabetical li.order-label .order-label-value{position:absolute;top:-25px;right:50%;height:50px;min-width:50px;border-radius:25px;background:rgba(216,233,237,0.7);border:1px solid white;color:#167;padding:5px 15px;text-align:center;font-size:30px;font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;white-space:nowrap;line-height:1.1;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);-moz-font-feature-settings:"lnum";-webkit-font-feature-settings:"lnum";font-feature-settings:"lnum"}body.collections #leftcol .tx-dlf-collection-list.alphabetical li.order-label:hover:before{display:none}body.collections #leftcol .tx-dlf-collection-list.alphabetical li .tx-dlf-collection-thumbnail{width:70px;height:100px;background:white;z-index:120}body.collections #leftcol .tx-dlf-collection-list.alphabetical li .tx-dlf-collection-thumbnail img{height:100%;min-width:70px;object-fit:cover;border:1px solid #d9d9d9}body.collections #leftcol .tx-dlf-collection-list.alphabetical li .tx-dlf-collection-meta-information{position:relative;bottom:auto;left:auto;right:auto;background:transparent;padding:0 0 0 20px;overflow:visible}body.collections #leftcol .tx-dlf-collection-list.alphabetical li .tx-dlf-collection-meta-information h4{font-size:18px;font-weight:normal;margin:0}body.collections #leftcol .tx-dlf-collection-list.alphabetical li .tx-dlf-collection-meta-information h4 a{color:#333;text-decoration:none}body.collections #leftcol .tx-dlf-collection-list.alphabetical li .tx-dlf-collection-meta-information h4 a:hover{text-decoration:none}body.collections #leftcol .tx-dlf-collection-list.alphabetical li .tx-dlf-collection-meta-information>a{display:none}body.collections #leftcol .tx-dlf-collection-list.alphabetical li .tx-dlf-collection-meta-information p{height:auto;opacity:1;font-size:16px;padding:5px 0 0 0;margin:0;color:#333}body.collections #leftcol .tx-dlf-collection-list.alphabetical li .tx-dlf-collection-meta-information>a{right:-25px;top:0;bottom:auto}body.collections #leftcol .tx-dlf-collection-list.alphabetical li:before{position:absolute;top:5px;right:-5px;bottom:5px;left:-5px;background:#d8e9ed;content:" ";opacity:0;pointer-events:none;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}body.collections #leftcol .tx-dlf-collection-list.alphabetical li:hover .tx-dlf-collection-thumbnail img,body.collections #leftcol .tx-dlf-collection-list.alphabetical li:hover:before{opacity:1}body.collections #leftcol .tx-dlf-collection-list.alphabetical li:hover .tx-dlf-collection-meta-information p{border-top-color:transparent}body.collections #leftcol .tx-dlf-collection-list.alphabetical li:hover .tx-dlf-collection-meta-information>a{bottom:auto}body.collections #leftcol .tx-dlf-collection-list.alphabetical-ready li{opacity:1}body.collections #leftcol .tx-dlf-list-toggle-container{position:absolute;top:0;left:0;display:flex;align-items:center;cursor:pointer;z-index:130;font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif}body.collections #leftcol .tx-dlf-list-toggle-container .tx-dlf-list-toggle{position:relative;width:35px;height:20px;background:white;border-radius:20px;border:1px solid #167;margin:0 10px}body.collections #leftcol .tx-dlf-list-toggle-container .tx-dlf-list-toggle .toggle-state{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:7px;background:#167;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}body.collections #leftcol .tx-dlf-list-toggle-container.alphabetical .tx-dlf-list-toggle .toggle-state{left:17px}body.collections #leftcol .tx-dlf-list-toggle-container .label{font-size:14px;opacity:.4;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}body.collections #leftcol .tx-dlf-list-toggle-container .label.active{opacity:1;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif}body.collections #leftcol .tx-dlf-collection-list-additionals{display:none}@media screen and (min-width:480px){body.collections #leftcol .tx-dlf-collection{padding-top:0}body.collections #leftcol .tx-dlf-list-toggle-container{right:0;top:-45px;left:auto}body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col{width:50%;float:left}body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col.col-2{display:block}body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col.col-3{display:none}body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item{padding:5px}body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-meta-information{right:8px;bottom:8px;left:8px}body.collections #leftcol .tx-dlf-collection-list.alphabetical{margin-top:0}}@media screen and (min-width:1024px){body.collections #leftcol{padding:0;width:100%;float:none}body.collections #leftcol .tx-dlf-statistics{font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif}body.collections #leftcol .tx-dlf-statistics strong{font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;font-size:26px;white-space:nowrap;color:#c00}body.collections #leftcol #c15323 .tx-dlf-search{padding:30px 10% 30px 0}body.collections #leftcol #c15323 .tx-dlf-search form input[type="text"]{border-color:rgba(17,102,119,0.5)}body.collections #leftcol #c15323 .tx-dlf-search form input[type="submit"]{-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}body.collections #leftcol #c15323 .tx-dlf-search form .tx-dlf-search-extended{position:relative;display:block;margin:0;height:0;opacity:0;pointer-events:none;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}body.collections #leftcol #c15323 .tx-dlf-search form .tx-dlf-search-extended select{position:absolute;top:0;display:block;appearance:none;-webkit-appearance:none;height:40px;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiA0MCI+PHBhdGggZmlsbD0iIzE2NyIgZD0iTTguNiAxOGwtNC4xIDYuMDRMLjQgMTh6Ii8+PC9zdmc+") no-repeat right center;background-size:auto 40px;border-right:1px solid;border-color:transparent #167 transparent transparent;border-radius:0;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;z-index:100;padding:10px;color:#167;font-size:14px}body.collections #leftcol #c15323 .tx-dlf-search form .tx-dlf-search-extended select.tx-dlf-search-operator{left:0;width:70px}body.collections #leftcol #c15323 .tx-dlf-search form .tx-dlf-search-extended select.tx-dlf-search-field{left:70px}body.collections #leftcol #c15323 .tx-dlf-search form .extended-search-toggle{position:absolute;right:0;bottom:0;display:block;cursor:pointer;text-decoration:underline}body.collections #leftcol #c15323 .tx-dlf-search form .extended-search-toggle span{display:none}body.collections #leftcol #c15323 .tx-dlf-search form.extendend-search-active{padding-bottom:40px}body.collections #leftcol #c15323 .tx-dlf-search form.extendend-search-active input[type="submit"]{top:267px;right:-10%;height:50px;width:50px;border-radius:25px;background-position:-555px 5px}body.collections #leftcol #c15323 .tx-dlf-search form.extendend-search-active .tx-dlf-search-extended{margin:15px 0 -5px 0;height:40px;opacity:1;pointer-events:all}body.collections #leftcol #c15323 .tx-dlf-search form.extendend-search-active .extended-search-toggle span{display:inline}body.collections #leftcol .tx-dlf-collection-list{margin:20px -15px}body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col{width:33.333333%;float:left}body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col.col-3{display:block}body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item{padding:15px}body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-meta-information{right:16px;left:16px;bottom:16px;padding:15px 15px 15px 15px}body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-meta-information h4{margin:0}body.collections #leftcol .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-meta-information .tx-dlf-collection-counts{font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;font-size:12px}}@media screen and (min-width:1200px){body.collections #leftcol .tx-dlf-statistics{padding-right:20%}body.collections #leftcol #c15323 .tx-dlf-search{padding:30px 20% 30px 0}}/*# sourceMappingURL=Resources/Public/Css/DigitalcollectionsLists.css.map */
\ No newline at end of file
diff --git a/Resources/Public/Images/BackendLayouts/workview.png b/Resources/Public/Images/BackendLayouts/workview.png
new file mode 100644
index 00000000..6a65c2fa
Binary files /dev/null and b/Resources/Public/Images/BackendLayouts/workview.png differ
diff --git a/Resources/Public/Images/Basiclogo.svg b/Resources/Public/Images/Basiclogo.svg
new file mode 100644
index 00000000..0767ecdf
--- /dev/null
+++ b/Resources/Public/Images/Basiclogo.svg
@@ -0,0 +1 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 440 130" xml:space="preserve"><style>.st0{fill:#fff}</style><path class="st0" d="M148.6 38.2H168v55.2h32.5v15.3h-52V38.2zM203.9 73.8c0-5.8.8-10.9 2.4-15.5 1.6-4.6 3.9-8.5 7-11.6 3.1-3.2 6.9-5.6 11.5-7.3 4.5-1.7 9.7-2.5 15.6-2.5 5.7 0 10.8.8 15.3 2.4 4.5 1.6 8.3 4 11.3 7.1 3.1 3.1 5.4 6.9 7 11.4 1.6 4.5 2.4 9.7 2.4 15.4 0 5.8-.8 11-2.4 15.5-1.6 4.6-3.9 8.4-7 11.6s-6.9 5.6-11.5 7.3c-4.5 1.7-9.7 2.5-15.6 2.5-5.7 0-10.8-.8-15.3-2.4-4.5-1.6-8.3-4-11.3-7.1-3.1-3.1-5.4-6.9-7-11.4-1.6-4.5-2.4-9.6-2.4-15.4zm36.4 21.7c2.9 0 5.4-.6 7.4-1.7 2-1.2 3.7-2.7 4.9-4.7 1.3-2 2.2-4.3 2.8-6.9.6-2.6.9-5.4.9-8.3 0-2.9-.3-5.7-.8-8.4-.6-2.7-1.5-5.1-2.8-7.1-1.3-2.1-3-3.7-5.1-5-2.1-1.3-4.6-1.9-7.6-1.9-2.9 0-5.4.6-7.4 1.7-2 1.2-3.7 2.7-4.9 4.7-1.3 2-2.2 4.3-2.8 6.9-.6 2.6-.9 5.4-.9 8.3 0 2.9.3 5.7.8 8.4.6 2.7 1.5 5.1 2.8 7.1 1.3 2.1 3 3.7 5.1 5 2.1 1.3 4.6 1.9 7.6 1.9zM284.2 74c0-5.8.8-10.9 2.3-15.5 1.5-4.6 3.8-8.5 6.8-11.7 3-3.2 6.7-5.7 11.2-7.4 4.4-1.7 9.6-2.6 15.3-2.6 2.6 0 5.2.2 7.8.6s5 .9 7.3 1.7c2.3.7 4.5 1.7 6.5 2.8 2 1.1 3.7 2.5 5.1 4 1.4 1.5 2.6 3.3 3.4 5.2.8 2 1.2 4.1 1.2 6.5 0 .7 0 1.3-.1 1.9l-.3 1.8-18.8 2.3v-.8-.7c0-2.1-.3-3.8-.9-5.2a8.5 8.5 0 00-2.5-3.3c-1.1-.8-2.3-1.4-3.7-1.8-1.4-.3-2.9-.5-4.4-.5-2.8 0-5.2.5-7.3 1.5-2 1-3.7 2.5-5.1 4.4-1.3 1.9-2.3 4.2-3 7-.6 2.7-1 5.8-1 9.2 0 3.3.3 6.2.9 8.9.6 2.7 1.7 5 3.1 6.9 1.4 1.9 3.3 3.4 5.6 4.5s5.2 1.6 8.5 1.6c1.8 0 3.8-.2 5.7-.5 2-.3 3.8-.9 5.4-1.7v-8H320V70.6h33v29.8c-4.3 3.1-9.2 5.5-14.5 7.2-5.3 1.7-11.1 2.5-17.5 2.5-6.2 0-11.6-.8-16.2-2.5-4.6-1.6-8.4-4-11.5-7.1s-5.4-6.9-6.9-11.4c-1.4-4.4-2.2-9.4-2.2-15.1zM362.8 73.8c0-5.8.8-10.9 2.4-15.5 1.6-4.6 3.9-8.5 7-11.6 3.1-3.2 6.9-5.6 11.5-7.3 4.5-1.7 9.7-2.5 15.6-2.5 5.7 0 10.8.8 15.3 2.4 4.5 1.6 8.3 4 11.3 7.1 3.1 3.1 5.4 6.9 7 11.4 1.6 4.5 2.4 9.7 2.4 15.4 0 5.8-.8 11-2.4 15.5-1.6 4.6-3.9 8.4-7 11.6s-6.9 5.6-11.5 7.3c-4.5 1.7-9.7 2.5-15.6 2.5-5.7 0-10.8-.8-15.3-2.4-4.5-1.6-8.3-4-11.3-7.1s-5.4-6.9-7-11.4c-1.6-4.5-2.4-9.6-2.4-15.4zm36.5 21.7c2.9 0 5.4-.6 7.4-1.7 2-1.2 3.7-2.7 4.9-4.7 1.3-2 2.2-4.3 2.8-6.9.6-2.6.9-5.4.9-8.3 0-2.9-.3-5.7-.8-8.4-.6-2.7-1.5-5.1-2.8-7.1-1.3-2.1-3-3.7-5.1-5-2.1-1.3-4.6-1.9-7.6-1.9-2.9 0-5.4.6-7.4 1.7-2 1.2-3.7 2.7-4.9 4.7-1.3 2-2.2 4.3-2.8 6.9-.6 2.6-.9 5.4-.9 8.3 0 2.9.3 5.7.8 8.4.6 2.7 1.5 5.1 2.8 7.1 1.3 2.1 3 3.7 5.1 5 2.1 1.3 4.6 1.9 7.6 1.9z"/><g><path class="st0" d="M74.7 18.9L38.5 55.1l-.9-11.8c-.3-4.2-4.1-7.7-8.3-7.7-4.1 0-7.5 2.9-8.2 6.7-.4 1.5-9.6 37.1-11.4 49.3-.1.8.1 1.5.7 2.1L41.7 125c.8.8 2 .9 2.9.4l25.3-14.1c4.2-2.3 8-5.2 11.4-8.6L92.1 92c3.8-3.8 3.8-10.1 0-13.9l-2.6-2.6-12.2 12.1c-.5.5-1.3.5-1.7 0-.5-.5-.5-1.3 0-1.7l13.3-13.3c.5-2.4-.2-4.9-2-6.7l-4.3-4.3-7 7c-.5.5-1.3.5-1.7 0-.5-.5-.5-1.3 0-1.7l8.1-8.1c.5-2.4-.2-4.9-2-6.7l-4.3-4.3L65.2 58c-.5.5-1.3.5-1.7 0-.5-.5-.5-1.3 0-1.7l27.7-27.7c1-3.4.2-7.1-2.4-9.8-4-3.7-10.2-3.7-14.1.1z"/></g></svg>
\ No newline at end of file
diff --git a/Resources/Public/Images/Slub/Slublogo.svg b/Resources/Public/Images/Slub/Slublogo.svg
new file mode 100644
index 00000000..a069bff7
--- /dev/null
+++ b/Resources/Public/Images/Slub/Slublogo.svg
@@ -0,0 +1 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="440" height="130" xml:space="preserve"><style>.st0{fill:#fff}</style><path class="st0" d="M24.1 4v11.1l75.4 10.6v79.8l11.2 1.6V16.2L24.1 4zM2 112.9L88.6 125V34.1L2 21.9v91zM189.8 114.1c-7.1 0-15.7-1.1-22.4-4V93.4c1.8-.2 4.4-.4 6.1-.4 1.8 0 4.6.1 6.2.4l1.2 7.4c2.5.8 6.1 1.3 10.1 1.3 8.1 0 11.7-3.4 11.7-9.7 0-14.4-34.7-12.6-34.7-36.2 0-14.8 11.7-23.1 28.8-23.1 6.1 0 13.2.7 18.6 2.1v17.7c-1.8.2-4.6.5-6.2.5-1.8 0-4.8-.2-6.5-.5l-.9-7.2c-1.8-.2-4.7-.5-7.1-.5-8.5 0-11.3 3.6-11.3 9.5 0 12.4 34.7 11.8 34.7 36-.4 14.6-11.4 23.4-28.3 23.4zm95-1.2h-54.4c-.1-1.6-.2-3.9-.2-5.5s.1-3.9.2-5.5l8-1.2V46.2l-8-1.2c-.1-1.6-.2-3.9-.2-5.5s.1-3.9.2-5.5H261c.1 1.6.2 3.9.2 5.5s-.1 3.9-.2 5.5l-8.1 1.2v54.7H271l.9-7.4c1.8-.2 4.8-.3 6.5-.3 1.8 0 4.4.1 6.2.3v19.4h.2zm80.1-67.8l-6.7 1.2v37.6c0 21.2-10.2 30.2-29.5 30.2-20.2 0-29.5-9-29.5-30.2V46.3l-6.7-1.2c-.1-1.6-.2-3.9-.2-5.5s.1-3.9.2-5.5h27.6c.2 1.6.4 3.9.4 5.5s-.1 3.9-.4 5.5l-6.3 1.2v37.6c0 12.6 3.7 17.4 15.1 17.4 11.3 0 15.3-4.8 15.3-17.4V46.3l-6.3-1.2c-.2-1.6-.4-3.9-.4-5.5s.1-3.9.4-5.5h26.9c.2 1.6.4 3.9.4 5.5.1 1.6 0 3.9-.3 5.5zm45.1 68.5c-8.2 0-22.3-.2-31.8-.7-.1-1.6-.2-3.9-.2-5.5s.1-3.9.2-5.5l8-1.2V46.2l-8-1.2c-.1-1.6-.2-3.9-.2-5.5s.1-3.9.2-5.5c9.7-.5 20.6-.7 30.6-.7 18 0 27.9 6.1 27.9 20.8 0 8.1-4.7 14.1-10.8 17v.9c8.3 2.7 13 9.2 13 18.4.1 17-12.3 23.2-28.9 23.2zm-.3-69c-2.5 0-6.3.1-9.2.2v22.3h10.8c6.5 0 10.8-3.7 10.8-11.6-.1-7.6-4.4-10.9-12.4-10.9zm1.6 33.6h-10.9v23.9c2.2.1 7.5.2 10.1.2 9.2 0 13.4-3.9 13.4-12.5 0-8-4.8-11.6-12.6-11.6z"/></svg>
\ No newline at end of file
diff --git a/Resources/Public/Images/Slub/headerbarBg.svg b/Resources/Public/Images/Slub/headerbarBg.svg
new file mode 100644
index 00000000..ec170138
--- /dev/null
+++ b/Resources/Public/Images/Slub/headerbarBg.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="440" height="70" preserveAspectRatio="none"><path d="M438.5 0L370 65 0 53.5V0h438.5z" fill="#c00"/></svg>
\ No newline at end of file
diff --git a/Resources/Public/Images/Slub/viewerControlIcons.svg b/Resources/Public/Images/Slub/viewerControlIcons.svg
new file mode 100644
index 00000000..78456b91
--- /dev/null
+++ b/Resources/Public/Images/Slub/viewerControlIcons.svg
@@ -0,0 +1 @@
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 680 120" xml:space="preserve"><style>.st0{fill:none;stroke:#278;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10}.st0,.st1,.st2{stroke-linecap:round}.st1{fill:none;stroke:#fff;stroke-width:1.5;stroke-linejoin:round;stroke-miterlimit:10}.st2{stroke:#278;stroke-width:2;stroke-dasharray:5}.st2,.st3,.st4{fill:none;stroke-linejoin:round;stroke-miterlimit:10}.st3{stroke:#c00;stroke-width:2;stroke-linecap:round}.st4{stroke:#fff;stroke-width:1.5}.st5{fill:#fff}.st6,.st9{fill:none;stroke:#fff;stroke-width:1.5;stroke-miterlimit:10}.st9{stroke-linecap:round}.st10,.st12{opacity:.5;fill:#fff;enable-background:new}.st12{opacity:.6}.st16{fill:none;stroke:#c00;stroke-width:1.5;stroke-linejoin:round;stroke-miterlimit:10}</style><path class="st0" d="M22.5 20.5c.9.9 2.1.9 2.9.1l4-4c1.2-1.2 1.2-3.1 0-4.2l-1.8-1.8c-1.2-1.2-3.1-1.2-4.2 0l-4 4c-.8.8-.8 2.1 0 2.8l.1.1M17.5 19.5c-.9-.9-2.1-.9-2.9-.1l-4 4c-1.2 1.2-1.2 3.1 0 4.2l1.8 1.8c1.2 1.2 3.1 1.2 4.2 0l4-4c.8-.8.8-2.1 0-2.8l-.1-.1M16.1 23.9l7.8-7.8"/><circle class="st0" cx="219.7" cy="12.2" r="2.6"/><path class="st0" d="M222.5 12.1h8.5M209 12.1h8"/><circle class="st0" cx="214.6" cy="20" r="2.6"/><path class="st0" d="M217 20.1h14M209 20.1h3"/><circle class="st0" cx="223.6" cy="27.8" r="2.6"/><path class="st0" d="M226 27.6h5M209 27.6h12"/><path class="st1" d="M345.2 102.2c.4.4 1 .4 1.4 0l1.9-1.9c.6-.6.6-1.5 0-2.1l-.9-.9c-.6-.6-1.5-.6-2.1 0l-1.9 1.9c-.4.4-.4 1 0 1.4M342.8 101.8c-.4-.4-1-.4-1.4 0l-1.9 1.9c-.6.6-.6 1.5 0 2.1l.9.9c.6.6 1.5.6 2.1 0l1.9-1.9c.4-.4.4-1 0-1.4M342.1 103.9l3.8-3.8M468.2 102.2c.4.4 1 .4 1.4 0l1.9-1.9c.6-.6.6-1.5 0-2.1l-.9-.9c-.6-.6-1.5-.6-2.1 0l-1.9 1.9c-.4.4-.4 1 0 1.4M465.8 101.8c-.4-.4-1-.4-1.4 0l-1.9 1.9c-.6.6-.6 1.5 0 2.1l.9.9c.6.6 1.5.6 2.1 0l1.9-1.9c.4-.4.4-1 0-1.4M465.1 103.9l3.8-3.8M385.2 102.2c.4.4 1 .4 1.4 0l1.9-1.9c.6-.6.6-1.5 0-2.1l-.9-.9c-.6-.6-1.5-.6-2.1 0l-1.9 1.9c-.4.4-.4 1 0 1.4M382.8 101.8c-.4-.4-1-.4-1.4 0l-1.9 1.9c-.6.6-.6 1.5 0 2.1l.9.9c.6.6 1.5.6 2.1 0l1.9-1.9c.4-.4.4-1 0-1.4M382.1 103.9l3.8-3.8"/><path class="st2" d="M259.1 29.5c-4-.5-7.2-3.9-7.2-8 0-1.3.3-2.5.9-3.6"/><path class="st0" d="M259.1 13.4h.9c4.5 0 8.1 3.6 8.1 8.1 0 3.6-2.4 6.7-5.7 7.7"/><path class="st0" d="M261.2 10.5l-4.2 3 4.2 3"/><path class="st2" d="M260.9 69.5c4-.5 7.2-3.9 7.2-8 0-1.3-.3-2.5-.9-3.6"/><path class="st0" d="M260.9 53.4h-.9c-4.5 0-8.1 3.6-8.1 8.1 0 3.6 2.4 6.7 5.7 7.7"/><path class="st0" d="M258.8 50.5l4.2 3-4.2 3M349.8 10.2l-7.4 7.4M342 10.2h7.8V18M330.2 29.8l7.4-7.4M338 29.8h-7.8V22M583.8 56.1l-7.4 7.4M576 56.1h7.8v7.8M300 9.6v10.1M294.5 15.1l5.5-5.5 5.5 5.5M296.3 30.4v-7.8l7.4 7.3v-7.3"/><circle class="st0" cx="380" cy="20" r="10.5"/><path class="st0" d="M375.5 20h9M380 24.5v-9"/><circle class="st0" cx="420" cy="20" r="10.5"/><path class="st0" d="M415.5 20h9M70 25.7v1.7c0 1.4-1.2 2.6-2.6 2.6H52.6c-1.4 0-2.6-1.2-2.6-2.6v-1.7M60 25.6V10M66.4 19.2L60 25.6l-6.4-6.4M100 12.9c0-2.1 5.7-3.8 12.6-3.8v18.1c-7 0-12.6 1.7-12.6 3.8 0-2.1-5.7-3.8-12.6-3.8V9c6.9 0 12.6 1.7 12.6 3.9zM100 12.9v17.9M97.3 15.3c-1.8-.7-4.3-1.2-7.1-1.4M97.3 18.6c-1.8-.7-4.3-1.2-7.1-1.4M97.3 21.9c-1.8-.7-4.3-1.2-7.1-1.4M97.3 25.2c-1.8-.7-4.3-1.2-7.1-1.4M102.7 15.3c1.8-.7 4.3-1.2 7.1-1.4M102.7 18.6c1.8-.7 4.3-1.2 7.1-1.4M102.7 21.9c1.8-.7 4.3-1.2 7.1-1.4M102.7 25.2c1.8-.7 4.3-1.2 7.1-1.4M169.5 10.1h4.7v4.7h-4.7zM177.6 10.1h4.7v4.7h-4.7zM185.8 10.1h4.7v4.7h-4.7zM169.5 17.6h4.7v4.7h-4.7zM177.6 17.6h4.7v4.7h-4.7zM185.8 17.6h4.7v4.7h-4.7zM169.5 25.2h4.7v4.7h-4.7zM177.6 25.2h4.7v4.7h-4.7zM185.8 25.2h4.7v4.7h-4.7z"/><path class="st3" d="M62.5 76.7v8.2l-9.7 9.8H35.1v7.8L17.5 80l17.6-22.5v7.8h27.4z"/><path class="st3" d="M52.4 94.2v-9.6H62M103.4 63v4.4L96.6 60l6.8-7.4V57"/><path class="st3" d="M107.4 52.6v14.8l-6.7-7.4zM99.3 63v4.4L92.6 60l6.7-7.4V57M105 92.6v14.8l-6.8-7.4zM95 92.6v14.8M177.5 76.7v8.2l9.7 9.8h17.7v7.8L222.5 80l-17.6-22.5v7.8h-27.4z"/><path class="st3" d="M187.6 94.2v-9.6H178M136.6 62.9l-.1 4.4 6.8-7.4-6.7-7.4v4.4"/><path class="st3" d="M132.6 52.4l-.1 14.9 6.8-7.4zM140.6 62.9v4.4l6.8-7.4-6.7-7.4v4.4M135 92.6v14.8l6.8-7.4zM145 92.6v14.8"/><path class="st1" d="M377.1 68.4h-3.4c-.8 0-1.5-.7-1.5-1.5V53.4"/><path class="st1" d="M386.2 51.6h-12.5c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5h12.5v2.3"/><circle class="st1" cx="383.2" cy="64" r="4.4"/><path class="st1" d="M383.2 65.9v-3.7M381.8 64.4l1.4 1.5 1.5-1.5M343.2 51.6h-9.8c-.8 0-1.5.7-1.5 1.5V67c0 .8.7 1.5 1.5 1.5h4.4"/><circle class="st1" cx="343.5" cy="64" r="4.4"/><path class="st1" d="M343.5 65.9v-3.7M342 64.4l1.5 1.5 1.5-1.5M335.1 65.5h.5M335.1 54.7h7.6M335.1 57.4h4.3M335.1 60.1h1.6M335.1 62.8h.3M377.1 108.4h-3.4c-.8 0-1.5-.7-1.5-1.5V93.4"/><path class="st1" d="M386.2 91.6h-12.5c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5h12.5M343.2 91.6h-9.8c-.8 0-1.5.7-1.5 1.5V107c0 .8.7 1.5 1.5 1.5h4.4M335.1 105.5h.5M335.1 94.7h7.6M335.1 97.4h5.3M335.1 100.1h2.6M335.1 102.8h1.3M303 51.5v5M297.8 51.5v17M307.4 51.5h-12.6c-2.5 0-4.5 2-4.5 4.5s2 4.5 4.5 4.5h3"/><circle class="st1" cx="305.1" cy="63.7" r="4.4"/><path class="st1" d="M305.1 65.6v-3.7M303.7 64.1l1.4 1.5 1.5-1.5"/><path class="st0" d="M272 98.2v4.5l-5.3 5.3H257v4.3l-9.6-12.3 9.6-12.3V92h15v6.2z"/><path class="st0" d="M267 108v-5h5M288 98.2v4.5l5.3 5.3h9.7v4.3l9.6-12.3-9.6-12.3V92h-15z"/><path class="st0" d="M293 108v-5h-5"/><path class="st4" d="M428 52.7l-16.4 6.8L418 62l10-9.3z"/><path class="st4" d="M428 52.7l-2.9 13.2L418 62zM418 62v5.7l2.5-4.3"/><path class="st1" d="M428.2 102.2c.4.4 1 .4 1.4 0l1.9-1.9c.6-.6.6-1.5 0-2.1l-.9-.9c-.6-.6-1.5-.6-2.1 0l-1.9 1.9c-.4.4-.4 1 0 1.4M425.8 101.8c-.4-.4-1-.4-1.4 0l-1.9 1.9c-.6.6-.6 1.5 0 2.1l.9.9c.6.6 1.5.6 2.1 0l1.9-1.9c.4-.4.4-1 0-1.4M425.1 103.9l3.8-3.8"/><ellipse class="st1" cx="420.4" cy="93.8" rx="7.9" ry="3.3"/><path class="st1" d="M421.7 100.5h-1.2c-4.4 0-7.9-1.5-7.9-3.3M418.5 104.2c-3.4-.4-6-1.7-6-3.2"/><path class="st1" d="M420.4 108c-4.4 0-7.9-1.5-7.9-3.3V93.8M461 101.1h-8.3v-8.9h5M461.3 92.2h5v2"/><path class="st1" d="M457.7 91.5h3.7V93h-3.7zM460.9 101.1h-8.2c-.4 0-.7.3-.7.7 0 .4.3.7.7.7h6.4M459.1 102.6v4.4M454.6 107l2.2-4.4M459.1 90v1.5M468.3 59.8h-7v-8.7h4.4l2.6 2.6z"/><path class="st1" d="M465.7 51.1v2.6h2.6M468.3 71.2h-7v-8.8h4.4l2.6 2.6z"/><path class="st1" d="M465.7 62.4V65h2.6M452.6 51.1v.8M452.6 56.3v.9M452.6 53.7v.9h.8M452.6 58.9v.9M452.6 61.6v.8M452.6 64.2v.8M452.6 66.8v.9h.8M455.2 54.6h.9M457.8 54.6h.9M460.4 54.6h.9M455.2 67.7h.9M457.8 67.7h.9M460.4 67.7h.9"/><circle class="st1" cx="459.9" cy="20" r="8"/><path class="st1" d="M458.3 24.4h3.9M459 18.6h1.2V24"/><path class="st4" d="M459.9 15.7c-.2 0-.3.1-.3.3 0 .2.1.3.3.3.2 0 .3-.1.3-.3s-.1-.3-.3-.3z"/><circle class="st5" cx="499.6" cy="20" r="8"/><path class="st5" d="M499.6 26.5v-13c3.6 0 6.5 2.9 6.5 6.5s-2.9 6.5-6.5 6.5z"/><path class="st6" d="M490 52.3h19.2v17.5H490V52.3z"/><path class="st5" d="M490.8 52.5h4.4V70h-4.4V52.5z"/><path d="M495.2 52.5h4.4V70h-4.4V52.5z" opacity=".66" fill="#fff"/><path d="M499.6 52.5h4.4V70h-4.4V52.5z" opacity=".33" fill="#fff"/><path class="st9" d="M499.6 90.3v.9M499.6 108.8v.9"/><circle class="st5" cx="499.6" cy="100" r="5.5"/><path class="st9" d="M506.4 93.2l-.5.6M493.4 106.2l-.6.6M506.4 106.8l-.5-.6M493.4 93.8l-.6-.6M509.3 100h-.9M490.8 100h-.9"/><path class="st5" d="M531.3 12h3.8v3.8h-3.8V12z"/><path class="st10" d="M537.4 12h3.8v3.8h-3.8V12z"/><path d="M543.5 12h3.8v3.8h-3.8V12z" opacity=".3" fill="#fff"/><path class="st12" d="M531.3 18.1h3.8v3.8h-3.8v-3.8z"/><path d="M537.4 18.1h3.8v3.8h-3.8v-3.8z" opacity=".2" fill="#fff"/><path class="st12" d="M543.5 18.1h3.8v3.8h-3.8v-3.8z"/><path d="M531.3 24.2h3.8V28h-3.8v-3.8z" opacity=".4" fill="#fff"/><path class="st10" d="M537.4 24.2h3.8V28h-3.8v-3.8z"/><path class="st5" d="M543.5 24.2h3.8V28h-3.8v-3.8z"/><path class="st6" d="M532.1 54.5h14.5v13.1h-14.5V54.5z"/><path class="st1" d="M540.8 92.5l-3.4 2.4 3.4 2.4"/><path class="st1" d="M539.3 94.7c3.5 0 6.4 2.9 6.4 6.4s-2.9 6.4-6.4 6.4-6.4-2.9-6.4-6.4"/><path class="st5" d="M532.1 67.7V54.5h14.5"/><circle class="st0" cx="577.4" cy="18.6" r="8.2"/><path class="st0" d="M589.2 30.5l-6.1-6.1M621.8 99h-11M616.7 93.7l5.5 5.5-5.5 5.5"/><path class="st0" d="M613 92.9V88h10.7l5.3 5.3V110h-16v-5"/><path class="st0" d="M629 93h-5v-5"/><path d="M624.3 24.3c-1.6 1.6-3.9 2.6-6.4 2.6-5 0-9-4-9-9s4-9 9-9 9 4 9 9c0 2.5-1 4.8-2.6 6.4" fill="none" stroke="#278" stroke-width="1.895" stroke-linejoin="round" stroke-miterlimit="10"/><path class="st0" d="M624.5 24.5l6.4 6.4M611.9 18.9v-3h12v3M617.9 30v2M617.9 15.9v8M615.4 32h5"/><g><path class="st16" d="M589.4 104.5l-5 2-2 5-14-14v-7h7z"/><path fill="none" stroke="#c00" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M571.4 87.5h7l13 13-1.5.5"/><circle class="st16" cx="572.9" cy="95" r="1.5"/></g><path class="st0" d="M624.6 69.4l-9.4-9.4 9.4-9.4"/><g><path class="st0" d="M144.7 23.5c-1.7 1.7-4.1 2.8-6.7 2.8-5.2 0-9.5-4.3-9.5-9.5s4.3-9.5 9.5-9.5 9.5 4.3 9.5 9.5c0 2.6-1.1 5-2.8 6.7M144.7 23.5l6.8 6.8"/><path class="st0" d="M132.5 18.3v-3h12v3M138.5 30.3v2M138.5 15.3v7M136 32.3h5"/></g><g><path class="st1" d="M660.2 93.6v15.1M657.3 108.7h5.8M649.5 99.7l3.4-8 3.4 8M661.6 92.1c0 .8-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5.7-1.5 1.5-1.5c.9.1 1.5.7 1.5 1.5zM652.9 103.3c1.9 0 3.4-1.5 3.4-3.6h-6.8c0 2.1 1.5 3.6 3.4 3.6zM671.8 99.7l-3.4-8-3.4 8M668.4 103.3c-1.9 0-3.4-1.5-3.4-3.6h6.8c0 2.1-1.5 3.6-3.4 3.6zM658.8 91.7h-7.4M661.6 91.7h8.3"/></g></svg>
\ No newline at end of file
diff --git a/Resources/Public/Images/viewerControlIcons.svg b/Resources/Public/Images/viewerControlIcons.svg
new file mode 100644
index 00000000..c37b45d7
--- /dev/null
+++ b/Resources/Public/Images/viewerControlIcons.svg
@@ -0,0 +1 @@
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 680 120" xml:space="preserve"><style>.st0,.st1{stroke-linecap:round}.st0{fill:none;stroke:#666;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10}.st1{stroke:#fff;stroke-width:1.5}.st1,.st2,.st3{fill:none;stroke-linejoin:round;stroke-miterlimit:10}.st2{stroke:#07c;stroke-width:2;stroke-linecap:round}.st3{stroke:#fff;stroke-width:1.5}.st4{fill:#fff}.st5,.st8{fill:none;stroke:#fff;stroke-width:1.5;stroke-miterlimit:10}.st8{stroke-linecap:round}.st11,.st9{opacity:.5;fill:#fff;enable-background:new}.st11{opacity:.6}</style><path class="st0" d="M22.5 20.5c.9.9 2.1.9 2.9.1l4-4c1.2-1.2 1.2-3.1 0-4.2l-1.8-1.8c-1.2-1.2-3.1-1.2-4.2 0l-4 4c-.8.8-.8 2.1 0 2.8l.1.1M17.5 19.5c-.9-.9-2.1-.9-2.9-.1l-4 4c-1.2 1.2-1.2 3.1 0 4.2l1.8 1.8c1.2 1.2 3.1 1.2 4.2 0l4-4c.8-.8.8-2.1 0-2.8l-.1-.1M16.1 23.9l7.8-7.8"/><circle class="st0" cx="219.7" cy="12.2" r="2.6"/><path class="st0" d="M222.5 12.1h8.5M209 12.1h8"/><circle class="st0" cx="214.6" cy="20" r="2.6"/><path class="st0" d="M217 20.1h14M209 20.1h3"/><circle class="st0" cx="223.6" cy="27.8" r="2.6"/><path class="st0" d="M226 27.6h5M209 27.6h12"/><path class="st1" d="M345.2 102.2c.4.4 1 .4 1.4 0l1.9-1.9c.6-.6.6-1.5 0-2.1l-.9-.9c-.6-.6-1.5-.6-2.1 0l-1.9 1.9c-.4.4-.4 1 0 1.4M342.8 101.8c-.4-.4-1-.4-1.4 0l-1.9 1.9c-.6.6-.6 1.5 0 2.1l.9.9c.6.6 1.5.6 2.1 0l1.9-1.9c.4-.4.4-1 0-1.4M342.1 103.9l3.8-3.8M468.2 102.2c.4.4 1 .4 1.4 0l1.9-1.9c.6-.6.6-1.5 0-2.1l-.9-.9c-.6-.6-1.5-.6-2.1 0l-1.9 1.9c-.4.4-.4 1 0 1.4M465.8 101.8c-.4-.4-1-.4-1.4 0l-1.9 1.9c-.6.6-.6 1.5 0 2.1l.9.9c.6.6 1.5.6 2.1 0l1.9-1.9c.4-.4.4-1 0-1.4M465.1 103.9l3.8-3.8M385.2 102.2c.4.4 1 .4 1.4 0l1.9-1.9c.6-.6.6-1.5 0-2.1l-.9-.9c-.6-.6-1.5-.6-2.1 0l-1.9 1.9c-.4.4-.4 1 0 1.4M382.8 101.8c-.4-.4-1-.4-1.4 0l-1.9 1.9c-.6.6-.6 1.5 0 2.1l.9.9c.6.6 1.5.6 2.1 0l1.9-1.9c.4-.4.4-1 0-1.4M382.1 103.9l3.8-3.8"/><path class="st0" d="M259.1 29.5c-4-.5-7.2-3.9-7.2-8 0-1.3.3-2.5.9-3.6M259.1 13.4h.9c4.5 0 8.1 3.6 8.1 8.1 0 3.6-2.4 6.7-5.7 7.7"/><path class="st0" d="M261.2 10.5l-4.2 3 4.2 3M260.9 69.5c4-.5 7.2-3.9 7.2-8 0-1.3-.3-2.5-.9-3.6M260.9 53.4h-.9c-4.5 0-8.1 3.6-8.1 8.1 0 3.6 2.4 6.7 5.7 7.7"/><path class="st0" d="M258.8 50.5l4.2 3-4.2 3M349.8 10.2l-7.4 7.4M342 10.2h7.8V18M330.2 29.8l7.4-7.4M338 29.8h-7.8V22M583.8 56.1l-7.4 7.4M576 56.1h7.8v7.8M300 9.6v10.1M294.5 15.1l5.5-5.5 5.5 5.5M296.3 30.4v-7.8l7.4 7.3v-7.3"/><circle class="st0" cx="380" cy="20" r="10.5"/><path class="st0" d="M375.5 20h9M380 24.5v-9"/><circle class="st0" cx="420" cy="20" r="10.5"/><path class="st0" d="M415.5 20h9M70 25.7v1.7c0 1.4-1.2 2.6-2.6 2.6H52.6c-1.4 0-2.6-1.2-2.6-2.6v-1.7M60 25.6V10M66.4 19.2L60 25.6l-6.4-6.4M100 12.9c0-2.1 5.7-3.8 12.6-3.8v18.1c-7 0-12.6 1.7-12.6 3.8 0-2.1-5.7-3.8-12.6-3.8V9c6.9 0 12.6 1.7 12.6 3.9zM100 12.9v17.9M97.3 15.3c-1.8-.7-4.3-1.2-7.1-1.4M97.3 18.6c-1.8-.7-4.3-1.2-7.1-1.4M97.3 21.9c-1.8-.7-4.3-1.2-7.1-1.4M97.3 25.2c-1.8-.7-4.3-1.2-7.1-1.4M102.7 15.3c1.8-.7 4.3-1.2 7.1-1.4M102.7 18.6c1.8-.7 4.3-1.2 7.1-1.4M102.7 21.9c1.8-.7 4.3-1.2 7.1-1.4M102.7 25.2c1.8-.7 4.3-1.2 7.1-1.4M169.5 10.1h4.7v4.7h-4.7zM177.6 10.1h4.7v4.7h-4.7zM185.8 10.1h4.7v4.7h-4.7zM169.5 17.6h4.7v4.7h-4.7zM177.6 17.6h4.7v4.7h-4.7zM185.8 17.6h4.7v4.7h-4.7zM169.5 25.2h4.7v4.7h-4.7zM177.6 25.2h4.7v4.7h-4.7zM185.8 25.2h4.7v4.7h-4.7z"/><path class="st2" d="M62.5 76.7v8.2l-9.7 9.8H35.1v7.8L17.5 80l17.6-22.5v7.8h27.4z"/><path class="st2" d="M52.4 94.2v-9.6H62M103.4 63v4.4L96.6 60l6.8-7.4V57"/><path class="st2" d="M107.4 52.6v14.8l-6.7-7.4zM99.3 63v4.4L92.6 60l6.7-7.4V57M105 92.6v14.8l-6.8-7.4zM95 92.6v14.8M177.5 76.7v8.2l9.7 9.8h17.7v7.8L222.5 80l-17.6-22.5v7.8h-27.4z"/><path class="st2" d="M187.6 94.2v-9.6H178M136.6 62.9l-.1 4.4 6.8-7.4-6.7-7.4v4.4"/><path class="st2" d="M132.6 52.4l-.1 14.9 6.8-7.4zM140.6 62.9v4.4l6.8-7.4-6.7-7.4v4.4M135 92.6v14.8l6.8-7.4zM145 92.6v14.8"/><path class="st1" d="M377.1 68.4h-3.4c-.8 0-1.5-.7-1.5-1.5V53.4"/><path class="st1" d="M386.2 51.6h-12.5c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5h12.5v2.3"/><circle class="st1" cx="383.2" cy="64" r="4.4"/><path class="st1" d="M383.2 65.9v-3.7M381.8 64.4l1.4 1.5 1.5-1.5M343.2 51.6h-9.8c-.8 0-1.5.7-1.5 1.5V67c0 .8.7 1.5 1.5 1.5h4.4"/><circle class="st1" cx="343.5" cy="64" r="4.4"/><path class="st1" d="M343.5 65.9v-3.7M342 64.4l1.5 1.5 1.5-1.5M335.1 65.5h.5M335.1 54.7h7.6M335.1 57.4h4.3M335.1 60.1h1.6M335.1 62.8h.3M377.1 108.4h-3.4c-.8 0-1.5-.7-1.5-1.5V93.4"/><path class="st1" d="M386.2 91.6h-12.5c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5h12.5M343.2 91.6h-9.8c-.8 0-1.5.7-1.5 1.5V107c0 .8.7 1.5 1.5 1.5h4.4M335.1 105.5h.5M335.1 94.7h7.6M335.1 97.4h5.3M335.1 100.1h2.6M335.1 102.8h1.3M303 51.5v5M297.8 51.5v17M307.4 51.5h-12.6c-2.5 0-4.5 2-4.5 4.5s2 4.5 4.5 4.5h3"/><circle class="st1" cx="305.1" cy="63.7" r="4.4"/><path class="st1" d="M305.1 65.6v-3.7M303.7 64.1l1.4 1.5 1.5-1.5"/><path class="st0" d="M272 98.2v4.5l-5.3 5.3H257v4.3l-9.6-12.3 9.6-12.3V92h15v6.2z"/><path class="st0" d="M267 108v-5h5M288 98.2v4.5l5.3 5.3h9.7v4.3l9.6-12.3-9.6-12.3V92h-15z"/><path class="st0" d="M293 108v-5h-5"/><path class="st3" d="M428 52.7l-16.4 6.8L418 62l10-9.3z"/><path class="st3" d="M428 52.7l-2.9 13.2L418 62zM418 62v5.7l2.5-4.3"/><path class="st1" d="M428.2 102.2c.4.4 1 .4 1.4 0l1.9-1.9c.6-.6.6-1.5 0-2.1l-.9-.9c-.6-.6-1.5-.6-2.1 0l-1.9 1.9c-.4.4-.4 1 0 1.4M425.8 101.8c-.4-.4-1-.4-1.4 0l-1.9 1.9c-.6.6-.6 1.5 0 2.1l.9.9c.6.6 1.5.6 2.1 0l1.9-1.9c.4-.4.4-1 0-1.4M425.1 103.9l3.8-3.8"/><ellipse class="st1" cx="420.4" cy="93.8" rx="7.9" ry="3.3"/><path class="st1" d="M421.7 100.5h-1.2c-4.4 0-7.9-1.5-7.9-3.3M418.5 104.2c-3.4-.4-6-1.7-6-3.2"/><path class="st1" d="M420.4 108c-4.4 0-7.9-1.5-7.9-3.3V93.8M461 101.1h-8.3v-8.9h5M461.3 92.2h5v2"/><path class="st1" d="M457.7 91.5h3.7V93h-3.7zM460.9 101.1h-8.2c-.4 0-.7.3-.7.7 0 .4.3.7.7.7h6.4M459.1 102.6v4.4M454.6 107l2.2-4.4M459.1 90v1.5M468.3 59.8h-7v-8.7h4.4l2.6 2.6z"/><path class="st1" d="M465.7 51.1v2.6h2.6M468.3 71.2h-7v-8.8h4.4l2.6 2.6z"/><path class="st1" d="M465.7 62.4V65h2.6M452.6 51.1v.8M452.6 56.3v.9M452.6 53.7v.9h.8M452.6 58.9v.9M452.6 61.6v.8M452.6 64.2v.8M452.6 66.8v.9h.8M455.2 54.6h.9M457.8 54.6h.9M460.4 54.6h.9M455.2 67.7h.9M457.8 67.7h.9M460.4 67.7h.9"/><circle class="st1" cx="459.9" cy="20" r="8"/><path class="st1" d="M458.3 24.4h3.9M459 18.6h1.2V24"/><path class="st3" d="M459.9 15.7c-.2 0-.3.1-.3.3 0 .2.1.3.3.3.2 0 .3-.1.3-.3s-.1-.3-.3-.3z"/><circle class="st4" cx="499.6" cy="20" r="8"/><path class="st4" d="M499.6 26.5v-13c3.6 0 6.5 2.9 6.5 6.5s-2.9 6.5-6.5 6.5z"/><path class="st5" d="M490 52.3h19.2v17.5H490V52.3z"/><path class="st4" d="M490.8 52.5h4.4V70h-4.4V52.5z"/><path d="M495.2 52.5h4.4V70h-4.4V52.5z" opacity=".66" fill="#fff"/><path d="M499.6 52.5h4.4V70h-4.4V52.5z" opacity=".33" fill="#fff"/><path class="st8" d="M499.6 90.3v.9M499.6 108.8v.9"/><circle class="st4" cx="499.6" cy="100" r="5.5"/><path class="st8" d="M506.4 93.2l-.5.6M493.4 106.2l-.6.6M506.4 106.8l-.5-.6M493.4 93.8l-.6-.6M509.3 100h-.9M490.8 100h-.9"/><path class="st4" d="M531.3 12h3.8v3.8h-3.8V12z"/><path class="st9" d="M537.4 12h3.8v3.8h-3.8V12z"/><path d="M543.5 12h3.8v3.8h-3.8V12z" opacity=".3" fill="#fff"/><path class="st11" d="M531.3 18.1h3.8v3.8h-3.8v-3.8z"/><path d="M537.4 18.1h3.8v3.8h-3.8v-3.8z" opacity=".2" fill="#fff"/><path class="st11" d="M543.5 18.1h3.8v3.8h-3.8v-3.8z"/><path d="M531.3 24.2h3.8V28h-3.8v-3.8z" opacity=".4" fill="#fff"/><path class="st9" d="M537.4 24.2h3.8V28h-3.8v-3.8z"/><path class="st4" d="M543.5 24.2h3.8V28h-3.8v-3.8z"/><path class="st5" d="M532.1 54.5h14.5v13.1h-14.5V54.5z"/><path class="st1" d="M540.8 92.5l-3.4 2.4 3.4 2.4"/><path class="st1" d="M539.3 94.7c3.5 0 6.4 2.9 6.4 6.4s-2.9 6.4-6.4 6.4-6.4-2.9-6.4-6.4"/><path class="st4" d="M532.1 67.7V54.5h14.5"/><circle class="st0" cx="577.4" cy="18.6" r="8.2"/><path class="st0" d="M589.2 30.5l-6.1-6.1M621.8 99h-11M616.7 93.7l5.5 5.5-5.5 5.5"/><path class="st0" d="M613 92.9V88h10.7l5.3 5.3V110h-16v-5"/><path class="st0" d="M629 93h-5v-5M624.3 24.3c-1.6 1.6-3.9 2.6-6.4 2.6-5 0-9-4-9-9s4-9 9-9 9 4 9 9c0 2.5-1 4.8-2.6 6.4M624.5 24.5l6.4 6.4"/><path class="st0" d="M611.9 18.9v-3h12v3M617.9 30v2M617.9 15.9v8M615.4 32h5"/><g><path class="st2" d="M589.4 104.5l-5 2-2 5-14-14v-7h7zM571.4 87.5h7l13 13-1.5.5"/><circle class="st2" cx="572.9" cy="95" r="1.5"/></g><path class="st0" d="M624.6 69.4l-9.4-9.4 9.4-9.4"/><g><path class="st0" d="M144.7 23.5c-1.7 1.7-4.1 2.8-6.7 2.8-5.2 0-9.5-4.3-9.5-9.5s4.3-9.5 9.5-9.5 9.5 4.3 9.5 9.5c0 2.6-1.1 5-2.8 6.7M144.7 23.5l6.8 6.8"/><path class="st0" d="M132.5 18.3v-3h12v3M138.5 30.3v2M138.5 15.3v7M136 32.3h5"/></g><g><path class="st1" d="M660.2 93.6v15.1M657.3 108.7h5.8M649.5 99.7l3.4-8 3.4 8M661.6 92.1c0 .8-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5.7-1.5 1.5-1.5c.9.1 1.5.7 1.5 1.5zM652.9 103.3c1.9 0 3.4-1.5 3.4-3.6h-6.8c0 2.1 1.5 3.6 3.4 3.6zM671.8 99.7l-3.4-8-3.4 8M668.4 103.3c-1.9 0-3.4-1.5-3.4-3.6h6.8c0 2.1-1.5 3.6-3.4 3.6zM658.8 91.7h-7.4M661.6 91.7h8.3"/></g></svg>
\ No newline at end of file
diff --git a/Resources/Public/Images/viewerTocIcons.svg b/Resources/Public/Images/viewerTocIcons.svg
new file mode 100644
index 00000000..94dccf9c
--- /dev/null
+++ b/Resources/Public/Images/viewerTocIcons.svg
@@ -0,0 +1 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="120" height="60" xml:space="preserve"><style>.st0{fill:#fff}</style><path d="M73.6 51.5h-6.4c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h6.4c.3 0 .5.2.5.5s-.2.5-.5.5zm9.2-4H67.2c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h15.6c.3 0 .5.2.5.5-.1.2-.3.5-.5.5zm0-4H67.2c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h15.6c.3 0 .5.2.5.5-.1.3-.3.5-.5.5zm0-4H70c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h12.8c.3 0 .5.2.5.5-.1.3-.3.5-.5.5zm-26.3-5c-.3 0-.5.2-.5.5v.6l-22 6.7V42c0-.3-.2-.5-.5-.5s-.5.2-.5.5v5c0 .3.2.5.5.5s.5-.2.5-.5v-.3l4 1.2v2.2c0 2.2 1.8 4 4 4 2.1 0 3.9-1.7 4-3.8l10 3v.7c0 .3.2.5.5.5s.5-.2.5-.5V35c0-.3-.2-.5-.5-.5zM45 50.1c0 1.7-1.3 3-3 3s-3-1.3-3-3v-1.9l6 1.9zm-6.3-3c-.1 0-.2-.1-.2-.1L34 45.6v-2.3l22-6.7v15.7l-17.3-5.2z"/><path class="st0" d="M85 4.5c.3 0 .5.2.6.5v20.2c0 .3-.2.5-.5.5H65c-.3 0-.5-.2-.5-.5V5c0-.3.2-.5.5-.5h20m0-1H65c-.8 0-1.5.6-1.5 1.5v20.2c0 .8.6 1.5 1.5 1.5h20.2c.8 0 1.5-.6 1.5-1.5V5c0-.1 0-.2-.1-.3-.3-.8-.9-1.2-1.6-1.2z"/><path d="M86.6 34.7c-.3-.8-.9-1.2-1.6-1.2H65c-.8 0-1.5.6-1.5 1.5v20.2c0 .8.6 1.5 1.5 1.5h20.2c.8 0 1.5-.6 1.5-1.5V35c0-.1 0-.2-.1-.3zm-1 20.5c0 .3-.2.5-.5.5H65c-.3 0-.5-.2-.5-.5V35c0-.3.2-.5.5-.5h20c.3 0 .5.2.6.5v20.2zM9.5 42h3c1.7 0 3-1.3 3-3s-1.3-3-3-3c-1.3 0-2.4.8-2.8 2-1.2-.1-2.2.8-2.2 2 0 1.1.9 2 2 2zm0-3c.1 0 .2 0 .4.1.1.1.3 0 .4 0 .1-.1.2-.2.2-.4.2-1 1-1.7 2-1.7 1.1 0 2 .9 2 2s-.9 2-2 2h-3c-.6 0-1-.4-1-1s.4-1 1-1z"/><path d="M26.6 34.7c-.3-.8-.9-1.2-1.6-1.2H5c-.8 0-1.5.6-1.5 1.5v20.2c0 .8.6 1.5 1.5 1.5h20.2c.8 0 1.5-.6 1.5-1.5V35c0-.1 0-.2-.1-.3zM5 34.5h20c.3 0 .5.2.6.5v15h-.3l-3.4-6.8c-.4-.7-1.1-1.2-1.9-1.2s-1.5.4-1.9 1.1l-2.6 4.5C14.7 46.7 13 45 11 45c-2.5 0-4.3 3.8-4.8 5H4.5V35c0-.3.2-.5.5-.5zM24.2 50H7.3c.7-1.5 2.2-4 3.7-4 2.2 0 4.1 2.8 4.1 2.8.1.1.3.2.4.2.2 0 .3-.1.4-.2l3-5.2c.2-.4.6-.6 1-.6s.9.2 1.1.7l3.2 6.3zm.9 5.7H5c-.3 0-.5-.2-.5-.5V51h21.1v4.2c0 .3-.2.5-.5.5z"/><path class="st0" d="M9.5 12h3c1.7 0 3-1.3 3-3s-1.3-3-3-3c-1.3 0-2.4.8-2.8 2-1.2-.1-2.2.8-2.2 2 0 1.1.9 2 2 2zm0-3c.1 0 .2 0 .4.1.1.1.3 0 .4 0 .1-.1.2-.2.2-.4.2-1 1-1.7 2-1.7 1.1 0 2 .9 2 2s-.9 2-2 2h-3c-.6 0-1-.4-1-1s.4-1 1-1z"/><path class="st0" d="M26.6 4.7c-.3-.8-.9-1.2-1.6-1.2H5c-.8 0-1.5.6-1.5 1.5v20.2c0 .8.6 1.5 1.5 1.5h20.2c.8 0 1.5-.6 1.5-1.5V5c0-.1 0-.2-.1-.3zM5 4.5h20c.3 0 .5.2.6.5v15h-.3l-3.4-6.8c-.4-.7-1.1-1.2-1.9-1.2s-1.5.4-1.9 1.1l-2.6 4.5C14.7 16.7 13 15 11 15c-2.5 0-4.3 3.8-4.8 5H4.5V5c0-.3.2-.5.5-.5zM24.2 20H7.3c.7-1.5 2.2-4 3.7-4 2.2 0 4.1 2.8 4.1 2.8.1.1.3.2.4.2.2 0 .3-.1.4-.2l3-5.2c.2-.4.6-.6 1-.6s.9.2 1.1.7l3.2 6.3zm.9 5.7H5c-.3 0-.5-.2-.5-.5V21h21.1v4.2c0 .3-.2.5-.5.5zM73.6 21.5h-6.4c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h6.4c.3 0 .5.2.5.5s-.2.5-.5.5zm9.2-4H67.2c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h15.6c.3 0 .5.2.5.5-.1.2-.3.5-.5.5zm0-4H67.2c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h15.6c.3 0 .5.2.5.5-.1.3-.3.5-.5.5zm0-4H70c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h12.8c.3 0 .5.2.5.5-.1.3-.3.5-.5.5zm-26.3-5c-.3 0-.5.2-.5.5v.6l-22 6.7V12c0-.3-.2-.5-.5-.5s-.5.2-.5.5v5c0 .3.2.5.5.5s.5-.2.5-.5v-.3l4 1.2v2.2c0 2.2 1.8 4 4 4 2.1 0 3.9-1.7 4-3.8l10 3v.7c0 .3.2.5.5.5s.5-.2.5-.5V5c0-.3-.2-.5-.5-.5zM45 20.1c0 1.7-1.3 3-3 3s-3-1.3-3-3v-1.9l6 1.9zm-6.3-3c-.1 0-.1-.1-.2-.1L34 15.6v-2.3l22-6.7v15.7l-17.3-5.2zM115.6 4.7c-.3-.8-.9-1.2-1.6-1.2h-9.8l-1 1-7.7 7.7-1 1v12c0 .8.6 1.5 1.5 1.5h18.2c.8 0 1.5-.6 1.5-1.5V5c0-.1 0-.2-.1-.3zm-12.4 1.2v5.8c0 .3-.2.5-.5.5h-5.8l6.3-6.3zm11.4 19.3c0 .3-.2.5-.5.5H96c-.3 0-.5-.2-.5-.5V13.6l.4-.4h6.8c.8 0 1.5-.6 1.5-1.5V4.9l.4-.4h9.4c.3 0 .5.2.6.5v20.2z"/><path d="M115.6 34.7c-.3-.8-.9-1.2-1.6-1.2h-9.8l-1 1-7.7 7.7-1 1v12c0 .8.6 1.5 1.5 1.5h18.2c.8 0 1.5-.6 1.5-1.5V35c0-.1 0-.2-.1-.3zm-12.4 1.2v5.8c0 .3-.2.5-.5.5h-5.8l6.3-6.3zm11.4 19.3c0 .3-.2.5-.5.5H96c-.3 0-.5-.2-.5-.5V43.6l.4-.4h6.8c.8 0 1.5-.6 1.5-1.5v-6.8l.4-.4h9.4c.3 0 .5.2.6.5v20.2z"/></svg>
\ No newline at end of file
diff --git a/Resources/Public/Javascript/DigitalcollectionsListScripts.js b/Resources/Public/Javascript/DigitalcollectionsListScripts.js
new file mode 100644
index 00000000..b5ebb0ee
--- /dev/null
+++ b/Resources/Public/Javascript/DigitalcollectionsListScripts.js
@@ -0,0 +1 @@
+function mobileCheck(){var e,t=!1;return e=navigator.userAgent||navigator.vendor||window.opera,(/(android|ipad|playbook|silk|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(e)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(e.substr(0,4)))&&(t=!0),t}!function(a,f,h){function p(e,t){return typeof e===t}function m(e){return e.replace(/([a-z])-([a-z])/g,function(e,t,i){return t+i.toUpperCase()}).replace(/^-/,"")}function g(){return"function"!=typeof f.createElement?f.createElement(arguments[0]):x?f.createElementNS.call(f,"http://www.w3.org/2000/svg",arguments[0]):f.createElement.apply(f,arguments)}function o(e,t,i,n){var o,s,a,l,r,c="modernizr",d=g("div"),u=((r=f.body)||((r=g(x?"svg":"body")).fake=!0),r);if(parseInt(i,10))for(;i--;)(a=g("div")).id=n?n[i]:c+(i+1),d.appendChild(a);return(o=g("style")).type="text/css",o.id="s"+c,(u.fake?u:d).appendChild(o),u.appendChild(d),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(f.createTextNode(e)),d.id=c,u.fake&&(u.style.background="",u.style.overflow="hidden",l=w.style.overflow,w.style.overflow="hidden",w.appendChild(u)),s=t(d,e),u.fake?(u.parentNode.removeChild(u),w.style.overflow=l,w.offsetHeight):d.parentNode.removeChild(d),!!s}function l(e,t){return function(){return e.apply(t,arguments)}}function s(e){return e.replace(/([A-Z])/g,function(e,t){return"-"+t.toLowerCase()}).replace(/^ms-/,"-ms-")}function v(e,t){var i=e.length;if("CSS"in a&&"supports"in a.CSS){for(;i--;)if(a.CSS.supports(s(e[i]),t))return!0;return!1}if("CSSSupportsRule"in a){for(var n=[];i--;)n.push("("+s(e[i])+":"+t+")");return o("@supports ("+(n=n.join(" or "))+") { #modernizr { position: absolute; } }",function(e){return"absolute"==function(e,t,i){var n;if("getComputedStyle"in a){n=getComputedStyle.call(a,e,t);var o=a.console;null!==n?i&&(n=n.getPropertyValue(i)):o&&o[o.error?"error":"log"].call(o,"getComputedStyle returning null, its possible modernizr test results are inaccurate")}else n=!t&&e.currentStyle&&e.currentStyle[i];return n}(e,null,"position")})}return h}function r(e,t,i,n){function o(){a&&(delete E.style,delete E.modElem)}if(n=!p(n,"undefined")&&n,!p(i,"undefined")){var s=v(e,i);if(!p(s,"undefined"))return s}for(var a,l,r,c,d,u=["modernizr","tspan","samp"];!E.style&&u.length;)a=!0,E.modElem=g(u.shift()),E.style=E.modElem.style;for(r=e.length,l=0;l<r;l++)if(c=e[l],d=E.style[c],!!~(""+c).indexOf("-")&&(c=m(c)),E.style[c]!==h){if(n||p(i,"undefined"))return o(),"pfx"!=t||c;try{E.style[c]=i}catch(e){}if(E.style[c]!=d)return o(),"pfx"!=t||c}return o(),!1}function n(e,t,i,n,o){var s=e.charAt(0).toUpperCase()+e.slice(1),a=(e+" "+k.join(s+" ")+s).split(" ");return p(t,"string")||p(t,"undefined")?r(a,t,n,o):function(e,t,i){var n;for(var o in e)if(e[o]in t)return!1===i?e[o]:p(n=t[e[o]],"function")?l(n,i||t):n;return!1}(a=(e+" "+C.join(s+" ")+s).split(" "),t,i)}function c(e,t,i){return n(e,h,h,t,i)}var d=[],u=[],e={_version:"3.5.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,t){var i=this;setTimeout(function(){t(i[e])},0)},addTest:function(e,t,i){u.push({name:e,fn:t,options:i})},addAsyncTest:function(e){u.push({name:null,fn:e})}},y=function(){};y.prototype=e,y=new y;var b=e._config.usePrefixes?" -webkit- -moz- -o- -ms- ".split(" "):["",""];e._prefixes=b;var w=f.documentElement,x="svg"===w.nodeName.toLowerCase(),t="Moz O ms Webkit",C=e._config.usePrefixes?t.toLowerCase().split(" "):[];e._domPrefixes=C;var i="CSS"in a&&"supports"in a.CSS,$="supportsCSS"in a;y.addTest("supports",i||$);var k=e._config.usePrefixes?t.split(" "):[];e._cssomPrefixes=k;var z=function(e){var t,i=b.length,n=a.CSSRule;if(void 0===n)return h;if(!e)return!1;if((t=(e=e.replace(/^@/,"")).replace(/-/g,"_").toUpperCase()+"_RULE")in n)return"@"+e;for(var o=0;o<i;o++){var s=b[o];if(s.toUpperCase()+"_"+t in n)return"@-"+s.toLowerCase()+"-"+e}return!1};e.atRule=z;var S=e.testStyles=o;y.addTest("touchevents",function(){var t;if("ontouchstart"in a||a.DocumentTouch&&f instanceof DocumentTouch)t=!0;else{var e=["@media (",b.join("touch-enabled),("),"heartz",")","{#modernizr{top:9px;position:absolute}}"].join("");S(e,function(e){t=9===e.offsetTop})}return t});var _={elem:g("modernizr")};y._q.push(function(){delete _.elem});var E={style:_.elem.style};y._q.unshift(function(){delete E.style}),e.testProp=function(e,t,i){return r([e],h,t,i)},e.testAllProps=n;var T=e.prefixed=function(e,t,i){return 0===e.indexOf("@")?z(e):(-1!=e.indexOf("-")&&(e=m(e)),t?n(e,t,i):n(e,"pfx"))};e.testAllProps=c,y.addTest("csstransforms3d",function(){var t=!!c("perspective","1px",!0),e=y._config.usePrefixes;if(t&&(!e||"webkitPerspective"in w.style)){var i;y.supports?i="@supports (perspective: 1px)":(i="@media (transform-3d)",e&&(i+=",(-webkit-transform-3d)")),S("#modernizr{width:0;height:0}"+(i+="{#modernizr{width:7px;height:18px;margin:0;padding:0;border:0}}"),function(e){t=7===e.offsetWidth&&18===e.offsetHeight})}return t}),y.addTest("csstransitions",c("transition","all",!0)),y.addTest("objectfit",!!T("objectFit"),{aliases:["object-fit"]}),function(){var e,t,i,n,o,s;for(var a in u)if(u.hasOwnProperty(a)){if(e=[],(t=u[a]).name&&(e.push(t.name.toLowerCase()),t.options&&t.options.aliases&&t.options.aliases.length))for(i=0;i<t.options.aliases.length;i++)e.push(t.options.aliases[i].toLowerCase());for(n=p(t.fn,"function")?t.fn():t.fn,o=0;o<e.length;o++)1===(s=e[o].split(".")).length?y[s[0]]=n:(!y[s[0]]||y[s[0]]instanceof Boolean||(y[s[0]]=new Boolean(y[s[0]])),y[s[0]][s[1]]=n),d.push((n?"":"no-")+s.join("-"))}}(),function(e){var t=w.className,i=y._config.classPrefix||"";if(x&&(t=t.baseVal),y._config.enableJSClass){var n=new RegExp("(^|\\s)"+i+"no-js(\\s|$)");t=t.replace(n,"$1"+i+"js$2")}y._config.enableClasses&&(t+=" "+i+e.join(" "+i),x?w.className.baseVal=t:w.className=t)}(d),delete e.addTest,delete e.addAsyncTest;for(var A=0;A<y._q.length;A++)y._q[A]();a.Modernizr=y}(window,document),function(e,t){"function"==typeof define&&define.amd?define(t):"object"==typeof module&&module.exports?module.exports=t():e.Colcade=t()}(window,function(){function r(e,t){if((e=a(e))&&e.colcadeGUID){var i=n[e.colcadeGUID];return i.option(t),i}this.element=e,this.options={},this.option(t),this.create()}var e=r.prototype;e.option=function(e){this.options=function(e,t){for(var i in t)e[i]=t[i];return e}(this.options,e)};var t=0,n={};function i(e){var t=e.getAttribute("data-colcade").split(","),o={};t.forEach(function(e){var t=e.split(":"),i=t[0].trim(),n=t[1].trim();o[i]=n}),new r(e,o)}function o(e){var t=[];if(Array.isArray(e))t=e;else if(e&&"number"==typeof e.length)for(var i=0;i<e.length;i++)t.push(e[i]);else t.push(e);return t}function s(e,t){return o((t=t||document).querySelectorAll(e))}function a(e){return"string"==typeof e&&(e=document.querySelector(e)),e}return e.create=function(){this.errorCheck();var e=this.guid=++t;this.element.colcadeGUID=e,(n[e]=this).reload(),this._windowResizeHandler=this.onWindowResize.bind(this),this._loadHandler=this.onLoad.bind(this),window.addEventListener("resize",this._windowResizeHandler),this.element.addEventListener("load",this._loadHandler,!0)},e.errorCheck=function(){var e=[];if(this.element||e.push("Bad element: "+this.element),this.options.columns||e.push("columns option required: "+this.options.columns),this.options.items||e.push("items option required: "+this.options.items),e.length)throw new Error("[Colcade error] "+e.join(". "))},e.reload=function(){this.updateColumns(),this.updateItems(),this.layout()},e.updateColumns=function(){this.columns=s(this.options.columns,this.element)},e.updateItems=function(){this.items=s(this.options.items,this.element)},e.getActiveColumns=function(){return this.columns.filter(function(e){return"none"!=getComputedStyle(e).display})},e.layout=function(){this.activeColumns=this.getActiveColumns(),this._layout()},e._layout=function(){this.columnHeights=this.activeColumns.map(function(){return 0}),this.layoutItems(this.items)},e.layoutItems=function(e){e.forEach(this.layoutItem,this)},e.layoutItem=function(e){var t=Math.min.apply(Math,this.columnHeights),i=this.columnHeights.indexOf(t);this.activeColumns[i].appendChild(e),this.columnHeights[i]+=e.offsetHeight||1},e.append=function(e){var t=this.getQueryItems(e);this.items=this.items.concat(t),this.layoutItems(t)},e.prepend=function(e){var t=this.getQueryItems(e);this.items=t.concat(this.items),this._layout()},e.getQueryItems=function(e){e=o(e);var t=document.createDocumentFragment();return e.forEach(function(e){t.appendChild(e)}),s(this.options.items,t)},e.measureColumnHeight=function(n){var o=this.element.getBoundingClientRect();this.activeColumns.forEach(function(e,t){if(!n||e.contains(n)){var i=e.lastElementChild.getBoundingClientRect();this.columnHeights[t]=i.bottom-o.top}},this)},e.onWindowResize=function(){clearTimeout(this.resizeTimeout),this.resizeTimeout=setTimeout(function(){this.onDebouncedResize()}.bind(this),100)},e.onDebouncedResize=function(){var i=this.getActiveColumns(),e=i.length==this.activeColumns.length,n=!0;this.activeColumns.forEach(function(e,t){n=n&&e==i[t]}),e&&n||(this.activeColumns=i,this._layout())},e.onLoad=function(e){this.measureColumnHeight(e.target)},e.destroy=function(){this.items.forEach(function(e){this.element.appendChild(e)},this),window.removeEventListener("resize",this._windowResizeHandler),this.element.removeEventListener("load",this._loadHandler,!0),delete this.element.colcadeGUID,delete n[this.guid]},function(e){if("complete"==document.readyState)return e();document.addEventListener("DOMContentLoaded",e)}(function(){s("[data-colcade]").forEach(i)}),r.data=function(e){var t=(e=a(e))&&e.colcadeGUID;return t&&n[t]},r.makeJQueryPlugin=function(l){(l=l||window.jQuery)&&(l.fn.colcade=function(e){if("string"!=typeof e)return n=e,this.each(function(e,t){var i=l.data(t,"colcade");i?(i.option(n),i.layout()):(i=new r(t,n),l.data(t,"colcade",i))}),this;var t,o,s,a,n,i=Array.prototype.slice.call(arguments,1);return o=e,s=i,(t=this).each(function(e,t){var i=l.data(t,"colcade");if(i){var n=i[o].apply(i,s);a=void 0===a?n:a}}),void 0!==a?a:t})},r.makeJQueryPlugin(),r}),$(function(){var n=mobileCheck()?"touchstart":"click";$(".tx-dlf-morevolumes, .tx-dlf-hidevolumes").on(n,function(e){$(this).parent().toggleClass("tx-dlf-volumes-open").find(".tx-dlf-volume").slideToggle()}),$("#rightcol .tx-dlf-search").parent().addClass("tx-dlf-enable-offcanvas").append('<div class="offcanvas-toggle" />'),$transition="all .3s ease-out",setTimeout(function(){$("#rightcol .tx-dlf-search").parent().css({"-webkit-transition":$transition,"-o-transition":$transition,transition:$transition})},250),$(".offcanvas-toggle").on(n,function(e){$(this).parent().toggleClass("open")});$(".tx-dlf-collection-list").prepend('<li class="tx-dlf-collection-col col-1"></li><li class="tx-dlf-collection-col col-2"></li><li class="tx-dlf-collection-col col-3"></li>').append($(".tx-dlf-collection-list-additionals").html()).randomize("li.tx-dlf-collection-item").colcade({columns:".tx-dlf-collection-col",items:".tx-dlf-collection-item"}),$(".tx-dlf-search-facets > ul > li").each(function(){var e=$(this).find("ul").children("li").length,t=$('html[lang="de-DE"]')[0]?"Zeige "+(e-5)+" weitere Facetten":"Show "+(e-5)+" more facets",i=$('html[lang="de-DE"]')[0]?"Letzten "+(e-5)+" Facetten ausblenden":"Hide "+(e-5)+" last facets";5<e&&($(this).find("ul li:gt(4)").hide(),$(this).append('<div class="facets-toggle">'+t+"</div>"),$(this).find(".facets-toggle").on(n,function(){$(this).text($(this).parent().hasClass("facets-expanded")?t:i).parent().toggleClass("facets-expanded"),$(this).parent().find("ul li:gt(4)").slideToggle()}))}),$(".tx-dlf-collection-item .tx-dlf-collection-thumbnail img").on(n,function(){return window.location=$(this).parent().parent().find("h4 a").attr("href"),!1});var e=$('html[lang="de-DE"]')[0]?"Galerie":"Gallery",t=$('html[lang="de-DE"]')[0]?"Alphabetisch":"Alphabetical",i=$(".tx-dlf-collection-list li.tx-dlf-collection-item").get(),o=i;$(".tx-dlf-collection").prepend('<div class="tx-dlf-list-toggle-container"><span class="label active">'+e+'</span><div class="tx-dlf-list-toggle"><div class="toggle-state"></div></div><span class="label">'+t+"</span></div>"),$(".tx-dlf-list-toggle-container").on(n,function(){$(this).hasClass("alphabetical")?($(".tx-dlf-collection-list li.order-label").remove(),$.each(o,function(e,t){$(".tx-dlf-collection-list").append(t)}),$(".tx-dlf-collection-list").removeClass("alphabetical alphabetical-ready").colcade({columns:".tx-dlf-collection-col",items:".tx-dlf-collection-item"}),document.cookie="tx-dlf-galleryview-state=gallery; path=/"):($(".tx-dlf-collection-list").colcade("destroy").addClass("alphabetical"),sortAlphabetical(this,i),document.cookie="tx-dlf-galleryview-state=alphabetical; path=/"),$(this).toggleClass("alphabetical").find(".label").toggleClass("active")});var s=$('html[lang="de-DE"]')[0]?"Erweiterte Suche<span> ausblenden</span>":"<span>Hide </span>Extended Search";$("#c15323 .tx-dlf-search form").append('<div class="extended-search-toggle">'+s+"</div>"),$(".extended-search-toggle").on(n,function(){$(this).parent().toggleClass("extendend-search-active")})}),$.fn.randomize=function(e){return(e?this.find(e):this).parent().each(function(){$(this).children(e).sort(function(){return Math.random()-.5}).detach().appendTo(this)}),this},sortAlphabetical=function(e,t){t.sort(function(e,t){var i=$(e).find("h4").text(),n=$(t).find("h4").text();return i<n?-1:n<i?1:0});var i,n=!1;$.each(t,function(e,t){$(".tx-dlf-collection-list").append(t),currentFirstChar=$(this).find("h4").text().charAt(0),i!==currentFirstChar&&isNaN(currentFirstChar)&&$(this).before('<li class="order-label"><div class="order-label-value">'+$(this).find("h4").text().charAt(0)+"</div></li>"),isNaN(currentFirstChar)||n||($(this).before('<li class="order-label"><div class="order-label-value">0–9</div></li>'),n=!0),i=$(this).find("h4").text().charAt(0),currentFirstChar=void 0}),window.setTimeout(function(){$(".tx-dlf-collection-list").addClass("alphabetical-ready")},100)};
\ No newline at end of file
diff --git a/Resources/Public/Javascript/DigitalcollectionsScripts.js b/Resources/Public/Javascript/DigitalcollectionsScripts.js
new file mode 100644
index 00000000..d1f76800
--- /dev/null
+++ b/Resources/Public/Javascript/DigitalcollectionsScripts.js
@@ -0,0 +1 @@
+function enterFullscreen(){setTimeout(function(){window.dispatchEvent(new Event("resize"))},220),$("body").addClass("fullscreen"),$("a.fullscreen").addClass("active"),Cookies.set("tx-dlf-pageview-zoomFullscreen","true")}function exitFullscreen(){setTimeout(function(){window.dispatchEvent(new Event("resize"))},220),$("body").removeClass("fullscreen"),$("a.fullscreen").removeClass("active"),Cookies.remove("tx-dlf-pageview-zoomFullscreen")}function mobileCheck(){var e,t=!1;return e=navigator.userAgent||navigator.vendor||window.opera,(/(android|ipad|playbook|silk|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(e)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(e.substr(0,4)))&&(t=!0),t}!function(l,f,p){function m(e,t){return typeof e===t}function g(e){return e.replace(/([a-z])-([a-z])/g,function(e,t,n){return t+n.toUpperCase()}).replace(/^-/,"")}function v(){return"function"!=typeof f.createElement?f.createElement(arguments[0]):$?f.createElementNS.call(f,"http://www.w3.org/2000/svg",arguments[0]):f.createElement.apply(f,arguments)}function a(e,t,n,o){var a,i,l,s,r,c="modernizr",d=v("div"),u=((r=f.body)||((r=v($?"svg":"body")).fake=!0),r);if(parseInt(n,10))for(;n--;)(l=v("div")).id=o?o[n]:c+(n+1),d.appendChild(l);return(a=v("style")).type="text/css",a.id="s"+c,(u.fake?u:d).appendChild(a),u.appendChild(d),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(f.createTextNode(e)),d.id=c,u.fake&&(u.style.background="",u.style.overflow="hidden",s=C.style.overflow,C.style.overflow="hidden",C.appendChild(u)),i=t(d,e),u.fake?(u.parentNode.removeChild(u),C.style.overflow=s,C.offsetHeight):d.parentNode.removeChild(d),!!i}function s(e,t){return function(){return e.apply(t,arguments)}}function i(e){return e.replace(/([A-Z])/g,function(e,t){return"-"+t.toLowerCase()}).replace(/^ms-/,"-ms-")}function h(e,t){var n=e.length;if("CSS"in l&&"supports"in l.CSS){for(;n--;)if(l.CSS.supports(i(e[n]),t))return!0;return!1}if("CSSSupportsRule"in l){for(var o=[];n--;)o.push("("+i(e[n])+":"+t+")");return a("@supports ("+(o=o.join(" or "))+") { #modernizr { position: absolute; } }",function(e){return"absolute"==function(e,t,n){var o;if("getComputedStyle"in l){o=getComputedStyle.call(l,e,t);var a=l.console;null!==o?n&&(o=o.getPropertyValue(n)):a&&a[a.error?"error":"log"].call(a,"getComputedStyle returning null, its possible modernizr test results are inaccurate")}else o=!t&&e.currentStyle&&e.currentStyle[n];return o}(e,null,"position")})}return p}function r(e,t,n,o){function a(){l&&(delete M.style,delete M.modElem)}if(o=!m(o,"undefined")&&o,!m(n,"undefined")){var i=h(e,n);if(!m(i,"undefined"))return i}for(var l,s,r,c,d,u=["modernizr","tspan","samp"];!M.style&&u.length;)l=!0,M.modElem=v(u.shift()),M.style=M.modElem.style;for(r=e.length,s=0;s<r;s++)if(c=e[s],d=M.style[c],!!~(""+c).indexOf("-")&&(c=g(c)),M.style[c]!==p){if(o||m(n,"undefined"))return a(),"pfx"!=t||c;try{M.style[c]=n}catch(e){}if(M.style[c]!=d)return a(),"pfx"!=t||c}return a(),!1}function o(e,t,n,o,a){var i=e.charAt(0).toUpperCase()+e.slice(1),l=(e+" "+k.join(i+" ")+i).split(" ");return m(t,"string")||m(t,"undefined")?r(l,t,o,a):function(e,t,n){var o;for(var a in e)if(e[a]in t)return!1===n?e[a]:m(o=t[e[a]],"function")?s(o,n||t):o;return!1}(l=(e+" "+x.join(i+" ")+i).split(" "),t,n)}function c(e,t,n){return o(e,p,p,t,n)}var d=[],u=[],e={_version:"3.5.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,t){var n=this;setTimeout(function(){t(n[e])},0)},addTest:function(e,t,n){u.push({name:e,fn:t,options:n})},addAsyncTest:function(e){u.push({name:null,fn:e})}},b=function(){};b.prototype=e,b=new b;var w=e._config.usePrefixes?" -webkit- -moz- -o- -ms- ".split(" "):["",""];e._prefixes=w;var C=f.documentElement,$="svg"===C.nodeName.toLowerCase(),t="Moz O ms Webkit",x=e._config.usePrefixes?t.toLowerCase().split(" "):[];e._domPrefixes=x;var n="CSS"in l&&"supports"in l.CSS,y="supportsCSS"in l;b.addTest("supports",n||y);var k=e._config.usePrefixes?t.split(" "):[];e._cssomPrefixes=k;var S=function(e){var t,n=w.length,o=l.CSSRule;if(void 0===o)return p;if(!e)return!1;if((t=(e=e.replace(/^@/,"")).replace(/-/g,"_").toUpperCase()+"_RULE")in o)return"@"+e;for(var a=0;a<n;a++){var i=w[a];if(i.toUpperCase()+"_"+t in o)return"@-"+i.toLowerCase()+"-"+e}return!1};e.atRule=S;var z=e.testStyles=a;b.addTest("touchevents",function(){var t;if("ontouchstart"in l||l.DocumentTouch&&f instanceof DocumentTouch)t=!0;else{var e=["@media (",w.join("touch-enabled),("),"heartz",")","{#modernizr{top:9px;position:absolute}}"].join("");z(e,function(e){t=9===e.offsetTop})}return t});var T={elem:v("modernizr")};b._q.push(function(){delete T.elem});var M={style:T.elem.style};b._q.unshift(function(){delete M.style}),e.testProp=function(e,t,n){return r([e],p,t,n)},e.testAllProps=o;var E=e.prefixed=function(e,t,n){return 0===e.indexOf("@")?S(e):(-1!=e.indexOf("-")&&(e=g(e)),t?o(e,t,n):o(e,"pfx"))};e.testAllProps=c,b.addTest("csstransforms3d",function(){var t=!!c("perspective","1px",!0),e=b._config.usePrefixes;if(t&&(!e||"webkitPerspective"in C.style)){var n;b.supports?n="@supports (perspective: 1px)":(n="@media (transform-3d)",e&&(n+=",(-webkit-transform-3d)")),z("#modernizr{width:0;height:0}"+(n+="{#modernizr{width:7px;height:18px;margin:0;padding:0;border:0}}"),function(e){t=7===e.offsetWidth&&18===e.offsetHeight})}return t}),b.addTest("csstransitions",c("transition","all",!0)),b.addTest("objectfit",!!E("objectFit"),{aliases:["object-fit"]}),function(){var e,t,n,o,a,i;for(var l in u)if(u.hasOwnProperty(l)){if(e=[],(t=u[l]).name&&(e.push(t.name.toLowerCase()),t.options&&t.options.aliases&&t.options.aliases.length))for(n=0;n<t.options.aliases.length;n++)e.push(t.options.aliases[n].toLowerCase());for(o=m(t.fn,"function")?t.fn():t.fn,a=0;a<e.length;a++)1===(i=e[a].split(".")).length?b[i[0]]=o:(!b[i[0]]||b[i[0]]instanceof Boolean||(b[i[0]]=new Boolean(b[i[0]])),b[i[0]][i[1]]=o),d.push((o?"":"no-")+i.join("-"))}}(),function(e){var t=C.className,n=b._config.classPrefix||"";if($&&(t=t.baseVal),b._config.enableJSClass){var o=new RegExp("(^|\\s)"+n+"no-js(\\s|$)");t=t.replace(o,"$1"+n+"js$2")}b._config.enableClasses&&(t+=" "+n+e.join(" "+n),$?C.className.baseVal=t:C.className=t)}(d),delete e.addTest,delete e.addAsyncTest;for(var _=0;_<b._q.length;_++)b._q[_]();l.Modernizr=b}(window,document),function(e){var t;if("function"==typeof define&&define.amd&&(define(e),t=!0),"object"==typeof exports&&(module.exports=e(),t=!0),!t){var n=window.Cookies,o=window.Cookies=e();o.noConflict=function(){return window.Cookies=n,o}}}(function(){function s(){for(var e=0,t={};e<arguments.length;e++){var n=arguments[e];for(var o in n)t[o]=n[o]}return t}function c(e){return e.replace(/(%[0-9A-Z]{2})+/g,decodeURIComponent)}return function e(r){function l(){}function n(e,t,n){if("undefined"!=typeof document){"number"==typeof(n=s({path:"/"},l.defaults,n)).expires&&(n.expires=new Date(1*new Date+864e5*n.expires)),n.expires=n.expires?n.expires.toUTCString():"";try{var o=JSON.stringify(t);/^[\{\[]/.test(o)&&(t=o)}catch(e){}t=r.write?r.write(t,e):encodeURIComponent(String(t)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),e=encodeURIComponent(String(e)).replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent).replace(/[\(\)]/g,escape);var a="";for(var i in n)n[i]&&(a+="; "+i,!0!==n[i]&&(a+="="+n[i].split(";")[0]));return document.cookie=e+"="+t+a}}function t(e,t){if("undefined"!=typeof document){for(var n={},o=document.cookie?document.cookie.split("; "):[],a=0;a<o.length;a++){var i=o[a].split("="),l=i.slice(1).join("=");t||'"'!==l.charAt(0)||(l=l.slice(1,-1));try{var s=c(i[0]);if(l=(r.read||r)(l,s)||c(l),t)try{l=JSON.parse(l)}catch(e){}if(n[s]=l,e===s)break}catch(e){}}return e?n[e]:n}}return l.set=n,l.get=function(e){return t(e,!1)},l.getJSON=function(e){return t(e,!0)},l.remove=function(e,t){n(e,"",s(t,{expires:-1}))},l.defaults={},l.withConverter=e,l}(function(){})}),$(function(){$("html").removeClass("no-js");var e=mobileCheck()?"touchstart":"click";$(".offcanvas-toggle").on(e,function(e){$(this).parent().toggleClass("open")}),$("li.submenu > a").on(e,function(e){$("li.submenu.open a").not(this).parent().removeClass("open"),$(this).parent().toggleClass("open")}),$("nav .nav-toggle").on(e,function(e){$(this).toggleClass("active"),$("nav .secondary-nav").toggleClass("open")}),$(".calendar-view div.issues h4").on(e,function(e){var t=$(this).parents("div.issues").find("div ul li a");1==t.length?window.open(t[0].href,"_self"):($(".calendar-view table td.open").not($(this).parents("td")).removeClass("open"),$(this).parents("td").toggleClass("open"))}),$(".tx-dlf-calendar, .tx-dlf-calendar-years").parents("body").addClass("calendar"),$(".tx-dlf-pagegrid-list").parents("body").addClass("gridview"),$(".tx-dlf-calendar .calendar-list-selection a.select-calendar-view").hasClass("active")&&$(".tx-dlf-calendar .calendar-list-selection a.select-calendar-view").removeClass("active"),$(".tx-dlf-calendar .calendar-list-selection a.select-calendar-view, .tx-dlf-calendar .calendar-view").addClass("active"),$(".tx-dlf-calendar .calendar-list-selection a").on(e,function(e){if(!$(this).hasClass("active")){var t="."+$(this).attr("class").replace("select-","");$(".tx-dlf-calendar .active").removeClass("active"),$(this).addClass("active"),$(t).addClass("active")}}),$(".pages select option[selected]")[0]&&$("dl.mobile-meta").append('<dt class="mobile-page-number">No.</dt><dd class="mobile-page-number">'+$(".pages select option[selected]").text()+"</dd>"),$(".provider").append('<div class="mobile-controls" />'),$(".view-functions .pages form, .view-functions .zoom a.fullscreen").clone().appendTo(".provider .mobile-controls"),shortenMobileMetaElement=$(".provider dl.mobile-meta dd.tx-dlf-title a"),shortenMobileMetaTitle=shortenMobileMetaElement.text(),140<shortenMobileMetaTitle.length&&(shortenMobileMetaTitle=shortenMobileMetaTitle.substr(0,140)+"...",shortenMobileMetaElement.text(shortenMobileMetaTitle)),$(".submenu.downloads ul li")[0]||$(".submenu.downloads>a").replaceWith(function(){return $('<span title="'+$(this).attr("title")+'" class="'+$(this).attr("class")+'" id="'+$(this).attr("id")+'">'+$(this).html()+"</span>")}),1<$(".tx-dlf-metadata dl.tx-dlf-metadata-titledata").length&&(metadataToggleLabelMore=$('html[lang^="de"]')[0]?"mehr Metadaten":"more Metadata",metadataToggleLabelLess=$('html[lang^="de"]')[0]?"weniger Metadaten":"less Metadata",$(".control-bar .metadata-wrapper").append('<div class="metadata-toggle">'+metadataToggleLabelMore+"</div>"),$(".metadata-toggle").on(e,function(){$(".control-bar").hasClass("all-metadata")?(Cookies.remove("tx-dlf-allmetadata"),$(this).text(metadataToggleLabelMore)):(Cookies.set("tx-dlf-allmetadata","true"),$(this).text(metadataToggleLabelLess)),$(".control-bar").toggleClass("all-metadata").find("dl:nth-child(n+3)").slideToggle()})),$("a.fullscreen").on(e,function(){$("body.fullscreen")[0]?exitFullscreen():enterFullscreen()}),Cookies.get("tx-dlf-pageview-zoomFullscreen")&&($("body").addClass("fullscreen static"),$(".zoom .fullscreen").addClass("active")),$("ul.toc ul li.current")[0]&&(tocPlaceholderLabel=$('html[lang^="de"]')[0]?"Einige Einträge sind ausgeblendet":"Some entires are hidden",tocPlaceholderTitle=$('html[lang^="de"]')[0]?"Hier klicken um alle Einträge zu ziegen":"Click to show all entries",$("ul.toc ul li.current").first().prevAll(":eq(4)").prevUntil(":nth-child(2)").hide(),$("ul.toc ul li:nth-child(2)").after('<li class="placeholder" title="'+tocPlaceholderTitle+'">'+tocPlaceholderLabel+"</li>"),$("ul.toc ul li.placeholder").on(e,function(){$(this).remove(),$("ul.toc ul li").slideDown()})),$(".tx-dlf-toolsFulltextsearch form")[0]?$(".fulltext-search-toggle").on(e,function(){$("body").toggleClass("search-indocument-active"),$("#tx-dlf-search-in-document-query").trigger("focus")}):$(".fulltext-search-toggle").addClass("disabled"),$(".fwds, .backs").on("mouseenter",function(){$(this).addClass("over")}).on("mouseleave",function(){$(this).removeClass("over")}).on("click",function(){localStorage.txDlfFromPage=$(this).attr("class").split(" ")[0]}),localStorage.txDlfFromPage&&$("."+localStorage.txDlfFromPage).addClass("no-transition over"),$(".tx-dlf-pageview").children()[0]||(emptyMessage=$('html[lang^="de"]')[0]?"Kein Band ausgew&auml;hlt. Klicken Sie hier um zum ersten Band dieses Werks zu gelangen.":"No volume selected. Click to jump to the first available volume.",$(".tx-dlf-pageview").append('<div class="tx-dlf-empty"><a class="tx-dlf-emptyToFirstVol" href="'+$(".tx-dlf-toc ul li ul li:first-child a").attr("href")+'"><span class="error-arrow">&larr;</span>'+emptyMessage+"</a></div>")),$("dl.tx-dlf-metadata-titledata").find("dt:contains(mmlung), dt:contains(llection)").nextUntil("dt","dd").addClass("tx-dlf-metadata-collection"),$("body").removeClass("hidden"),setTimeout(function(){localStorage.clear(),$(".fwds, .backs").removeClass("no-transition"),$("body").removeClass("static")},1e3)}),$(document).keyup(function(e){if(27==e.keyCode){if($("body.fullscreen")[0])return exitFullscreen();$(".document-functions .search.open")[0]&&$(".document-functions .search").removeClass("open")}if(70==e.keyCode&&!$("#tx-dlf-search-in-document-query").is(":focus"))return enterFullscreen()});
\ No newline at end of file
diff --git a/Resources/Public/Javascript/jquery-2.2.4.min.js b/Resources/Public/Javascript/jquery-2.2.4.min.js
new file mode 100644
index 00000000..07074fc7
--- /dev/null
+++ b/Resources/Public/Javascript/jquery-2.2.4.min.js
@@ -0,0 +1,4 @@
+/*! jQuery v2.2.4 | (c) jQuery Foundation | jquery.org/license */
+!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=a.document,e=c.slice,f=c.concat,g=c.push,h=c.indexOf,i={},j=i.toString,k=i.hasOwnProperty,l={},m="2.2.4",n=function(a,b){return new n.fn.init(a,b)},o=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,p=/^-ms-/,q=/-([\da-z])/gi,r=function(a,b){return b.toUpperCase()};n.fn=n.prototype={jquery:m,constructor:n,selector:"",length:0,toArray:function(){return e.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:e.call(this)},pushStack:function(a){var b=n.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a){return n.each(this,a)},map:function(a){return this.pushStack(n.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(e.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor()},push:g,sort:c.sort,splice:c.splice},n.extend=n.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||n.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(a=arguments[h]))for(b in a)c=g[b],d=a[b],g!==d&&(j&&d&&(n.isPlainObject(d)||(e=n.isArray(d)))?(e?(e=!1,f=c&&n.isArray(c)?c:[]):f=c&&n.isPlainObject(c)?c:{},g[b]=n.extend(j,f,d)):void 0!==d&&(g[b]=d));return g},n.extend({expando:"jQuery"+(m+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===n.type(a)},isArray:Array.isArray,isWindow:function(a){return null!=a&&a===a.window},isNumeric:function(a){var b=a&&a.toString();return!n.isArray(a)&&b-parseFloat(b)+1>=0},isPlainObject:function(a){var b;if("object"!==n.type(a)||a.nodeType||n.isWindow(a))return!1;if(a.constructor&&!k.call(a,"constructor")&&!k.call(a.constructor.prototype||{},"isPrototypeOf"))return!1;for(b in a);return void 0===b||k.call(a,b)},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?i[j.call(a)]||"object":typeof a},globalEval:function(a){var b,c=eval;a=n.trim(a),a&&(1===a.indexOf("use strict")?(b=d.createElement("script"),b.text=a,d.head.appendChild(b).parentNode.removeChild(b)):c(a))},camelCase:function(a){return a.replace(p,"ms-").replace(q,r)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b){var c,d=0;if(s(a)){for(c=a.length;c>d;d++)if(b.call(a[d],d,a[d])===!1)break}else for(d in a)if(b.call(a[d],d,a[d])===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(o,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(s(Object(a))?n.merge(c,"string"==typeof a?[a]:a):g.call(c,a)),c},inArray:function(a,b,c){return null==b?-1:h.call(b,a,c)},merge:function(a,b){for(var c=+b.length,d=0,e=a.length;c>d;d++)a[e++]=b[d];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,e,g=0,h=[];if(s(a))for(d=a.length;d>g;g++)e=b(a[g],g,c),null!=e&&h.push(e);else for(g in a)e=b(a[g],g,c),null!=e&&h.push(e);return f.apply([],h)},guid:1,proxy:function(a,b){var c,d,f;return"string"==typeof b&&(c=a[b],b=a,a=c),n.isFunction(a)?(d=e.call(arguments,2),f=function(){return a.apply(b||this,d.concat(e.call(arguments)))},f.guid=a.guid=a.guid||n.guid++,f):void 0},now:Date.now,support:l}),"function"==typeof Symbol&&(n.fn[Symbol.iterator]=c[Symbol.iterator]),n.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(a,b){i["[object "+b+"]"]=b.toLowerCase()});function s(a){var b=!!a&&"length"in a&&a.length,c=n.type(a);return"function"===c||n.isWindow(a)?!1:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var t=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ga(),z=ga(),A=ga(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+M+"))|)"+L+"*\\]",O=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+N+")*)|.*)\\)|)",P=new RegExp(L+"+","g"),Q=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),R=new RegExp("^"+L+"*,"+L+"*"),S=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),T=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),U=new RegExp(O),V=new RegExp("^"+M+"$"),W={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M+"|[*])"),ATTR:new RegExp("^"+N),PSEUDO:new RegExp("^"+O),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},X=/^(?:input|select|textarea|button)$/i,Y=/^h\d$/i,Z=/^[^{]+\{\s*\[native \w/,$=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,_=/[+~]/,aa=/'|\\/g,ba=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),ca=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},da=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(ea){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function fa(a,b,d,e){var f,h,j,k,l,o,r,s,w=b&&b.ownerDocument,x=b?b.nodeType:9;if(d=d||[],"string"!=typeof a||!a||1!==x&&9!==x&&11!==x)return d;if(!e&&((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,p)){if(11!==x&&(o=$.exec(a)))if(f=o[1]){if(9===x){if(!(j=b.getElementById(f)))return d;if(j.id===f)return d.push(j),d}else if(w&&(j=w.getElementById(f))&&t(b,j)&&j.id===f)return d.push(j),d}else{if(o[2])return H.apply(d,b.getElementsByTagName(a)),d;if((f=o[3])&&c.getElementsByClassName&&b.getElementsByClassName)return H.apply(d,b.getElementsByClassName(f)),d}if(c.qsa&&!A[a+" "]&&(!q||!q.test(a))){if(1!==x)w=b,s=a;else if("object"!==b.nodeName.toLowerCase()){(k=b.getAttribute("id"))?k=k.replace(aa,"\\$&"):b.setAttribute("id",k=u),r=g(a),h=r.length,l=V.test(k)?"#"+k:"[id='"+k+"']";while(h--)r[h]=l+" "+qa(r[h]);s=r.join(","),w=_.test(a)&&oa(b.parentNode)||b}if(s)try{return H.apply(d,w.querySelectorAll(s)),d}catch(y){}finally{k===u&&b.removeAttribute("id")}}}return i(a.replace(Q,"$1"),b,d,e)}function ga(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ha(a){return a[u]=!0,a}function ia(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ja(a,b){var c=a.split("|"),e=c.length;while(e--)d.attrHandle[c[e]]=b}function ka(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function la(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function na(a){return ha(function(b){return b=+b,ha(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function oa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=fa.support={},f=fa.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=fa.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=n.documentElement,p=!f(n),(e=n.defaultView)&&e.top!==e&&(e.addEventListener?e.addEventListener("unload",da,!1):e.attachEvent&&e.attachEvent("onunload",da)),c.attributes=ia(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ia(function(a){return a.appendChild(n.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=Z.test(n.getElementsByClassName),c.getById=ia(function(a){return o.appendChild(a).id=u,!n.getElementsByName||!n.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ba,ca);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ba,ca);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return"undefined"!=typeof b.getElementsByClassName&&p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=Z.test(n.querySelectorAll))&&(ia(function(a){o.appendChild(a).innerHTML="<a id='"+u+"'></a><select id='"+u+"-\r\\' msallowcapture=''><option selected=''></option></select>",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+L+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+L+"*(?:value|"+K+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),ia(function(a){var b=n.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+L+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=Z.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ia(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",O)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=Z.test(o.compareDocumentPosition),t=b||Z.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===n||a.ownerDocument===v&&t(v,a)?-1:b===n||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,g=[a],h=[b];if(!e||!f)return a===n?-1:b===n?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return ka(a,b);c=a;while(c=c.parentNode)g.unshift(c);c=b;while(c=c.parentNode)h.unshift(c);while(g[d]===h[d])d++;return d?ka(g[d],h[d]):g[d]===v?-1:h[d]===v?1:0},n):n},fa.matches=function(a,b){return fa(a,null,null,b)},fa.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(T,"='$1']"),c.matchesSelector&&p&&!A[b+" "]&&(!r||!r.test(b))&&(!q||!q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return fa(b,n,null,[a]).length>0},fa.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},fa.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},fa.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},fa.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=fa.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=fa.selectors={cacheLength:50,createPseudo:ha,match:W,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(ba,ca),a[3]=(a[3]||a[4]||a[5]||"").replace(ba,ca),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||fa.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&fa.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return W.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&U.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(ba,ca).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+L+")"+a+"("+L+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=fa.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(P," ")+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h,t=!1;if(q){if(f){while(p){m=b;while(m=m[p])if(h?m.nodeName.toLowerCase()===r:1===m.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){m=q,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n&&j[2],m=n&&q.childNodes[n];while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if(1===m.nodeType&&++t&&m===b){k[a]=[w,n,t];break}}else if(s&&(m=b,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n),t===!1)while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if((h?m.nodeName.toLowerCase()===r:1===m.nodeType)&&++t&&(s&&(l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),k[a]=[w,t]),m===b))break;return t-=e,t===d||t%d===0&&t/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||fa.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ha(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=J(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ha(function(a){var b=[],c=[],d=h(a.replace(Q,"$1"));return d[u]?ha(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ha(function(a){return function(b){return fa(a,b).length>0}}),contains:ha(function(a){return a=a.replace(ba,ca),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ha(function(a){return V.test(a||"")||fa.error("unsupported lang: "+a),a=a.replace(ba,ca).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Y.test(a.nodeName)},input:function(a){return X.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:na(function(){return[0]}),last:na(function(a,b){return[b-1]}),eq:na(function(a,b,c){return[0>c?c+b:c]}),even:na(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:na(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:na(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:na(function(a,b,c){for(var d=0>c?c+b:c;++d<b;)a.push(d);return a})}},d.pseudos.nth=d.pseudos.eq;for(b in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})d.pseudos[b]=la(b);for(b in{submit:!0,reset:!0})d.pseudos[b]=ma(b);function pa(){}pa.prototype=d.filters=d.pseudos,d.setFilters=new pa,g=fa.tokenize=function(a,b){var c,e,f,g,h,i,j,k=z[a+" "];if(k)return b?0:k.slice(0);h=a,i=[],j=d.preFilter;while(h){c&&!(e=R.exec(h))||(e&&(h=h.slice(e[0].length)||h),i.push(f=[])),c=!1,(e=S.exec(h))&&(c=e.shift(),f.push({value:c,type:e[0].replace(Q," ")}),h=h.slice(c.length));for(g in d.filter)!(e=W[g].exec(h))||j[g]&&!(e=j[g](e))||(c=e.shift(),f.push({value:c,type:g,matches:e}),h=h.slice(c.length));if(!c)break}return b?h.length:h?fa.error(a):z(a,i).slice(0)};function qa(a){for(var b=0,c=a.length,d="";c>b;b++)d+=a[b].value;return d}function ra(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j,k=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(j=b[u]||(b[u]={}),i=j[b.uniqueID]||(j[b.uniqueID]={}),(h=i[d])&&h[0]===w&&h[1]===f)return k[2]=h[2];if(i[d]=k,k[2]=a(b,c,g))return!0}}}function sa(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ta(a,b,c){for(var d=0,e=b.length;e>d;d++)fa(a,b[d],c);return c}function ua(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(c&&!c(f,d,e)||(g.push(f),j&&b.push(h)));return g}function va(a,b,c,d,e,f){return d&&!d[u]&&(d=va(d)),e&&!e[u]&&(e=va(e,f)),ha(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ta(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:ua(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=ua(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=ua(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function wa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=ra(function(a){return a===b},h,!0),l=ra(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[ra(sa(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return va(i>1&&sa(m),i>1&&qa(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(Q,"$1"),c,e>i&&wa(a.slice(i,e)),f>e&&wa(a=a.slice(e)),f>e&&qa(a))}m.push(c)}return sa(m)}function xa(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,o,q,r=0,s="0",t=f&&[],u=[],v=j,x=f||e&&d.find.TAG("*",k),y=w+=null==v?1:Math.random()||.1,z=x.length;for(k&&(j=g===n||g||k);s!==z&&null!=(l=x[s]);s++){if(e&&l){o=0,g||l.ownerDocument===n||(m(l),h=!p);while(q=a[o++])if(q(l,g||n,h)){i.push(l);break}k&&(w=y)}c&&((l=!q&&l)&&r--,f&&t.push(l))}if(r+=s,c&&s!==r){o=0;while(q=b[o++])q(t,u,g,h);if(f){if(r>0)while(s--)t[s]||u[s]||(u[s]=F.call(i));u=ua(u)}H.apply(i,u),k&&!f&&u.length>0&&r+b.length>1&&fa.uniqueSort(i)}return k&&(w=y,j=v),t};return c?ha(f):f}return h=fa.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=wa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,xa(e,d)),f.selector=a}return f},i=fa.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ba,ca),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=W.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ba,ca),_.test(j[0].type)&&oa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&qa(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,!b||_.test(a)&&oa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ia(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ia(function(a){return a.innerHTML="<a href='#'></a>","#"===a.firstChild.getAttribute("href")})||ja("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ia(function(a){return a.innerHTML="<input/>",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||ja("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),ia(function(a){return null==a.getAttribute("disabled")})||ja(K,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),fa}(a);n.find=t,n.expr=t.selectors,n.expr[":"]=n.expr.pseudos,n.uniqueSort=n.unique=t.uniqueSort,n.text=t.getText,n.isXMLDoc=t.isXML,n.contains=t.contains;var u=function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&n(a).is(c))break;d.push(a)}return d},v=function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c},w=n.expr.match.needsContext,x=/^<([\w-]+)\s*\/?>(?:<\/\1>|)$/,y=/^.[^:#\[\.,]*$/;function z(a,b,c){if(n.isFunction(b))return n.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return n.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(y.test(b))return n.filter(b,a,c);b=n.filter(b,a)}return n.grep(a,function(a){return h.call(b,a)>-1!==c})}n.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?n.find.matchesSelector(d,a)?[d]:[]:n.find.matches(a,n.grep(b,function(a){return 1===a.nodeType}))},n.fn.extend({find:function(a){var b,c=this.length,d=[],e=this;if("string"!=typeof a)return this.pushStack(n(a).filter(function(){for(b=0;c>b;b++)if(n.contains(e[b],this))return!0}));for(b=0;c>b;b++)n.find(a,e[b],d);return d=this.pushStack(c>1?n.unique(d):d),d.selector=this.selector?this.selector+" "+a:a,d},filter:function(a){return this.pushStack(z(this,a||[],!1))},not:function(a){return this.pushStack(z(this,a||[],!0))},is:function(a){return!!z(this,"string"==typeof a&&w.test(a)?n(a):a||[],!1).length}});var A,B=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,C=n.fn.init=function(a,b,c){var e,f;if(!a)return this;if(c=c||A,"string"==typeof a){if(e="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:B.exec(a),!e||!e[1]&&b)return!b||b.jquery?(b||c).find(a):this.constructor(b).find(a);if(e[1]){if(b=b instanceof n?b[0]:b,n.merge(this,n.parseHTML(e[1],b&&b.nodeType?b.ownerDocument||b:d,!0)),x.test(e[1])&&n.isPlainObject(b))for(e in b)n.isFunction(this[e])?this[e](b[e]):this.attr(e,b[e]);return this}return f=d.getElementById(e[2]),f&&f.parentNode&&(this.length=1,this[0]=f),this.context=d,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):n.isFunction(a)?void 0!==c.ready?c.ready(a):a(n):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),n.makeArray(a,this))};C.prototype=n.fn,A=n(d);var D=/^(?:parents|prev(?:Until|All))/,E={children:!0,contents:!0,next:!0,prev:!0};n.fn.extend({has:function(a){var b=n(a,this),c=b.length;return this.filter(function(){for(var a=0;c>a;a++)if(n.contains(this,b[a]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=w.test(a)||"string"!=typeof a?n(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&n.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?n.uniqueSort(f):f)},index:function(a){return a?"string"==typeof a?h.call(n(a),this[0]):h.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(n.uniqueSort(n.merge(this.get(),n(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function F(a,b){while((a=a[b])&&1!==a.nodeType);return a}n.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return u(a,"parentNode")},parentsUntil:function(a,b,c){return u(a,"parentNode",c)},next:function(a){return F(a,"nextSibling")},prev:function(a){return F(a,"previousSibling")},nextAll:function(a){return u(a,"nextSibling")},prevAll:function(a){return u(a,"previousSibling")},nextUntil:function(a,b,c){return u(a,"nextSibling",c)},prevUntil:function(a,b,c){return u(a,"previousSibling",c)},siblings:function(a){return v((a.parentNode||{}).firstChild,a)},children:function(a){return v(a.firstChild)},contents:function(a){return a.contentDocument||n.merge([],a.childNodes)}},function(a,b){n.fn[a]=function(c,d){var e=n.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=n.filter(d,e)),this.length>1&&(E[a]||n.uniqueSort(e),D.test(a)&&e.reverse()),this.pushStack(e)}});var G=/\S+/g;function H(a){var b={};return n.each(a.match(G)||[],function(a,c){b[c]=!0}),b}n.Callbacks=function(a){a="string"==typeof a?H(a):n.extend({},a);var b,c,d,e,f=[],g=[],h=-1,i=function(){for(e=a.once,d=b=!0;g.length;h=-1){c=g.shift();while(++h<f.length)f[h].apply(c[0],c[1])===!1&&a.stopOnFalse&&(h=f.length,c=!1)}a.memory||(c=!1),b=!1,e&&(f=c?[]:"")},j={add:function(){return f&&(c&&!b&&(h=f.length-1,g.push(c)),function d(b){n.each(b,function(b,c){n.isFunction(c)?a.unique&&j.has(c)||f.push(c):c&&c.length&&"string"!==n.type(c)&&d(c)})}(arguments),c&&!b&&i()),this},remove:function(){return n.each(arguments,function(a,b){var c;while((c=n.inArray(b,f,c))>-1)f.splice(c,1),h>=c&&h--}),this},has:function(a){return a?n.inArray(a,f)>-1:f.length>0},empty:function(){return f&&(f=[]),this},disable:function(){return e=g=[],f=c="",this},disabled:function(){return!f},lock:function(){return e=g=[],c||(f=c=""),this},locked:function(){return!!e},fireWith:function(a,c){return e||(c=c||[],c=[a,c.slice?c.slice():c],g.push(c),b||i()),this},fire:function(){return j.fireWith(this,arguments),this},fired:function(){return!!d}};return j},n.extend({Deferred:function(a){var b=[["resolve","done",n.Callbacks("once memory"),"resolved"],["reject","fail",n.Callbacks("once memory"),"rejected"],["notify","progress",n.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return n.Deferred(function(c){n.each(b,function(b,f){var g=n.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&n.isFunction(a.promise)?a.promise().progress(c.notify).done(c.resolve).fail(c.reject):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?n.extend(a,d):d}},e={};return d.pipe=d.then,n.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=e.call(arguments),d=c.length,f=1!==d||a&&n.isFunction(a.promise)?d:0,g=1===f?a:n.Deferred(),h=function(a,b,c){return function(d){b[a]=this,c[a]=arguments.length>1?e.call(arguments):d,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(d>1)for(i=new Array(d),j=new Array(d),k=new Array(d);d>b;b++)c[b]&&n.isFunction(c[b].promise)?c[b].promise().progress(h(b,j,i)).done(h(b,k,c)).fail(g.reject):--f;return f||g.resolveWith(k,c),g.promise()}});var I;n.fn.ready=function(a){return n.ready.promise().done(a),this},n.extend({isReady:!1,readyWait:1,holdReady:function(a){a?n.readyWait++:n.ready(!0)},ready:function(a){(a===!0?--n.readyWait:n.isReady)||(n.isReady=!0,a!==!0&&--n.readyWait>0||(I.resolveWith(d,[n]),n.fn.triggerHandler&&(n(d).triggerHandler("ready"),n(d).off("ready"))))}});function J(){d.removeEventListener("DOMContentLoaded",J),a.removeEventListener("load",J),n.ready()}n.ready.promise=function(b){return I||(I=n.Deferred(),"complete"===d.readyState||"loading"!==d.readyState&&!d.documentElement.doScroll?a.setTimeout(n.ready):(d.addEventListener("DOMContentLoaded",J),a.addEventListener("load",J))),I.promise(b)},n.ready.promise();var K=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===n.type(c)){e=!0;for(h in c)K(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,n.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(n(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},L=function(a){return 1===a.nodeType||9===a.nodeType||!+a.nodeType};function M(){this.expando=n.expando+M.uid++}M.uid=1,M.prototype={register:function(a,b){var c=b||{};return a.nodeType?a[this.expando]=c:Object.defineProperty(a,this.expando,{value:c,writable:!0,configurable:!0}),a[this.expando]},cache:function(a){if(!L(a))return{};var b=a[this.expando];return b||(b={},L(a)&&(a.nodeType?a[this.expando]=b:Object.defineProperty(a,this.expando,{value:b,configurable:!0}))),b},set:function(a,b,c){var d,e=this.cache(a);if("string"==typeof b)e[b]=c;else for(d in b)e[d]=b[d];return e},get:function(a,b){return void 0===b?this.cache(a):a[this.expando]&&a[this.expando][b]},access:function(a,b,c){var d;return void 0===b||b&&"string"==typeof b&&void 0===c?(d=this.get(a,b),void 0!==d?d:this.get(a,n.camelCase(b))):(this.set(a,b,c),void 0!==c?c:b)},remove:function(a,b){var c,d,e,f=a[this.expando];if(void 0!==f){if(void 0===b)this.register(a);else{n.isArray(b)?d=b.concat(b.map(n.camelCase)):(e=n.camelCase(b),b in f?d=[b,e]:(d=e,d=d in f?[d]:d.match(G)||[])),c=d.length;while(c--)delete f[d[c]]}(void 0===b||n.isEmptyObject(f))&&(a.nodeType?a[this.expando]=void 0:delete a[this.expando])}},hasData:function(a){var b=a[this.expando];return void 0!==b&&!n.isEmptyObject(b)}};var N=new M,O=new M,P=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,Q=/[A-Z]/g;function R(a,b,c){var d;if(void 0===c&&1===a.nodeType)if(d="data-"+b.replace(Q,"-$&").toLowerCase(),c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:P.test(c)?n.parseJSON(c):c;
+}catch(e){}O.set(a,b,c)}else c=void 0;return c}n.extend({hasData:function(a){return O.hasData(a)||N.hasData(a)},data:function(a,b,c){return O.access(a,b,c)},removeData:function(a,b){O.remove(a,b)},_data:function(a,b,c){return N.access(a,b,c)},_removeData:function(a,b){N.remove(a,b)}}),n.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=O.get(f),1===f.nodeType&&!N.get(f,"hasDataAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=n.camelCase(d.slice(5)),R(f,d,e[d])));N.set(f,"hasDataAttrs",!0)}return e}return"object"==typeof a?this.each(function(){O.set(this,a)}):K(this,function(b){var c,d;if(f&&void 0===b){if(c=O.get(f,a)||O.get(f,a.replace(Q,"-$&").toLowerCase()),void 0!==c)return c;if(d=n.camelCase(a),c=O.get(f,d),void 0!==c)return c;if(c=R(f,d,void 0),void 0!==c)return c}else d=n.camelCase(a),this.each(function(){var c=O.get(this,d);O.set(this,d,b),a.indexOf("-")>-1&&void 0!==c&&O.set(this,a,b)})},null,b,arguments.length>1,null,!0)},removeData:function(a){return this.each(function(){O.remove(this,a)})}}),n.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=N.get(a,b),c&&(!d||n.isArray(c)?d=N.access(a,b,n.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=n.queue(a,b),d=c.length,e=c.shift(),f=n._queueHooks(a,b),g=function(){n.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return N.get(a,c)||N.access(a,c,{empty:n.Callbacks("once memory").add(function(){N.remove(a,[b+"queue",c])})})}}),n.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length<c?n.queue(this[0],a):void 0===b?this:this.each(function(){var c=n.queue(this,a,b);n._queueHooks(this,a),"fx"===a&&"inprogress"!==c[0]&&n.dequeue(this,a)})},dequeue:function(a){return this.each(function(){n.dequeue(this,a)})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,b){var c,d=1,e=n.Deferred(),f=this,g=this.length,h=function(){--d||e.resolveWith(f,[f])};"string"!=typeof a&&(b=a,a=void 0),a=a||"fx";while(g--)c=N.get(f[g],a+"queueHooks"),c&&c.empty&&(d++,c.empty.add(h));return h(),e.promise(b)}});var S=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,T=new RegExp("^(?:([+-])=|)("+S+")([a-z%]*)$","i"),U=["Top","Right","Bottom","Left"],V=function(a,b){return a=b||a,"none"===n.css(a,"display")||!n.contains(a.ownerDocument,a)};function W(a,b,c,d){var e,f=1,g=20,h=d?function(){return d.cur()}:function(){return n.css(a,b,"")},i=h(),j=c&&c[3]||(n.cssNumber[b]?"":"px"),k=(n.cssNumber[b]||"px"!==j&&+i)&&T.exec(n.css(a,b));if(k&&k[3]!==j){j=j||k[3],c=c||[],k=+i||1;do f=f||".5",k/=f,n.style(a,b,k+j);while(f!==(f=h()/i)&&1!==f&&--g)}return c&&(k=+k||+i||0,e=c[1]?k+(c[1]+1)*c[2]:+c[2],d&&(d.unit=j,d.start=k,d.end=e)),e}var X=/^(?:checkbox|radio)$/i,Y=/<([\w:-]+)/,Z=/^$|\/(?:java|ecma)script/i,$={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};$.optgroup=$.option,$.tbody=$.tfoot=$.colgroup=$.caption=$.thead,$.th=$.td;function _(a,b){var c="undefined"!=typeof a.getElementsByTagName?a.getElementsByTagName(b||"*"):"undefined"!=typeof a.querySelectorAll?a.querySelectorAll(b||"*"):[];return void 0===b||b&&n.nodeName(a,b)?n.merge([a],c):c}function aa(a,b){for(var c=0,d=a.length;d>c;c++)N.set(a[c],"globalEval",!b||N.get(b[c],"globalEval"))}var ba=/<|&#?\w+;/;function ca(a,b,c,d,e){for(var f,g,h,i,j,k,l=b.createDocumentFragment(),m=[],o=0,p=a.length;p>o;o++)if(f=a[o],f||0===f)if("object"===n.type(f))n.merge(m,f.nodeType?[f]:f);else if(ba.test(f)){g=g||l.appendChild(b.createElement("div")),h=(Y.exec(f)||["",""])[1].toLowerCase(),i=$[h]||$._default,g.innerHTML=i[1]+n.htmlPrefilter(f)+i[2],k=i[0];while(k--)g=g.lastChild;n.merge(m,g.childNodes),g=l.firstChild,g.textContent=""}else m.push(b.createTextNode(f));l.textContent="",o=0;while(f=m[o++])if(d&&n.inArray(f,d)>-1)e&&e.push(f);else if(j=n.contains(f.ownerDocument,f),g=_(l.appendChild(f),"script"),j&&aa(g),c){k=0;while(f=g[k++])Z.test(f.type||"")&&c.push(f)}return l}!function(){var a=d.createDocumentFragment(),b=a.appendChild(d.createElement("div")),c=d.createElement("input");c.setAttribute("type","radio"),c.setAttribute("checked","checked"),c.setAttribute("name","t"),b.appendChild(c),l.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,b.innerHTML="<textarea>x</textarea>",l.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var da=/^key/,ea=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,fa=/^([^.]*)(?:\.(.+)|)/;function ga(){return!0}function ha(){return!1}function ia(){try{return d.activeElement}catch(a){}}function ja(a,b,c,d,e,f){var g,h;if("object"==typeof b){"string"!=typeof c&&(d=d||c,c=void 0);for(h in b)ja(a,h,c,d,b[h],f);return a}if(null==d&&null==e?(e=c,d=c=void 0):null==e&&("string"==typeof c?(e=d,d=void 0):(e=d,d=c,c=void 0)),e===!1)e=ha;else if(!e)return a;return 1===f&&(g=e,e=function(a){return n().off(a),g.apply(this,arguments)},e.guid=g.guid||(g.guid=n.guid++)),a.each(function(){n.event.add(this,b,e,d,c)})}n.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=N.get(a);if(r){c.handler&&(f=c,c=f.handler,e=f.selector),c.guid||(c.guid=n.guid++),(i=r.events)||(i=r.events={}),(g=r.handle)||(g=r.handle=function(b){return"undefined"!=typeof n&&n.event.triggered!==b.type?n.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(G)||[""],j=b.length;while(j--)h=fa.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o&&(l=n.event.special[o]||{},o=(e?l.delegateType:l.bindType)||o,l=n.event.special[o]||{},k=n.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&n.expr.match.needsContext.test(e),namespace:p.join(".")},f),(m=i[o])||(m=i[o]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,p,g)!==!1||a.addEventListener&&a.addEventListener(o,g)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),n.event.global[o]=!0)}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=N.hasData(a)&&N.get(a);if(r&&(i=r.events)){b=(b||"").match(G)||[""],j=b.length;while(j--)if(h=fa.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=n.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,m=i[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;while(f--)k=m[f],!e&&q!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||n.removeEvent(a,o,r.handle),delete i[o])}else for(o in i)n.event.remove(a,o+b[j],c,d,!0);n.isEmptyObject(i)&&N.remove(a,"handle events")}},dispatch:function(a){a=n.event.fix(a);var b,c,d,f,g,h=[],i=e.call(arguments),j=(N.get(this,"events")||{})[a.type]||[],k=n.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=n.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,c=0;while((g=f.handlers[c++])&&!a.isImmediatePropagationStopped())a.rnamespace&&!a.rnamespace.test(g.namespace)||(a.handleObj=g,a.data=g.data,d=((n.event.special[g.origType]||{}).handle||g.handler).apply(f.elem,i),void 0!==d&&(a.result=d)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&("click"!==a.type||isNaN(a.button)||a.button<1))for(;i!==this;i=i.parentNode||this)if(1===i.nodeType&&(i.disabled!==!0||"click"!==a.type)){for(d=[],c=0;h>c;c++)f=b[c],e=f.selector+" ",void 0===d[e]&&(d[e]=f.needsContext?n(e,this).index(i)>-1:n.find(e,this,null,[i]).length),d[e]&&d.push(f);d.length&&g.push({elem:i,handlers:d})}return h<b.length&&g.push({elem:this,handlers:b.slice(h)}),g},props:"altKey bubbles cancelable ctrlKey currentTarget detail eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(a,b){return null==a.which&&(a.which=null!=b.charCode?b.charCode:b.keyCode),a}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(a,b){var c,e,f,g=b.button;return null==a.pageX&&null!=b.clientX&&(c=a.target.ownerDocument||d,e=c.documentElement,f=c.body,a.pageX=b.clientX+(e&&e.scrollLeft||f&&f.scrollLeft||0)-(e&&e.clientLeft||f&&f.clientLeft||0),a.pageY=b.clientY+(e&&e.scrollTop||f&&f.scrollTop||0)-(e&&e.clientTop||f&&f.clientTop||0)),a.which||void 0===g||(a.which=1&g?1:2&g?3:4&g?2:0),a}},fix:function(a){if(a[n.expando])return a;var b,c,e,f=a.type,g=a,h=this.fixHooks[f];h||(this.fixHooks[f]=h=ea.test(f)?this.mouseHooks:da.test(f)?this.keyHooks:{}),e=h.props?this.props.concat(h.props):this.props,a=new n.Event(g),b=e.length;while(b--)c=e[b],a[c]=g[c];return a.target||(a.target=d),3===a.target.nodeType&&(a.target=a.target.parentNode),h.filter?h.filter(a,g):a},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==ia()&&this.focus?(this.focus(),!1):void 0},delegateType:"focusin"},blur:{trigger:function(){return this===ia()&&this.blur?(this.blur(),!1):void 0},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&n.nodeName(this,"input")?(this.click(),!1):void 0},_default:function(a){return n.nodeName(a.target,"a")}},beforeunload:{postDispatch:function(a){void 0!==a.result&&a.originalEvent&&(a.originalEvent.returnValue=a.result)}}}},n.removeEvent=function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c)},n.Event=function(a,b){return this instanceof n.Event?(a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||void 0===a.defaultPrevented&&a.returnValue===!1?ga:ha):this.type=a,b&&n.extend(this,b),this.timeStamp=a&&a.timeStamp||n.now(),void(this[n.expando]=!0)):new n.Event(a,b)},n.Event.prototype={constructor:n.Event,isDefaultPrevented:ha,isPropagationStopped:ha,isImmediatePropagationStopped:ha,isSimulated:!1,preventDefault:function(){var a=this.originalEvent;this.isDefaultPrevented=ga,a&&!this.isSimulated&&a.preventDefault()},stopPropagation:function(){var a=this.originalEvent;this.isPropagationStopped=ga,a&&!this.isSimulated&&a.stopPropagation()},stopImmediatePropagation:function(){var a=this.originalEvent;this.isImmediatePropagationStopped=ga,a&&!this.isSimulated&&a.stopImmediatePropagation(),this.stopPropagation()}},n.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(a,b){n.event.special[a]={delegateType:b,bindType:b,handle:function(a){var c,d=this,e=a.relatedTarget,f=a.handleObj;return e&&(e===d||n.contains(d,e))||(a.type=f.origType,c=f.handler.apply(this,arguments),a.type=b),c}}}),n.fn.extend({on:function(a,b,c,d){return ja(this,a,b,c,d)},one:function(a,b,c,d){return ja(this,a,b,c,d,1)},off:function(a,b,c){var d,e;if(a&&a.preventDefault&&a.handleObj)return d=a.handleObj,n(a.delegateTarget).off(d.namespace?d.origType+"."+d.namespace:d.origType,d.selector,d.handler),this;if("object"==typeof a){for(e in a)this.off(e,b,a[e]);return this}return b!==!1&&"function"!=typeof b||(c=b,b=void 0),c===!1&&(c=ha),this.each(function(){n.event.remove(this,a,c,b)})}});var ka=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:-]+)[^>]*)\/>/gi,la=/<script|<style|<link/i,ma=/checked\s*(?:[^=]|=\s*.checked.)/i,na=/^true\/(.*)/,oa=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;function pa(a,b){return n.nodeName(a,"table")&&n.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function qa(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function ra(a){var b=na.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function sa(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(N.hasData(a)&&(f=N.access(a),g=N.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;d>c;c++)n.event.add(b,e,j[e][c])}O.hasData(a)&&(h=O.access(a),i=n.extend({},h),O.set(b,i))}}function ta(a,b){var c=b.nodeName.toLowerCase();"input"===c&&X.test(a.type)?b.checked=a.checked:"input"!==c&&"textarea"!==c||(b.defaultValue=a.defaultValue)}function ua(a,b,c,d){b=f.apply([],b);var e,g,h,i,j,k,m=0,o=a.length,p=o-1,q=b[0],r=n.isFunction(q);if(r||o>1&&"string"==typeof q&&!l.checkClone&&ma.test(q))return a.each(function(e){var f=a.eq(e);r&&(b[0]=q.call(this,e,f.html())),ua(f,b,c,d)});if(o&&(e=ca(b,a[0].ownerDocument,!1,a,d),g=e.firstChild,1===e.childNodes.length&&(e=g),g||d)){for(h=n.map(_(e,"script"),qa),i=h.length;o>m;m++)j=e,m!==p&&(j=n.clone(j,!0,!0),i&&n.merge(h,_(j,"script"))),c.call(a[m],j,m);if(i)for(k=h[h.length-1].ownerDocument,n.map(h,ra),m=0;i>m;m++)j=h[m],Z.test(j.type||"")&&!N.access(j,"globalEval")&&n.contains(k,j)&&(j.src?n._evalUrl&&n._evalUrl(j.src):n.globalEval(j.textContent.replace(oa,"")))}return a}function va(a,b,c){for(var d,e=b?n.filter(b,a):a,f=0;null!=(d=e[f]);f++)c||1!==d.nodeType||n.cleanData(_(d)),d.parentNode&&(c&&n.contains(d.ownerDocument,d)&&aa(_(d,"script")),d.parentNode.removeChild(d));return a}n.extend({htmlPrefilter:function(a){return a.replace(ka,"<$1></$2>")},clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=n.contains(a.ownerDocument,a);if(!(l.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(g=_(h),f=_(a),d=0,e=f.length;e>d;d++)ta(f[d],g[d]);if(b)if(c)for(f=f||_(a),g=g||_(h),d=0,e=f.length;e>d;d++)sa(f[d],g[d]);else sa(a,h);return g=_(h,"script"),g.length>0&&aa(g,!i&&_(a,"script")),h},cleanData:function(a){for(var b,c,d,e=n.event.special,f=0;void 0!==(c=a[f]);f++)if(L(c)){if(b=c[N.expando]){if(b.events)for(d in b.events)e[d]?n.event.remove(c,d):n.removeEvent(c,d,b.handle);c[N.expando]=void 0}c[O.expando]&&(c[O.expando]=void 0)}}}),n.fn.extend({domManip:ua,detach:function(a){return va(this,a,!0)},remove:function(a){return va(this,a)},text:function(a){return K(this,function(a){return void 0===a?n.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=a)})},null,a,arguments.length)},append:function(){return ua(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=pa(this,a);b.appendChild(a)}})},prepend:function(){return ua(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=pa(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return ua(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return ua(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(n.cleanData(_(a,!1)),a.textContent="");return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return n.clone(this,a,b)})},html:function(a){return K(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if("string"==typeof a&&!la.test(a)&&!$[(Y.exec(a)||["",""])[1].toLowerCase()]){a=n.htmlPrefilter(a);try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(n.cleanData(_(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=[];return ua(this,arguments,function(b){var c=this.parentNode;n.inArray(this,a)<0&&(n.cleanData(_(this)),c&&c.replaceChild(b,this))},a)}}),n.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){n.fn[a]=function(a){for(var c,d=[],e=n(a),f=e.length-1,h=0;f>=h;h++)c=h===f?this:this.clone(!0),n(e[h])[b](c),g.apply(d,c.get());return this.pushStack(d)}});var wa,xa={HTML:"block",BODY:"block"};function ya(a,b){var c=n(b.createElement(a)).appendTo(b.body),d=n.css(c[0],"display");return c.detach(),d}function za(a){var b=d,c=xa[a];return c||(c=ya(a,b),"none"!==c&&c||(wa=(wa||n("<iframe width='0' height='0'/>")).appendTo(b.documentElement),b=wa[0].contentDocument,b.write(),b.close(),c=ya(a,b),wa.detach()),xa[a]=c),c}var Aa=/^margin/,Ba=new RegExp("^("+S+")(?!px)[a-z%]+$","i"),Ca=function(b){var c=b.ownerDocument.defaultView;return c&&c.opener||(c=a),c.getComputedStyle(b)},Da=function(a,b,c,d){var e,f,g={};for(f in b)g[f]=a.style[f],a.style[f]=b[f];e=c.apply(a,d||[]);for(f in b)a.style[f]=g[f];return e},Ea=d.documentElement;!function(){var b,c,e,f,g=d.createElement("div"),h=d.createElement("div");if(h.style){h.style.backgroundClip="content-box",h.cloneNode(!0).style.backgroundClip="",l.clearCloneStyle="content-box"===h.style.backgroundClip,g.style.cssText="border:0;width:8px;height:0;top:0;left:-9999px;padding:0;margin-top:1px;position:absolute",g.appendChild(h);function i(){h.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;margin:auto;border:1px;padding:1px;top:1%;width:50%",h.innerHTML="",Ea.appendChild(g);var d=a.getComputedStyle(h);b="1%"!==d.top,f="2px"===d.marginLeft,c="4px"===d.width,h.style.marginRight="50%",e="4px"===d.marginRight,Ea.removeChild(g)}n.extend(l,{pixelPosition:function(){return i(),b},boxSizingReliable:function(){return null==c&&i(),c},pixelMarginRight:function(){return null==c&&i(),e},reliableMarginLeft:function(){return null==c&&i(),f},reliableMarginRight:function(){var b,c=h.appendChild(d.createElement("div"));return c.style.cssText=h.style.cssText="-webkit-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:0",c.style.marginRight=c.style.width="0",h.style.width="1px",Ea.appendChild(g),b=!parseFloat(a.getComputedStyle(c).marginRight),Ea.removeChild(g),h.removeChild(c),b}})}}();function Fa(a,b,c){var d,e,f,g,h=a.style;return c=c||Ca(a),g=c?c.getPropertyValue(b)||c[b]:void 0,""!==g&&void 0!==g||n.contains(a.ownerDocument,a)||(g=n.style(a,b)),c&&!l.pixelMarginRight()&&Ba.test(g)&&Aa.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f),void 0!==g?g+"":g}function Ga(a,b){return{get:function(){return a()?void delete this.get:(this.get=b).apply(this,arguments)}}}var Ha=/^(none|table(?!-c[ea]).+)/,Ia={position:"absolute",visibility:"hidden",display:"block"},Ja={letterSpacing:"0",fontWeight:"400"},Ka=["Webkit","O","Moz","ms"],La=d.createElement("div").style;function Ma(a){if(a in La)return a;var b=a[0].toUpperCase()+a.slice(1),c=Ka.length;while(c--)if(a=Ka[c]+b,a in La)return a}function Na(a,b,c){var d=T.exec(b);return d?Math.max(0,d[2]-(c||0))+(d[3]||"px"):b}function Oa(a,b,c,d,e){for(var f=c===(d?"border":"content")?4:"width"===b?1:0,g=0;4>f;f+=2)"margin"===c&&(g+=n.css(a,c+U[f],!0,e)),d?("content"===c&&(g-=n.css(a,"padding"+U[f],!0,e)),"margin"!==c&&(g-=n.css(a,"border"+U[f]+"Width",!0,e))):(g+=n.css(a,"padding"+U[f],!0,e),"padding"!==c&&(g+=n.css(a,"border"+U[f]+"Width",!0,e)));return g}function Pa(a,b,c){var d=!0,e="width"===b?a.offsetWidth:a.offsetHeight,f=Ca(a),g="border-box"===n.css(a,"boxSizing",!1,f);if(0>=e||null==e){if(e=Fa(a,b,f),(0>e||null==e)&&(e=a.style[b]),Ba.test(e))return e;d=g&&(l.boxSizingReliable()||e===a.style[b]),e=parseFloat(e)||0}return e+Oa(a,b,c||(g?"border":"content"),d,f)+"px"}function Qa(a,b){for(var c,d,e,f=[],g=0,h=a.length;h>g;g++)d=a[g],d.style&&(f[g]=N.get(d,"olddisplay"),c=d.style.display,b?(f[g]||"none"!==c||(d.style.display=""),""===d.style.display&&V(d)&&(f[g]=N.access(d,"olddisplay",za(d.nodeName)))):(e=V(d),"none"===c&&e||N.set(d,"olddisplay",e?c:n.css(d,"display"))));for(g=0;h>g;g++)d=a[g],d.style&&(b&&"none"!==d.style.display&&""!==d.style.display||(d.style.display=b?f[g]||"":"none"));return a}n.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=Fa(a,"opacity");return""===c?"1":c}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(a,b,c,d){if(a&&3!==a.nodeType&&8!==a.nodeType&&a.style){var e,f,g,h=n.camelCase(b),i=a.style;return b=n.cssProps[h]||(n.cssProps[h]=Ma(h)||h),g=n.cssHooks[b]||n.cssHooks[h],void 0===c?g&&"get"in g&&void 0!==(e=g.get(a,!1,d))?e:i[b]:(f=typeof c,"string"===f&&(e=T.exec(c))&&e[1]&&(c=W(a,b,e),f="number"),null!=c&&c===c&&("number"===f&&(c+=e&&e[3]||(n.cssNumber[h]?"":"px")),l.clearCloneStyle||""!==c||0!==b.indexOf("background")||(i[b]="inherit"),g&&"set"in g&&void 0===(c=g.set(a,c,d))||(i[b]=c)),void 0)}},css:function(a,b,c,d){var e,f,g,h=n.camelCase(b);return b=n.cssProps[h]||(n.cssProps[h]=Ma(h)||h),g=n.cssHooks[b]||n.cssHooks[h],g&&"get"in g&&(e=g.get(a,!0,c)),void 0===e&&(e=Fa(a,b,d)),"normal"===e&&b in Ja&&(e=Ja[b]),""===c||c?(f=parseFloat(e),c===!0||isFinite(f)?f||0:e):e}}),n.each(["height","width"],function(a,b){n.cssHooks[b]={get:function(a,c,d){return c?Ha.test(n.css(a,"display"))&&0===a.offsetWidth?Da(a,Ia,function(){return Pa(a,b,d)}):Pa(a,b,d):void 0},set:function(a,c,d){var e,f=d&&Ca(a),g=d&&Oa(a,b,d,"border-box"===n.css(a,"boxSizing",!1,f),f);return g&&(e=T.exec(c))&&"px"!==(e[3]||"px")&&(a.style[b]=c,c=n.css(a,b)),Na(a,c,g)}}}),n.cssHooks.marginLeft=Ga(l.reliableMarginLeft,function(a,b){return b?(parseFloat(Fa(a,"marginLeft"))||a.getBoundingClientRect().left-Da(a,{marginLeft:0},function(){return a.getBoundingClientRect().left}))+"px":void 0}),n.cssHooks.marginRight=Ga(l.reliableMarginRight,function(a,b){return b?Da(a,{display:"inline-block"},Fa,[a,"marginRight"]):void 0}),n.each({margin:"",padding:"",border:"Width"},function(a,b){n.cssHooks[a+b]={expand:function(c){for(var d=0,e={},f="string"==typeof c?c.split(" "):[c];4>d;d++)e[a+U[d]+b]=f[d]||f[d-2]||f[0];return e}},Aa.test(a)||(n.cssHooks[a+b].set=Na)}),n.fn.extend({css:function(a,b){return K(this,function(a,b,c){var d,e,f={},g=0;if(n.isArray(b)){for(d=Ca(a),e=b.length;e>g;g++)f[b[g]]=n.css(a,b[g],!1,d);return f}return void 0!==c?n.style(a,b,c):n.css(a,b)},a,b,arguments.length>1)},show:function(){return Qa(this,!0)},hide:function(){return Qa(this)},toggle:function(a){return"boolean"==typeof a?a?this.show():this.hide():this.each(function(){V(this)?n(this).show():n(this).hide()})}});function Ra(a,b,c,d,e){return new Ra.prototype.init(a,b,c,d,e)}n.Tween=Ra,Ra.prototype={constructor:Ra,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||n.easing._default,this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(n.cssNumber[c]?"":"px")},cur:function(){var a=Ra.propHooks[this.prop];return a&&a.get?a.get(this):Ra.propHooks._default.get(this)},run:function(a){var b,c=Ra.propHooks[this.prop];return this.options.duration?this.pos=b=n.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):this.pos=b=a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):Ra.propHooks._default.set(this),this}},Ra.prototype.init.prototype=Ra.prototype,Ra.propHooks={_default:{get:function(a){var b;return 1!==a.elem.nodeType||null!=a.elem[a.prop]&&null==a.elem.style[a.prop]?a.elem[a.prop]:(b=n.css(a.elem,a.prop,""),b&&"auto"!==b?b:0)},set:function(a){n.fx.step[a.prop]?n.fx.step[a.prop](a):1!==a.elem.nodeType||null==a.elem.style[n.cssProps[a.prop]]&&!n.cssHooks[a.prop]?a.elem[a.prop]=a.now:n.style(a.elem,a.prop,a.now+a.unit)}}},Ra.propHooks.scrollTop=Ra.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},n.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2},_default:"swing"},n.fx=Ra.prototype.init,n.fx.step={};var Sa,Ta,Ua=/^(?:toggle|show|hide)$/,Va=/queueHooks$/;function Wa(){return a.setTimeout(function(){Sa=void 0}),Sa=n.now()}function Xa(a,b){var c,d=0,e={height:a};for(b=b?1:0;4>d;d+=2-b)c=U[d],e["margin"+c]=e["padding"+c]=a;return b&&(e.opacity=e.width=a),e}function Ya(a,b,c){for(var d,e=(_a.tweeners[b]||[]).concat(_a.tweeners["*"]),f=0,g=e.length;g>f;f++)if(d=e[f].call(c,b,a))return d}function Za(a,b,c){var d,e,f,g,h,i,j,k,l=this,m={},o=a.style,p=a.nodeType&&V(a),q=N.get(a,"fxshow");c.queue||(h=n._queueHooks(a,"fx"),null==h.unqueued&&(h.unqueued=0,i=h.empty.fire,h.empty.fire=function(){h.unqueued||i()}),h.unqueued++,l.always(function(){l.always(function(){h.unqueued--,n.queue(a,"fx").length||h.empty.fire()})})),1===a.nodeType&&("height"in b||"width"in b)&&(c.overflow=[o.overflow,o.overflowX,o.overflowY],j=n.css(a,"display"),k="none"===j?N.get(a,"olddisplay")||za(a.nodeName):j,"inline"===k&&"none"===n.css(a,"float")&&(o.display="inline-block")),c.overflow&&(o.overflow="hidden",l.always(function(){o.overflow=c.overflow[0],o.overflowX=c.overflow[1],o.overflowY=c.overflow[2]}));for(d in b)if(e=b[d],Ua.exec(e)){if(delete b[d],f=f||"toggle"===e,e===(p?"hide":"show")){if("show"!==e||!q||void 0===q[d])continue;p=!0}m[d]=q&&q[d]||n.style(a,d)}else j=void 0;if(n.isEmptyObject(m))"inline"===("none"===j?za(a.nodeName):j)&&(o.display=j);else{q?"hidden"in q&&(p=q.hidden):q=N.access(a,"fxshow",{}),f&&(q.hidden=!p),p?n(a).show():l.done(function(){n(a).hide()}),l.done(function(){var b;N.remove(a,"fxshow");for(b in m)n.style(a,b,m[b])});for(d in m)g=Ya(p?q[d]:0,d,l),d in q||(q[d]=g.start,p&&(g.end=g.start,g.start="width"===d||"height"===d?1:0))}}function $a(a,b){var c,d,e,f,g;for(c in a)if(d=n.camelCase(c),e=b[d],f=a[c],n.isArray(f)&&(e=f[1],f=a[c]=f[0]),c!==d&&(a[d]=f,delete a[c]),g=n.cssHooks[d],g&&"expand"in g){f=g.expand(f),delete a[d];for(c in f)c in a||(a[c]=f[c],b[c]=e)}else b[d]=e}function _a(a,b,c){var d,e,f=0,g=_a.prefilters.length,h=n.Deferred().always(function(){delete i.elem}),i=function(){if(e)return!1;for(var b=Sa||Wa(),c=Math.max(0,j.startTime+j.duration-b),d=c/j.duration||0,f=1-d,g=0,i=j.tweens.length;i>g;g++)j.tweens[g].run(f);return h.notifyWith(a,[j,f,c]),1>f&&i?c:(h.resolveWith(a,[j]),!1)},j=h.promise({elem:a,props:n.extend({},b),opts:n.extend(!0,{specialEasing:{},easing:n.easing._default},c),originalProperties:b,originalOptions:c,startTime:Sa||Wa(),duration:c.duration,tweens:[],createTween:function(b,c){var d=n.Tween(a,j.opts,b,c,j.opts.specialEasing[b]||j.opts.easing);return j.tweens.push(d),d},stop:function(b){var c=0,d=b?j.tweens.length:0;if(e)return this;for(e=!0;d>c;c++)j.tweens[c].run(1);return b?(h.notifyWith(a,[j,1,0]),h.resolveWith(a,[j,b])):h.rejectWith(a,[j,b]),this}}),k=j.props;for($a(k,j.opts.specialEasing);g>f;f++)if(d=_a.prefilters[f].call(j,a,k,j.opts))return n.isFunction(d.stop)&&(n._queueHooks(j.elem,j.opts.queue).stop=n.proxy(d.stop,d)),d;return n.map(k,Ya,j),n.isFunction(j.opts.start)&&j.opts.start.call(a,j),n.fx.timer(n.extend(i,{elem:a,anim:j,queue:j.opts.queue})),j.progress(j.opts.progress).done(j.opts.done,j.opts.complete).fail(j.opts.fail).always(j.opts.always)}n.Animation=n.extend(_a,{tweeners:{"*":[function(a,b){var c=this.createTween(a,b);return W(c.elem,a,T.exec(b),c),c}]},tweener:function(a,b){n.isFunction(a)?(b=a,a=["*"]):a=a.match(G);for(var c,d=0,e=a.length;e>d;d++)c=a[d],_a.tweeners[c]=_a.tweeners[c]||[],_a.tweeners[c].unshift(b)},prefilters:[Za],prefilter:function(a,b){b?_a.prefilters.unshift(a):_a.prefilters.push(a)}}),n.speed=function(a,b,c){var d=a&&"object"==typeof a?n.extend({},a):{complete:c||!c&&b||n.isFunction(a)&&a,duration:a,easing:c&&b||b&&!n.isFunction(b)&&b};return d.duration=n.fx.off?0:"number"==typeof d.duration?d.duration:d.duration in n.fx.speeds?n.fx.speeds[d.duration]:n.fx.speeds._default,null!=d.queue&&d.queue!==!0||(d.queue="fx"),d.old=d.complete,d.complete=function(){n.isFunction(d.old)&&d.old.call(this),d.queue&&n.dequeue(this,d.queue)},d},n.fn.extend({fadeTo:function(a,b,c,d){return this.filter(V).css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=n.isEmptyObject(a),f=n.speed(b,c,d),g=function(){var b=_a(this,n.extend({},a),f);(e||N.get(this,"finish"))&&b.stop(!0)};return g.finish=g,e||f.queue===!1?this.each(g):this.queue(f.queue,g)},stop:function(a,b,c){var d=function(a){var b=a.stop;delete a.stop,b(c)};return"string"!=typeof a&&(c=b,b=a,a=void 0),b&&a!==!1&&this.queue(a||"fx",[]),this.each(function(){var b=!0,e=null!=a&&a+"queueHooks",f=n.timers,g=N.get(this);if(e)g[e]&&g[e].stop&&d(g[e]);else for(e in g)g[e]&&g[e].stop&&Va.test(e)&&d(g[e]);for(e=f.length;e--;)f[e].elem!==this||null!=a&&f[e].queue!==a||(f[e].anim.stop(c),b=!1,f.splice(e,1));!b&&c||n.dequeue(this,a)})},finish:function(a){return a!==!1&&(a=a||"fx"),this.each(function(){var b,c=N.get(this),d=c[a+"queue"],e=c[a+"queueHooks"],f=n.timers,g=d?d.length:0;for(c.finish=!0,n.queue(this,a,[]),e&&e.stop&&e.stop.call(this,!0),b=f.length;b--;)f[b].elem===this&&f[b].queue===a&&(f[b].anim.stop(!0),f.splice(b,1));for(b=0;g>b;b++)d[b]&&d[b].finish&&d[b].finish.call(this);delete c.finish})}}),n.each(["toggle","show","hide"],function(a,b){var c=n.fn[b];n.fn[b]=function(a,d,e){return null==a||"boolean"==typeof a?c.apply(this,arguments):this.animate(Xa(b,!0),a,d,e)}}),n.each({slideDown:Xa("show"),slideUp:Xa("hide"),slideToggle:Xa("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){n.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),n.timers=[],n.fx.tick=function(){var a,b=0,c=n.timers;for(Sa=n.now();b<c.length;b++)a=c[b],a()||c[b]!==a||c.splice(b--,1);c.length||n.fx.stop(),Sa=void 0},n.fx.timer=function(a){n.timers.push(a),a()?n.fx.start():n.timers.pop()},n.fx.interval=13,n.fx.start=function(){Ta||(Ta=a.setInterval(n.fx.tick,n.fx.interval))},n.fx.stop=function(){a.clearInterval(Ta),Ta=null},n.fx.speeds={slow:600,fast:200,_default:400},n.fn.delay=function(b,c){return b=n.fx?n.fx.speeds[b]||b:b,c=c||"fx",this.queue(c,function(c,d){var e=a.setTimeout(c,b);d.stop=function(){a.clearTimeout(e)}})},function(){var a=d.createElement("input"),b=d.createElement("select"),c=b.appendChild(d.createElement("option"));a.type="checkbox",l.checkOn=""!==a.value,l.optSelected=c.selected,b.disabled=!0,l.optDisabled=!c.disabled,a=d.createElement("input"),a.value="t",a.type="radio",l.radioValue="t"===a.value}();var ab,bb=n.expr.attrHandle;n.fn.extend({attr:function(a,b){return K(this,n.attr,a,b,arguments.length>1)},removeAttr:function(a){return this.each(function(){n.removeAttr(this,a)})}}),n.extend({attr:function(a,b,c){var d,e,f=a.nodeType;if(3!==f&&8!==f&&2!==f)return"undefined"==typeof a.getAttribute?n.prop(a,b,c):(1===f&&n.isXMLDoc(a)||(b=b.toLowerCase(),e=n.attrHooks[b]||(n.expr.match.bool.test(b)?ab:void 0)),void 0!==c?null===c?void n.removeAttr(a,b):e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:(a.setAttribute(b,c+""),c):e&&"get"in e&&null!==(d=e.get(a,b))?d:(d=n.find.attr(a,b),null==d?void 0:d))},attrHooks:{type:{set:function(a,b){if(!l.radioValue&&"radio"===b&&n.nodeName(a,"input")){var c=a.value;return a.setAttribute("type",b),c&&(a.value=c),b}}}},removeAttr:function(a,b){var c,d,e=0,f=b&&b.match(G);if(f&&1===a.nodeType)while(c=f[e++])d=n.propFix[c]||c,n.expr.match.bool.test(c)&&(a[d]=!1),a.removeAttribute(c)}}),ab={set:function(a,b,c){return b===!1?n.removeAttr(a,c):a.setAttribute(c,c),c}},n.each(n.expr.match.bool.source.match(/\w+/g),function(a,b){var c=bb[b]||n.find.attr;bb[b]=function(a,b,d){var e,f;return d||(f=bb[b],bb[b]=e,e=null!=c(a,b,d)?b.toLowerCase():null,bb[b]=f),e}});var cb=/^(?:input|select|textarea|button)$/i,db=/^(?:a|area)$/i;n.fn.extend({prop:function(a,b){return K(this,n.prop,a,b,arguments.length>1)},removeProp:function(a){return this.each(function(){delete this[n.propFix[a]||a]})}}),n.extend({prop:function(a,b,c){var d,e,f=a.nodeType;if(3!==f&&8!==f&&2!==f)return 1===f&&n.isXMLDoc(a)||(b=n.propFix[b]||b,e=n.propHooks[b]),
+void 0!==c?e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:a[b]=c:e&&"get"in e&&null!==(d=e.get(a,b))?d:a[b]},propHooks:{tabIndex:{get:function(a){var b=n.find.attr(a,"tabindex");return b?parseInt(b,10):cb.test(a.nodeName)||db.test(a.nodeName)&&a.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),l.optSelected||(n.propHooks.selected={get:function(a){var b=a.parentNode;return b&&b.parentNode&&b.parentNode.selectedIndex,null},set:function(a){var b=a.parentNode;b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex)}}),n.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){n.propFix[this.toLowerCase()]=this});var eb=/[\t\r\n\f]/g;function fb(a){return a.getAttribute&&a.getAttribute("class")||""}n.fn.extend({addClass:function(a){var b,c,d,e,f,g,h,i=0;if(n.isFunction(a))return this.each(function(b){n(this).addClass(a.call(this,b,fb(this)))});if("string"==typeof a&&a){b=a.match(G)||[];while(c=this[i++])if(e=fb(c),d=1===c.nodeType&&(" "+e+" ").replace(eb," ")){g=0;while(f=b[g++])d.indexOf(" "+f+" ")<0&&(d+=f+" ");h=n.trim(d),e!==h&&c.setAttribute("class",h)}}return this},removeClass:function(a){var b,c,d,e,f,g,h,i=0;if(n.isFunction(a))return this.each(function(b){n(this).removeClass(a.call(this,b,fb(this)))});if(!arguments.length)return this.attr("class","");if("string"==typeof a&&a){b=a.match(G)||[];while(c=this[i++])if(e=fb(c),d=1===c.nodeType&&(" "+e+" ").replace(eb," ")){g=0;while(f=b[g++])while(d.indexOf(" "+f+" ")>-1)d=d.replace(" "+f+" "," ");h=n.trim(d),e!==h&&c.setAttribute("class",h)}}return this},toggleClass:function(a,b){var c=typeof a;return"boolean"==typeof b&&"string"===c?b?this.addClass(a):this.removeClass(a):n.isFunction(a)?this.each(function(c){n(this).toggleClass(a.call(this,c,fb(this),b),b)}):this.each(function(){var b,d,e,f;if("string"===c){d=0,e=n(this),f=a.match(G)||[];while(b=f[d++])e.hasClass(b)?e.removeClass(b):e.addClass(b)}else void 0!==a&&"boolean"!==c||(b=fb(this),b&&N.set(this,"__className__",b),this.setAttribute&&this.setAttribute("class",b||a===!1?"":N.get(this,"__className__")||""))})},hasClass:function(a){var b,c,d=0;b=" "+a+" ";while(c=this[d++])if(1===c.nodeType&&(" "+fb(c)+" ").replace(eb," ").indexOf(b)>-1)return!0;return!1}});var gb=/\r/g,hb=/[\x20\t\r\n\f]+/g;n.fn.extend({val:function(a){var b,c,d,e=this[0];{if(arguments.length)return d=n.isFunction(a),this.each(function(c){var e;1===this.nodeType&&(e=d?a.call(this,c,n(this).val()):a,null==e?e="":"number"==typeof e?e+="":n.isArray(e)&&(e=n.map(e,function(a){return null==a?"":a+""})),b=n.valHooks[this.type]||n.valHooks[this.nodeName.toLowerCase()],b&&"set"in b&&void 0!==b.set(this,e,"value")||(this.value=e))});if(e)return b=n.valHooks[e.type]||n.valHooks[e.nodeName.toLowerCase()],b&&"get"in b&&void 0!==(c=b.get(e,"value"))?c:(c=e.value,"string"==typeof c?c.replace(gb,""):null==c?"":c)}}}),n.extend({valHooks:{option:{get:function(a){var b=n.find.attr(a,"value");return null!=b?b:n.trim(n.text(a)).replace(hb," ")}},select:{get:function(a){for(var b,c,d=a.options,e=a.selectedIndex,f="select-one"===a.type||0>e,g=f?null:[],h=f?e+1:d.length,i=0>e?h:f?e:0;h>i;i++)if(c=d[i],(c.selected||i===e)&&(l.optDisabled?!c.disabled:null===c.getAttribute("disabled"))&&(!c.parentNode.disabled||!n.nodeName(c.parentNode,"optgroup"))){if(b=n(c).val(),f)return b;g.push(b)}return g},set:function(a,b){var c,d,e=a.options,f=n.makeArray(b),g=e.length;while(g--)d=e[g],(d.selected=n.inArray(n.valHooks.option.get(d),f)>-1)&&(c=!0);return c||(a.selectedIndex=-1),f}}}}),n.each(["radio","checkbox"],function(){n.valHooks[this]={set:function(a,b){return n.isArray(b)?a.checked=n.inArray(n(a).val(),b)>-1:void 0}},l.checkOn||(n.valHooks[this].get=function(a){return null===a.getAttribute("value")?"on":a.value})});var ib=/^(?:focusinfocus|focusoutblur)$/;n.extend(n.event,{trigger:function(b,c,e,f){var g,h,i,j,l,m,o,p=[e||d],q=k.call(b,"type")?b.type:b,r=k.call(b,"namespace")?b.namespace.split("."):[];if(h=i=e=e||d,3!==e.nodeType&&8!==e.nodeType&&!ib.test(q+n.event.triggered)&&(q.indexOf(".")>-1&&(r=q.split("."),q=r.shift(),r.sort()),l=q.indexOf(":")<0&&"on"+q,b=b[n.expando]?b:new n.Event(q,"object"==typeof b&&b),b.isTrigger=f?2:3,b.namespace=r.join("."),b.rnamespace=b.namespace?new RegExp("(^|\\.)"+r.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=e),c=null==c?[b]:n.makeArray(c,[b]),o=n.event.special[q]||{},f||!o.trigger||o.trigger.apply(e,c)!==!1)){if(!f&&!o.noBubble&&!n.isWindow(e)){for(j=o.delegateType||q,ib.test(j+q)||(h=h.parentNode);h;h=h.parentNode)p.push(h),i=h;i===(e.ownerDocument||d)&&p.push(i.defaultView||i.parentWindow||a)}g=0;while((h=p[g++])&&!b.isPropagationStopped())b.type=g>1?j:o.bindType||q,m=(N.get(h,"events")||{})[b.type]&&N.get(h,"handle"),m&&m.apply(h,c),m=l&&h[l],m&&m.apply&&L(h)&&(b.result=m.apply(h,c),b.result===!1&&b.preventDefault());return b.type=q,f||b.isDefaultPrevented()||o._default&&o._default.apply(p.pop(),c)!==!1||!L(e)||l&&n.isFunction(e[q])&&!n.isWindow(e)&&(i=e[l],i&&(e[l]=null),n.event.triggered=q,e[q](),n.event.triggered=void 0,i&&(e[l]=i)),b.result}},simulate:function(a,b,c){var d=n.extend(new n.Event,c,{type:a,isSimulated:!0});n.event.trigger(d,null,b)}}),n.fn.extend({trigger:function(a,b){return this.each(function(){n.event.trigger(a,b,this)})},triggerHandler:function(a,b){var c=this[0];return c?n.event.trigger(a,b,c,!0):void 0}}),n.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(a,b){n.fn[b]=function(a,c){return arguments.length>0?this.on(b,null,a,c):this.trigger(b)}}),n.fn.extend({hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}}),l.focusin="onfocusin"in a,l.focusin||n.each({focus:"focusin",blur:"focusout"},function(a,b){var c=function(a){n.event.simulate(b,a.target,n.event.fix(a))};n.event.special[b]={setup:function(){var d=this.ownerDocument||this,e=N.access(d,b);e||d.addEventListener(a,c,!0),N.access(d,b,(e||0)+1)},teardown:function(){var d=this.ownerDocument||this,e=N.access(d,b)-1;e?N.access(d,b,e):(d.removeEventListener(a,c,!0),N.remove(d,b))}}});var jb=a.location,kb=n.now(),lb=/\?/;n.parseJSON=function(a){return JSON.parse(a+"")},n.parseXML=function(b){var c;if(!b||"string"!=typeof b)return null;try{c=(new a.DOMParser).parseFromString(b,"text/xml")}catch(d){c=void 0}return c&&!c.getElementsByTagName("parsererror").length||n.error("Invalid XML: "+b),c};var mb=/#.*$/,nb=/([?&])_=[^&]*/,ob=/^(.*?):[ \t]*([^\r\n]*)$/gm,pb=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,qb=/^(?:GET|HEAD)$/,rb=/^\/\//,sb={},tb={},ub="*/".concat("*"),vb=d.createElement("a");vb.href=jb.href;function wb(a){return function(b,c){"string"!=typeof b&&(c=b,b="*");var d,e=0,f=b.toLowerCase().match(G)||[];if(n.isFunction(c))while(d=f[e++])"+"===d[0]?(d=d.slice(1)||"*",(a[d]=a[d]||[]).unshift(c)):(a[d]=a[d]||[]).push(c)}}function xb(a,b,c,d){var e={},f=a===tb;function g(h){var i;return e[h]=!0,n.each(a[h]||[],function(a,h){var j=h(b,c,d);return"string"!=typeof j||f||e[j]?f?!(i=j):void 0:(b.dataTypes.unshift(j),g(j),!1)}),i}return g(b.dataTypes[0])||!e["*"]&&g("*")}function yb(a,b){var c,d,e=n.ajaxSettings.flatOptions||{};for(c in b)void 0!==b[c]&&((e[c]?a:d||(d={}))[c]=b[c]);return d&&n.extend(!0,a,d),a}function zb(a,b,c){var d,e,f,g,h=a.contents,i=a.dataTypes;while("*"===i[0])i.shift(),void 0===d&&(d=a.mimeType||b.getResponseHeader("Content-Type"));if(d)for(e in h)if(h[e]&&h[e].test(d)){i.unshift(e);break}if(i[0]in c)f=i[0];else{for(e in c){if(!i[0]||a.converters[e+" "+i[0]]){f=e;break}g||(g=e)}f=f||g}return f?(f!==i[0]&&i.unshift(f),c[f]):void 0}function Ab(a,b,c,d){var e,f,g,h,i,j={},k=a.dataTypes.slice();if(k[1])for(g in a.converters)j[g.toLowerCase()]=a.converters[g];f=k.shift();while(f)if(a.responseFields[f]&&(c[a.responseFields[f]]=b),!i&&d&&a.dataFilter&&(b=a.dataFilter(b,a.dataType)),i=f,f=k.shift())if("*"===f)f=i;else if("*"!==i&&i!==f){if(g=j[i+" "+f]||j["* "+f],!g)for(e in j)if(h=e.split(" "),h[1]===f&&(g=j[i+" "+h[0]]||j["* "+h[0]])){g===!0?g=j[e]:j[e]!==!0&&(f=h[0],k.unshift(h[1]));break}if(g!==!0)if(g&&a["throws"])b=g(b);else try{b=g(b)}catch(l){return{state:"parsererror",error:g?l:"No conversion from "+i+" to "+f}}}return{state:"success",data:b}}n.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:jb.href,type:"GET",isLocal:pb.test(jb.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":ub,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":n.parseJSON,"text xml":n.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(a,b){return b?yb(yb(a,n.ajaxSettings),b):yb(n.ajaxSettings,a)},ajaxPrefilter:wb(sb),ajaxTransport:wb(tb),ajax:function(b,c){"object"==typeof b&&(c=b,b=void 0),c=c||{};var e,f,g,h,i,j,k,l,m=n.ajaxSetup({},c),o=m.context||m,p=m.context&&(o.nodeType||o.jquery)?n(o):n.event,q=n.Deferred(),r=n.Callbacks("once memory"),s=m.statusCode||{},t={},u={},v=0,w="canceled",x={readyState:0,getResponseHeader:function(a){var b;if(2===v){if(!h){h={};while(b=ob.exec(g))h[b[1].toLowerCase()]=b[2]}b=h[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return 2===v?g:null},setRequestHeader:function(a,b){var c=a.toLowerCase();return v||(a=u[c]=u[c]||a,t[a]=b),this},overrideMimeType:function(a){return v||(m.mimeType=a),this},statusCode:function(a){var b;if(a)if(2>v)for(b in a)s[b]=[s[b],a[b]];else x.always(a[x.status]);return this},abort:function(a){var b=a||w;return e&&e.abort(b),z(0,b),this}};if(q.promise(x).complete=r.add,x.success=x.done,x.error=x.fail,m.url=((b||m.url||jb.href)+"").replace(mb,"").replace(rb,jb.protocol+"//"),m.type=c.method||c.type||m.method||m.type,m.dataTypes=n.trim(m.dataType||"*").toLowerCase().match(G)||[""],null==m.crossDomain){j=d.createElement("a");try{j.href=m.url,j.href=j.href,m.crossDomain=vb.protocol+"//"+vb.host!=j.protocol+"//"+j.host}catch(y){m.crossDomain=!0}}if(m.data&&m.processData&&"string"!=typeof m.data&&(m.data=n.param(m.data,m.traditional)),xb(sb,m,c,x),2===v)return x;k=n.event&&m.global,k&&0===n.active++&&n.event.trigger("ajaxStart"),m.type=m.type.toUpperCase(),m.hasContent=!qb.test(m.type),f=m.url,m.hasContent||(m.data&&(f=m.url+=(lb.test(f)?"&":"?")+m.data,delete m.data),m.cache===!1&&(m.url=nb.test(f)?f.replace(nb,"$1_="+kb++):f+(lb.test(f)?"&":"?")+"_="+kb++)),m.ifModified&&(n.lastModified[f]&&x.setRequestHeader("If-Modified-Since",n.lastModified[f]),n.etag[f]&&x.setRequestHeader("If-None-Match",n.etag[f])),(m.data&&m.hasContent&&m.contentType!==!1||c.contentType)&&x.setRequestHeader("Content-Type",m.contentType),x.setRequestHeader("Accept",m.dataTypes[0]&&m.accepts[m.dataTypes[0]]?m.accepts[m.dataTypes[0]]+("*"!==m.dataTypes[0]?", "+ub+"; q=0.01":""):m.accepts["*"]);for(l in m.headers)x.setRequestHeader(l,m.headers[l]);if(m.beforeSend&&(m.beforeSend.call(o,x,m)===!1||2===v))return x.abort();w="abort";for(l in{success:1,error:1,complete:1})x[l](m[l]);if(e=xb(tb,m,c,x)){if(x.readyState=1,k&&p.trigger("ajaxSend",[x,m]),2===v)return x;m.async&&m.timeout>0&&(i=a.setTimeout(function(){x.abort("timeout")},m.timeout));try{v=1,e.send(t,z)}catch(y){if(!(2>v))throw y;z(-1,y)}}else z(-1,"No Transport");function z(b,c,d,h){var j,l,t,u,w,y=c;2!==v&&(v=2,i&&a.clearTimeout(i),e=void 0,g=h||"",x.readyState=b>0?4:0,j=b>=200&&300>b||304===b,d&&(u=zb(m,x,d)),u=Ab(m,u,x,j),j?(m.ifModified&&(w=x.getResponseHeader("Last-Modified"),w&&(n.lastModified[f]=w),w=x.getResponseHeader("etag"),w&&(n.etag[f]=w)),204===b||"HEAD"===m.type?y="nocontent":304===b?y="notmodified":(y=u.state,l=u.data,t=u.error,j=!t)):(t=y,!b&&y||(y="error",0>b&&(b=0))),x.status=b,x.statusText=(c||y)+"",j?q.resolveWith(o,[l,y,x]):q.rejectWith(o,[x,y,t]),x.statusCode(s),s=void 0,k&&p.trigger(j?"ajaxSuccess":"ajaxError",[x,m,j?l:t]),r.fireWith(o,[x,y]),k&&(p.trigger("ajaxComplete",[x,m]),--n.active||n.event.trigger("ajaxStop")))}return x},getJSON:function(a,b,c){return n.get(a,b,c,"json")},getScript:function(a,b){return n.get(a,void 0,b,"script")}}),n.each(["get","post"],function(a,b){n[b]=function(a,c,d,e){return n.isFunction(c)&&(e=e||d,d=c,c=void 0),n.ajax(n.extend({url:a,type:b,dataType:e,data:c,success:d},n.isPlainObject(a)&&a))}}),n._evalUrl=function(a){return n.ajax({url:a,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})},n.fn.extend({wrapAll:function(a){var b;return n.isFunction(a)?this.each(function(b){n(this).wrapAll(a.call(this,b))}):(this[0]&&(b=n(a,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstElementChild)a=a.firstElementChild;return a}).append(this)),this)},wrapInner:function(a){return n.isFunction(a)?this.each(function(b){n(this).wrapInner(a.call(this,b))}):this.each(function(){var b=n(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=n.isFunction(a);return this.each(function(c){n(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){n.nodeName(this,"body")||n(this).replaceWith(this.childNodes)}).end()}}),n.expr.filters.hidden=function(a){return!n.expr.filters.visible(a)},n.expr.filters.visible=function(a){return a.offsetWidth>0||a.offsetHeight>0||a.getClientRects().length>0};var Bb=/%20/g,Cb=/\[\]$/,Db=/\r?\n/g,Eb=/^(?:submit|button|image|reset|file)$/i,Fb=/^(?:input|select|textarea|keygen)/i;function Gb(a,b,c,d){var e;if(n.isArray(b))n.each(b,function(b,e){c||Cb.test(a)?d(a,e):Gb(a+"["+("object"==typeof e&&null!=e?b:"")+"]",e,c,d)});else if(c||"object"!==n.type(b))d(a,b);else for(e in b)Gb(a+"["+e+"]",b[e],c,d)}n.param=function(a,b){var c,d=[],e=function(a,b){b=n.isFunction(b)?b():null==b?"":b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};if(void 0===b&&(b=n.ajaxSettings&&n.ajaxSettings.traditional),n.isArray(a)||a.jquery&&!n.isPlainObject(a))n.each(a,function(){e(this.name,this.value)});else for(c in a)Gb(c,a[c],b,e);return d.join("&").replace(Bb,"+")},n.fn.extend({serialize:function(){return n.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var a=n.prop(this,"elements");return a?n.makeArray(a):this}).filter(function(){var a=this.type;return this.name&&!n(this).is(":disabled")&&Fb.test(this.nodeName)&&!Eb.test(a)&&(this.checked||!X.test(a))}).map(function(a,b){var c=n(this).val();return null==c?null:n.isArray(c)?n.map(c,function(a){return{name:b.name,value:a.replace(Db,"\r\n")}}):{name:b.name,value:c.replace(Db,"\r\n")}}).get()}}),n.ajaxSettings.xhr=function(){try{return new a.XMLHttpRequest}catch(b){}};var Hb={0:200,1223:204},Ib=n.ajaxSettings.xhr();l.cors=!!Ib&&"withCredentials"in Ib,l.ajax=Ib=!!Ib,n.ajaxTransport(function(b){var c,d;return l.cors||Ib&&!b.crossDomain?{send:function(e,f){var g,h=b.xhr();if(h.open(b.type,b.url,b.async,b.username,b.password),b.xhrFields)for(g in b.xhrFields)h[g]=b.xhrFields[g];b.mimeType&&h.overrideMimeType&&h.overrideMimeType(b.mimeType),b.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest");for(g in e)h.setRequestHeader(g,e[g]);c=function(a){return function(){c&&(c=d=h.onload=h.onerror=h.onabort=h.onreadystatechange=null,"abort"===a?h.abort():"error"===a?"number"!=typeof h.status?f(0,"error"):f(h.status,h.statusText):f(Hb[h.status]||h.status,h.statusText,"text"!==(h.responseType||"text")||"string"!=typeof h.responseText?{binary:h.response}:{text:h.responseText},h.getAllResponseHeaders()))}},h.onload=c(),d=h.onerror=c("error"),void 0!==h.onabort?h.onabort=d:h.onreadystatechange=function(){4===h.readyState&&a.setTimeout(function(){c&&d()})},c=c("abort");try{h.send(b.hasContent&&b.data||null)}catch(i){if(c)throw i}},abort:function(){c&&c()}}:void 0}),n.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(a){return n.globalEval(a),a}}}),n.ajaxPrefilter("script",function(a){void 0===a.cache&&(a.cache=!1),a.crossDomain&&(a.type="GET")}),n.ajaxTransport("script",function(a){if(a.crossDomain){var b,c;return{send:function(e,f){b=n("<script>").prop({charset:a.scriptCharset,src:a.url}).on("load error",c=function(a){b.remove(),c=null,a&&f("error"===a.type?404:200,a.type)}),d.head.appendChild(b[0])},abort:function(){c&&c()}}}});var Jb=[],Kb=/(=)\?(?=&|$)|\?\?/;n.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var a=Jb.pop()||n.expando+"_"+kb++;return this[a]=!0,a}}),n.ajaxPrefilter("json jsonp",function(b,c,d){var e,f,g,h=b.jsonp!==!1&&(Kb.test(b.url)?"url":"string"==typeof b.data&&0===(b.contentType||"").indexOf("application/x-www-form-urlencoded")&&Kb.test(b.data)&&"data");return h||"jsonp"===b.dataTypes[0]?(e=b.jsonpCallback=n.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,h?b[h]=b[h].replace(Kb,"$1"+e):b.jsonp!==!1&&(b.url+=(lb.test(b.url)?"&":"?")+b.jsonp+"="+e),b.converters["script json"]=function(){return g||n.error(e+" was not called"),g[0]},b.dataTypes[0]="json",f=a[e],a[e]=function(){g=arguments},d.always(function(){void 0===f?n(a).removeProp(e):a[e]=f,b[e]&&(b.jsonpCallback=c.jsonpCallback,Jb.push(e)),g&&n.isFunction(f)&&f(g[0]),g=f=void 0}),"script"):void 0}),n.parseHTML=function(a,b,c){if(!a||"string"!=typeof a)return null;"boolean"==typeof b&&(c=b,b=!1),b=b||d;var e=x.exec(a),f=!c&&[];return e?[b.createElement(e[1])]:(e=ca([a],b,f),f&&f.length&&n(f).remove(),n.merge([],e.childNodes))};var Lb=n.fn.load;n.fn.load=function(a,b,c){if("string"!=typeof a&&Lb)return Lb.apply(this,arguments);var d,e,f,g=this,h=a.indexOf(" ");return h>-1&&(d=n.trim(a.slice(h)),a=a.slice(0,h)),n.isFunction(b)?(c=b,b=void 0):b&&"object"==typeof b&&(e="POST"),g.length>0&&n.ajax({url:a,type:e||"GET",dataType:"html",data:b}).done(function(a){f=arguments,g.html(d?n("<div>").append(n.parseHTML(a)).find(d):a)}).always(c&&function(a,b){g.each(function(){c.apply(this,f||[a.responseText,b,a])})}),this},n.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){n.fn[b]=function(a){return this.on(b,a)}}),n.expr.filters.animated=function(a){return n.grep(n.timers,function(b){return a===b.elem}).length};function Mb(a){return n.isWindow(a)?a:9===a.nodeType&&a.defaultView}n.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=n.css(a,"position"),l=n(a),m={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=n.css(a,"top"),i=n.css(a,"left"),j=("absolute"===k||"fixed"===k)&&(f+i).indexOf("auto")>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),n.isFunction(b)&&(b=b.call(a,c,n.extend({},h))),null!=b.top&&(m.top=b.top-h.top+g),null!=b.left&&(m.left=b.left-h.left+e),"using"in b?b.using.call(a,m):l.css(m)}},n.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){n.offset.setOffset(this,a,b)});var b,c,d=this[0],e={top:0,left:0},f=d&&d.ownerDocument;if(f)return b=f.documentElement,n.contains(b,d)?(e=d.getBoundingClientRect(),c=Mb(f),{top:e.top+c.pageYOffset-b.clientTop,left:e.left+c.pageXOffset-b.clientLeft}):e},position:function(){if(this[0]){var a,b,c=this[0],d={top:0,left:0};return"fixed"===n.css(c,"position")?b=c.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),n.nodeName(a[0],"html")||(d=a.offset()),d.top+=n.css(a[0],"borderTopWidth",!0),d.left+=n.css(a[0],"borderLeftWidth",!0)),{top:b.top-d.top-n.css(c,"marginTop",!0),left:b.left-d.left-n.css(c,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent;while(a&&"static"===n.css(a,"position"))a=a.offsetParent;return a||Ea})}}),n.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c="pageYOffset"===b;n.fn[a]=function(d){return K(this,function(a,d,e){var f=Mb(a);return void 0===e?f?f[b]:a[d]:void(f?f.scrollTo(c?f.pageXOffset:e,c?e:f.pageYOffset):a[d]=e)},a,d,arguments.length)}}),n.each(["top","left"],function(a,b){n.cssHooks[b]=Ga(l.pixelPosition,function(a,c){return c?(c=Fa(a,b),Ba.test(c)?n(a).position()[b]+"px":c):void 0})}),n.each({Height:"height",Width:"width"},function(a,b){n.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){n.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return K(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),n.fn.extend({bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return 1===arguments.length?this.off(a,"**"):this.off(b,a||"**",c)},size:function(){return this.length}}),n.fn.andSelf=n.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return n});var Nb=a.jQuery,Ob=a.$;return n.noConflict=function(b){return a.$===n&&(a.$=Ob),b&&a.jQuery===n&&(a.jQuery=Nb),n},b||(a.jQuery=a.$=n),n});
diff --git a/Static/calendar.html b/Static/calendar.html
new file mode 100644
index 00000000..219a5ce3
--- /dev/null
+++ b/Static/calendar.html
@@ -0,0 +1,2057 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <!--
+        This website is powered by TYPO3 - inspiring people to share!
+        TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
+        TYPO3 is copyright 1998-2017 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
+        Information and contribution at http://typo3.org/
+    -->
+    <title>SLUB Dresden: 1823</title>
+    <meta name="generator" content="TYPO3 CMS">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="Some meta robot entries">
+    <meta name="description" content="Some fallback meta description here">
+    <meta name="keywords" content="Some fallback meta kewords here">
+
+    <link rel="shortcut icon" type="image/png" href="/typo3conf/ext/slub_digitalcollections/ext_icon.png">
+
+    <!-- [TJ:] Disable Website CSS and bring new Viewer style -->
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_digitalcollections/Resources/Public/Css/Digitalcollections.css" media="all">
+    <script src="//code.jquery.com/jquery-2.2.4.min.js" type="text/javascript" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
+    <link type="text/css" rel="stylesheet" href="/typo3conf/ext/dlf/lib/OpenLayers/ol3.css">
+
+    <!-- [TJ:] Brings the licensed SLUB webfonts to the game  -->
+    <link type="text/css" rel="stylesheet" href="/typo3conf/ext/slub_template/Resources/Public/Css/fonts.css">
+
+</head>
+<body>
+    <div class="main-wrapper">
+        <div class="control-bar">
+            <div class="header-bar">
+                <div class="brand"><a title="SLUB Dresden – Digitale Sammlungen" href="#"><span class="logo-replacement">SLUB Dresden</span> Digitale Sammlungen</a></div>
+                <nav>
+                    <ul class="secondary-nav">
+                        <li><a href="#" title="" class="send-help">Hilfe einblenden</a></li>
+                        <li><a href="#" title="">Kontakt</a></li>
+                        <li><a href="#" title="">Impressum</a></li>
+                        <li><a href="#" title="">Datenschutz</a></li>
+                        <li><a href="#" title="">SLUB Homepage</a></li>
+                    </ul>
+                    <ul class="language-nav">
+                        <li class="active"><a href="#" hreflang="de-DE" data-iso-label="DE">DE</a></li>
+                        <li class="text-muted"><span data-iso-label="EN">EN</span></li>
+                    </ul>
+                    <button type="button" class="nav-toggle">
+                        <span class="nav-label">Open Navigation</span>
+                        <span class="nav-button-bar"></span>
+                        <span class="nav-button-bar"></span>
+                        <span class="nav-button-bar"></span>
+                    </button>
+                </nav>
+            </div>
+            <div class="ctrldata-container">
+                <div class="metadata-wrapper">
+                    <div class="tx-dlf-metadata">
+                        <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_metadata' -->
+                        <div class="tx-dlf-metadata">
+                            <h1>1823</h1>
+                            <dl class="tx-dlf-metadata-titledata">
+                                <dt>Digitalisat</dt><dd>SLUB Dresden</dd><dt>URN</dt><dd><a href="http://nbn-resolving.de/urn:nbn:de:bsz:14-db-id453041795-18232">urn:nbn:de:bsz:14-db-id453041795-18232</a></dd><dt>PURL</dt><dd><a href="http://digital.slub-dresden.de/id453041795-1823">http://digital.slub-dresden.de/id453041795-1823</a></dd><dt>OAI-Identifier</dt><dd><a href="#">oai:de:slub-dresden:db:id-453041795-1823</a></dd><dt>Sammlungen</dt><dd>LDP: Zeitungen</dd><dd>Saxonica</dd><dd>Zeitungen</dd><dt>Strukturtyp</dt><dd>Erscheinungsjahr</dd>
+                            </dl>
+                        </div><!-- END: Content of extension 'dlf', plugin 'tx_dlf_metadata' -->
+                    </div>
+                    <div class="offcanvas-toggle"></div>
+                </div>
+                <div class="toc-wrapper">
+                    <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_toc' -->
+                    <div class="tx-dlf-toc">
+                        <ul class="toc"><li class="current submenu"><ul><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-01<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-02<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-03<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-04<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-05<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-06<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-07<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-08<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-09<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-10<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-11<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-12<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-13<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-14<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-15<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-16<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-17<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-18<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-19<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-20<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-21<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-22<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-23<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-24<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-25<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-26<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-27<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-28<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-29<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-30<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-01-31<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-01<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-02<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-03<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-04<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-05<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-06<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-07<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-08<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-09<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-10<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-11<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-12<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-13<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-14<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-15<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-16<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-17<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-18<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-19<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-20<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-21<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-22<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-23<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-24<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-25<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-26<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-27<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-02-28<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-03-01<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-03-02<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-03-03<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-03-04<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-03-05<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-03-06<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-03-07<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-03-08<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-03-09<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-03-10<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-03-11<span class="pagination"></span></a></li><li><a href="#" title="Ausgabe">Ausgabe&nbsp;1823-03-12<span class="pagination"></span></a></li></ul></li></ul>
+                    </div><!-- END: Content of extension 'dlf', plugin 'tx_dlf_toc' -->
+                    <div class="offcanvas-toggle"></div>
+                </div>
+            </div>
+        </div><!--TYPO3SEARCH_begin-->
+        <div class="document-view">
+            <div class="tx-dlf-calendar">
+                <div class="year-anchor">
+                    <a href="#">Jahrgangsübersicht - Dresdner Philharmonie</a>
+                </div>
+                <div class="year">
+                    <a href="#">1998/1999</a>
+                </div>
+                <div class="calendar-list-selection">
+                    <a class="select-calendar-view active">Kalender</a>
+                    <a class="select-list-view">Listenansicht</a>
+                </div>
+                <div class="calendar-view active">
+
+                    <div class="year">1998</div>
+                    <div class="month">
+                        <table>
+                            <caption>September 1998</caption>
+                            <tbody>
+                            <tr>
+                                <th>Mo</th>
+                                <th>Di</th>
+                                <th>Mi</th>
+                                <th>Do</th>
+                                <th>Fr</th>
+                                <th>Sa</th>
+                                <th>So</th>
+                            </tr>
+
+                            <tr>
+                                <td>&nbsp;</td>
+                                <td class="">
+                                    <div class="issues"><h4>01</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">10-Sonstiges [geschätztes Erscheinungsdatum]</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>02</td>
+                                <td>03</td>
+                                <td>04</td>
+                                <td>
+                                    <div class="issues"><h4>05</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>
+                                    <div class="issues"><h4>06</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+
+                            <tr>
+                                <td>07</td>
+                                <td>08</td>
+                                <td>09</td>
+                                <td>10</td>
+                                <td>11</td>
+                                <td>
+                                    <div class="issues"><h4>12</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>
+                                    <div class="issues"><h4>13</h4>
+                                        <div>
+                                            <ul>
+                                                <li><a href="#" class="title">01-Kammerkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+
+                            <tr>
+                                <td>14</td>
+                                <td>15</td>
+                                <td>16</td>
+                                <td>17</td>
+                                <td>18</td>
+                                <td>
+                                    <div class="issues"><h4>19</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>20</td>
+                            </tr>
+
+                            <tr>
+                                <td>21</td>
+                                <td>22</td>
+                                <td>23</td>
+                                <td>24</td>
+                                <td>
+                                    <div class="issues"><h4>25</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>
+                                    <div class="issues"><h4>26</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>27</td>
+                            </tr>
+
+                            <tr>
+                                <td>28</td>
+                                <td>29</td>
+                                <td>30</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                            </tr>
+
+                            <tr>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                            </tr>
+
+                            </tbody>
+                        </table>
+                    </div>
+
+
+                    <div class="month">
+                        <table>
+                            <caption>Oktober 1998</caption>
+                            <tbody>
+                            <tr>
+                                <th>Mo</th>
+                                <th>Di</th>
+                                <th>Mi</th>
+                                <th>Do</th>
+                                <th>Fr</th>
+                                <th>Sa</th>
+                                <th>So</th>
+                            </tr>
+
+                            <tr>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>01</td>
+                                <td>02</td>
+                                <td>03</td>
+                                <td>04</td>
+                            </tr>
+
+                            <tr>
+                                <td>05</td>
+                                <td>
+                                    <div class="issues"><h4>06</h4>
+                                        <div>
+                                            <ul>
+                                                <li><a href="#" class="title">01-Auswärts</a></li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>07</td>
+                                <td>
+                                    <div class="issues"><h4>08</h4>
+                                        <div>
+                                            <ul>
+                                                <li><a href="#" class="title">01-Auswärts</a></li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>09</td>
+                                <td>10</td>
+                                <td>
+                                    <div class="issues"><h4>11</h4>
+                                        <div>
+                                            <ul>
+                                                <li><a href="#" class="title">01-Auswärts</a></li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+
+                            <tr>
+                                <td>
+                                    <div class="issues"><h4>12</h4>
+                                        <div>
+                                            <ul>
+                                                <li><a href="#" class="title">01-Auswärts</a></li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>13</td>
+                                <td>14</td>
+                                <td>
+                                    <div class="issues"><h4>15</h4>
+                                        <div>
+                                            <ul>
+                                                <li><a href="#" class="title">01-Auswärts</a></li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>16</td>
+                                <td>17</td>
+                                <td>
+                                    <div class="issues"><h4>18</h4>
+                                        <div>
+                                            <ul>
+                                                <li><a href="#" class="title">01-Auswärts</a></li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+
+                            <tr>
+                                <td>
+                                    <div class="issues"><h4>19</h4>
+                                        <div>
+                                            <ul>
+                                                <li><a href="#" class="title">01-Auswärts</a></li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>20</td>
+                                <td>21</td>
+                                <td>22</td>
+                                <td>23</td>
+                                <td>
+                                    <div class="issues"><h4>24</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>25</td>
+                            </tr>
+
+                            <tr>
+                                <td>
+                                    <div class="issues"><h4>26</h4>
+                                        <div>
+                                            <ul>
+                                                <li><a href="#" class="title">01-Sonstiges</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>27</td>
+                                <td>28</td>
+                                <td>29</td>
+                                <td>30</td>
+                                <td>
+                                    <div class="issues"><h4>31</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>&nbsp;</td>
+                            </tr>
+
+                            <tr>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                            </tr>
+
+                            </tbody>
+                        </table>
+                    </div>
+
+
+                    <div class="month">
+                        <table>
+                            <caption>November 1998</caption>
+                            <tbody>
+                            <tr>
+                                <th>Mo</th>
+                                <th>Di</th>
+                                <th>Mi</th>
+                                <th>Do</th>
+                                <th>Fr</th>
+                                <th>Sa</th>
+                                <th>So</th>
+                            </tr>
+
+                            <tr>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>01</td>
+                            </tr>
+
+                            <tr>
+                                <td>02</td>
+                                <td>03</td>
+                                <td>04</td>
+                                <td>05</td>
+                                <td>06</td>
+                                <td>
+                                    <div class="issues"><h4>07</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>08</td>
+                            </tr>
+
+                            <tr>
+                                <td>09</td>
+                                <td>10</td>
+                                <td>11</td>
+                                <td>12</td>
+                                <td>13</td>
+                                <td>
+                                    <div class="issues"><h4>14</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>15</td>
+                            </tr>
+
+                            <tr>
+                                <td>16</td>
+                                <td>17</td>
+                                <td>18</td>
+                                <td>19</td>
+                                <td>20</td>
+                                <td>21</td>
+                                <td>
+                                    <div class="issues"><h4>22</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                                <li><a href="#" class="title">02-Kammerkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+
+                            <tr>
+                                <td>23</td>
+                                <td>24</td>
+                                <td>25</td>
+                                <td>26</td>
+                                <td>27</td>
+                                <td>
+                                    <div class="issues"><h4>28</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>29</td>
+                            </tr>
+
+                            <tr>
+                                <td>30</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                            </tr>
+
+                            </tbody>
+                        </table>
+                    </div>
+
+
+                    <div class="month">
+                        <table>
+                            <caption>Dezember 1998</caption>
+                            <tbody>
+                            <tr>
+                                <th>Mo</th>
+                                <th>Di</th>
+                                <th>Mi</th>
+                                <th>Do</th>
+                                <th>Fr</th>
+                                <th>Sa</th>
+                                <th>So</th>
+                            </tr>
+
+                            <tr>
+                                <td>&nbsp;</td>
+                                <td>01</td>
+                                <td>02</td>
+                                <td>03</td>
+                                <td>04</td>
+                                <td>
+                                    <div class="issues"><h4>05</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>06</td>
+                            </tr>
+
+                            <tr>
+                                <td>07</td>
+                                <td>08</td>
+                                <td>09</td>
+                                <td>10</td>
+                                <td>11</td>
+                                <td>
+                                    <div class="issues"><h4>12</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>13</td>
+                            </tr>
+
+                            <tr>
+                                <td>14</td>
+                                <td>15</td>
+                                <td>16</td>
+                                <td>17</td>
+                                <td>
+                                    <div class="issues"><h4>18</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>19</td>
+                                <td>20</td>
+                            </tr>
+
+                            <tr>
+                                <td>21</td>
+                                <td>22</td>
+                                <td>23</td>
+                                <td>
+                                    <div class="issues"><h4>24</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>
+                                    <div class="issues"><h4>25</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                                <li>
+                                                    <a href="#" class="title">02-Orchesterkonzert</a>
+                                                </li>
+                                                <li>
+                                                    <a href="#" class="title">03-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>26</td>
+                                <td>27</td>
+                            </tr>
+
+                            <tr>
+                                <td>28</td>
+                                <td>29</td>
+                                <td>30</td>
+                                <td>
+                                    <div class="issues"><h4>31</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                            </tr>
+
+                            <tr>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                            </tr>
+
+                            </tbody>
+                        </table>
+                    </div>
+
+                    <div class="year">1999</div>
+                    <div class="month">
+                        <table>
+                            <caption>Januar 1999</caption>
+                            <tbody>
+                            <tr>
+                                <th>Mo</th>
+                                <th>Di</th>
+                                <th>Mi</th>
+                                <th>Do</th>
+                                <th>Fr</th>
+                                <th>Sa</th>
+                                <th>So</th>
+                            </tr>
+
+                            <tr>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>01</td>
+                                <td>02</td>
+                                <td>
+                                    <div class="issues"><h4>03</h4>
+                                        <div>
+                                            <ul>
+                                                <li><a href="#" class="title">01-Kammerkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+
+                            <tr>
+                                <td>04</td>
+                                <td>05</td>
+                                <td>
+                                    <div class="issues"><h4>06</h4>
+                                        <div>
+                                            <ul>
+                                                <li><a href="#" class="title">01-Sonstiges</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>07</td>
+                                <td>08</td>
+                                <td>09</td>
+                                <td>
+                                    <div class="issues"><h4>10</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+
+                            <tr>
+                                <td>11</td>
+                                <td>12</td>
+                                <td>13</td>
+                                <td>14</td>
+                                <td>15</td>
+                                <td>
+                                    <div class="issues"><h4>16</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>17</td>
+                            </tr>
+
+                            <tr>
+                                <td>18</td>
+                                <td>19</td>
+                                <td>20</td>
+                                <td>21</td>
+                                <td>22</td>
+                                <td>
+                                    <div class="issues"><h4>23</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>24</td>
+                            </tr>
+
+                            <tr>
+                                <td>25</td>
+                                <td>26</td>
+                                <td>27</td>
+                                <td>28</td>
+                                <td>29</td>
+                                <td>
+                                    <div class="issues"><h4>30</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>31</td>
+                            </tr>
+
+                            <tr>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                            </tr>
+
+                            </tbody>
+                        </table>
+                    </div>
+
+
+                    <div class="month">
+                        <table>
+                            <caption>Februar 1999</caption>
+                            <tbody>
+                            <tr>
+                                <th>Mo</th>
+                                <th>Di</th>
+                                <th>Mi</th>
+                                <th>Do</th>
+                                <th>Fr</th>
+                                <th>Sa</th>
+                                <th>So</th>
+                            </tr>
+
+                            <tr>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                            </tr>
+
+                            <tr>
+                                <td>01</td>
+                                <td>02</td>
+                                <td>03</td>
+                                <td>04</td>
+                                <td>05</td>
+                                <td>
+                                    <div class="issues"><h4>06</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>07</td>
+                            </tr>
+
+                            <tr>
+                                <td>08</td>
+                                <td>09</td>
+                                <td>10</td>
+                                <td>11</td>
+                                <td>12</td>
+                                <td>
+                                    <div class="issues"><h4>13</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>14</td>
+                            </tr>
+
+                            <tr>
+                                <td>15</td>
+                                <td>16</td>
+                                <td>17</td>
+                                <td>18</td>
+                                <td>19</td>
+                                <td>
+                                    <div class="issues"><h4>20</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>21</td>
+                            </tr>
+
+                            <tr>
+                                <td>22</td>
+                                <td>23</td>
+                                <td>24</td>
+                                <td>25</td>
+                                <td>26</td>
+                                <td>27</td>
+                                <td>28</td>
+                            </tr>
+
+                            <tr>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                            </tr>
+
+                            </tbody>
+                        </table>
+                    </div>
+
+
+                    <div class="month">
+                        <table>
+                            <caption>März 1999</caption>
+                            <tbody>
+                            <tr>
+                                <th>Mo</th>
+                                <th>Di</th>
+                                <th>Mi</th>
+                                <th>Do</th>
+                                <th>Fr</th>
+                                <th>Sa</th>
+                                <th>So</th>
+                            </tr>
+
+                            <tr>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                            </tr>
+
+                            <tr>
+                                <td>01</td>
+                                <td>02</td>
+                                <td>03</td>
+                                <td>04</td>
+                                <td>05</td>
+                                <td>06</td>
+                                <td>
+                                    <div class="issues"><h4>07</h4>
+                                        <div>
+                                            <ul>
+                                                <li><a href="#" class="title">01-Kammerkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+
+                            <tr>
+                                <td>08</td>
+                                <td>09</td>
+                                <td>10</td>
+                                <td>11</td>
+                                <td>
+                                    <div class="issues"><h4>12</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>13</td>
+                                <td>14</td>
+                            </tr>
+
+                            <tr>
+                                <td>15</td>
+                                <td>16</td>
+                                <td>17</td>
+                                <td>18</td>
+                                <td>19</td>
+                                <td>20</td>
+                                <td>
+                                    <div class="issues"><h4>21</h4>
+                                        <div>
+                                            <ul>
+                                                <li><a href="#" class="title">01-Auswärts</a></li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+
+                            <tr>
+                                <td>22</td>
+                                <td>23</td>
+                                <td>24</td>
+                                <td>25</td>
+                                <td>26</td>
+                                <td>27</td>
+                                <td>28</td>
+                            </tr>
+
+                            <tr>
+                                <td>29</td>
+                                <td>30</td>
+                                <td>31</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                            </tr>
+
+                            </tbody>
+                        </table>
+                    </div>
+
+
+                    <div class="month">
+                        <table>
+                            <caption>April 1999</caption>
+                            <tbody>
+                            <tr>
+                                <th>Mo</th>
+                                <th>Di</th>
+                                <th>Mi</th>
+                                <th>Do</th>
+                                <th>Fr</th>
+                                <th>Sa</th>
+                                <th>So</th>
+                            </tr>
+
+                            <tr>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>01</td>
+                                <td>02</td>
+                                <td>
+                                    <div class="issues"><h4>03</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>04</td>
+                            </tr>
+
+                            <tr>
+                                <td>05</td>
+                                <td>06</td>
+                                <td>07</td>
+                                <td>08</td>
+                                <td>09</td>
+                                <td>
+                                    <div class="issues"><h4>10</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>11</td>
+                            </tr>
+
+                            <tr>
+                                <td>12</td>
+                                <td>13</td>
+                                <td>14</td>
+                                <td>15</td>
+                                <td>16</td>
+                                <td>
+                                    <div class="issues"><h4>17</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>18</td>
+                            </tr>
+
+                            <tr>
+                                <td>19</td>
+                                <td>20</td>
+                                <td>21</td>
+                                <td>22</td>
+                                <td>23</td>
+                                <td>
+                                    <div class="issues"><h4>24</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>25</td>
+                            </tr>
+
+                            <tr>
+                                <td>26</td>
+                                <td>27</td>
+                                <td>28</td>
+                                <td>29</td>
+                                <td>30</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                            </tr>
+
+                            <tr>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                            </tr>
+
+                            </tbody>
+                        </table>
+                    </div>
+
+
+                    <div class="month">
+                        <table>
+                            <caption>Mai 1999</caption>
+                            <tbody>
+                            <tr>
+                                <th>Mo</th>
+                                <th>Di</th>
+                                <th>Mi</th>
+                                <th>Do</th>
+                                <th>Fr</th>
+                                <th>Sa</th>
+                                <th>So</th>
+                            </tr>
+
+                            <tr>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>01</td>
+                                <td>02</td>
+                            </tr>
+
+                            <tr>
+                                <td>03</td>
+                                <td>04</td>
+                                <td>
+                                    <div class="issues"><h4>05</h4>
+                                        <div>
+                                            <ul>
+                                                <li><a href="#" class="title">01-Auswärts</a></li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>
+                                    <div class="issues"><h4>06</h4>
+                                        <div>
+                                            <ul>
+                                                <li><a href="#" class="title">01-Auswärts</a></li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>07</td>
+                                <td>08</td>
+                                <td>
+                                    <div class="issues"><h4>09</h4>
+                                        <div>
+                                            <ul>
+                                                <li><a href="#" class="title">01-Auswärts</a></li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+
+                            <tr>
+                                <td>10</td>
+                                <td>11</td>
+                                <td>12</td>
+                                <td>13</td>
+                                <td>14</td>
+                                <td>
+                                    <div class="issues"><h4>15</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>
+                                    <div class="issues"><h4>16</h4>
+                                        <div>
+                                            <ul>
+                                                <li><a href="#" class="title">01-Kammerkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+
+                            <tr>
+                                <td>17</td>
+                                <td>18</td>
+                                <td>19</td>
+                                <td>20</td>
+                                <td>21</td>
+                                <td>
+                                    <div class="issues"><h4>22</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>23</td>
+                            </tr>
+
+                            <tr>
+                                <td>24</td>
+                                <td>25</td>
+                                <td>26</td>
+                                <td>27</td>
+                                <td>28</td>
+                                <td>
+                                    <div class="issues"><h4>29</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>30</td>
+                            </tr>
+
+                            <tr>
+                                <td>31</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                            </tr>
+
+                            </tbody>
+                        </table>
+                    </div>
+
+
+                    <div class="month">
+                        <table>
+                            <caption>Juni 1999</caption>
+                            <tbody>
+                            <tr>
+                                <th>Mo</th>
+                                <th>Di</th>
+                                <th>Mi</th>
+                                <th>Do</th>
+                                <th>Fr</th>
+                                <th>Sa</th>
+                                <th>So</th>
+                            </tr>
+
+                            <tr>
+                                <td>&nbsp;</td>
+                                <td>01</td>
+                                <td>02</td>
+                                <td>03</td>
+                                <td>04</td>
+                                <td>
+                                    <div class="issues"><h4>05</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>06</td>
+                            </tr>
+
+                            <tr>
+                                <td>07</td>
+                                <td>08</td>
+                                <td>09</td>
+                                <td>10</td>
+                                <td>11</td>
+                                <td>
+                                    <div class="issues"><h4>12</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>13</td>
+                            </tr>
+
+                            <tr>
+                                <td>14</td>
+                                <td>15</td>
+                                <td>16</td>
+                                <td>17</td>
+                                <td>18</td>
+                                <td>19</td>
+                                <td>
+                                    <div class="issues"><h4>20</h4>
+                                        <div>
+                                            <ul>
+                                                <li><a href="#" class="title">01-Kammerkonzert</a>
+                                                </li>
+                                                <li>
+                                                    <a href="#" class="title">02-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+
+                            <tr>
+                                <td>21</td>
+                                <td>22</td>
+                                <td>
+                                    <div class="issues"><h4>23</h4>
+                                        <div>
+                                            <ul>
+                                                <li><a href="#" class="title">01-Auswärts</a></li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>
+                                    <div class="issues"><h4>24</h4>
+                                        <div>
+                                            <ul>
+                                                <li><a href="#" class="title">01-Auswärts</a></li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>25</td>
+                                <td>26</td>
+                                <td>
+                                    <div class="issues"><h4>27</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+
+                            <tr>
+                                <td>28</td>
+                                <td>29</td>
+                                <td>30</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                            </tr>
+
+                            <tr>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                            </tr>
+
+                            </tbody>
+                        </table>
+                    </div>
+
+
+                    <div class="month">
+                        <table>
+                            <caption>Juli 1999</caption>
+                            <tbody>
+                            <tr>
+                                <th>Mo</th>
+                                <th>Di</th>
+                                <th>Mi</th>
+                                <th>Do</th>
+                                <th>Fr</th>
+                                <th>Sa</th>
+                                <th>So</th>
+                            </tr>
+
+                            <tr>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>01</td>
+                                <td>02</td>
+                                <td>
+                                    <div class="issues"><h4>03</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>
+                                    <div class="issues"><h4>04</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+
+                            <tr>
+                                <td>05</td>
+                                <td>06</td>
+                                <td>07</td>
+                                <td>08</td>
+                                <td>09</td>
+                                <td>10</td>
+                                <td>11</td>
+                            </tr>
+
+                            <tr>
+                                <td>12</td>
+                                <td>13</td>
+                                <td>14</td>
+                                <td>15</td>
+                                <td>16</td>
+                                <td>17</td>
+                                <td>18</td>
+                            </tr>
+
+                            <tr>
+                                <td>19</td>
+                                <td>20</td>
+                                <td>21</td>
+                                <td>22</td>
+                                <td>23</td>
+                                <td>24</td>
+                                <td>25</td>
+                            </tr>
+
+                            <tr>
+                                <td>26</td>
+                                <td>27</td>
+                                <td>28</td>
+                                <td>29</td>
+                                <td>30</td>
+                                <td>31</td>
+                                <td>&nbsp;</td>
+                            </tr>
+
+                            <tr>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                            </tr>
+
+                            </tbody>
+                        </table>
+                    </div>
+
+
+                    <div class="month">
+                        <table>
+                            <caption>August 1999</caption>
+                            <tbody>
+                            <tr>
+                                <th>Mo</th>
+                                <th>Di</th>
+                                <th>Mi</th>
+                                <th>Do</th>
+                                <th>Fr</th>
+                                <th>Sa</th>
+                                <th>So</th>
+                            </tr>
+
+                            <tr>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>
+                                    <div class="issues"><h4>01</h4>
+                                        <div>
+                                            <ul>
+                                                <li><a href="#" class="title">01-Auswärts</a></li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+
+                            <tr>
+                                <td>02</td>
+                                <td>03</td>
+                                <td>04</td>
+                                <td>05</td>
+                                <td>06</td>
+                                <td>07</td>
+                                <td>08</td>
+                            </tr>
+
+                            <tr>
+                                <td>09</td>
+                                <td>10</td>
+                                <td>11</td>
+                                <td>12</td>
+                                <td>13</td>
+                                <td>14</td>
+                                <td>15</td>
+                            </tr>
+
+                            <tr>
+                                <td>16</td>
+                                <td>17</td>
+                                <td>18</td>
+                                <td>19</td>
+                                <td>20</td>
+                                <td>
+                                    <div class="issues"><h4>21</h4>
+                                        <div>
+                                            <ul>
+                                                <li>
+                                                    <a href="#" class="title">01-Orchesterkonzert</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </td>
+                                <td>22</td>
+                            </tr>
+
+                            <tr>
+                                <td>23</td>
+                                <td>24</td>
+                                <td>25</td>
+                                <td>26</td>
+                                <td>27</td>
+                                <td>28</td>
+                                <td>29</td>
+                            </tr>
+
+                            <tr>
+                                <td>30</td>
+                                <td>31</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                                <td>&nbsp;</td>
+                            </tr>
+
+                            </tbody>
+                        </table>
+                    </div>
+
+                </div>
+                <!-- ###ISSUELIST### begin -->
+                <div class="list-view">
+                    <ul>
+
+                        <li>
+                            <span class="listview-date">Dienstag, 01.09.1998</span>
+                            <a href="#" class="title">10-Sonstiges [geschätztes Erscheinungsdatum]</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 05.09.1998</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Sonntag, 06.09.1998</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 12.09.1998</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Sonntag, 13.09.1998</span>
+                            <a href="#" class="title">01-Kammerkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 19.09.1998</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Freitag, 25.09.1998</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 26.09.1998</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Dienstag, 06.10.1998</span>
+                            <a href="#" class="title">01-Auswärts</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Donnerstag, 08.10.1998</span>
+                            <a href="#" class="title">01-Auswärts</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Sonntag, 11.10.1998</span>
+                            <a href="#" class="title">01-Auswärts</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Montag, 12.10.1998</span>
+                            <a href="#" class="title">01-Auswärts</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Donnerstag, 15.10.1998</span>
+                            <a href="#" class="title">01-Auswärts</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Sonntag, 18.10.1998</span>
+                            <a href="#" class="title">01-Auswärts</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Montag, 19.10.1998</span>
+                            <a href="#" class="title">01-Auswärts</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 24.10.1998</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Montag, 26.10.1998</span>
+                            <a href="#" class="title">01-Sonstiges</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 31.10.1998</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 07.11.1998</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 14.11.1998</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Sonntag, 22.11.1998</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                            <a href="#" class="title">02-Kammerkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 28.11.1998</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 05.12.1998</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 12.12.1998</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Freitag, 18.12.1998</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Donnerstag, 24.12.1998</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Freitag, 25.12.1998</span>
+                            <a href="#" class="title">03-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Donnerstag, 31.12.1998</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Sonntag, 03.01.1999</span>
+                            <a href="#" class="title">01-Kammerkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Mittwoch, 06.01.1999</span>
+                            <a href="#" class="title">01-Sonstiges</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Sonntag, 10.01.1999</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 16.01.1999</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 23.01.1999</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 30.01.1999</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 06.02.1999</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 13.02.1999</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 20.02.1999</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Sonntag, 07.03.1999</span>
+                            <a href="#" class="title">01-Kammerkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Freitag, 12.03.1999</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Sonntag, 21.03.1999</span>
+                            <a href="#" class="title">01-Auswärts</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 03.04.1999</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 10.04.1999</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 17.04.1999</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 24.04.1999</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Mittwoch, 05.05.1999</span>
+                            <a href="#" class="title">01-Auswärts</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Donnerstag, 06.05.1999</span>
+                            <a href="#" class="title">01-Auswärts</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Sonntag, 09.05.1999</span>
+                            <a href="#" class="title">01-Auswärts</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 15.05.1999</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Sonntag, 16.05.1999</span>
+                            <a href="#" class="title">01-Kammerkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 22.05.1999</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 29.05.1999</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 05.06.1999</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 12.06.1999</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Sonntag, 20.06.1999</span>
+                            <a href="#" class="title">01-Kammerkonzert</a>
+                            <a href="#" class="title">02-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Mittwoch, 23.06.1999</span>
+                            <a href="#" class="title">01-Auswärts</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Donnerstag, 24.06.1999</span>
+                            <a href="#" class="title">01-Auswärts</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Sonntag, 27.06.1999</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 03.07.1999</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Sonntag, 04.07.1999</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Sonntag, 01.08.1999</span>
+                            <a href="#" class="title">01-Auswärts</a>
+                        </li>
+
+                        <li>
+                            <span class="listview-date">Samstag, 21.08.1999</span>
+                            <a href="#" class="title">01-Orchesterkonzert</a>
+                        </li>
+
+                    </ul>
+                </div>
+                <!-- ###ISSUELIST### end -->
+
+            </div>
+
+            <div class="fulltext-container">
+                <div class="tx-dlf-toolsFulltextsearch">
+                    <div class="fulltext-search-toggle"></div>
+
+                    <form id="tx-dlf-toolsFulltextsearch-form" action="/werkansicht/cache.off" method="post" accept-charset="utf-8" enctype="multipart/form-data">
+                        <input type="text" id="tx-dlf-search-query" name="tx_dlf[query]" value="" placeholder="Suchen nach:">
+                        <div id="tx-dlf-search-suggest"></div>
+                        <input type="hidden" name="tx_dlf[fulltext]" value="1">
+                        <button type="submit">Suchen</button>
+                        <input type="hidden" name="tx_dlf[id]" value="322915">
+                    </form>
+
+                </div>
+                <div id="tx-dlf-fulltextselection"></div>
+            </div>
+
+            <div class="document-functions">
+                <div class="provider">
+                    <dl class="mobile-meta">
+                        <dt class="tx-dlf-title">Titel</dt>
+                        <dd class="tx-dlf-title"><a href="#">1823</a></dd>
+                        <dt>Autor</dt>
+                    </dl>
+                </div>
+                <ul>
+                    <li class="submenu links">
+                        <a href="#" title="Links">Links</a>
+                        <ul>
+                            <li><a class="local-presentation" title="Show in local context" href="http://digital.slub-dresden.de/id351357262">Show in local context</a></li>
+                            <li><a class="local-catalog" title="Online Public Access Catalog" href="http://dienste.slub-dresden.de/cgi-bin/FOZK.pl?PPN=351357262">Online Public Access Catalog</a></li>
+                            <li><a class="local-contact" title="Email to data provider (Sächsische Landesbibliothek - Staats- und Universitätsbibliothek Dresden)" href="mailto:mailto:sebastian.meyer@slub-dresden.de">Email to data provider</a></li>
+                        </ul>
+                    </li>
+                    <li class="submenu downloads">
+                        <a href="#" title="Downloads">Downloads</a>
+                        <ul>
+                            <li><a class="download-document" title="Download whole work" target="_blank" href="http://digital.slub-dresden.de/fileadmin/data/351357262/351357262_tif/jpegs/351357262.pdf">Download whole work</a></li>
+                        </ul>
+                    </li>
+                    <li class="doublepage"><a class="tx-dlf-navigation-doubleOn" title="Show double pages" href="index.php?id=9101&amp;tx_dlf%5Bpage%5D=&amp;tx_dlf%5Bdouble%5D=1&amp;tx_dlf%5Bid%5D=&amp;tx_dlf%5Bpagegrid%5D=0&amp;cHash=340ed462b59b1f2cb8701771ef9b4402">Show double pages</a></li>
+                    <li class="fulltext">
+                        <a class="select switchoff" id="tx-dlf-tools-fulltext" title="Volltext aus" data-dic="fulltext-on:Volltext an;fulltext-off:Volltext aus">Volltext aus</a>
+                    </li>
+                    <li class="grid"><a title="Thumbnail Preview" href="index.php?id=9101&amp;tx_dlf%5Bpage%5D=&amp;tx_dlf%5Bdouble%5D=0&amp;tx_dlf%5Bid%5D=&amp;tx_dlf%5Bpagegrid%5D=1&amp;cHash=9d899cbea2ad6b40710b99a4d1f8404c">Thumbnail Preview</a></li>
+                </ul>
+            </div>
+            <div class="view-functions">
+                <ul>
+                    <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+
+                    <!-- [TJ:] wrapping .tx-dlf-navigation should be removed -->
+                    <!-- <div class="tx-dlf-navigation"> -->
+                        <li class="pages">
+                            <form action="http://test.sachsendigital.de/index.php?id=9101" method="get">
+                                <div>
+                                    <input type="hidden" name="id" value="9101" /><input type="hidden" name="tx_dlf[id]" value="http://digital.slub-dresden.de/fileadmin/data/351357262/aufdesun_351357262_mets.xml" />
+                                    <label for="tx-dlf-navigation-59a27a32f0e07">Page</label>
+                                    <select id="tx-dlf-navigation-59a27a32f0e07" name="tx_dlf[page]" onchange="javascript:this.form.submit();">
+                                        <option value="1" selected="selected">[1] -  - </option><option value="2">[2] -  - </option><option value="3">[3] - 1</option><option value="4">[4] - 2</option><option value="5">[5] - 3</option><option value="6">[6] - 4</option><option value="7">[7] - 5</option><option value="8">[8] - 6</option><option value="9">[9] - 7</option><option value="10">[10] - 8</option><option value="11">[11] - 9</option><option value="12">[12] - 10</option><option value="13">[13] - 11</option><option value="14">[14] - 12</option><option value="15">[15] - 13</option><option value="16">[16] - 14</option><option value="17">[17] - 15</option><option value="18">[18] - 16</option><option value="19">[19] - 17</option><option value="20">[20] - 18</option><option value="21">[21] - 19</option><option value="22">[22] - 20</option><option value="23">[23] - 21</option><option value="24">[24] - 22</option><option value="25">[25] - 23</option><option value="26">[26] - 24</option><option value="27">[27] - 25</option><option value="28">[28] - 26</option><option value="29">[29] - 27</option><option value="30">[30] - 28</option><option value="31">[31] - 29</option><option value="32">[32] - 30</option><option value="33">[33] - 31</option><option value="34">[34] - 32</option><option value="35">[35] - 33</option><option value="36">[36] - 34</option><option value="37">[37] - 35</option><option value="38">[38] - 36</option><option value="39">[39] - 37</option><option value="40">[40] - 38</option><option value="41">[41] - 39</option><option value="42">[42] - 40</option><option value="43">[43] - 41</option><option value="44">[44] - 42</option><option value="45">[45] - 43</option><option value="46">[46] - 44</option><option value="47">[47] - 45</option><option value="48">[48] - 46</option><option value="49">[49] - 47</option><option value="50">[50] - 48</option><option value="51">[51] - 49</option><option value="52">[52] - 50</option><option value="53">[53] - 51</option><option value="54">[54] - 52</option><option value="55">[55] - 53</option><option value="56">[56] - 54</option><option value="57">[57] - 55</option><option value="58">[58] - 56</option><option value="59">[59] - 57</option><option value="60">[60] - 58</option><option value="61">[61] - 59</option><option value="62">[62] - 60</option><option value="63">[63] - 61</option><option value="64">[64] - 62</option><option value="65">[65] - 63</option><option value="66">[66] - 64</option><option value="67">[67] - 65</option><option value="68">[68] - 66</option><option value="69">[69] - 67</option><option value="70">[70] - 68</option><option value="71">[71] - 69</option><option value="72">[72] - 70</option><option value="73">[73] - 71</option><option value="74">[74] - 72</option><option value="75">[75] - 73</option><option value="76">[76] - 74</option><option value="77">[77] - 75</option><option value="78">[78] - 76</option><option value="79">[79] -  - </option><option value="80">[80] -  - </option>
+                                    </select>
+                                </div>
+                            </form>
+                        </li>
+                        <li class="rotate">
+                            <a class="rotate-left" title="Rotate Left" onclick="tx_dlf_viewer.map.rotateLeft()">Rotate Left</a>
+                            <a class="rotate-right" title="Rotate Right" onclick="tx_dlf_viewer.map.rotateRight()">Rotate Right</a>
+                            <a class="upend" title="Reset Rotation" onclick="tx_dlf_viewer.map.resetRotation()">Reset Rotation</a>
+                        </li>
+                        <li class="zoom">
+                            <a class="in" title="Zoom In" onclick="tx_dlf_viewer.map.zoomIn();">Zoom In</a>
+                            <a class="out" title="Zoom Out" onclick="tx_dlf_viewer.map.zoomOut();">Zoom Out</a>
+                            <a class="fullscreen" title="Fullscreen Mode">Fullscreen Mode</a>
+                        </li>
+                    <!-- </div> -->
+                    <!-- END: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+                    <li class="tx-dlf-toolsImagemanipulation">
+                        <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_toolbox' -->
+
+                        <!-- [TJ:] Remove multiple DIVs. Inside this LI element there should be only the SPAN elements -->
+                        <!-- <div class="tx-dlf-toolbox"> -->
+
+                            <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_toolsImagemanipulation' -->
+                            <!-- <div class="tx-dlf-toolsImagemanipulation"> -->
+                                <span>
+                                    <span class="tx-dlf-tools-imagetools" id="tx-dlf-tools-imagetools" data-dic="imagemanipulation-on:Activate image manipulation;imagemanipulation-off:Deactivate image manipulation;reset:Reset;saturation:Saturation;hue:Hue;contrast:Contrast;brightness:Brightness;invert:Color inverting" title="Image manipulation is not supported"></span>
+                                </span>
+                                <!-- </div> -->
+                            <!-- END: Content of extension 'dlf', plugin 'tx_dlf_toolsImagemanipulation' -->
+                        <!-- </div> -->
+                        <!-- END: Content of extension 'dlf', plugin 'tx_dlf_toolbox' -->
+                    </li>
+                </ul>
+                <div class="tx-dlf-toolbox"></div>
+            </div>
+            <div class="page-control">
+                <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+
+                <!-- [TJ:] wrapping .tx-dlf-navigation should be removed -->
+                <!-- <div class="tx-dlf-navigation"> -->
+                    <div class="backs">
+                        <span class="first"><span>First Page</span></span> <span class="rwnd"><span>Back 10 Pages</span></span> <span class="prev"><span>Previous Page</span></span>
+                    </div>
+                    <div class="fwds">
+                        <span class="next"><a href="index.php?id=9101&amp;tx_dlf%5Bid%5D=http%3A%2F%2Fdigital.slub-dresden.de%2Ffileadmin%2Fdata%2F351357262%2Faufdesun_351357262_mets.xml&amp;tx_dlf%5Bpage%5D=2&amp;tx_dlf%5Bdouble%5D=0&amp;cHash=fe2c78fba91b4272765b52fbb813ba7e" title="Next Page">Next Page</a></span> <span class="fwd"><a href="index.php?id=9101&amp;tx_dlf%5Bid%5D=http%3A%2F%2Fdigital.slub-dresden.de%2Ffileadmin%2Fdata%2F351357262%2Faufdesun_351357262_mets.xml&amp;tx_dlf%5Bpage%5D=11&amp;tx_dlf%5Bdouble%5D=0&amp;cHash=9cc30cf273636cb8b4813b91f3525b4c" title="Forward 10 Pages">Forward 10 Pages</a></span> <span class="last"><a href="index.php?id=9101&amp;tx_dlf%5Bid%5D=http%3A%2F%2Fdigital.slub-dresden.de%2Ffileadmin%2Fdata%2F351357262%2Faufdesun_351357262_mets.xml&amp;tx_dlf%5Bpage%5D=80&amp;tx_dlf%5Bdouble%5D=0&amp;cHash=f69e43235328a5ac846d992756195b0e" title="Last Page">Last Page</a></span>
+                    </div>
+                <!-- </div> -->
+                <!-- END: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+            </div>
+        </div><!--TYPO3SEARCH_end-->
+    </div>
+
+    <!-- [TJ:] Insert new Viewer Javascript -->
+    <script src="/typo3conf/ext/slub_digitalcollections/Resources/Public/Javascript/DigitalcollectionsScripts.js" type="text/javascript"> </script>
+
+</body>
+</html>
diff --git a/Static/collection.html b/Static/collection.html
new file mode 100644
index 00000000..07955cb0
--- /dev/null
+++ b/Static/collection.html
@@ -0,0 +1,1305 @@
+
+<!DOCTYPE html>
+<html dir="ltr" lang="de-DE">
+<head>
+
+    <meta charset="utf-8">
+    <!--
+        This website is powered by TYPO3 - inspiring people to share!
+        TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
+        TYPO3 is copyright 1998-2018 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
+        Information and contribution at https://typo3.org/
+    -->
+
+
+
+
+    <meta name="generator" content="TYPO3 CMS">
+    <meta name="author" content="SLUB Dresden">
+    <meta name="robots" content="all">
+    <meta name="google-site-verification" content="o6MS77IJzTiXuJLz3y5FponXfLZr6cSQ2Qzt8dyng4M">
+    <meta name="viewport" content="width=device-width initial-scale=1.0">
+
+    <link rel="stylesheet" type="text/css" href="https://www.slub-dresden.de/typo3conf/ext/slub_events/Resources/Public/Css/slub-event-gb.css?1543932514" media="all">
+    <link rel="stylesheet" type="text/css" href="https://www.slub-dresden.de/typo3conf/ext/slub_entityfacts/Resources/Public/Css/SlubEntityfacts.css?1547453904" media="all">
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_template/Resources/Public/Css/custom-bootstrap.css?1525371848" media="all">
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_template/Resources/Public/Css/styles.css?1552315733" media="all">
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_template/Resources/Public/Css/blog.css?1547052903" media="all">
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_template/Resources/Public/Css/jquery.fancybox.min.css?1565180949" media="all">
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_template/Resources/Public/Css/daterangepicker.css?1547052903" media="screen,projection">
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_template/Resources/Public/Css/jquery.jscrollpane.css?1525371848" media="screen,projection">
+
+    <script src="//code.jquery.com/jquery-2.2.4.min.js" type="text/javascript" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script><script>if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='typo3conf/ext/slub_template/Resources/Public/Js/jquery-2.2.4.min.js' type='text/javascript'%3E%3C/script%3E"));}</script>
+
+    <title>SLUB Dresden: Listenansicht</title>
+
+    <link rel="shortcut icon" type="image/png" href="/typo3conf/ext/slub_template/Resources/Public/Images/favicon.png">
+    <link rel="apple-touch-icon" href="/typo3conf/ext/slub_template/Resources/Public/Images/favicon.png">
+    <meta property="og:title" content="Listenansicht" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="http://dev.slub-dresden.de/sammlungen/digitale-sammlungen/listenansicht/" />
+    <link rel="alternate" type="application/rss+xml" title="RSS-Feed der SLUBlog Posts" href="https://blog.slub-dresden.de/feed/" />
+    <link rel="alternate" type="application/rss+xml" title="RSS-Feed der SLUBlog Kommentare" href="https://blog.slub-dresden.de/comments/feed/" />
+    <link rel="alternate" type="application/rss+xml" title="RSS-Feed der Pressemitteilungen der SLUB Dresden" href="https://www.slub-dresden.de/startseite/presse.rss" />
+    <script type="text/javascript" src="/typo3conf/ext/dlf/plugins/search/tx_dlf_search_suggest.js"></script>
+
+    <!-- [TJ:] Bring List styles and dedicated Javascript file -->
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_digitalcollections/Resources/Public/Css/DigitalcollectionsLists.css" media="all">
+    <script type="text/javascript" src="/typo3conf/ext/slub_digitalcollections/Resources/Public/Javascript/DigitalcollectionsListScripts.js"></script>
+
+</head>
+<body class="listview">
+
+<div id="page">
+
+    <div id="header" role="banner">
+        <div id="skip_nav" class="hidden"><ul><li><a href="/sammlungen/digitale-sammlungen/listenansicht/#nav" accesskey="1">springe zur Navigation</a>&nbsp;(Taste: <kbd>1</kbd>)</li><li><a href="/sammlungen/digitale-sammlungen/listenansicht/#content" accesskey="2">springe zum Inhaltsbereich</a>&nbsp;(Taste: <kbd>2</kbd>)</li><li><a href="/sammlungen/digitale-sammlungen/listenansicht/#rightcol" accesskey="3">springe zur Seitenleiste</a>&nbsp;(Taste: <kbd>3</kbd>)</li></ul></div>
+        <a id="skip2top"></a>
+        <div class="centring">
+            <h1>
+                <a class="logo" title="Sächsische Landesbibliothek – Staats- und Universitätsbibliothek Dresden" href="/startseite/">Sächsische Landesbibliothek – Staats- und Universitätsbibliothek Dresden</a>
+            </h1>
+
+            <h3 class="visually-hidden">Sprachauswahl</h3>
+            <div class="language-menu-container"><div class="language-status">DE</div><ul class="language-menu" role="menubar"><li class="active" role="menuitem"><a href="/sammlungen/digitale-sammlungen/listenansicht/" hreflang="de-DE" data-iso-label="DE"><span data-iso-label="DE">Deutsch</span></a></li><li role="menuitem"><a href="/en/collections/digital-collections/listview/" hreflang="en-GB" data-iso-label="EN"><span data-iso-label="EN">English</span></a></li></ul></div>
+
+            <button type="button" class="hamburger" data-toggle="collapse" data-target=".navbar-collapse" aria-haspopup="true" aria-controls="navcontainer">
+                <span class="visually-hidden">Menü öffnen</span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </button>
+
+            <nav class="navbar navbar-default navbar-collapse collapse" id="navcontainer" aria-labelledby="main-navigation-heading">
+                <div id="nav" role="navigation" >
+                    <h2 id="main-navigation-heading" class="visually-hidden">Hauptnavigation</h2>
+                    <ul class="nav navbar-nav navbar-right navbar-main"><li class="has-submenu" aria-haspopup="true" aria-expanded="false"><a href="/open-science/" title="Open Science (ALT+O)"  accesskey="O">Open Science</a><button type="button" class="submenutriangle" data-toggle="collapse" data-target="#subnav-9791" aria-haspopup="true" aria-controls="subnav-9791"><span class="visually-hidden">Untermenü öffnen</span></button><div class="subnav" id="subnav-9791"><ul><li><a href="/open-science/open-access/" title="Open Access (ALT+P)"  accesskey="P">Open Access</a></li><li><a href="/open-science/open-evaluationbibliometrie/" title="Open Evaluation/Bibliometrie (ALT+E)"  accesskey="E">Open Evaluation/Bibliometrie</a></li><li><a href="/open-science/open-source/" title="Open Source (ALT+N)"  accesskey="N">Open Source</a></li><li><a href="/open-science/open-dataforschungsdaten/" title="Open Data/Forschungsdaten (ALT+D)"  accesskey="D">Open Data/Forschungsdaten</a></li><li><a href="/open-science/open-educational-resources/" title="Open Educational Resources (ALT+U)"  accesskey="U">Open Educational Resources</a></li><li><a href="/open-science/citizen-science/" title="Citizen Science (ALT+C)"  accesskey="C">Citizen Science</a></li><li><a href="/open-science/open-science-veranstaltungen/" title="Open Science Veranstaltungen (ALT+S)"  accesskey="S">Open Science Veranstaltungen</a></li></ul></div></li><li class="has-submenu" aria-haspopup="true" aria-expanded="false"><a href="/recherche/" title="Informationen finden (ALT+R)"  accesskey="R">Recherche</a><button type="button" class="submenutriangle" data-toggle="collapse" data-target="#subnav-4013" aria-haspopup="true" aria-controls="subnav-4013"><span class="visually-hidden">Untermenü öffnen</span></button><div class="subnav" id="subnav-4013"><ul><li><a href="/recherche/" title="Informationen finden (ALT+I)"  accesskey="I">Informationen finden</a></li><li><a href="/recherche/zeitschriftenzeitungen/" title="Zeitschriften und Zeitungen (ALT+Z)"  accesskey="Z">Zeitschriften/Zeitungen</a></li><li><a href="/recherche/datenbanken/" title="Recherchieren Sie professionell in unseren lizenzierten fachspezifischen Datenbanken (ALT+A)"  accesskey="A">Datenbanken</a></li><li><a href="/recherche/neuerwerbungen/" title="Aktuelle Neuerwerbungen (ALT+W)"  accesskey="W">Neuerwerbungen</a></li><li><a href="https://www.slub-dresden.de/index.php?id=7402&amp;tx_slubforms_sf%5Bform%5D=erwerbungsvorschlag" title="KaufTipp (ALT+K)"  accesskey="K">KaufTipp</a></li><li><a href="/recherche/hilfe-zum-katalog/hilfe-suchtipps/" title="Hilfe zum Katalog (ALT+H)"  accesskey="H">Hilfe zum Katalog</a></li><li><a href="/recherche/slub-app/" title="SLUBApp für iPhone und Android (ALT+L)"  accesskey="L">SLUBApp</a></li><li><a href="/recherche/slub-katalog-beta/" title="SLUB-Katalog beta (ALT+B)"  accesskey="B">SLUB-Katalog beta</a></li></ul></div></li><li class="has-submenu" aria-haspopup="true" aria-expanded="false"><a href="/service/" title="Unser Service (ALT+V)"  accesskey="V">Service</a><button type="button" class="submenutriangle" data-toggle="collapse" data-target="#subnav-4014" aria-haspopup="true" aria-controls="subnav-4014"><span class="visually-hidden">Untermenü öffnen</span></button><div class="subnav" id="subnav-4014"><ul><li><a href="/service/faqs/" title="Häufig gestellte Fragen (FAQs) (ALT+F)"  accesskey="F">FAQs</a></li><li><a href="/service/oeffnungszeiten/" title="Öffnungszeiten der SLUB-Standorte (ALT+G)"  accesskey="G">Öffnungszeiten</a></li><li><a href="/service/nutzer-der-slub-werden/" title="Anmelden (ALT+T)"  accesskey="T">Nutzer der SLUB werden</a></li><li><a href="/service/bestellen-ausleihen/" title="Bestellen und Ausleihen">Bestellen / Ausleihen</a></li><li><a href="/service/verlaengern-zurueckgeben/" title="Verlängern und Zurückgeben">Verlängern / Zurückgeben</a></li><li><a href="/service/veranstaltungen/" title="Veranstaltungen">Veranstaltungen</a></li><li><a href="/service/arbeitsplaetze-arbeitsraeume/makerspace/" title="Makerspace (ALT+M)"  accesskey="M">Makerspace</a></li><li><a href="/service/leihgaben-fuer-ausstellungen/" title="Leihgaben für Ausstellungen">Leihgaben für Ausstellungen</a></li><li><a href="/service/wissensbar/" title="Wissensbar - Service mit Gesicht">Wissensbar</a></li><li><a href="/service/informieren-fragen/" title="Informieren und Fragen">Informieren / Fragen</a></li><li><a href="/service/lernen-forschen/" title="Lernen und Forschen">Lernen / Forschen</a></li><li><a href="/service/schreiben-publizieren/" title="Schreiben und Publizieren">Schreiben / Publizieren</a></li><li><a href="/service/slub-textlab/" title="SLUB TextLab (ALT+X)"  accesskey="X">SLUB TextLab</a></li><li><a href="/service/open-science-service/" title="Open-Science-Service">Open-Science-Service</a></li><li><a href="/service/kopieren-scannen-drucken/" title="Kopieren, Scannen und Drucken">Kopieren / Scannen / Drucken</a></li><li><a href="/service/arbeitsplaetze-arbeitsraeume/" title="Arbeitsplätze und Arbeitsräume">Arbeitsplätze / Arbeitsräume</a></li><li><a href="/service/pflichtmedien-abliefern/" title="Pflichtexemplare nach SächsPresseG">Pflichtmedien abliefern</a></li><li><a href="/service/gebuehren-entgelte/" title="Gebühren und Entgelte">Gebühren / Entgelte</a></li><li><a href="/service/benutzungsordnung/" title="Haus- und Benutzungsordnung der SLUB">Benutzungsordnung</a></li></ul></div></li><li class="has-submenu active" aria-haspopup="true" aria-expanded="false" ><a href="/sammlungen/" title="Unsere Sammlungen">Sammlungen</a><button type="button" class="submenutriangle" data-toggle="collapse" data-target="#subnav-4015" aria-haspopup="true" aria-controls="subnav-4015"><span class="visually-hidden">Untermenü öffnen</span></button><div class="subnav" id="subnav-4015"><ul><li class="active"><a href="/sammlungen/digitale-sammlungen/kollektionen/" title="Digitale Sammlungen">Digitale Sammlungen</a></li><li><a href="/sammlungen/landesdigitalisierungsprogramm/" title="Landesdigitalisierungsprogramm">Landesdigitalisierungsprogramm</a></li><li><a href="/sammlungen/deutsche-fotothek/" title="Deutsche Fotothek">Deutsche Fotothek</a></li><li><a href="/sammlungen/av-medien-mediathek/" title="Mediathek">AV-Medien / Mediathek</a></li><li><a href="/sammlungen/saxonica/" title="Saxonica">Saxonica</a></li><li><a href="/sammlungen/kunst-fotografie-design/" title="Kunst, Fotografie, Design">Kunst, Fotografie, Design</a></li><li><a href="/sammlungen/technikgeschichte/" title="Technikgeschichte">Technikgeschichte</a></li><li><a href="/sammlungen/musik/" title="Musik">Musik</a></li><li><a href="/sammlungen/handschriften/" title="Handschriften">Handschriften</a></li><li><a href="/sammlungen/nachlaesse/" title="Nachlässe">Nachlässe</a></li><li><a href="/sammlungen/karten/" title="Karten">Karten</a></li><li><a href="/sammlungen/seltene-und-wertvolle-drucke/" title="Seltene und wertvolle Drucke">Seltene und wertvolle Drucke</a></li><li><a href="/sammlungen/sonstige-spezialbestaende/" title="Sonstige Spezialbestände">Sonstige Spezialbestände</a></li></ul></div></li><li class="has-submenu" aria-haspopup="true" aria-expanded="false"><a href="/ueber-uns/" title="Unser Profil">Über uns</a><button type="button" class="submenutriangle" data-toggle="collapse" data-target="#subnav-4093" aria-haspopup="true" aria-controls="subnav-4093"><span class="visually-hidden">Untermenü öffnen</span></button><div class="subnav" id="subnav-4093"><ul><li><a href="/ueber-uns/" title="Unser Profil">Unser Profil</a></li><li><a href="/ueber-uns/organisation/" title="Organisation">Organisation</a></li><li><a href="/ueber-uns/kennzahlen/" title="Kennzahlen">Kennzahlen</a></li><li><a href="/ueber-uns/ansprechpartner/" title="Ansprechpartner">Ansprechpartner</a></li><li><a href="/ueber-uns/organisation/karriere-und-ausbildung/" title="Stellenangebote">Stellenangebote</a></li><li><a href="/ueber-uns/ehrenamt/" title="Ehrenamt">Ehrenamt</a></li><li><a href="/ueber-uns/kooperationen/" title="Kooperationen">Kooperationen</a></li><li><a href="/ueber-uns/projekte/" title="Projekte (ALT+J)"  accesskey="J">Projekte</a></li><li><a href="/ueber-uns/buchmuseum/" title="Buchmuseum">Buchmuseum</a></li><li><a href="/ueber-uns/foerderer-sponsoren/" title="Förderer und Sponsoren">Förderer / Sponsoren</a></li><li><a href="/ueber-uns/publikationen/" title="Publikationen">Publikationen</a></li><li><a href="/ueber-uns/presse/" title="Presse">Presse</a></li><li><a href="/ueber-uns/standorte/" title="Standorte">Standorte</a></li><li><a href="/ueber-uns/ddz/" title="Dresdner Digitalisierungszentrum (DDZ)">Digitalisierungszentrum</a></li><li><a href="http://slubarchiv.slub-dresden.de.typo3testing.slub-dresden.de/" title="SLUBArchiv">SLUBArchiv</a></li><li><a href="/ueber-uns/bestandserhaltung/" title="Landesstelle für Bestandserhaltung">Bestandserhaltung</a></li></ul></div></li><li><a href="http://blog.slub-dresden.de.typo3testing.slub-dresden.de/" title="SLUBlog">SLUBlog</a></li></ul>
+                </div>
+            </nav>
+        </div>
+    </div>
+    <div class="meta-nav">
+        <div class="centring">
+
+        </div>
+    </div>
+
+
+    <div class="search-wrapper" role="search">
+
+        <div class="form-background"></div>
+
+
+        <div class="search-modifier" role="tablist">
+            <div class="centring">
+                <h2 class="visually-hidden">Wählen Sie die Art der Suche</h2>
+                <div>
+                    <button role="tab" aria-selected="true" aria-controls="catalog-search" data-target-scope="catalog-search" title="Einfache Suche einblenden">Einfach<span class="search-modifier-long">e Suche</span></button>
+                    <button role="tab" aria-selected="false" aria-controls="extended-search" data-target-scope="extended-search" title="Erweiterte Suche einblenden">Erweitert<span class="search-modifier-long">e Suche</span></button>
+                    <button role="tab" aria-selected="false" aria-controls="website-search" data-target-scope="website-search" title="Website-Suche einblenden">Website<span class="search-modifier-long">-Suche</span></button>
+                </div>
+            </div>
+        </div>
+
+
+        <div id="website-search" class="form-wrapper" role="tabpanel">
+            <div class="centring">
+                <h3 class="visually-hidden">Website<span class="search-modifier-long">-Suche</span></h3>
+                <form id="searchFormWebsite" action="https://www.slub-dresden.de/suche/" method="get" accept-charset="utf-8" enctype="multipart/form-data" class="slub-searchform searchForm">
+                    <input type="text" aria-label="Webseitensuche" id="website-search-field"  class="website-search-input" name="q" required="required" value="" accesskey="s" placeholder="">
+                    <button class="reset-button" aria-label="Reset Input" type="reset">Eingabe zurücksetzen</button>
+                    <button class="submit-button" value="" type="submit" aria-label="Suchen">Suchen</button>
+                </form>
+            </div>
+        </div>
+
+
+        <div id="extended-search" class="form-wrapper" role="tabpanel">
+            <div class="centring">
+
+                <h3 class="visually-hidden">Erweitert<span class="search-modifier-long">e Suche</span></h3>
+                <form method="get" name="c-form" class="slub-searchform search-extended" id="catalog-extended-search-form" action="https://katalogbeta.slub-dresden.de.typo3testing.slub-dresden.de/">
+                    <div>
+                        <input type="hidden" name="tx_find_find[__referrer][@extension]" value="" />
+                        <input type="hidden" name="tx_find_find[__referrer][@controller]" value="Standard" />
+                        <input type="hidden" name="tx_find_find[__referrer][@action]" value="index" />
+                        <input type="hidden" name="tx_find_find[__referrer][arguments]" value="YTowOnt9582ffc4cb69e335708f7950bc65ee4fbedc2cb79" />
+                        <input type="hidden" name="tx_find_find[__referrer][@request]" value="a:3:{s:10:&quot;@extension&quot;;N;s:11:&quot;@controller&quot;;s:8:&quot;Standard&quot;;s:7:&quot;@action&quot;;s:5:&quot;index&quot;;}1cf38343bb1b864ca39de77623d984c802ded668" />
+                        <input type="hidden" name="tx_find_find[__trustedProperties]" value="a:1:{s:1:&quot;q&quot;;a:4:{s:5:&quot;title&quot;;i:1;s:6:&quot;author&quot;;i:1;s:5:&quot;topic&quot;;i:1;s:7:&quot;imprint&quot;;i:1;}}5c7facc6b31182ca59e8353a330f21588a44ff51" />
+                    </div>
+
+
+
+                    <div class="extended-search-fields">
+                        <select id="extended-search-select-0" class="extended-search-select">
+                            <option id="first-author"  class="extended-search-option">Person/Institution</option>
+                            <option id="first-title"  class="extended-search-option" selected>Titel</option>
+                            <option id="first-topic" class="extended-search-option">Schlagwort</option>
+                            <option id="first-barcode" class="extended-search-option">Barcode</option>
+                            <option id="first-ident" class="extended-search-option">ISBN/ISSN/ISMN</option>
+                            <option id="first-rvk_facet" class="extended-search-option">RVK-Notation</option>
+                            <option id="first-signatur" class="extended-search-option">Signatur</option>
+                            <option id="first-imprint" class="extended-search-option">Verlag/Ort</option>
+                            <option id="first-series2" class="extended-search-option">Serie/Reihe</option>
+                        </select>
+
+                        <input aria-label="Suchfeld 1" class="catalog-extended-search-input" id="extended-search-input-0" type="text" name="tx_find_find[q][title]" value="" />
+                        <button class="reset-button" aria-label="Reset Input" type="button">Eingabe zurücksetzen</button>
+                    </div>
+                    <div class="extended-search-fields">
+                        <select id="extended-search-select-1" class="extended-search-select">
+                            <option id="second-author"  class="extended-search-option" selected>Person/Institution</option>
+                            <option id="second-title" class="extended-search-option">Titel</option>
+                            <option id="second-topic" class="extended-search-option">Schlagwort</option>
+                            <option id="second-barcode" class="extended-search-option">Barcode</option>
+                            <option id="second-ident" class="extended-search-option">ISBN/ISSN/ISMN</option>
+                            <option id="second-rvk_facet" class="extended-search-option">RVK-Notation</option>
+                            <option id="second-signatur" class="extended-search-option">Signatur</option>
+                            <option id="second-imprint" class="extended-search-option">Verlag/Ort</option>
+                            <option id="second-series2" class="extended-search-option">Serie/Reihe</option>
+                        </select>
+                        <input aria-label="Suchfeld 2" class="catalog-extended-search-input" id="extended-search-input-1" type="text" name="tx_find_find[q][author]" value="" />
+                        <button class="reset-button" aria-label="Reset Input" type="button">Eingabe zurücksetzen</button>
+                    </div>
+                    <div class="extended-search-fields">
+                        <select id="extended-search-select-2" class="extended-search-select">
+                            <option id="third-author" class="extended-search-option">Person/Institution</option>
+                            <option id="third-title" class="extended-search-option">Titel</option>
+                            <option id="third-topic"  class="extended-search-option" selected>Schlagwort</option>
+                            <option id="third-barcode" class="extended-search-option">Barcode</option>
+                            <option id="third-ident" class="extended-search-option">ISBN/ISSN/ISMN</option>
+                            <option id="third-rvk_facet" class="extended-search-option">RVK-Notation</option>
+                            <option id="third-signatur" class="extended-search-option">Signatur</option>
+                            <option id="third-imprint" class="extended-search-option">Verlag/Ort</option>
+                            <option id="third-series2" class="extended-search-option">Serie/Reihe</option>
+                        </select>
+                        <input aria-label="Suchfeld 3" class="catalog-extended-search-input" id="extended-search-input-2" type="text" name="tx_find_find[q][topic]" value="" />
+                        <button class="reset-button" aria-label="Reset Input" type="button">Eingabe zurücksetzen</button>
+                    </div>
+                    <div class="extended-search-fields">
+                        <select id="extended-search-select-3" class="extended-search-select">
+                            <option id="fourth-author" class="extended-search-option">Person/Institution</option>
+                            <option id="fourth-title" class="extended-search-option">Titel</option>
+                            <option id="fourth-topic" class="extended-search-option">Schlagwort</option>
+                            <option id="fourth-barcode" class="extended-search-option">Barcode</option>
+                            <option id="fourth-ident" class="extended-search-option">ISBN/ISSN/ISMN</option>
+                            <option id="fourth-rvk_facet" class="extended-search-option">RVK-Notation</option>
+                            <option id="fourth-signatur" class="extended-search-option">Signatur</option>
+                            <option id="fourth-imprint"  class="extended-search-option" selected>Verlag/Ort</option>
+                            <option id="fourth-series2" class="extended-search-option">Serie/Reihe</option>
+                        </select>
+                        <input aria-label="Suchfeld 4" class="catalog-extended-search-input" id="extended-search-input-3" type="text" name="tx_find_find[q][imprint]" value="" />
+                        <button class="reset-button" aria-label="Reset Input" type="button">Eingabe zurücksetzen</button>
+                    </div>
+                    <div class="submit-buttons">
+                        <button type="submit" class="extended-search-submit">Jetzt suchen</button>
+                        <button type="reset" class="extended-search-reset">Eingabe zurücksetzen</button>
+                    </div>
+                </form>
+                <ul class="search-additionals">
+                    <li><a href="https://www.slub-dresden.de/recherche/hilfe-zum-beta-katalog/hilfe-suchtipps/" title="Hilfe zum Katalog">Hilfe<span class="hidden-xs"> zum Katalog</span></a></li>
+                </ul>
+            </div>
+        </div>
+
+
+        <div id="catalog-search" class="form-wrapper active" role="tabpanel">
+            <div class="centring">
+                <h3 class="visually-hidden">Einfach<span class="search-modifier-long">e Suche</span></h3>
+                <form method="get" name="c-form" class="slub-searchform search-basic" id="catalog-search-form" action="https://katalogbeta.slub-dresden.de.typo3testing.slub-dresden.de/">
+                    <div>
+                        <input type="hidden" name="tx_find_find[__referrer][@extension]" value="" />
+                        <input type="hidden" name="tx_find_find[__referrer][@controller]" value="Standard" />
+                        <input type="hidden" name="tx_find_find[__referrer][@action]" value="index" />
+                        <input type="hidden" name="tx_find_find[__referrer][arguments]" value="YTowOnt9582ffc4cb69e335708f7950bc65ee4fbedc2cb79" />
+                        <input type="hidden" name="tx_find_find[__referrer][@request]" value="a:3:{s:10:&quot;@extension&quot;;N;s:11:&quot;@controller&quot;;s:8:&quot;Standard&quot;;s:7:&quot;@action&quot;;s:5:&quot;index&quot;;}1cf38343bb1b864ca39de77623d984c802ded668" />
+                        <input type="hidden" name="tx_find_find[__trustedProperties]" value="a:1:{s:1:&quot;q&quot;;a:1:{s:7:&quot;default&quot;;i:1;}}d442a27f9ebe6ae7faee39b309aab0d047ad11ed" />
+                    </div>
+
+
+
+                    <div id="search-in-field">
+                        <div id="search-in-field-selector">
+                            <h4 class="visually-hidden" id='search-in-field-button-header'>Nur in Feld suchen:</h4>
+                            <button type="button" id="search-in-field-value" aria-labelledby="search-in-field-button-header search-in-field-value" aria-haspopup="listbox" aria-expanded="false">Alles</button>
+                        </div>
+
+                    </div>
+
+                    <h4 class="visually-hidden" id='showSearchHistory-header'>Suchhistorie anzeigen</h4>
+                    <button id="showSearchHistory" aria-labelledby="showSearchHistory-header showSearchHistory" type="button" aria-haspopup="listbox" aria-expanded="false">
+                        Suchhistorie anzeigen</button>
+
+                    <label for="main-search-input" class="visually-hidden">Geben Sie Ihren Suchbegriff hier ein</label>
+                    <input class="catalog-search-input" id="main-search-input" type="text" name="tx_find_find[q][default]" value="" />
+                    <button class="reset-button" aria-label="Reset Input" type="reset">Eingabe zurücksetzen</button>
+                    <button class="submit-button" value="" type="submit" aria-label="Suchen">Suchen</button>
+                </form>
+                <ul class="search-additionals">
+                    <li><a href="https://www.slub-dresden.de/recherche/hilfe-zum-beta-katalog/hilfe-suchtipps/" title="Hilfe zum Katalog">Hilfe<span class="hidden-xs"> zum Katalog</span></a></li>
+                </ul>
+            </div>
+        </div>
+
+
+
+        <div class="centring key-functions">
+            <ul>
+                <li>
+                    <a class="ask-us" title="Kontakt" href="/kontakt/">Kontakt</a>
+                </li>
+                <li>
+
+                    <a class="account" title="Mein Konto" href="https://www.slub-dresden.de/Shibboleth.sso/Login?target=https%3A%2F%2Fwww.slub-dresden.de%2Fkatalog%2Fmein-konto%2F%3F">Mein Konto</a>
+
+                </li>
+                <li>
+
+                    <a class="login" title="Anmelden" href="https://www.slub-dresden.de/Shibboleth.sso/Login?target=http%3A%2F%2Fdev.slub-dresden.de%2Fstartseite%2F%3Ftype%3D1536245292%26redirect%3Dhttp%3A%2F%2Fdev.slub-dresden.de%2Fsammlungen%2Fdigitale-sammlungen%2Flistenansicht%2F">Anmelden</a>
+
+                </li>
+            </ul>
+        </div>
+    </div>
+
+
+    <div class="centring search-dropdowns">
+        <div class="search-in-field-dropdown">
+            <h4 id='search-in-field-header'>Nur in Feld suchen:</h4>
+            <ul id="search-in-field-recreated-list" aria-labelledby="search-in-field-header" role="listbox" aria-activedescendant="default">
+                <li  tabindex="0" role="option" id="default" class="search-in-field-option"> Alles</li>
+                <li  tabindex="0" role="option" id="author" class="search-in-field-option"> Person/Institution</li>
+                <li  tabindex="0" role="option" id="title" class="search-in-field-option"> Titel</li>
+                <li  tabindex="0" role="option" id="topic" class="search-in-field-option"> Schlagwort</li>
+                <li  tabindex="0" role="option" id="barcode" class="search-in-field-option"> Barcode</li>
+                <li  tabindex="0" role="option" id="ident" class="search-in-field-option"> ISBN/ISSN/ISMN</li>
+                <li  tabindex="0" role="option" id="rvk_facet" class="search-in-field-option"> RVK-Notation</li>
+                <li  tabindex="0" role="option" id="signatur" class="search-in-field-option"> Signatur</li>
+                <li  tabindex="0" role="option" id="imprint" class="search-in-field-option"> Verlag/Ort</li>
+                <li  tabindex="0" role="option" id="series2" class="search-in-field-option"> Serie/Reihe</li>
+            </ul>
+        </div>
+
+        <div class="search-history-dropdown">
+            <h4 >Zuletzt gesuchte Begriffe:</h4>
+            <ul id="search-history-options" aria-labelledby="search-in-field-header" role="listbox"> </ul>
+        </div>
+
+    </div>
+
+    <script>
+        /*
+        	The inner for-loop will run mostly once,
+        	so the need for a ViewHelper is small at this point.
+        	If there are multiple values per key the output will be
+        	pretty redundant though.
+        */
+        var searchQuery = {};
+
+    </script>
+
+
+
+
+
+
+    <div id="content" class="content">
+        <div class="centring">
+            <div id="leftcol" role="main">
+                <div id="mobile-nav">
+                    <div class="dropdown">
+                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
+                            <span id="mobile-nav-icon"></span>
+                            <span id="mobile-nav-title">Listenansicht</span>
+                        </button>
+                        <ul class="dropdown-menu"></ul>
+                    </div>
+                </div>
+                <h3 class="visually-hidden">Sie sind hier</h3>
+                <ol class="rootline">
+                    <li><a href="#">SLUB Dresden</a></li>
+                    <li><a href="#">Sammlungen</a></li>
+                    <li><a href="#">Digitale Sammlungen</a></li>
+                    <li>Listenansicht</li>
+                </ol>
+
+                <!--TYPO3SEARCH_begin-->
+
+                <h2>Listenansicht</h2>
+
+                <div id="c15206" class="csc-default">
+                    <div class="tx-dlf-listview">
+                        <h2>Dresdner Hefte</h2>
+                        <img alt="" src="https://digital.slub-dresden.de/fileadmin/groups/slubsite/Sammlungen/Bilder_Sammlungen/Bilder_DLF_Startseite/dlf_hp_dresdnerhefte_01.jpg">
+                        <p>
+                            <img height="195" src="https://digital.slub-dresden.de/fileadmin/_processed_/9/7/csm_dlf_hp_dresdnerhefte_01_c4187c0356.jpg" style="float: left;" title="dlf hp dresdnerhefte 01" width="272" alt="">Die
+                            <a href="http://www.dresden.de/de/02/110/06/index.php" title="Dresdner Hefte" target="_blank" class="extern">Dresdner Hefte</a> veröffentlichen seit fast 30 Jahren Beiträge zur Kulturgeschichte Dresdens und der Region. Die Themen sind vielschichtig und reichen von Alltags- und politischer Geschichte, Kunst- und Geistesgeschichte über Architektur und Städtebau bis hin zu Ausgaben über wichtige Persönlichkeiten. Herausgegeben werden die Hefte vierteljährlich vom
+                            <a href="http://www.dresden.de/de/02/110/06/c_01.php" title="Dresdner Geschichtsverein" target="_blank" class="extern">Dresdner Geschichtsverein</a>. Sie zählen heute zu den erfolgreichsten regionalgeschichtlichen Publikationen Deutschlands.<br>In Kooperation des Vereins mit der SLUB Dresden wurden die ersten 50 Hefte, erschienen von 1983 bis 1997, digitalisiert und sind für alle Interessierten rund um die Uhr verfügbar.
+                        </p>
+                        <p>Für die Objekte in der Kollektion Dresdner Hefte gilt
+                            <a href="https://nutzungshinweis.slub-dresden.de/fz-rv/1.0/" target="_blank">Freier Zugang - Rechte vorbehalten</a>.
+                        </p>
+                        <p class="tx-dlf-sortinfo">Einträge 1 bis 25 von 59.</p>
+                        <form action="/index.php?id=5364" method="get">
+                            <div>
+                                <input type="hidden" name="id" value="5364"><label for="tx-dlf-listview-5e58d1b8481c9">Sortieren nach: </label><select id="tx-dlf-listview-5e58d1b8481c9" name="tx_dlf[order]" onchange="javascript:this.form.submit();">
+                                <option value="title" selected="selected">Titel</option>
+                                <option value="author">Autor</option>
+                                <option value="shelfmark">Signatur</option>
+                                <option value="volume">Bandzählung</option>
+                                <option value="serial">Reihe</option>
+                            </select><label for="tx-dlf-listview-5e58d1b848211">Richtung: </label><select id="tx-dlf-listview-5e58d1b848211" name="tx_dlf[asc]" onchange="javascript:this.form.submit();">
+                                <option value="1" selected="selected">aufsteigend</option>
+                                <option value="0">absteigend</option>
+                            </select></div>
+                        </form>
+                        <p class="tx-dlf-pagebrowser">&lt; - 1 -
+                            <a href="#">2</a> -
+                            <a href="#">3</a> -
+                            <a href="#">&gt;</a></p>
+                        <ol class="tx-dlf-abstracts">
+
+                            <li value="1">
+                                <div class="tx-dlf-listview-thumbnail"></div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Dresdner Kultur im letzten Drittel des 18. Jahrhunderts</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Mehrbändiges Werk</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                                <div class="tx-dlf-morevolumes">Details einblenden</div>
+                                <div class="tx-dlf-hidevolumes">Details ausblenden</div>
+                                <ol class="tx-dlf-volume" style="display: none;">
+
+                                    <li>
+                                        <div class="tx-dlf-listview-thumbnail">
+                                            <img alt="[Dresdner Kultur im letzten Drittel des 18. Jahrhunderts]" src="https://digital.slub-dresden.de/data/kitodo/dreskuiml_351324453_0001/dreskuiml_351324453_0001_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                        </div>
+                                        <dl>
+                                            <dt class="tx-dlf-title">Titel</dt>
+                                            <dd class="tx-dlf-title"><a href="#">[Dresdner Kultur im letzten Drittel des 18. Jahrhunderts]</a></dd>
+                                            <dt>Erscheinungsort</dt>
+                                            <dd>Dresden</dd>
+                                            <dt>Erscheinungsdatum</dt>
+                                            <dd>1988</dd>
+                                            <dt>Signatur</dt>
+                                            <dd>Y. 8. 7481-6.1988,6</dd>
+                                            <dt>Lizenz-/Rechtehinweis</dt>
+                                            <dd>Urheberrechtsschutz 1.0</dd>
+                                            <dt>Nutzungshinweis</dt>
+                                            <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                            <dt class="tx-dlf-type">Strukturtyp</dt>
+                                            <dd class="tx-dlf-type">Band</dd>
+                                            <dt>Reihe</dt>
+                                            <dd>Dresdner Hefte ; 1988,6</dd>
+                                            <dd>Beiträge zur Kulturgeschichte ; 16</dd>
+                                        </dl>
+                                        <div class="tx-dlf-preview"></div>
+                                        <div class="floatclear"></div>
+                                    </li>
+
+                                    <li>
+                                        <div class="tx-dlf-listview-thumbnail">
+                                            <img alt="[Dresdner Kultur im letzten Drittel des 18. Jahrhunderts]" src="https://digital.slub-dresden.de/data/kitodo/dreskuiml_351326405_0002/dreskuiml_351326405_0002_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                        </div>
+                                        <dl>
+                                            <dt class="tx-dlf-title">Titel</dt>
+                                            <dd class="tx-dlf-title"><a href="#">[Dresdner Kultur im letzten Drittel des 18. Jahrhunderts]</a></dd>
+                                            <dt>Erscheinungsort</dt>
+                                            <dd>Dresden</dd>
+                                            <dt>Erscheinungsdatum</dt>
+                                            <dd>1988</dd>
+                                            <dt>Signatur</dt>
+                                            <dd>Y. 8. 7481-6.1988,1</dd>
+                                            <dt>Lizenz-/Rechtehinweis</dt>
+                                            <dd>Urheberrechtsschutz 1.0</dd>
+                                            <dt>Nutzungshinweis</dt>
+                                            <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                            <dt class="tx-dlf-type">Strukturtyp</dt>
+                                            <dd class="tx-dlf-type">Band</dd>
+                                            <dt>Reihe</dt>
+                                            <dd>Dresdner Hefte ; 1988,7</dd>
+                                            <dd>Beiträge zur Kulturgeschichte ; 17</dd>
+                                        </dl>
+                                        <div class="tx-dlf-preview"></div>
+                                        <div class="floatclear"></div>
+                                    </li>
+
+                                </ol>
+
+                            </li>
+
+                            <li value="2">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Expressionismus in Dresden im ersten Viertel unseres Jahrhunderts" src="https://digital.slub-dresden.de/data/kitodo/exprindri_351323619/exprindri_351323619_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Expressionismus in Dresden im ersten Viertel unseres Jahrhunderts</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1988</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 7481-6.1988,1</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1988,1</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 14</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="3">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Carl Gustav Carus" src="https://digital.slub-dresden.de/data/kitodo/carlguca_351327088/carlguca_351327088_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Carl Gustav Carus</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1989</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 7481-7.1989,1</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1989,1</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 18</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="4">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Sachsen und die Wettiner" src="https://digital.slub-dresden.de/data/kitodo/sachundiw_351334610/sachundiw_351334610_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Sachsen und die Wettiner</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1988</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533-6.1988 angeb.2</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1988,3</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 15</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="5">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="1789 - Zeichen der Zeit" src="https://digital.slub-dresden.de/data/kitodo/1789zed_351327312/1789zed_351327312_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">1789 - Zeichen der Zeit</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1989</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 7481-7.1989,2</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1989,2</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 19</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="6">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Achtzehntes Jahrhundert" src="https://digital.slub-dresden.de/data/kitodo/achtja_351334726/achtja_351334726_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Achtzehntes Jahrhundert</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1984</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 7481-1984,3</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1984,3</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 3</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="7">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Auf der Suche nach Zukunft: Das Beispiel Pieschen" src="https://digital.slub-dresden.de/data/kitodo/aufdesun_351357262/aufdesun_351357262_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Auf der Suche nach Zukunft: Das Beispiel Pieschen</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1990</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>2009 8 041315</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1990,3</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 23</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="8">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Beiträge zur sächsischen Schulgeschichte" src="https://digital.slub-dresden.de/data/kitodo/beitzusas_35866859X/beitzusas_35866859X_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"> <a href="#"> href="#">Beiträge zur sächsischen Schulgeschichte</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1987</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1987,4</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 12</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="9">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Böhmen und Sachsen" src="https://digital.slub-dresden.de/data/kitodo/bohmunsa_351392750/bohmunsa_351392750_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Böhmen und Sachsen</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1996</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 7481-14.1996 angeb.3</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1996,4 = 48</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="10">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Dresden in der Napoleonzeit" src="https://digital.slub-dresden.de/data/kitodo/dresinden_351372644/dresinden_351372644_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Dresden in der Napoleonzeit</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1994</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1994,1 = 37</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="11">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Dresden in der Weltwirtschaftskrise" src="https://digital.slub-dresden.de/data/kitodo/dresindew_351373152/dresindew_351373152_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Dresden in der Weltwirtschaftskrise</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1994</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1994,3 = 39</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="12">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Dresden 1933 - 1945" src="https://digital.slub-dresden.de/data/kitodo/dres191_351372032/dres191_351372032_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Dresden 1933 - 1945</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1993</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1993,3 = 35</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="13">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Der Dresdner Maiaufstand von 1849" src="https://digital.slub-dresden.de/data/kitodo/dresmavo1_351321039/dresmavo1_351321039_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Der Dresdner Maiaufstand von 1849</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1995</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1995,3 = 43</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="14">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Dresden - das Jahr 1945" src="https://digital.slub-dresden.de/data/kitodo/dresdaj_351371087/dresdaj_351371087_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Dresden - das Jahr 1945</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1995</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1995,1 = 41</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="15">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Der Dresdner Neumarkt" src="https://digital.slub-dresden.de/data/kitodo/dresne_351371451/dresne_351371451_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Der Dresdner Neumarkt</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1995</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1995,4 = 44</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="16">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Die Dresdner Frauenkirche" src="https://digital.slub-dresden.de/data/kitodo/dresfr_351373489/dresfr_351373489_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Die Dresdner Frauenkirche</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1992</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>2002 8 072137</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1992,4 = 32</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="17">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Das Dresdner Schloß - Geschichte und Wiederaufbau" src="https://digital.slub-dresden.de/data/kitodo/dresscg_351372881/dresscg_351372881_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Das Dresdner Schloß - Geschichte und Wiederaufbau</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1994</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1994,2 = 38</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="18">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Ehrenfried Walther von Tschirnhaus" src="https://digital.slub-dresden.de/data/kitodo/ehrewavot_351299300/ehrewavot_351299300_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Ehrenfried Walther von Tschirnhaus</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1983</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>1885 00124 001</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1983,4</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; [2]</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="19">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Die Residenz des sächsischen Königreiches in der bürgerlichen Umwälzung von 1830 bis 1871" src="https://digital.slub-dresden.de/data/kitodo/groresi_351358927/groresi_351358927_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Die Residenz des sächsischen Königreiches in der bürgerlichen Umwälzung von 1830 bis 1871</a></dd>
+                                    <dt class="tx-dlf-metadata-author">Autor</dt>
+                                    <dd class="tx-dlf-metadata-author">Groß, Reiner</dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1990</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>1891 00353 001</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1990,4</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 24</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="20">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Heinrich Schütz" src="https://digital.slub-dresden.de/data/kitodo/heinsc_358657318/heinsc_358657318_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Heinrich Schütz</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1985</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y.8.4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1985,4</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 7</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="21">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Johann Georg II. und sein Hof" src="https://digital.slub-dresden.de/data/kitodo/johageiiu_358710057/johageiiu_358710057_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Johann Georg II. und sein Hof</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1993</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1993,1 = 33</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="22">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Johann Gottlob von Quandt und die kulturelle Emanzipation des Dresdner Bürgertums zwischen 1815 und 1849" src="https://digital.slub-dresden.de/data/kitodo/johagovoq_358669413/johagovoq_358669413_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Johann Gottlob von Quandt und die kulturelle Emanzipation des Dresdner Bürgertums zwischen 1815 und 1849</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1987</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1987,5</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 13</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="23">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Grosses Ostragehege/Friedrichstadt" src="https://digital.slub-dresden.de/data/kitodo/groos_351392602/groos_351392602_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Grosses Ostragehege/Friedrichstadt</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1996</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 7481-14.1996 angeb.2</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1996,3 = 47</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="24">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Die knisternde Idylle - Dresden in den sechziger Jahren" src="https://digital.slub-dresden.de/data/kitodo/knisidd_351377085/knisidd_351377085_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Die knisternde Idylle - Dresden in den sechziger Jahren</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1992</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1992,3</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 31</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="25">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Das kulturhistorische Dresden von 1830 bis zum Eintritt des Kapitalismus in seine imperialistische Phase" src="https://digital.slub-dresden.de/data/kitodo/kultdrvo1_351357939/kultdrvo1_351357939_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Das kulturhistorische Dresden von 1830 bis zum Eintritt des Kapitalismus in seine imperialistische Phase</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1985</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 7481-1985,2</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1985,2</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 5</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                        </ol>
+                        <p class="tx-dlf-pagebrowser">&lt; - 1 -
+                            <a href="#">2</a> -
+                            <a href="#">3</a> -
+                            <a href="#">&gt;</a></p>
+                    </div>
+                </div>
+            </div>
+            <div id="rightcol" role="complementary">
+                <div class="box rightnav" role="navigation" aria-labelledby="rightnav-heading"><h3 id="rightnav-heading">
+                    <a href="#">Digitale Sammlungen</a></h3>
+                    <ul>
+                        <li><a href="#">Kollektionen</a></li>
+                    </ul>
+                </div>
+                <div id="c17659" class="csc-default"><h3 class="csc-firstHeader">Detailsuche in den Kollektionen</h3>
+                    <div class="tx-dlf-search">
+                        <form action="/index.php?id=5364" method="post" enctype="multipart/form-data">
+                            <label for="tx-dlf-search-query">Suchen nach:</label>
+                            <input type="text" id="tx-dlf-search-query" name="tx_dlf[query]" value="" placeholder="Suchen nach:">
+
+                            <!-- The following element is needed for auto-completion! -->
+                            <div id="tx-dlf-search-suggest"><ul id="ui-id-1" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: block; width: 252px; position: relative; top: -29.5938px; left: -15px;"><li class="ui-menu-item"><div id="ui-id-2" tabindex="-1" class="ui-menu-item-wrapper">dresdner nachrichten</div></li><li class="ui-menu-item"><div id="ui-id-3" tabindex="-1" class="ui-menu-item-wrapper">dresdner philharmonie</div></li><li class="ui-menu-item"><div id="ui-id-4" tabindex="-1" class="ui-menu-item-wrapper">dresden</div></li><li class="ui-menu-item"><div id="ui-id-5" tabindex="-1" class="ui-menu-item-wrapper">dresdner kreuzchor</div></li><li class="ui-menu-item"><div id="ui-id-6" tabindex="-1" class="ui-menu-item-wrapper">dresdner neueste nachrichten</div></li><li class="ui-menu-item"><div id="ui-id-7" tabindex="-1" class="ui-menu-item-wrapper">dresdner volks-zeitung</div></li><li class="ui-menu-item"><div id="ui-id-8" tabindex="-1" class="ui-menu-item-wrapper">dresde, friedrich wilhelm</div></li><li class="ui-menu-item"><div id="ui-id-9" tabindex="-1" class="ui-menu-item-wrapper">dresdner fliegende blätter</div></li><li class="ui-menu-item"><div id="ui-id-10" tabindex="-1" class="ui-menu-item-wrapper">dresden und die sächsische schweiz</div></li><li class="ui-menu-item"><div id="ui-id-11" tabindex="-1" class="ui-menu-item-wrapper">dresdner hof-postamts-bericht</div></li></ul></div>
+                            <input class="tx-dlf-search-fulltext" id="tx-dlf-search-fulltext-no" type="radio" name="tx_dlf[fulltext]" value="0" checked="checked">
+                            <label for="tx-dlf-search-fulltext-no">in Metadaten</label>
+                            <input class="tx-dlf-search-fulltext" id="tx-dlf-search-fulltext-yes" type="radio" name="tx_dlf[fulltext]" value="1">
+                            <label for="tx-dlf-search-fulltext-yes">im Volltext</label>
+
+
+                            <input type="hidden" name="tx_dlf[encrypted]" value="je/mjA4XgoU="><input type="hidden" name="tx_dlf[hashed]" value="8825caff854b6700084b">
+                            <input type="submit" id="tx-dlf-sendbtn" value="Suchen">
+
+                        </form>
+                        <div class="tx-dlf-searchglas"></div>
+                        <div class="tx-dlf-search-facets">
+                            <ul>
+                                <li class="tx-dlf-search-no tx-dlf-search-ifsub">Autor
+                                    <ul>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Groß, Reiner&nbsp;(90)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Jäckel, Günter&nbsp;(19)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">May, Walter&nbsp;(15)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Menzhausen, Joachim&nbsp;(12)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Lühr, Hans-Peter&nbsp;(11)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Magirius, Heinrich&nbsp;(10)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Ruhland, Volker&nbsp;(9)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Herrmann, Matthias&nbsp;(8)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Steude, Wolfram&nbsp;(8)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Wollgast, Siegfried&nbsp;(8)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Heres, Gerald&nbsp;(7)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Laudel, Heidrun&nbsp;(7)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Neidhardt, Hans Joachim&nbsp;(7)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Blaschke, Karlheinz&nbsp;(6)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">John, Hans&nbsp;(6)</a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="tx-dlf-search-no">Ort</li>
+                                <li class="tx-dlf-search-no tx-dlf-search-ifsub">Strukturtyp
+                                    <ul>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Monographie&nbsp;(6613)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Band&nbsp;(518)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Kapitel&nbsp;(481)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Artikel&nbsp;(354)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Abbildung&nbsp;(33)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Register&nbsp;(18)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Sonstiges&nbsp;(9)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Mehrbändiges Werk&nbsp;(3)</a>
+                                        </li>
+                                    </ul>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <div id="c19944" class="csc-default">
+                    <div class="text"><h3>Ansprechpartnerin</h3>
+                        <p>Geschäftsstelle Digitale Bibliothek<br><strong>Simone Georgi</strong><br>Tel.: +49 351 4677-170<br>E-Mail.:
+                            <a href="mailto:digital@slub-dresden.de">digital@slub-dresden.de </a></p></div>
+                </div>
+                <div id="c19945" class="csc-default">
+                    <div class="text"><h3>Hinweis</h3>
+                        <p>Bitte beachten Sie die
+                            <a href="#">Nutzungsbestimmungen</a> für die Digitalen Sammlungen der SLUB einschließlich der Bilddatenbank.
+                        </p></div>
+                </div>
+                <!-- TYPO3SEARCH_end -->
+                <div id="sharing-buttons" role="group" aria-haspopup="true" aria-expanded="false">
+                    <button class="sharing-open"><span class="visually-hidden">Die Internetseite der SLUB Dresden</span>Teilen
+                    </button>
+                    <div class="sharing-list">
+                        <ul>
+                            <li class="sharing-item mail">
+                                <a href="mailto:%20?subject=Geteilter%20Link%20von%20SLUB%20Dresden%20-%20Listenansicht&amp;body=http://sdvt3adlogin.slub-dresden.de/index.php?id=5364">E-Mail</a>
+                            </li>
+                            <li class="sharing-item facebook">
+                                <a href="https://www.facebook.com/sharer.php?u=http://sdvt3adlogin.slub-dresden.de/index.php?id=5364" onclick="window.open(this.href, 'mywin', 'left=100,top=100,width=650,height=480,toolbar=no,resizeable=yes'); return false;">Facebook</a>
+                            </li>
+                            <li class="sharing-item twitter">
+                                <a href="https://twitter.com/intent/tweet?url=http://sdvt3adlogin.slub-dresden.de/index.php?id=5364&amp;text=Listenansicht" onclick="window.open(this.href, 'mywin', 'left=100,top=100,width=650,height=480,toolbar=no,resizeable=yes'); return false;">Twitter</a>
+                            </li>
+                            <li class="sharing-item googleplus">
+                                <a href="https://plus.google.com/share?url=http://sdvt3adlogin.slub-dresden.de/index.php?id=5364" onclick="window.open(this.href, 'mywin', 'left=100,top=100,width=650,height=480,toolbar=no,resizeable=yes'); return false;">Google+</a>
+                            </li>
+                        </ul>
+                        <button class="sharing-close"><span class="visually-hidden">Menu schließen</span></button>
+                    </div>
+                </div>
+            </div>
+            <div class="floatclear"></div>
+        </div>
+    </div>
+
+
+
+
+
+    <footer>
+        <div class="centring">
+            <div class="footer-links">
+                <h3 class="visually-hidden">Service Links</h3>
+                <a class="jsToTop" href="#top" title="totop">nach oben</a>
+                <ul><li><a href="/impressum/" title="Impressum">Impressum</a></li><li><a href="/datenschutzerklaerung/" title="Datenschutzerklärung">Datenschutzerklärung</a></li><li><a href="/kontakt/" title="Kontakt">Kontaktformular</a></li><li><a href="http://tu-dresden.de" title="Technische Universität Dresden">TU Dresden</a></li><li><a href="/anfahrt/" title="Anfahrt">Anfahrt</a></li><li><a href="/ueber-uns/organisation/karriere-und-ausbildung/" title="Karriere und Ausbildung">Karriere und Ausbildung</a></li></ul>
+            </div>
+            <div class="social-media-links">
+                <a class="instagram" href="https://www.instagram.com/slub_dresden">Instagram</a>
+                <a class="twitter" href="https://twitter.com/slubdresden">Twitter</a>
+                <a class="facebook" href="https://www.facebook.com/SLUBdresden/">Facebook</a>
+                <a class="youtube" href="https://www.youtube.com/user/SLUBDresden">YouTube</a>
+
+            </div>
+            <p class="footer-copy">&copy; 2019, Sächsische Landesbibliothek — <span class="should-break"></span>Staats- und Universitätsbibliothek Dresden (SLUB)</p>
+        </div>
+    </footer>
+
+
+</div>
+
+<script src="/typo3conf/ext/dlf/Resources/Public/Javascript/jquery-ui-mouse-slider-resizable-autocomplete.js?1568632627" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/modernizr.min.js?1547052904" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/jquery-migrate-1.2.1.min.js?1461255410" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/jquery-ui.min.js?1510926792" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/jquery.tooltip.pack.js?1461255410" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/jquery.fancybox.min.js?1565180949" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/sliders.js?1548262830" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/jquery.hp.basic.js?1551108103" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/searchbar.js?1549644734" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/touchSwipe.min.js?1547052904" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/custom-bootstrap.js?1461255410" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/sharingbuttons.js?1549644734" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/accessibility-main-navigation.js?1549992502" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/accessibility-category-trees.js?1549644734" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/accessibility-forms.js?1549644734" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/focus.js?1549644734" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/list.min.js?1533653512" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/moment.min.js?1547052904" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/daterangepicker.js?1547052903" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/slubevents.js?1547052904" type="text/javascript"></script>
+
+<script src="/typo3conf/ext/slub_news_extend/Resources/Public/Js/NewsExtend.js?1517039493" type="text/javascript"></script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Static/data/dfglogo.svg b/Static/data/dfglogo.svg
new file mode 100644
index 00000000..0d4fd522
--- /dev/null
+++ b/Static/data/dfglogo.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="1024px" height="360px" viewBox="0 0 1024 360" style="enable-background:new 0 0 1024 360;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#231F20;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M0,352.3h183.8c48.6,0,90.8-10.4,120.8-36.8c29.9-26.4,48.3-69,48.3-135.3c0-71.1-17.2-114.3-45.7-139.9
+			c-28.5-25.6-69.3-34.2-118-34.2v0H0v74.8h127.9h32.4c24.3-0.1,40.9,8.5,50.3,25.1c9.4,16.5,12.2,40,12.3,70.7
+			c0,29.6-2.6,52.8-11.8,69.4c-9.2,16.6-25.7,25.5-50.2,25.4h-36.5V148.9H0V352.3z"/>
+	</g>
+	<polygon class="st0" points="379.8,352.3 504.1,352.3 504.1,226.7 658.8,226.7 658.8,148.9 504.1,148.9 504.1,80.8 658.8,80.8 
+		658.8,6.1 379.8,6.1 	"/>
+	<g>
+		<path class="st0" d="M744.3,43.7c-36.7,29-59.9,72.2-59.9,130.5c0,62.2,22.4,107.9,58.6,138.4c36.2,30.5,86.6,45.8,142.9,45.8
+			c52.7,0,94.3-5.3,138.2-18.3V180.3H918.4v93l-2.3,0.9c-8.9,3.4-19.9,3.2-29.3,3.3c-27.2,0.1-46.6-11.3-58.5-28.9
+			c-11.9-17.6-16.7-41.1-16.7-65.9c0-32.9,11.2-58.7,31-76c19.8-17.3,47.8-25.9,81.1-25.9c34,0,60.8,7.6,79.8,17.7V12.4
+			C972.1,4.7,948.2,0,885.8,0h0C831.5,0,781.1,14.7,744.3,43.7"/>
+	</g>
+</g>
+</svg>
diff --git a/Static/data/slublogo.jpg b/Static/data/slublogo.jpg
new file mode 100755
index 00000000..dfb3fc60
Binary files /dev/null and b/Static/data/slublogo.jpg differ
diff --git a/Static/data/unierfurtlogo.png b/Static/data/unierfurtlogo.png
new file mode 100644
index 00000000..711ddd19
Binary files /dev/null and b/Static/data/unierfurtlogo.png differ
diff --git a/Static/intro.html b/Static/intro.html
new file mode 100644
index 00000000..17843fd0
--- /dev/null
+++ b/Static/intro.html
@@ -0,0 +1,572 @@
+
+<!DOCTYPE html>
+<html dir="ltr" lang="de-DE">
+<head>
+
+    <meta charset="utf-8">
+    <!--
+        This website is powered by TYPO3 - inspiring people to share!
+        TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
+        TYPO3 is copyright 1998-2018 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
+        Information and contribution at https://typo3.org/
+    -->
+
+    <meta name="generator" content="TYPO3 CMS">
+    <meta name="author" content="SLUB Dresden">
+    <meta name="robots" content="all">
+    <meta name="google-site-verification" content="o6MS77IJzTiXuJLz3y5FponXfLZr6cSQ2Qzt8dyng4M">
+    <meta name="viewport" content="width=device-width initial-scale=1.0">
+    <meta name="description" content="Mehr als 88.000 Titel in den Digitalen Sammlungen">
+
+    <link rel="stylesheet" type="text/css" href="https://www.slub-dresden.de/typo3conf/ext/slub_events/Resources/Public/Css/slub-event-gb.css?1543932514" media="all">
+    <link rel="stylesheet" type="text/css" href="https://www.slub-dresden.de/typo3conf/ext/slub_entityfacts/Resources/Public/Css/SlubEntityfacts.css?1547453904" media="all">
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_template/Resources/Public/Css/custom-bootstrap.css?1525371848" media="all">
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_template/Resources/Public/Css/jquery.fancybox.min.css?1565180949" media="all">
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_template/Resources/Public/Css/styles.css?1552315733" media="all">
+
+    <script src="//code.jquery.com/jquery-2.2.4.min.js" type="text/javascript" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script><script>if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='typo3conf/ext/slub_template/Resources/Public/Js/jquery-2.2.4.min.js' type='text/javascript'%3E%3C/script%3E"));}</script>
+
+    <title>SLUB Dresden: Kollektionen</title>
+    <link rel="shortcut icon" type="image/png" href="/typo3conf/ext/slub_template/Resources/Public/Images/favicon.png">
+    <link rel="apple-touch-icon" href="/typo3conf/ext/slub_template/Resources/Public/Images/favicon.png">
+    <meta property="og:title" content="Kollektionen" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="http://dev.slub-dresden.de/sammlungen/digitale-sammlungen/kollektionen/" />
+    <meta property="og:image" content="http://dev.slub-dresden.de/fileadmin/_processed_/5/e/csm_Saxonicum-1-1_ed51e5ce59.jpg" /><link rel="alternate" type="application/rss+xml" title="RSS-Feed der SLUBlog Posts" href="https://blog.slub-dresden.de/feed/" />
+    <link rel="alternate" type="application/rss+xml" title="RSS-Feed der SLUBlog Kommentare" href="https://blog.slub-dresden.de/comments/feed/" />
+    <link rel="alternate" type="application/rss+xml" title="RSS-Feed der Pressemitteilungen der SLUB Dresden" href="https://www.slub-dresden.de/startseite/presse.rss" />
+
+    <!-- [TJ:] Bring List styles and dedicated Javascript file -->
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_digitalcollections/Resources/Public/Css/DigitalcollectionsLists.css" media="all">
+    <script type="text/javascript" src="/typo3conf/ext/slub_digitalcollections/Resources/Public/Javascript/DigitalcollectionsListScripts.js"></script>
+
+</head>
+<body class="collections">
+
+<div id="page">
+
+    <div id="header" role="banner">
+        <div id="skip_nav" class="hidden"><ul><li><a href="/sammlungen/digitale-sammlungen/kollektionen/#nav" accesskey="1">springe zur Navigation</a>&nbsp;(Taste: <kbd>1</kbd>)</li><li><a href="/sammlungen/digitale-sammlungen/kollektionen/#content" accesskey="2">springe zum Inhaltsbereich</a>&nbsp;(Taste: <kbd>2</kbd>)</li><li><a href="/sammlungen/digitale-sammlungen/kollektionen/#rightcol" accesskey="3">springe zur Seitenleiste</a>&nbsp;(Taste: <kbd>3</kbd>)</li></ul></div>
+        <a id="skip2top"></a>
+        <div class="centring">
+            <h1>
+                <a class="logo" title="Sächsische Landesbibliothek – Staats- und Universitätsbibliothek Dresden" href="/startseite/">Sächsische Landesbibliothek – Staats- und Universitätsbibliothek Dresden</a>
+            </h1>
+
+            <h3 class="visually-hidden">Sprachauswahl</h3>
+            <div class="language-menu-container"><div class="language-status">DE</div><ul class="language-menu" role="menubar"><li class="active" role="menuitem"><a href="/sammlungen/digitale-sammlungen/kollektionen/" hreflang="de-DE" data-iso-label="DE"><span data-iso-label="DE">Deutsch</span></a></li><li role="menuitem"><a href="/en/collections/digital-collections/digital-collections/" hreflang="en-GB" data-iso-label="EN"><span data-iso-label="EN">English</span></a></li></ul></div>
+
+            <button type="button" class="hamburger" data-toggle="collapse" data-target=".navbar-collapse" aria-haspopup="true" aria-controls="navcontainer">
+                <span class="visually-hidden">Menü öffnen</span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </button>
+
+            <nav class="navbar navbar-default navbar-collapse collapse" id="navcontainer" aria-labelledby="main-navigation-heading">
+                <div id="nav" role="navigation" >
+                    <h2 id="main-navigation-heading" class="visually-hidden">Hauptnavigation</h2>
+                    <ul class="nav navbar-nav navbar-right navbar-main"><li class="has-submenu" aria-haspopup="true" aria-expanded="false"><a href="/open-science/" title="Open Science (ALT+O)"  accesskey="O">Open Science</a><button type="button" class="submenutriangle" data-toggle="collapse" data-target="#subnav-9791" aria-haspopup="true" aria-controls="subnav-9791"><span class="visually-hidden">Untermenü öffnen</span></button><div class="subnav" id="subnav-9791"><ul><li><a href="/open-science/open-access/" title="Open Access (ALT+P)"  accesskey="P">Open Access</a></li><li><a href="/open-science/open-evaluationbibliometrie/" title="Open Evaluation/Bibliometrie (ALT+E)"  accesskey="E">Open Evaluation/Bibliometrie</a></li><li><a href="/open-science/open-source/" title="Open Source (ALT+N)"  accesskey="N">Open Source</a></li><li><a href="/open-science/open-dataforschungsdaten/" title="Open Data/Forschungsdaten (ALT+D)"  accesskey="D">Open Data/Forschungsdaten</a></li><li><a href="/open-science/open-educational-resources/" title="Open Educational Resources (ALT+U)"  accesskey="U">Open Educational Resources</a></li><li><a href="/open-science/citizen-science/" title="Citizen Science (ALT+C)"  accesskey="C">Citizen Science</a></li><li><a href="/open-science/open-science-veranstaltungen/" title="Open Science Veranstaltungen (ALT+S)"  accesskey="S">Open Science Veranstaltungen</a></li></ul></div></li><li class="has-submenu" aria-haspopup="true" aria-expanded="false"><a href="/recherche/" title="Informationen finden (ALT+R)"  accesskey="R">Recherche</a><button type="button" class="submenutriangle" data-toggle="collapse" data-target="#subnav-4013" aria-haspopup="true" aria-controls="subnav-4013"><span class="visually-hidden">Untermenü öffnen</span></button><div class="subnav" id="subnav-4013"><ul><li><a href="/recherche/" title="Informationen finden (ALT+I)"  accesskey="I">Informationen finden</a></li><li><a href="/recherche/zeitschriftenzeitungen/" title="Zeitschriften und Zeitungen (ALT+Z)"  accesskey="Z">Zeitschriften/Zeitungen</a></li><li><a href="/recherche/datenbanken/" title="Recherchieren Sie professionell in unseren lizenzierten fachspezifischen Datenbanken (ALT+A)"  accesskey="A">Datenbanken</a></li><li><a href="/recherche/neuerwerbungen/" title="Aktuelle Neuerwerbungen (ALT+W)"  accesskey="W">Neuerwerbungen</a></li><li><a href="https://www.slub-dresden.de/index.php?id=7402&amp;tx_slubforms_sf%5Bform%5D=erwerbungsvorschlag" title="KaufTipp (ALT+K)"  accesskey="K">KaufTipp</a></li><li><a href="/recherche/hilfe-zum-katalog/hilfe-suchtipps/" title="Hilfe zum Katalog (ALT+H)"  accesskey="H">Hilfe zum Katalog</a></li><li><a href="/recherche/slub-app/" title="SLUBApp für iPhone und Android (ALT+L)"  accesskey="L">SLUBApp</a></li><li><a href="/recherche/slub-katalog-beta/" title="SLUB-Katalog beta (ALT+B)"  accesskey="B">SLUB-Katalog beta</a></li></ul></div></li><li class="has-submenu" aria-haspopup="true" aria-expanded="false"><a href="/service/" title="Unser Service (ALT+V)"  accesskey="V">Service</a><button type="button" class="submenutriangle" data-toggle="collapse" data-target="#subnav-4014" aria-haspopup="true" aria-controls="subnav-4014"><span class="visually-hidden">Untermenü öffnen</span></button><div class="subnav" id="subnav-4014"><ul><li><a href="/service/faqs/" title="Häufig gestellte Fragen (FAQs) (ALT+F)"  accesskey="F">FAQs</a></li><li><a href="/service/oeffnungszeiten/" title="Öffnungszeiten der SLUB-Standorte (ALT+G)"  accesskey="G">Öffnungszeiten</a></li><li><a href="/service/nutzer-der-slub-werden/" title="Anmelden (ALT+T)"  accesskey="T">Nutzer der SLUB werden</a></li><li><a href="/service/bestellen-ausleihen/" title="Bestellen und Ausleihen">Bestellen / Ausleihen</a></li><li><a href="/service/verlaengern-zurueckgeben/" title="Verlängern und Zurückgeben">Verlängern / Zurückgeben</a></li><li><a href="/service/veranstaltungen/" title="Veranstaltungen">Veranstaltungen</a></li><li><a href="/service/arbeitsplaetze-arbeitsraeume/makerspace/" title="Makerspace (ALT+M)"  accesskey="M">Makerspace</a></li><li><a href="/service/leihgaben-fuer-ausstellungen/" title="Leihgaben für Ausstellungen">Leihgaben für Ausstellungen</a></li><li><a href="/service/wissensbar/" title="Wissensbar - Service mit Gesicht">Wissensbar</a></li><li><a href="/service/informieren-fragen/" title="Informieren und Fragen">Informieren / Fragen</a></li><li><a href="/service/lernen-forschen/" title="Lernen und Forschen">Lernen / Forschen</a></li><li><a href="/service/schreiben-publizieren/" title="Schreiben und Publizieren">Schreiben / Publizieren</a></li><li><a href="/service/slub-textlab/" title="SLUB TextLab (ALT+X)"  accesskey="X">SLUB TextLab</a></li><li><a href="/service/open-science-service/" title="Open-Science-Service">Open-Science-Service</a></li><li><a href="/service/kopieren-scannen-drucken/" title="Kopieren, Scannen und Drucken">Kopieren / Scannen / Drucken</a></li><li><a href="/service/arbeitsplaetze-arbeitsraeume/" title="Arbeitsplätze und Arbeitsräume">Arbeitsplätze / Arbeitsräume</a></li><li><a href="/service/pflichtmedien-abliefern/" title="Pflichtexemplare nach SächsPresseG">Pflichtmedien abliefern</a></li><li><a href="/service/gebuehren-entgelte/" title="Gebühren und Entgelte">Gebühren / Entgelte</a></li><li><a href="/service/benutzungsordnung/" title="Haus- und Benutzungsordnung der SLUB">Benutzungsordnung</a></li></ul></div></li><li class="has-submenu active" aria-haspopup="true" aria-expanded="false" ><a href="/sammlungen/" title="Unsere Sammlungen">Sammlungen</a><button type="button" class="submenutriangle" data-toggle="collapse" data-target="#subnav-4015" aria-haspopup="true" aria-controls="subnav-4015"><span class="visually-hidden">Untermenü öffnen</span></button><div class="subnav" id="subnav-4015"><ul><li class="active"><a href="/sammlungen/digitale-sammlungen/kollektionen/" title="Digitale Sammlungen">Digitale Sammlungen</a></li><li><a href="/sammlungen/landesdigitalisierungsprogramm/" title="Landesdigitalisierungsprogramm">Landesdigitalisierungsprogramm</a></li><li><a href="/sammlungen/deutsche-fotothek/" title="Deutsche Fotothek">Deutsche Fotothek</a></li><li><a href="/sammlungen/av-medien-mediathek/" title="Mediathek">AV-Medien / Mediathek</a></li><li><a href="/sammlungen/saxonica/" title="Saxonica">Saxonica</a></li><li><a href="/sammlungen/kunst-fotografie-design/" title="Kunst, Fotografie, Design">Kunst, Fotografie, Design</a></li><li><a href="/sammlungen/technikgeschichte/" title="Technikgeschichte">Technikgeschichte</a></li><li><a href="/sammlungen/musik/" title="Musik">Musik</a></li><li><a href="/sammlungen/handschriften/" title="Handschriften">Handschriften</a></li><li><a href="/sammlungen/nachlaesse/" title="Nachlässe">Nachlässe</a></li><li><a href="/sammlungen/karten/" title="Karten">Karten</a></li><li><a href="/sammlungen/seltene-und-wertvolle-drucke/" title="Seltene und wertvolle Drucke">Seltene und wertvolle Drucke</a></li><li><a href="/sammlungen/sonstige-spezialbestaende/" title="Sonstige Spezialbestände">Sonstige Spezialbestände</a></li></ul></div></li><li class="has-submenu" aria-haspopup="true" aria-expanded="false"><a href="/ueber-uns/" title="Unser Profil">Über uns</a><button type="button" class="submenutriangle" data-toggle="collapse" data-target="#subnav-4093" aria-haspopup="true" aria-controls="subnav-4093"><span class="visually-hidden">Untermenü öffnen</span></button><div class="subnav" id="subnav-4093"><ul><li><a href="/ueber-uns/" title="Unser Profil">Unser Profil</a></li><li><a href="/ueber-uns/organisation/" title="Organisation">Organisation</a></li><li><a href="/ueber-uns/kennzahlen/" title="Kennzahlen">Kennzahlen</a></li><li><a href="/ueber-uns/ansprechpartner/" title="Ansprechpartner">Ansprechpartner</a></li><li><a href="/ueber-uns/organisation/karriere-und-ausbildung/" title="Stellenangebote">Stellenangebote</a></li><li><a href="/ueber-uns/ehrenamt/" title="Ehrenamt">Ehrenamt</a></li><li><a href="/ueber-uns/kooperationen/" title="Kooperationen">Kooperationen</a></li><li><a href="/ueber-uns/projekte/" title="Projekte (ALT+J)"  accesskey="J">Projekte</a></li><li><a href="/ueber-uns/buchmuseum/" title="Buchmuseum">Buchmuseum</a></li><li><a href="/ueber-uns/foerderer-sponsoren/" title="Förderer und Sponsoren">Förderer / Sponsoren</a></li><li><a href="/ueber-uns/publikationen/" title="Publikationen">Publikationen</a></li><li><a href="/ueber-uns/presse/" title="Presse">Presse</a></li><li><a href="/ueber-uns/standorte/" title="Standorte">Standorte</a></li><li><a href="/ueber-uns/ddz/" title="Dresdner Digitalisierungszentrum (DDZ)">Digitalisierungszentrum</a></li><li><a href="http://slubarchiv.slub-dresden.de.typo3testing.slub-dresden.de/" title="SLUBArchiv">SLUBArchiv</a></li><li><a href="/ueber-uns/bestandserhaltung/" title="Landesstelle für Bestandserhaltung">Bestandserhaltung</a></li></ul></div></li><li><a href="http://blog.slub-dresden.de.typo3testing.slub-dresden.de/" title="SLUBlog">SLUBlog</a></li></ul>
+                </div>
+            </nav>
+        </div>
+    </div>
+    <div class="meta-nav">
+        <div class="centring">
+
+        </div>
+    </div>
+
+
+    <div class="search-wrapper" role="search">
+
+        <div class="form-background"></div>
+
+
+        <div class="search-modifier" role="tablist">
+            <div class="centring">
+                <h2 class="visually-hidden">Wählen Sie die Art der Suche</h2>
+                <div>
+                    <button role="tab" aria-selected="true" aria-controls="catalog-search" data-target-scope="catalog-search" title="Einfache Suche einblenden">Einfach<span class="search-modifier-long">e Suche</span></button>
+                    <button role="tab" aria-selected="false" aria-controls="extended-search" data-target-scope="extended-search" title="Erweiterte Suche einblenden">Erweitert<span class="search-modifier-long">e Suche</span></button>
+                    <button role="tab" aria-selected="false" aria-controls="website-search" data-target-scope="website-search" title="Website-Suche einblenden">Website<span class="search-modifier-long">-Suche</span></button>
+                </div>
+            </div>
+        </div>
+
+
+        <div id="website-search" class="form-wrapper" role="tabpanel">
+            <div class="centring">
+                <h3 class="visually-hidden">Website<span class="search-modifier-long">-Suche</span></h3>
+                <form id="searchFormWebsite" action="https://www.slub-dresden.de/suche/" method="get" accept-charset="utf-8" enctype="multipart/form-data" class="slub-searchform searchForm">
+                    <input type="text" aria-label="Webseitensuche" id="website-search-field"  class="website-search-input" name="q" required="required" value="" accesskey="s" placeholder="">
+                    <button class="reset-button" aria-label="Reset Input" type="reset">Eingabe zurücksetzen</button>
+                    <button class="submit-button" value="" type="submit" aria-label="Suchen">Suchen</button>
+                </form>
+            </div>
+        </div>
+
+
+        <div id="extended-search" class="form-wrapper" role="tabpanel">
+            <div class="centring">
+
+                <h3 class="visually-hidden">Erweitert<span class="search-modifier-long">e Suche</span></h3>
+                <form method="get" name="c-form" class="slub-searchform search-extended" id="catalog-extended-search-form" action="https://katalogbeta.slub-dresden.de.typo3testing.slub-dresden.de/">
+                    <div>
+                        <input type="hidden" name="tx_find_find[__referrer][@extension]" value="" />
+                        <input type="hidden" name="tx_find_find[__referrer][@controller]" value="Standard" />
+                        <input type="hidden" name="tx_find_find[__referrer][@action]" value="index" />
+                        <input type="hidden" name="tx_find_find[__referrer][arguments]" value="YTowOnt9582ffc4cb69e335708f7950bc65ee4fbedc2cb79" />
+                        <input type="hidden" name="tx_find_find[__referrer][@request]" value="a:3:{s:10:&quot;@extension&quot;;N;s:11:&quot;@controller&quot;;s:8:&quot;Standard&quot;;s:7:&quot;@action&quot;;s:5:&quot;index&quot;;}1cf38343bb1b864ca39de77623d984c802ded668" />
+                        <input type="hidden" name="tx_find_find[__trustedProperties]" value="a:1:{s:1:&quot;q&quot;;a:4:{s:5:&quot;title&quot;;i:1;s:6:&quot;author&quot;;i:1;s:5:&quot;topic&quot;;i:1;s:7:&quot;imprint&quot;;i:1;}}5c7facc6b31182ca59e8353a330f21588a44ff51" />
+                    </div>
+
+
+
+                    <div class="extended-search-fields">
+                        <select id="extended-search-select-0" class="extended-search-select">
+                            <option id="first-author"  class="extended-search-option">Person/Institution</option>
+                            <option id="first-title"  class="extended-search-option" selected>Titel</option>
+                            <option id="first-topic" class="extended-search-option">Schlagwort</option>
+                            <option id="first-barcode" class="extended-search-option">Barcode</option>
+                            <option id="first-ident" class="extended-search-option">ISBN/ISSN/ISMN</option>
+                            <option id="first-rvk_facet" class="extended-search-option">RVK-Notation</option>
+                            <option id="first-signatur" class="extended-search-option">Signatur</option>
+                            <option id="first-imprint" class="extended-search-option">Verlag/Ort</option>
+                            <option id="first-series2" class="extended-search-option">Serie/Reihe</option>
+                        </select>
+
+                        <input aria-label="Suchfeld 1" class="catalog-extended-search-input" id="extended-search-input-0" type="text" name="tx_find_find[q][title]" value="" />
+                        <button class="reset-button" aria-label="Reset Input" type="button">Eingabe zurücksetzen</button>
+                    </div>
+                    <div class="extended-search-fields">
+                        <select id="extended-search-select-1" class="extended-search-select">
+                            <option id="second-author"  class="extended-search-option" selected>Person/Institution</option>
+                            <option id="second-title" class="extended-search-option">Titel</option>
+                            <option id="second-topic" class="extended-search-option">Schlagwort</option>
+                            <option id="second-barcode" class="extended-search-option">Barcode</option>
+                            <option id="second-ident" class="extended-search-option">ISBN/ISSN/ISMN</option>
+                            <option id="second-rvk_facet" class="extended-search-option">RVK-Notation</option>
+                            <option id="second-signatur" class="extended-search-option">Signatur</option>
+                            <option id="second-imprint" class="extended-search-option">Verlag/Ort</option>
+                            <option id="second-series2" class="extended-search-option">Serie/Reihe</option>
+                        </select>
+                        <input aria-label="Suchfeld 2" class="catalog-extended-search-input" id="extended-search-input-1" type="text" name="tx_find_find[q][author]" value="" />
+                        <button class="reset-button" aria-label="Reset Input" type="button">Eingabe zurücksetzen</button>
+                    </div>
+                    <div class="extended-search-fields">
+                        <select id="extended-search-select-2" class="extended-search-select">
+                            <option id="third-author" class="extended-search-option">Person/Institution</option>
+                            <option id="third-title" class="extended-search-option">Titel</option>
+                            <option id="third-topic"  class="extended-search-option" selected>Schlagwort</option>
+                            <option id="third-barcode" class="extended-search-option">Barcode</option>
+                            <option id="third-ident" class="extended-search-option">ISBN/ISSN/ISMN</option>
+                            <option id="third-rvk_facet" class="extended-search-option">RVK-Notation</option>
+                            <option id="third-signatur" class="extended-search-option">Signatur</option>
+                            <option id="third-imprint" class="extended-search-option">Verlag/Ort</option>
+                            <option id="third-series2" class="extended-search-option">Serie/Reihe</option>
+                        </select>
+                        <input aria-label="Suchfeld 3" class="catalog-extended-search-input" id="extended-search-input-2" type="text" name="tx_find_find[q][topic]" value="" />
+                        <button class="reset-button" aria-label="Reset Input" type="button">Eingabe zurücksetzen</button>
+                    </div>
+                    <div class="extended-search-fields">
+                        <select id="extended-search-select-3" class="extended-search-select">
+                            <option id="fourth-author" class="extended-search-option">Person/Institution</option>
+                            <option id="fourth-title" class="extended-search-option">Titel</option>
+                            <option id="fourth-topic" class="extended-search-option">Schlagwort</option>
+                            <option id="fourth-barcode" class="extended-search-option">Barcode</option>
+                            <option id="fourth-ident" class="extended-search-option">ISBN/ISSN/ISMN</option>
+                            <option id="fourth-rvk_facet" class="extended-search-option">RVK-Notation</option>
+                            <option id="fourth-signatur" class="extended-search-option">Signatur</option>
+                            <option id="fourth-imprint"  class="extended-search-option" selected>Verlag/Ort</option>
+                            <option id="fourth-series2" class="extended-search-option">Serie/Reihe</option>
+                        </select>
+                        <input aria-label="Suchfeld 4" class="catalog-extended-search-input" id="extended-search-input-3" type="text" name="tx_find_find[q][imprint]" value="" />
+                        <button class="reset-button" aria-label="Reset Input" type="button">Eingabe zurücksetzen</button>
+                    </div>
+                    <div class="submit-buttons">
+                        <button type="submit" class="extended-search-submit">Jetzt suchen</button>
+                        <button type="reset" class="extended-search-reset">Eingabe zurücksetzen</button>
+                    </div>
+                </form>
+                <ul class="search-additionals">
+                    <li><a href="https://www.slub-dresden.de/recherche/hilfe-zum-beta-katalog/hilfe-suchtipps/" title="Hilfe zum Katalog">Hilfe<span class="hidden-xs"> zum Katalog</span></a></li>
+                </ul>
+            </div>
+        </div>
+
+
+        <div id="catalog-search" class="form-wrapper active" role="tabpanel">
+            <div class="centring">
+                <h3 class="visually-hidden">Einfach<span class="search-modifier-long">e Suche</span></h3>
+                <form method="get" name="c-form" class="slub-searchform search-basic" id="catalog-search-form" action="https://katalogbeta.slub-dresden.de.typo3testing.slub-dresden.de/">
+                    <div>
+                        <input type="hidden" name="tx_find_find[__referrer][@extension]" value="" />
+                        <input type="hidden" name="tx_find_find[__referrer][@controller]" value="Standard" />
+                        <input type="hidden" name="tx_find_find[__referrer][@action]" value="index" />
+                        <input type="hidden" name="tx_find_find[__referrer][arguments]" value="YTowOnt9582ffc4cb69e335708f7950bc65ee4fbedc2cb79" />
+                        <input type="hidden" name="tx_find_find[__referrer][@request]" value="a:3:{s:10:&quot;@extension&quot;;N;s:11:&quot;@controller&quot;;s:8:&quot;Standard&quot;;s:7:&quot;@action&quot;;s:5:&quot;index&quot;;}1cf38343bb1b864ca39de77623d984c802ded668" />
+                        <input type="hidden" name="tx_find_find[__trustedProperties]" value="a:1:{s:1:&quot;q&quot;;a:1:{s:7:&quot;default&quot;;i:1;}}d442a27f9ebe6ae7faee39b309aab0d047ad11ed" />
+                    </div>
+
+
+
+                    <div id="search-in-field">
+                        <div id="search-in-field-selector">
+                            <h4 class="visually-hidden" id='search-in-field-button-header'>Nur in Feld suchen:</h4>
+                            <button type="button" id="search-in-field-value" aria-labelledby="search-in-field-button-header search-in-field-value" aria-haspopup="listbox" aria-expanded="false">Alles</button>
+                        </div>
+
+                    </div>
+
+                    <h4 class="visually-hidden" id='showSearchHistory-header'>Suchhistorie anzeigen</h4>
+                    <button id="showSearchHistory" aria-labelledby="showSearchHistory-header showSearchHistory" type="button" aria-haspopup="listbox" aria-expanded="false">
+                        Suchhistorie anzeigen</button>
+
+                    <label for="main-search-input" class="visually-hidden">Geben Sie Ihren Suchbegriff hier ein</label>
+                    <input class="catalog-search-input" id="main-search-input" type="text" name="tx_find_find[q][default]" value="" />
+                    <button class="reset-button" aria-label="Reset Input" type="reset">Eingabe zurücksetzen</button>
+                    <button class="submit-button" value="" type="submit" aria-label="Suchen">Suchen</button>
+                </form>
+                <ul class="search-additionals">
+                    <li><a href="https://www.slub-dresden.de/recherche/hilfe-zum-beta-katalog/hilfe-suchtipps/" title="Hilfe zum Katalog">Hilfe<span class="hidden-xs"> zum Katalog</span></a></li>
+                </ul>
+            </div>
+        </div>
+
+
+
+        <div class="centring key-functions">
+            <ul>
+                <li>
+                    <a class="ask-us" title="Kontakt" href="/kontakt/">Kontakt</a>
+                </li>
+                <li>
+
+                    <a class="account" title="Mein Konto" href="https://www.slub-dresden.de/Shibboleth.sso/Login?target=https%3A%2F%2Fwww.slub-dresden.de%2Fkatalog%2Fmein-konto%2F%3F">Mein Konto</a>
+
+                </li>
+                <li>
+
+                    <a class="login" title="Anmelden" href="https://www.slub-dresden.de/Shibboleth.sso/Login?target=http%3A%2F%2Fdev.slub-dresden.de%2Fstartseite%2F%3Ftype%3D1536245292%26redirect%3Dhttp%3A%2F%2Fdev.slub-dresden.de%2Fsammlungen%2Fdigitale-sammlungen%2Fkollektionen%2F">Anmelden</a>
+
+                </li>
+            </ul>
+        </div>
+    </div>
+
+
+    <div class="centring search-dropdowns">
+        <div class="search-in-field-dropdown">
+            <h4 id='search-in-field-header'>Nur in Feld suchen:</h4>
+            <ul id="search-in-field-recreated-list" aria-labelledby="search-in-field-header" role="listbox" aria-activedescendant="default">
+                <li  tabindex="0" role="option" id="default" class="search-in-field-option"> Alles</li>
+                <li  tabindex="0" role="option" id="author" class="search-in-field-option"> Person/Institution</li>
+                <li  tabindex="0" role="option" id="title" class="search-in-field-option"> Titel</li>
+                <li  tabindex="0" role="option" id="topic" class="search-in-field-option"> Schlagwort</li>
+                <li  tabindex="0" role="option" id="barcode" class="search-in-field-option"> Barcode</li>
+                <li  tabindex="0" role="option" id="ident" class="search-in-field-option"> ISBN/ISSN/ISMN</li>
+                <li  tabindex="0" role="option" id="rvk_facet" class="search-in-field-option"> RVK-Notation</li>
+                <li  tabindex="0" role="option" id="signatur" class="search-in-field-option"> Signatur</li>
+                <li  tabindex="0" role="option" id="imprint" class="search-in-field-option"> Verlag/Ort</li>
+                <li  tabindex="0" role="option" id="series2" class="search-in-field-option"> Serie/Reihe</li>
+            </ul>
+        </div>
+
+        <div class="search-history-dropdown">
+            <h4 >Zuletzt gesuchte Begriffe:</h4>
+            <ul id="search-history-options" aria-labelledby="search-in-field-header" role="listbox"> </ul>
+        </div>
+
+    </div>
+
+    <script>
+        /*
+        	The inner for-loop will run mostly once,
+        	so the need for a ViewHelper is small at this point.
+        	If there are multiple values per key the output will be
+        	pretty redundant though.
+        */
+        var searchQuery = {};
+
+    </script>
+
+
+
+
+
+    <div id="content" class="content">
+        <div class="centring">
+            <div id="leftcol">
+                <div id="mobile-nav"><div class="dropdown">                <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
+                    <span id="mobile-nav-icon"></span>
+                    <span id="mobile-nav-title">Kollektionen</span>
+                </button><ul class="dropdown-menu"></ul></div></div>
+                <h3 class="visually-hidden"></h3>
+                <ol class="rootline"><li><a href="/startseite/" title="SLUB Dresden">SLUB Dresden</a></li><li><a href="/sammlungen/" title="Unsere Sammlungen">Sammlungen</a></li><li><a href="/sammlungen/digitale-sammlungen/kollektionen/" title="Digitale Sammlungen">Digitale Sammlungen</a></li><li>Kollektionen</li></ol>
+
+                <!--TYPO3SEARCH_begin-->
+
+                <h2>Kollektionen</h2>
+
+                <div id="c17560" class="csc-default"><div class="tx-dlf-statistics"><p>Gegenwärtig finden Sie in unseren digitalen Kollektionen <strong>99637 Titel</strong> oder <strong>278443 Bände</strong> sowie über <strong>1,8 Millionen grafische Medien</strong> (Fotografien, Karten, Zeichnungen).</p></div></div><div id="c15323" class="csc-default"><h3>Detailsuche in den Kollektionen</h3><div class="tx-dlf-search">
+                <form action="/sammlungen/digitale-sammlungen/kollektionen/" method="post" enctype="multipart/form-data">
+                    <label for="tx-dlf-search-query">Suchen nach:</label>
+                    <input type="text" id="tx-dlf-search-query" name="tx_dlf[query]" placeholder="Suche in den Digitalen Sammlungen" value="" />
+
+                    <!-- The following element is needed for auto-completion! -->
+                    <div id="tx-dlf-search-suggest"></div>
+                    <input class="tx-dlf-search-fulltext" id="tx-dlf-search-fulltext-no" type="radio" name="tx_dlf[fulltext]" value="0" checked="checked" /> <label for="tx-dlf-search-fulltext-no">in Metadaten</label> <input class="tx-dlf-search-fulltext" id="tx-dlf-search-fulltext-yes" type="radio" name="tx_dlf[fulltext]" value="1" /> <label for="tx-dlf-search-fulltext-yes">im Volltext</label>
+
+
+                    <input type="hidden" name="tx_dlf[encrypted]" value="+taiK4VzVnw=" /><input type="hidden" name="tx_dlf[hashed]" value="6da40b098298266c72a8" />
+                    <input type="submit" id="tx-dlf-sendbtn" value="Suchen" />
+
+                    <div class="tx-dlf-search-extended">
+                        <select class="tx-dlf-search-operator tx-dlf-search-operator-0" name="tx_dlf[extOperator][0]">
+                            <option class="tx-dlf-search-operator-option tx-dlf-search-operator-AND" value="AND">und</option>
+                            <option class="tx-dlf-search-operator-option tx-dlf-search-operator-OR" value="OR">oder</option>
+                            <option class="tx-dlf-search-operator-option tx-dlf-search-operator-NOT" value="NOT">nicht</option>
+                        </select>
+                        <select class="tx-dlf-search-field tx-dlf-search-field-0" name="tx_dlf[extField][0]">
+                            <option class="tx-dlf-search-field-option tx-dlf-search-field-title" value="title">Titel</option>
+                            <option class="tx-dlf-search-field-option tx-dlf-search-field-author" value="author">Autor</option>
+                            <option class="tx-dlf-search-field-option tx-dlf-search-field-place" value="place">Erscheinungsort</option>
+                            <option class="tx-dlf-search-field-option tx-dlf-search-field-purl" value="purl">PURL</option>
+                        </select>
+                        <input class="tx-dlf-search-query tx-dlf-search-query-0" type="text" name="tx_dlf[extQuery][0]"/>
+                    </div>
+
+                    <div class="tx-dlf-search-extended">
+                        <select class="tx-dlf-search-operator tx-dlf-search-operator-1" name="tx_dlf[extOperator][1]">
+                            <option class="tx-dlf-search-operator-option tx-dlf-search-operator-AND" value="AND">und</option>
+                            <option class="tx-dlf-search-operator-option tx-dlf-search-operator-OR" value="OR">oder</option>
+                            <option class="tx-dlf-search-operator-option tx-dlf-search-operator-NOT" value="NOT">nicht</option>
+                        </select>
+                        <select class="tx-dlf-search-field tx-dlf-search-field-1" name="tx_dlf[extField][1]">
+                            <option class="tx-dlf-search-field-option tx-dlf-search-field-title" value="title">Titel</option>
+                            <option class="tx-dlf-search-field-option tx-dlf-search-field-author" value="author">Autor</option>
+                            <option class="tx-dlf-search-field-option tx-dlf-search-field-place" value="place">Erscheinungsort</option>
+                            <option class="tx-dlf-search-field-option tx-dlf-search-field-purl" value="purl">PURL</option>
+                        </select>
+                        <input class="tx-dlf-search-query tx-dlf-search-query-1" type="text" name="tx_dlf[extQuery][1]"/>
+                    </div>
+
+                    <div class="tx-dlf-search-extended">
+                        <select class="tx-dlf-search-operator tx-dlf-search-operator-2" name="tx_dlf[extOperator][2]">
+                            <option class="tx-dlf-search-operator-option tx-dlf-search-operator-AND" value="AND">und</option>
+                            <option class="tx-dlf-search-operator-option tx-dlf-search-operator-OR" value="OR">oder</option>
+                            <option class="tx-dlf-search-operator-option tx-dlf-search-operator-NOT" value="NOT">nicht</option>
+                        </select>
+                        <select class="tx-dlf-search-field tx-dlf-search-field-2" name="tx_dlf[extField][2]">
+                            <option class="tx-dlf-search-field-option tx-dlf-search-field-title" value="title">Titel</option>
+                            <option class="tx-dlf-search-field-option tx-dlf-search-field-author" value="author">Autor</option>
+                            <option class="tx-dlf-search-field-option tx-dlf-search-field-place" value="place">Erscheinungsort</option>
+                            <option class="tx-dlf-search-field-option tx-dlf-search-field-purl" value="purl">PURL</option>
+                        </select>
+                        <input class="tx-dlf-search-query tx-dlf-search-query-2" type="text" name="tx_dlf[extQuery][2]"/>
+                    </div>
+
+                    <div class="tx-dlf-search-extended">
+                        <select class="tx-dlf-search-operator tx-dlf-search-operator-3" name="tx_dlf[extOperator][3]">
+                            <option class="tx-dlf-search-operator-option tx-dlf-search-operator-AND" value="AND">und</option>
+                            <option class="tx-dlf-search-operator-option tx-dlf-search-operator-OR" value="OR">oder</option>
+                            <option class="tx-dlf-search-operator-option tx-dlf-search-operator-NOT" value="NOT">nicht</option>
+                        </select>
+                        <select class="tx-dlf-search-field tx-dlf-search-field-3" name="tx_dlf[extField][3]">
+                            <option class="tx-dlf-search-field-option tx-dlf-search-field-title" value="title">Titel</option>
+                            <option class="tx-dlf-search-field-option tx-dlf-search-field-author" value="author">Autor</option>
+                            <option class="tx-dlf-search-field-option tx-dlf-search-field-place" value="place">Erscheinungsort</option>
+                            <option class="tx-dlf-search-field-option tx-dlf-search-field-purl" value="purl">PURL</option>
+                        </select>
+                        <input class="tx-dlf-search-query tx-dlf-search-query-3" type="text" name="tx_dlf[extQuery][3]"/>
+                    </div>
+
+                </form>
+                <div class="tx-dlf-searchglas"></div>
+                <div class="tx-dlf-search-facets"></div>
+            </div></div><div id="c15200" class="csc-default"><h3>Digitale Sammlungen</h3><div class="tx-dlf-collection">
+                <ul class="tx-dlf-collection-list">
+
+                    <li class="tx-dlf-collection-item">
+                        <div class="tx-dlf-collection-thumbnail"><img alt="" title="Saxonica" src="https://digital.slub-dresden.de/fileadmin/groups/slubsite/Sammlungen/Bilder_Sammlungen/Bilder_DLF_Startseite/Saxonicum-1.jpg" /></div>
+                        <div class="tx-dlf-collection-meta-information">
+                            <h4><a href="/sammlungen/digitale-sammlungen/kollektionen/?tx_dlf%5Bcollection%5D=10&amp;cHash=a9ce2a83b6225b7d9fdce179713f0511">Saxonica</a></h4>
+                            <p class="tx-dlf-collection-counts">(25356 Titel/47765 Bände)</p>
+                            <a href="/sammlungen/digitale-sammlungen/rss/cache.off?tx_dlf%5Bcollection%5D=10"><img src="/typo3conf/ext/dlf/res/icons/txdlffeeds.png" alt="RSS-Feed" title="Abonnieren Sie den RSS-Feed dieser Kollektion!" /></a>
+                        </div>
+                    </li>
+
+                    <li class="tx-dlf-collection-item">
+                        <div class="tx-dlf-collection-thumbnail"><img alt="" title="Feuerwehrwesen in Sachsen" src="https://digital.slub-dresden.de/fileadmin/groups/slubsite/Sammlungen/Bilder_Sammlungen/Bilder_DLF_Startseite/dlf_hp_feuerwehr.jpg" /></div>
+                        <div class="tx-dlf-collection-meta-information">
+                            <h4><a href="/sammlungen/digitale-sammlungen/kollektionen/?tx_dlf%5Bcollection%5D=1150&amp;cHash=3b803f8458b9c10449f0ebc94e8707a0">Feuerwehrwesen in Sachsen</a></h4>
+                            <p class="tx-dlf-collection-counts">(109 Titel/191 Bände)</p>
+                            <a href="/sammlungen/digitale-sammlungen/rss/cache.off?tx_dlf%5Bcollection%5D=1150"><img src="/typo3conf/ext/dlf/res/icons/txdlffeeds.png" alt="RSS-Feed" title="Abonnieren Sie den RSS-Feed dieser Kollektion!" /></a>
+                        </div>
+                    </li>
+
+                    <li class="tx-dlf-collection-item">
+                        <div class="tx-dlf-collection-thumbnail"><img alt="" title="Zeitungen" src="https://digital.slub-dresden.de/fileadmin/groups/slubsite/Sammlungen/Bilder_Sammlungen/Bilder_DLF_Startseite/dlf_hp_zeitungen.JPG" /></div>
+                        <div class="tx-dlf-collection-meta-information">
+                            <h4><a href="/sammlungen/digitale-sammlungen/kollektionen/?tx_dlf%5Bcollection%5D=143&amp;cHash=bee8f1a40c2817a8e76809c17e300811">Zeitungen</a></h4>
+                            <p class="tx-dlf-collection-counts">(81 Titel/1469 Bände)</p>
+                            <a href="/sammlungen/digitale-sammlungen/rss/cache.off?tx_dlf%5Bcollection%5D=143"><img src="/typo3conf/ext/dlf/res/icons/txdlffeeds.png" alt="RSS-Feed" title="Abonnieren Sie den RSS-Feed dieser Kollektion!" /></a>
+                        </div>
+                    </li>
+
+                    <li class="tx-dlf-collection-item">
+                        <div class="tx-dlf-collection-thumbnail"><img alt="" title="Reisetagebuch von Johann Andreas Silbermann" src="https://digital.slub-dresden.de/fileadmin/groups/slubsite/Sammlungen/Bilder_Sammlungen/Bilder_DLF_Startseite/dlf_hp_silbermann.jpg" /></div>
+                        <div class="tx-dlf-collection-meta-information">
+                            <h4><a href="/sammlungen/digitale-sammlungen/kollektionen/?tx_dlf%5Bcollection%5D=141&amp;cHash=75b5801777198a5b639c8f6a1d218c10">Reisetagebuch von Johann Andreas Silbermann</a></h4>
+                            <p class="tx-dlf-collection-counts">(1 Titel/1 Band)</p>
+                            <a href="/sammlungen/digitale-sammlungen/rss/cache.off?tx_dlf%5Bcollection%5D=141"><img src="/typo3conf/ext/dlf/res/icons/txdlffeeds.png" alt="RSS-Feed" title="Abonnieren Sie den RSS-Feed dieser Kollektion!" /></a>
+                        </div>
+                    </li>
+
+                    <li class="tx-dlf-collection-item">
+                        <div class="tx-dlf-collection-thumbnail"><img alt="" title="Technikgeschichte" src="https://digital.slub-dresden.de/fileadmin/groups/slubsite/Sammlungen/Bilder_Sammlungen/Bilder_DLF_Startseite/dlf_hp_technikgeschichte.jpg" /></div>
+                        <div class="tx-dlf-collection-meta-information">
+                            <h4><a href="/sammlungen/digitale-sammlungen/kollektionen/?tx_dlf%5Bcollection%5D=4&amp;cHash=6f96dfa465afd2161ce7a4349231e495">Technikgeschichte</a></h4>
+                            <p class="tx-dlf-collection-counts">(5092 Titel/6447 Bände)</p>
+                            <a href="/sammlungen/digitale-sammlungen/rss/cache.off?tx_dlf%5Bcollection%5D=4"><img src="/typo3conf/ext/dlf/res/icons/txdlffeeds.png" alt="RSS-Feed" title="Abonnieren Sie den RSS-Feed dieser Kollektion!" /></a>
+                        </div>
+                    </li>
+
+                    <li class="tx-dlf-collection-item">
+                        <div class="tx-dlf-collection-thumbnail"><img alt="" title="Open Philology Project" src="https://digital.slub-dresden.de/fileadmin/groups/slubsite/Sammlungen/Bilder_Sammlungen/Bilder_DLF_Startseite/dlf_hp_openphilology.jpg" /></div>
+                        <div class="tx-dlf-collection-meta-information">
+                            <h4><a href="/sammlungen/digitale-sammlungen/kollektionen/?tx_dlf%5Bcollection%5D=127&amp;cHash=2eb7c4dddb6d2a45e7eafc714951b3cc">Open Philology Project</a></h4>
+                            <p class="tx-dlf-collection-counts">(428 Titel/631 Bände)</p>
+                            <a href="/sammlungen/digitale-sammlungen/rss/cache.off?tx_dlf%5Bcollection%5D=127"><img src="/typo3conf/ext/dlf/res/icons/txdlffeeds.png" alt="RSS-Feed" title="Abonnieren Sie den RSS-Feed dieser Kollektion!" /></a>
+                        </div>
+                    </li>
+
+                    <li class="tx-dlf-collection-item">
+                        <div class="tx-dlf-collection-thumbnail"><img alt="" title="Abhandlungen der Sächsischen Akademie der Wissenschaften" src="https://digital.slub-dresden.de/fileadmin/groups/slubsite/Sammlungen/Bilder_Sammlungen/Bilder_DLF_Startseite/dlf_hp_SaechsAkademie.jpg" /></div>
+                        <div class="tx-dlf-collection-meta-information">
+                            <h4><a href="/sammlungen/digitale-sammlungen/kollektionen/?tx_dlf%5Bcollection%5D=15&amp;cHash=4473262f28e0ea683258f6d4b1de2abb">Abhandlungen der Sächsischen Akademie der Wissenschaften</a></h4>
+                            <p class="tx-dlf-collection-counts">(464 Titel/539 Bände)</p>
+                            <a href="/sammlungen/digitale-sammlungen/rss/cache.off?tx_dlf%5Bcollection%5D=15"><img src="/typo3conf/ext/dlf/res/icons/txdlffeeds.png" alt="RSS-Feed" title="Abonnieren Sie den RSS-Feed dieser Kollektion!" /></a>
+                        </div>
+                    </li>
+
+                </ul>
+            </div></div><div id="c34069" class="csc-default"><div class="text">
+                <ul class="tx-dlf-collection-list-additionals">
+                    <li class="tx-dlf-collection-item">
+                        <div class="tx-dlf-collection-thumbnail"><img alt="Screenshot Fotothek" src="https://digital.slub-dresden.de/fileadmin/groups/slubsite/Sammlungen/Bilder_Sammlungen/Bilder_DLF_Startseite/dlf_hp_fotothek.jpg" /></div>
+                        <div class="txt-dlf-collection-basiccont">
+                            <div class="tx-dlf-collection-meta-information">
+                                <h4><a href="http://www.deutschefotothek.de/" title="zur Bilddatenbank" data-htmlarea-external="1">Bilddatenbank der Deutschen Fotothek</a></h4>
+                                <p class="tx-dlf-collection-counts">rund 1.975.000 Images</p>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="tx-dlf-collection-item">
+                        <div class="tx-dlf-collection-thumbnail"><img alt="Screenshot Illustrierte Magazine der Weimarer Republik" src="https://digital.slub-dresden.de/fileadmin/groups/slubsite/Sammlungen/Bilder_Sammlungen/Bilder_DLF_Startseite/dlf_hp_illumag.jpg" /></div>
+                        <div class="txt-dlf-collection-basiccont">
+                            <div class="tx-dlf-collection-meta-information">
+                                <h4><a href="http://www.illustrierte-presse.de/" target="_blank" title="zur Illustrierten Presse der Weimarer Republik" data-htmlarea-external="1">Illustrierte Magazine der Weimarer Republik</a></h4>
+                                <p class="tx-dlf-collection-counts">10 Magazine mit mehr als 650 Ausgaben</p>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="tx-dlf-collection-item">
+                        <div class="tx-dlf-collection-thumbnail"><img alt="Beispiel Kartenforum" src="https://digital.slub-dresden.de/fileadmin/groups/slubsite/Sammlungen/Bilder_Sammlungen/Bilder_DLF_Startseite/dlf_hp_kartenforum.jpg" /></div>
+                        <div class="txt-dlf-collection-basiccont">
+                            <div class="tx-dlf-collection-meta-information">
+                                <h4><a href="http://kartenforum.deutschefotothek.de/" title="zum Kartenforum" data-htmlarea-external="1">Kartenforum</a></h4>
+                                <p class="tx-dlf-collection-counts">rund 28.000 Images</p>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="tx-dlf-collection-item">
+                        <div class="tx-dlf-collection-thumbnail"><img alt="Ansicht Architekturzeichnung" src="https://digital.slub-dresden.de/fileadmin/groups/slubsite/Sammlungen/Bilder_Sammlungen/Bilder_DLF_Startseite/dlf_hp_architekturzeichnungen.jpg" /></div>
+                        <div class="txt-dlf-collection-basiccont">
+                            <div class="tx-dlf-collection-meta-information">
+                                <h4><a href="http://architekturzeichnungen.deutschefotothek.de/" title="zu den Architektur- und Ingenierzeichnungen" data-htmlarea-external="1">Architektur- und Ingenieurzeichnungen</a></h4>
+                                <p class="tx-dlf-collection-counts">rund 107.000 Images</p>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="tx-dlf-collection-item">
+                        <div class="tx-dlf-collection-thumbnail"><img alt="Genrebild Fotograf" src="https://digital.slub-dresden.de/fileadmin/groups/slubsite/Sammlungen/Bilder_Sammlungen/Bilder_DLF_Startseite/dlf_hp_archivfotografen.jpg" /></div>
+                        <div class="txt-dlf-collection-basiccont">
+                            <div class="tx-dlf-collection-meta-information">
+                                <h4><a href="http://www.deutschefotothek.de/db/apsisa.dll/ete?action=viewPage&amp;page=fotografen.xml" title="Fotografennachlässe anzeigen" data-htmlarea-external="1">Archiv der Fotografen</a></h4>
+                                <p class="tx-dlf-collection-counts">rund 600.000 Images</p>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="tx-dlf-collection-item">
+                        <div class="tx-dlf-collection-thumbnail"><img alt="Label Schallplatte" src="https://digital.slub-dresden.de/fileadmin/groups/slubsite/Sammlungen/Bilder_Sammlungen/Bilder_DLF_Startseite/dlf_hp_mediathek.jpg" /></div>
+                        <div class="txt-dlf-collection-basiccont">
+                            <div class="tx-dlf-collection-meta-information">
+                                <h4><a href="http://mediathek.slub-dresden.de/" title="zur Mediathek" data-htmlarea-external="1">Digitale Mediathek</a></h4>
+                                <p class="tx-dlf-collection-counts">rund 57.000 Audiofiles und Videoclips/Filmrohmaterial</p>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="tx-dlf-collection-item">
+                        <div class="tx-dlf-collection-thumbnail"><img alt="Bild Arbeiterfotografie" src="https://digital.slub-dresden.de/fileadmin/groups/slubsite/Sammlungen/Bilder_Sammlungen/Bilder_DLF_Startseite/dlf_hp_arbeiterfotografie.jpg" /></div>
+                        <div class="txt-dlf-collection-basiccont">
+                            <div class="tx-dlf-collection-meta-information">
+                                <h4><a href="http://www.deutschefotothek.de/arbeiterfotografie" title="zur Arbeiterfotografie" data-htmlarea-external="1">Arbeiterfotografie</a></h4>
+                                <p class="tx-dlf-collection-counts">rund 2.000 Aufnahmen</p>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+                <div class="containerend"></div></div><div id="c17561" class="csc-default"><div class="text"><h3>RSS-Feeds</h3><p><strong>Bleiben Sie auf dem Laufenden.</strong><br />Mit dem tagesaktuellen <a href="http://digital.slub-dresden.de/rss/" target="_blank">RSS-Feed</a> unserer Neuzugänge in den digitalen Kollektionen.</p></div></div><div id="c17217" class="csc-default"><div class="text"><h3>Ansprechpartnerin</h3><p>Geschäftsstelle Digitale Bibliothek<br /><strong>Simone Georgi</strong><br /> Tel.: +49 351 4677-170 <br /> E-Mail.: <a href="&#109;&#97;&#105;&#108;&#116;&#111;&#58;&#100;&#105;&#103;&#105;&#116;&#97;&#108;&#64;&#115;&#108;&#117;&#98;&#45;&#100;&#114;&#101;&#115;&#100;&#101;&#110;&#46;&#100;&#101;">digital&#64;slub-dresden&#46;de</a> </p></div></div><div id="c15205" class="csc-default"><div class="text"><h3>Hinweis</h3><p>Bitte beachten Sie die <a href="http://nutzungshinweis.slub-dresden.de.typo3testing.slub-dresden.de/">Nutzungsbestimmungen</a> für die Digitalen Sammlungen der SLUB einschließlich der Bilddatenbank. </p></div></div>
+            </div>
+            <div class="floatclear"></div>
+        </div>
+    </div>
+
+    <footer>
+        <div class="centring">
+            <div class="footer-links">
+                <h3 class="visually-hidden">Service Links</h3>
+                <a class="jsToTop" href="#top" title="totop">nach oben</a>
+                <ul><li><a href="/impressum/" title="Impressum">Impressum</a></li><li><a href="/datenschutzerklaerung/" title="Datenschutzerklärung">Datenschutzerklärung</a></li><li><a href="/kontakt/" title="Kontakt">Kontaktformular</a></li><li><a href="http://tu-dresden.de" title="Technische Universität Dresden">TU Dresden</a></li><li><a href="/anfahrt/" title="Anfahrt">Anfahrt</a></li><li><a href="/ueber-uns/organisation/karriere-und-ausbildung/" title="Karriere und Ausbildung">Karriere und Ausbildung</a></li></ul>
+            </div>
+            <div class="social-media-links">
+                <a class="instagram" href="https://www.instagram.com/slub_dresden">Instagram</a>
+                <a class="twitter" href="https://twitter.com/slubdresden">Twitter</a>
+                <a class="facebook" href="https://www.facebook.com/SLUBdresden/">Facebook</a>
+                <a class="youtube" href="https://www.youtube.com/user/SLUBDresden">YouTube</a>
+
+            </div>
+            <p class="footer-copy">&copy; 2019, Sächsische Landesbibliothek — <span class="should-break"></span>Staats- und Universitätsbibliothek Dresden (SLUB)</p>
+        </div>
+    </footer>
+
+</div>
+
+<script src="/typo3conf/ext/dlf/Resources/Public/Javascript/jquery-ui-mouse-slider-resizable-autocomplete.js?1568632627" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/modernizr.min.js?1547052904" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/jquery-migrate-1.2.1.min.js?1461255410" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/jquery-ui.min.js?1510926792" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/jquery.tooltip.pack.js?1461255410" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/jquery.fancybox.min.js?1565180949" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/sliders.js?1548262830" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/jquery.hp.basic.js?1551108103" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/searchbar.js?1549644734" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/touchSwipe.min.js?1547052904" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/custom-bootstrap.js?1461255410" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/sharingbuttons.js?1549644734" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/accessibility-main-navigation.js?1549992502" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/accessibility-category-trees.js?1549644734" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/accessibility-forms.js?1549644734" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/focus.js?1549644734" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/list.min.js?1533653512" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/moment.min.js?1547052904" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/daterangepicker.js?1547052903" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/slubevents.js?1547052904" type="text/javascript"></script>
+
+<script src="/typo3conf/ext/slub_news_extend/Resources/Public/Js/NewsExtend.js?1517039493" type="text/javascript"></script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Static/pagegrid.html b/Static/pagegrid.html
new file mode 100644
index 00000000..44514ce5
--- /dev/null
+++ b/Static/pagegrid.html
@@ -0,0 +1,300 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <!--
+        This website is powered by TYPO3 - inspiring people to share!
+        TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
+        TYPO3 is copyright 1998-2017 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
+        Information and contribution at http://typo3.org/
+    -->
+    <title>SLUB Dresden: Pflanzenblätter in Naturdruck</title>
+    <meta name="generator" content="TYPO3 CMS">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="Some meta robot entries">
+    <meta name="description" content="Some fallback meta description here">
+    <meta name="keywords" content="Some fallback meta kewords here">
+
+    <link rel="shortcut icon" type="image/png" href="/typo3conf/ext/slub_digitalcollections/ext_icon.png">
+
+    <!-- [TJ:] Disable Website CSS and bring new Viewer style -->
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_digitalcollections/Resources/Public/Css/Digitalcollections.css" media="all">
+    <script src="//code.jquery.com/jquery-2.2.4.min.js" type="text/javascript" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
+    <link type="text/css" rel="stylesheet" href="/typo3conf/ext/dlf/lib/OpenLayers/ol3.css">
+
+    <!-- [TJ:] Brings the licensed SLUB webfonts to the game  -->
+    <link type="text/css" rel="stylesheet" href="/typo3conf/ext/slub_template/Resources/Public/Css/fonts.css">
+
+</head>
+<body>
+    <div class="main-wrapper">
+        <div class="control-bar">
+            <div class="header-bar">
+                <div class="brand"><a title="SLUB Dresden – Digitale Sammlungen" href="#"><span class="logo-replacement">SLUB Dresden</span> Digitale Sammlungen</a></div>
+                <nav>
+                    <ul class="secondary-nav">
+                        <li><a href="#" title="" class="send-help">Hilfe einblenden</a></li>
+                        <li><a href="#" title="">Kontakt</a></li>
+                        <li><a href="#" title="">Impressum</a></li>
+                        <li><a href="#" title="">Datenschutz</a></li>
+                        <li><a href="#" title="">SLUB Homepage</a></li>
+                    </ul>
+                    <ul class="language-nav">
+                        <li class="active"><a href="#" hreflang="de-DE" data-iso-label="DE">DE</a></li>
+                        <li class="text-muted"><span data-iso-label="EN">EN</span></li>
+                    </ul>
+                    <button type="button" class="nav-toggle">
+                        <span class="nav-label">Open Navigation</span>
+                        <span class="nav-button-bar"></span>
+                        <span class="nav-button-bar"></span>
+                        <span class="nav-button-bar"></span>
+                    </button>
+                </nav>
+            </div>
+            <div class="ctrldata-container">
+                <div class="metadata-wrapper">
+                    <div class="tx-dlf-metadata">
+                        <h1>Pflanzenblätter in Naturdruck</h1>
+                        <dl class="tx-dlf-metadata-titledata">
+                            <dt>Verleger</dt><dd>Schweizerbart</dd><dt>Erscheinungsort</dt><dd>Stuttgart</dd><dt>Erscheinungsdatum</dt><dd>1882</dd><dt>Format</dt><dd>42 Taf.</dd><dt>Signatur</dt><dd>2 - 2004 - 0404</dd><dt>Sprache</dt><dd>Deutsch</dd><dt>Vorlage</dt><dd>Hochschule für Bildende Künste Dresden</dd><dt>Digitalisat</dt><dd>SLUB Dresden</dd><dt>Digitalisat</dt><dd>Hochschule für Bildende Künste Dresden</dd><dt>Lizenz-/Rechtehinweis</dt><dd><a href="https://creativecommons.org/publicdomain/mark/1.0/">Public Domain Mark 1.0</a></dd><dt>URN</dt><dd><a href="http://nbn-resolving.de/urn:nbn:de:bsz:14-db-id4927843457">urn:nbn:de:bsz:14-db-id4927843457</a></dd><dt>PURL</dt><dd><a href="http://digital.slub-dresden.de/id492784345">http://digital.slub-dresden.de/id492784345</a></dd><dt>OAI-Identifier</dt><dd><a href="https://digital.slub-dresden.de/oai/?verb=GetRecord&amp;metadataPrefix=mets&amp;identifier=oai:de:slub-dresden:db:id-492784345">oai:de:slub-dresden:db:id-492784345</a></dd><dt>Strukturtyp</dt><dd>Band</dd>
+                        </dl>
+                    </div>
+                    <div class="offcanvas-toggle"></div>
+                </div>
+                <div class="toc-wrapper">
+                    <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_toc' -->
+                    <div class="tx-dlf-toc">
+                        <ul class="toc">
+                            <li class="current submenu">
+                                <ul><li class="active submenu"><a href="/werkansicht/dlf/262278/1/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=e5cb317d7ac607564fafefd40c69e7f2" title="Band">Band&nbsp;[Tafelbd.]<span class="pagination"> - </span></a><ul><li><a href="/werkansicht/dlf/262278/1/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=e5cb317d7ac607564fafefd40c69e7f2" title="Einband">Einband<span class="pagination"> - </span></a></li><li><a href="/werkansicht/dlf/262278/5/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=5600a30d4cc25a8bd45129ec9a639427" title="Titelseite">Titelseite<span class="pagination"> - </span></a></li><li class="current"><a href="/werkansicht/dlf/262278/7/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=0ac481ee5055ca52e174338045dac674" title="Umfangslinie der Blätter">Umfangslinie der Blätter<span class="pagination">1</span></a></li><li><a href="/werkansicht/dlf/262278/21/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=6517f636e6bea6bb9642902e23a1c3a4" title="Grund der Blätter">Grund der Blätter<span class="pagination">8</span></a></li><li><a href="/werkansicht/dlf/262278/25/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=8b60cb4c03078725c7a147bcdf9bda37" title="Die Spitzen der Blätter">Die Spitzen der Blätter<span class="pagination">10</span></a></li><li><a href="/werkansicht/dlf/262278/29/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=dd426dd44535e8d8561e7d95f4be5386" title="Rand der Blätter">Rand der Blätter<span class="pagination">12</span></a></li><li><a href="/werkansicht/dlf/262278/41/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=0e6dc6e3fbfe427fd0c971ecdbf47bc7" title="Uebergang von den seichteren zu den höheren Vorsprüngen">Uebergang von den seichteren zu den höheren Vorsprüngen<span class="pagination">18</span></a></li><li><a href="/werkansicht/dlf/262278/43/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=feb3f93cf3795447f8d28a9f7c200ef4" title="Schrotsägige Blätter und ähnliche">Schrotsägige Blätter und ähnliche<span class="pagination">19</span></a></li><li><a href="/werkansicht/dlf/262278/45/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=35aa3ada49b9c3db1a78019cf676fe58" title="Zerrissene Blätter und ähnliche">Zerrissene Blätter und ähnliche<span class="pagination">20</span></a></li><li><a href="/werkansicht/dlf/262278/47/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=b4806286cb513d4f6aed19e68270b228" title="Geschlitzte Blätter nebst verwandten Formen">Geschlitzte Blätter nebst verwandten Formen<span class="pagination">21</span></a></li><li><a href="/werkansicht/dlf/262278/49/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=89da1989ab0834b57cd5d7ab64ec880e" title="Gelappte Blätter">Gelappte Blätter<span class="pagination">22</span></a></li><li><a href="/werkansicht/dlf/262278/53/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=4f5f0d4f25be1ec61ede0994ae554bba" title="Gespaltene Blätter nebst verwandten Formen">Gespaltene Blätter nebst verwandten Formen<span class="pagination">24</span></a></li><li><a href="/werkansicht/dlf/262278/55/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=3452e0cb170b6f70d4ff3d7c2d9ce4d9" title="Getheilte Blätter">Getheilte Blätter<span class="pagination">25</span></a></li><li><a href="/werkansicht/dlf/262278/59/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=3623ec1360293deccddf82af5c265d02" title="Handförmig-getheilte Blätter">Handförmig-getheilte Blätter<span class="pagination">27</span></a></li><li><a href="/werkansicht/dlf/262278/61/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=fea8feb2dbbd0d763feb3c07d8aa70ba" title="Getheilte Blätter">Getheilte Blätter<span class="pagination">28</span></a></li><li><a href="/werkansicht/dlf/262278/67/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=2634ceedea09135ad9cb4e71a15ea5ce" title="Wiederholt getheilte Blätter">Wiederholt getheilte Blätter<span class="pagination">31</span></a></li><li><a href="/werkansicht/dlf/262278/69/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=9316992be1100230e8bdc049b0e5bd89" title="Zusammengesetzte Blätter">Zusammengesetzte Blätter<span class="pagination">32</span></a></li><li><a href="/werkansicht/dlf/262278/71/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=2b9ea82b774dc15d0cca2fc480db2909" title="Wiederholt gedreite Blätter">Wiederholt gedreite Blätter<span class="pagination">33</span></a></li><li><a href="/werkansicht/dlf/262278/73/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=dbce9db9e8618117bc4a643d3a70e6d6" title="Geschnittene Blätter">Geschnittene Blätter<span class="pagination">34</span></a></li><li><a href="/werkansicht/dlf/262278/75/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=58d5b978272d8ed34785ba8eb81b2095" title="Unterbrochen-fiederschnittige Blätter">Unterbrochen-fiederschnittige Blätter<span class="pagination">35</span></a></li><li><a href="/werkansicht/dlf/262278/77/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=48371aa0978f2cb43cf65328ebcc3dfd" title="Fiederschnittige Blätter">Fiederschnittige Blätter<span class="pagination">36</span></a></li><li><a href="/werkansicht/dlf/262278/79/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=55e8ed98325382bd6de342577cac606c" title="Wiederholt fiederschnittige Blätter">Wiederholt fiederschnittige Blätter<span class="pagination">37</span></a></li><li><a href="/werkansicht/dlf/262278/81/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=14a92284cfad483aed5b0287a2498c5e" title="Gelenks-Blätter">Gelenks-Blätter<span class="pagination">38</span></a></li><li><a href="/werkansicht/dlf/262278/83/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=77c905d8387b8c91740c2c3dac870318" title="Paarige-gefiederte Gelenks-Blätter">Paarige-gefiederte Gelenks-Blätter<span class="pagination">39</span></a></li><li><a href="/werkansicht/dlf/262278/85/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=965c879d1525d66a5a0cedf6bf3f88be" title="Unpaarig-gefiederte Gelenks-Blätter">Unpaarig-gefiederte Gelenks-Blätter<span class="pagination">40</span></a></li><li><a href="/werkansicht/dlf/262278/87/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=e877dddd561fac79c03715cec4ab6ccf" title="Zusammengesetzte Blätter mit mehreren Gelenken">Zusammengesetzte Blätter mit mehreren Gelenken<span class="pagination">41</span></a></li><li><a href="/werkansicht/dlf/262278/89/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=8079d4f85b290833eead49bc69dd288b" title="Mehrmal-zusammengesetzte Gelenks-Blätter">Mehrmal-zusammengesetzte Gelenks-Blätter<span class="pagination">42</span></a></li><li><a href="/werkansicht/dlf/262278/92/0/?tx_dlf%5Bpagegrid%5D=1&amp;cHash=88c08e0660e03926a34626583397ef33" title="Einband">Einband<span class="pagination"> - </span></a></li></ul></li></ul>
+                            </li>
+                        </ul>
+                    </div><!-- END: Content of extension 'dlf', plugin 'tx_dlf_toc' -->
+                    <div class="offcanvas-toggle"></div>
+                </div>
+            </div>
+        </div><!--TYPO3SEARCH_begin-->
+        <div class="document-view">
+            <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_pageview' -->
+
+            <ol class="tx-dlf-pagegrid-list">
+            	<li value="1">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/1/0/" title=" - "><img alt=" - " src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000001.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination"> - </div>
+            	</li>
+            	
+            	<li value="2">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/2/0/" title=" - "><img alt=" - " src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000002.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination"> - </div>
+            	</li>
+            	
+            	<li value="3">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/3/0/" title=" - "><img alt=" - " src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000003.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination"> - </div>
+            	</li>
+            	
+            	<li value="4">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/4/0/" title=" - "><img alt=" - " src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000004.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination"> - </div>
+            	</li>
+            	
+            	<li value="5">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/5/0/" title=" - "><img alt=" - " src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000005.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination"> - </div>
+            	</li>
+            	
+            	<li value="6">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/6/0/" title=" - "><img alt=" - " src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000006.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination"> - </div>
+            	</li>
+            	
+            	<li value="7">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/7/0/" title="1"><img alt="1" src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000007.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination">1</div>
+            	</li>
+            	
+            	<li value="8">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/8/0/" title=" - "><img alt=" - " src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000008.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination"> - </div>
+            	</li>
+            	
+            	<li value="9">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/9/0/" title="2"><img alt="2" src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000009.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination">2</div>
+            	</li>
+            	
+            	<li value="10">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/10/0/" title=" - "><img alt=" - " src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000010.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination"> - </div>
+            	</li>
+            	
+            	<li value="11">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/11/0/" title="3"><img alt="3" src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000011.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination">3</div>
+            	</li>
+            	
+            	<li value="12">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/12/0/" title=" - "><img alt=" - " src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000012.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination"> - </div>
+            	</li>
+            	
+            	<li value="13">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/13/0/" title="4"><img alt="4" src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000013.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination">4</div>
+            	</li>
+            	
+            	<li value="14">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/14/0/" title=" - "><img alt=" - " src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000014.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination"> - </div>
+            	</li>
+            	
+            	<li value="15">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/15/0/" title="5"><img alt="5" src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000015.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination">5</div>
+            	</li>
+            	
+            	<li value="16">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/16/0/" title=" - "><img alt=" - " src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000016.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination"> - </div>
+            	</li>
+            	
+            	<li class="current" value="17">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/17/0/" title="6"><img alt="6" src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000017.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination">6</div>
+            	</li>
+            	
+            	<li value="18">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/18/0/" title=" - "><img alt=" - " src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000018.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination"> - </div>
+            	</li>
+            	
+            	<li value="19">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/19/0/" title="7"><img alt="7" src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000019.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination">7</div>
+            	</li>
+            	
+            	<li value="20">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/20/0/" title=" - "><img alt=" - " src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000020.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination"> - </div>
+            	</li>
+            	
+            	<li value="21">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/21/0/" title="8"><img alt="8" src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000021.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination">8</div>
+            	</li>
+            	
+            	<li value="22">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/22/0/" title=" - "><img alt=" - " src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000022.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination"> - </div>
+            	</li>
+            	
+            	<li value="23">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/23/0/" title="9"><img alt="9" src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000023.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination">9</div>
+            	</li>
+            	
+            	<li value="24">
+            		<div class="tx-dlf-pagegrid-thumbnail"><a href="/werkansicht/dlf/262278/24/0/" title=" - "><img alt=" - " src="https://digital.slub-dresden.de/data/kitodo/PflainNa_492784345_0002/PflainNa_492784345_0002_tif/jpegs/00000024.tif.thumbnail.jpg"></a></div>
+            		<div class="tx-dlf-pagegrid-pagination"> - </div>
+            	</li>
+            	
+            </ol>
+
+            <div class="document-functions">
+                <div class="provider">
+                    <dl class="mobile-meta">
+                        <dt class="tx-dlf-title">Titel</dt>
+                        <dd class="tx-dlf-title"><a href="#">[Gebrauchsgraphik]</a></dd>
+                        <dt>Autor</dt>
+                    </dl>
+                </div>
+                <ul>
+                    <li class="submenu links">
+                        <a href="#" title="Links">Links</a>
+                        <ul>
+                            <li><a class="local-presentation" title="Show in local context" href="http://digital.slub-dresden.de/id351357262">Show in local context</a></li>
+                            <li><a class="local-catalog" title="Online Public Access Catalog" href="http://dienste.slub-dresden.de/cgi-bin/FOZK.pl?PPN=351357262">Online Public Access Catalog</a></li>
+                            <li><a class="local-contact" title="Email to data provider (Sächsische Landesbibliothek - Staats- und Universitätsbibliothek Dresden)" href="mailto:mailto:sebastian.meyer@slub-dresden.de">Email to data provider</a></li>
+                        </ul>
+                    </li>
+                    <li class="submenu downloads disabled">
+                        <a href="#" title="Downloads">Downloads</a>
+                        <ul>
+                            <li><a class="download-document" title="Download whole work" target="_blank" href="http://digital.slub-dresden.de/fileadmin/data/351357262/351357262_tif/jpegs/351357262.pdf">Download whole work</a></li>
+                        </ul>
+                    </li>
+                    <li class="doublepage disabled"><a class="tx-dlf-navigation-doubleOn disabled" title="Show double pages" href="index.php?id=9101&amp;tx_dlf%5Bpage%5D=&amp;tx_dlf%5Bdouble%5D=1&amp;tx_dlf%5Bid%5D=&amp;tx_dlf%5Bpagegrid%5D=0&amp;cHash=340ed462b59b1f2cb8701771ef9b4402">Show double pages</a></li>
+                    <li class="fulltext disabled"><a class="select switchoff disabled" id="tx-dlf-tools-fulltext" title="Volltext aus" data-dic="fulltext-on:Volltext an;fulltext-off:Volltext aus">Volltext aus</a></li>
+                    <li class="grid"><a title="Thumbnail Preview" class="active" href="index.php?id=9101&amp;tx_dlf%5Bpage%5D=&amp;tx_dlf%5Bdouble%5D=0&amp;tx_dlf%5Bid%5D=&amp;tx_dlf%5Bpagegrid%5D=1&amp;cHash=9d899cbea2ad6b40710b99a4d1f8404c">Thumbnail Preview</a></li>
+                </ul>
+            </div>
+            <div class="view-functions">
+                <ul>
+                    <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+
+                    <!-- [TJ:] wrapping .tx-dlf-navigation should be removed -->
+                    <!-- <div class="tx-dlf-navigation"> -->
+                        <li class="pages">
+                            <form action="http://test.sachsendigital.de/index.php?id=9101" method="get">
+                                <div>
+                                    <input type="hidden" name="id" value="9101" /><input type="hidden" name="tx_dlf[id]" value="http://digital.slub-dresden.de/fileadmin/data/351357262/aufdesun_351357262_mets.xml" />
+                                    <label for="tx-dlf-navigation-59a27a32f0e07">Page</label>
+                                    <select id="tx-dlf-navigation-59a27a32f0e07" name="tx_dlf[page]" onchange="javascript:this.form.submit();">
+                                        <option value="1" selected="selected">[1] -  - </option><option value="2">[2] -  - </option><option value="3">[3] - 1</option><option value="4">[4] - 2</option><option value="5">[5] - 3</option><option value="6">[6] - 4</option><option value="7">[7] - 5</option><option value="8">[8] - 6</option><option value="9">[9] - 7</option><option value="10">[10] - 8</option><option value="11">[11] - 9</option><option value="12">[12] - 10</option><option value="13">[13] - 11</option><option value="14">[14] - 12</option><option value="15">[15] - 13</option><option value="16">[16] - 14</option><option value="17">[17] - 15</option><option value="18">[18] - 16</option><option value="19">[19] - 17</option><option value="20">[20] - 18</option><option value="21">[21] - 19</option><option value="22">[22] - 20</option><option value="23">[23] - 21</option><option value="24">[24] - 22</option><option value="25">[25] - 23</option><option value="26">[26] - 24</option><option value="27">[27] - 25</option><option value="28">[28] - 26</option><option value="29">[29] - 27</option><option value="30">[30] - 28</option><option value="31">[31] - 29</option><option value="32">[32] - 30</option><option value="33">[33] - 31</option><option value="34">[34] - 32</option><option value="35">[35] - 33</option><option value="36">[36] - 34</option><option value="37">[37] - 35</option><option value="38">[38] - 36</option><option value="39">[39] - 37</option><option value="40">[40] - 38</option><option value="41">[41] - 39</option><option value="42">[42] - 40</option><option value="43">[43] - 41</option><option value="44">[44] - 42</option><option value="45">[45] - 43</option><option value="46">[46] - 44</option><option value="47">[47] - 45</option><option value="48">[48] - 46</option><option value="49">[49] - 47</option><option value="50">[50] - 48</option><option value="51">[51] - 49</option><option value="52">[52] - 50</option><option value="53">[53] - 51</option><option value="54">[54] - 52</option><option value="55">[55] - 53</option><option value="56">[56] - 54</option><option value="57">[57] - 55</option><option value="58">[58] - 56</option><option value="59">[59] - 57</option><option value="60">[60] - 58</option><option value="61">[61] - 59</option><option value="62">[62] - 60</option><option value="63">[63] - 61</option><option value="64">[64] - 62</option><option value="65">[65] - 63</option><option value="66">[66] - 64</option><option value="67">[67] - 65</option><option value="68">[68] - 66</option><option value="69">[69] - 67</option><option value="70">[70] - 68</option><option value="71">[71] - 69</option><option value="72">[72] - 70</option><option value="73">[73] - 71</option><option value="74">[74] - 72</option><option value="75">[75] - 73</option><option value="76">[76] - 74</option><option value="77">[77] - 75</option><option value="78">[78] - 76</option><option value="79">[79] -  - </option><option value="80">[80] -  - </option>
+                                    </select>
+                                </div>
+                            </form>
+                        </li>
+                        <li class="rotate">
+                            <a class="rotate-left" title="Rotate Left" onclick="tx_dlf_viewer.map.rotateLeft()">Rotate Left</a>
+                            <a class="rotate-right" title="Rotate Right" onclick="tx_dlf_viewer.map.rotateRight()">Rotate Right</a>
+                            <a class="upend" title="Reset Rotation" onclick="tx_dlf_viewer.map.resetRotation()">Reset Rotation</a>
+                        </li>
+                        <li class="zoom">
+                            <a class="in" title="Zoom In" onclick="tx_dlf_viewer.map.zoomIn();">Zoom In</a>
+                            <a class="out" title="Zoom Out" onclick="tx_dlf_viewer.map.zoomOut();">Zoom Out</a>
+                            <a class="fullscreen" title="Fullscreen Mode">Fullscreen Mode</a>
+                        </li>
+                    <!-- </div> -->
+                    <!-- END: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+                    <li class="tx-dlf-toolsImagemanipulation">
+                        <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_toolbox' -->
+
+                        <!-- [TJ:] Remove multiple DIVs. Inside this LI element there should be only the SPAN elements -->
+                        <!-- <div class="tx-dlf-toolbox"> -->
+
+                            <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_toolsImagemanipulation' -->
+                            <!-- <div class="tx-dlf-toolsImagemanipulation"> -->
+                                <span>
+                                    <span class="tx-dlf-tools-imagetools" id="tx-dlf-tools-imagetools" data-dic="imagemanipulation-on:Activate image manipulation;imagemanipulation-off:Deactivate image manipulation;reset:Reset;saturation:Saturation;hue:Hue;contrast:Contrast;brightness:Brightness;invert:Color inverting" title="Image manipulation is not supported"></span>
+                                </span>
+                                <!-- </div> -->
+                            <!-- END: Content of extension 'dlf', plugin 'tx_dlf_toolsImagemanipulation' -->
+                        <!-- </div> -->
+                        <!-- END: Content of extension 'dlf', plugin 'tx_dlf_toolbox' -->
+                    </li>
+                </ul>
+                <div class="tx-dlf-toolbox"></div>
+            </div>
+            <div class="page-control">
+                <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+
+                <!-- [TJ:] wrapping .tx-dlf-navigation should be removed -->
+                <!-- <div class="tx-dlf-navigation"> -->
+                    <div class="backs">
+                        <span class="first"><span>First Page</span></span> <span class="rwnd"><span>Back 10 Pages</span></span> <span class="prev"><span>Previous Page</span></span>
+                    </div>
+                    <div class="fwds">
+                        <span class="next"><a href="index.php?id=9101&amp;tx_dlf%5Bid%5D=http%3A%2F%2Fdigital.slub-dresden.de%2Ffileadmin%2Fdata%2F351357262%2Faufdesun_351357262_mets.xml&amp;tx_dlf%5Bpage%5D=2&amp;tx_dlf%5Bdouble%5D=0&amp;cHash=fe2c78fba91b4272765b52fbb813ba7e" title="Next Page">Next Page</a></span> <span class="fwd"><a href="index.php?id=9101&amp;tx_dlf%5Bid%5D=http%3A%2F%2Fdigital.slub-dresden.de%2Ffileadmin%2Fdata%2F351357262%2Faufdesun_351357262_mets.xml&amp;tx_dlf%5Bpage%5D=11&amp;tx_dlf%5Bdouble%5D=0&amp;cHash=9cc30cf273636cb8b4813b91f3525b4c" title="Forward 10 Pages">Forward 10 Pages</a></span> <span class="last"><a href="index.php?id=9101&amp;tx_dlf%5Bid%5D=http%3A%2F%2Fdigital.slub-dresden.de%2Ffileadmin%2Fdata%2F351357262%2Faufdesun_351357262_mets.xml&amp;tx_dlf%5Bpage%5D=80&amp;tx_dlf%5Bdouble%5D=0&amp;cHash=f69e43235328a5ac846d992756195b0e" title="Last Page">Last Page</a></span>
+                    </div>
+                <!-- </div> -->
+                <!-- END: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+            </div>
+        </div><!--TYPO3SEARCH_end-->
+    </div>
+
+    <!-- [TJ:] Insert new Viewer Javascript -->
+    <script src="/typo3conf/ext/slub_digitalcollections/Resources/Public/Javascript/DigitalcollectionsScripts.js" type="text/javascript"> </script>
+
+</body>
+</html>
diff --git a/Static/results.html b/Static/results.html
new file mode 100644
index 00000000..1428b3a7
--- /dev/null
+++ b/Static/results.html
@@ -0,0 +1,1440 @@
+
+<!DOCTYPE html>
+<html dir="ltr" lang="de-DE">
+<head>
+
+    <meta charset="utf-8">
+    <!--
+        This website is powered by TYPO3 - inspiring people to share!
+        TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
+        TYPO3 is copyright 1998-2018 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
+        Information and contribution at https://typo3.org/
+    -->
+
+    <meta name="generator" content="TYPO3 CMS">
+    <meta name="author" content="SLUB Dresden">
+    <meta name="robots" content="all">
+    <meta name="google-site-verification" content="o6MS77IJzTiXuJLz3y5FponXfLZr6cSQ2Qzt8dyng4M">
+    <meta name="viewport" content="width=device-width initial-scale=1.0">
+
+    <link rel="stylesheet" type="text/css" href="https://www.slub-dresden.de/typo3conf/ext/slub_events/Resources/Public/Css/slub-event-gb.css?1543932514" media="all">
+    <link rel="stylesheet" type="text/css" href="https://www.slub-dresden.de/typo3conf/ext/slub_entityfacts/Resources/Public/Css/SlubEntityfacts.css?1547453904" media="all">
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_template/Resources/Public/Css/custom-bootstrap.css?1525371848" media="all">
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_template/Resources/Public/Css/jquery.fancybox.min.css?1565180949" media="all">
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_template/Resources/Public/Css/styles.css?1552315733" media="all">
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_template/Resources/Public/Css/blog.css?1547052903" media="all">
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_template/Resources/Public/Css/daterangepicker.css?1547052903" media="screen,projection">
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_template/Resources/Public/Css/jquery.jscrollpane.css?1525371848" media="screen,projection">
+
+    <script src="//code.jquery.com/jquery-2.2.4.min.js" type="text/javascript" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script><script>if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='typo3conf/ext/slub_template/Resources/Public/Js/jquery-2.2.4.min.js' type='text/javascript'%3E%3C/script%3E"));}</script>
+
+    <title>SLUB Dresden: Listenansicht</title>
+
+    <link rel="shortcut icon" type="image/png" href="/typo3conf/ext/slub_template/Resources/Public/Images/favicon.png">
+    <link rel="apple-touch-icon" href="/typo3conf/ext/slub_template/Resources/Public/Images/favicon.png">
+    <meta property="og:title" content="Listenansicht" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="http://dev.slub-dresden.de/sammlungen/digitale-sammlungen/listenansicht/" />
+    <link rel="alternate" type="application/rss+xml" title="RSS-Feed der SLUBlog Posts" href="https://blog.slub-dresden.de/feed/" />
+    <link rel="alternate" type="application/rss+xml" title="RSS-Feed der SLUBlog Kommentare" href="https://blog.slub-dresden.de/comments/feed/" />
+    <link rel="alternate" type="application/rss+xml" title="RSS-Feed der Pressemitteilungen der SLUB Dresden" href="https://www.slub-dresden.de/startseite/presse.rss" />
+    <script type="text/javascript" src="/typo3conf/ext/dlf/plugins/search/tx_dlf_search_suggest.js"></script>
+
+    <!-- [TJ:] Bring List styles and dedicated Javascript file -->
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_digitalcollections/Resources/Public/Css/DigitalcollectionsLists.css" media="all">
+    <script type="text/javascript" src="/typo3conf/ext/slub_digitalcollections/Resources/Public/Javascript/DigitalcollectionsListScripts.js"></script>
+
+</head>
+<body class="listview">
+
+<div id="page">
+
+    <div id="header" role="banner">
+        <div id="skip_nav" class="hidden"><ul><li><a href="/sammlungen/digitale-sammlungen/listenansicht/#nav" accesskey="1">springe zur Navigation</a>&nbsp;(Taste: <kbd>1</kbd>)</li><li><a href="/sammlungen/digitale-sammlungen/listenansicht/#content" accesskey="2">springe zum Inhaltsbereich</a>&nbsp;(Taste: <kbd>2</kbd>)</li><li><a href="/sammlungen/digitale-sammlungen/listenansicht/#rightcol" accesskey="3">springe zur Seitenleiste</a>&nbsp;(Taste: <kbd>3</kbd>)</li></ul></div>
+        <a id="skip2top"></a>
+        <div class="centring">
+            <h1>
+                <a class="logo" title="Sächsische Landesbibliothek – Staats- und Universitätsbibliothek Dresden" href="/startseite/">Sächsische Landesbibliothek – Staats- und Universitätsbibliothek Dresden</a>
+            </h1>
+
+            <h3 class="visually-hidden">Sprachauswahl</h3>
+            <div class="language-menu-container"><div class="language-status">DE</div><ul class="language-menu" role="menubar"><li class="active" role="menuitem"><a href="/sammlungen/digitale-sammlungen/listenansicht/" hreflang="de-DE" data-iso-label="DE"><span data-iso-label="DE">Deutsch</span></a></li><li role="menuitem"><a href="/en/collections/digital-collections/listview/" hreflang="en-GB" data-iso-label="EN"><span data-iso-label="EN">English</span></a></li></ul></div>
+
+            <button type="button" class="hamburger" data-toggle="collapse" data-target=".navbar-collapse" aria-haspopup="true" aria-controls="navcontainer">
+                <span class="visually-hidden">Menü öffnen</span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </button>
+
+            <nav class="navbar navbar-default navbar-collapse collapse" id="navcontainer" aria-labelledby="main-navigation-heading">
+                <div id="nav" role="navigation" >
+                    <h2 id="main-navigation-heading" class="visually-hidden">Hauptnavigation</h2>
+                    <ul class="nav navbar-nav navbar-right navbar-main"><li class="has-submenu" aria-haspopup="true" aria-expanded="false"><a href="/open-science/" title="Open Science (ALT+O)"  accesskey="O">Open Science</a><button type="button" class="submenutriangle" data-toggle="collapse" data-target="#subnav-9791" aria-haspopup="true" aria-controls="subnav-9791"><span class="visually-hidden">Untermenü öffnen</span></button><div class="subnav" id="subnav-9791"><ul><li><a href="/open-science/open-access/" title="Open Access (ALT+P)"  accesskey="P">Open Access</a></li><li><a href="/open-science/open-evaluationbibliometrie/" title="Open Evaluation/Bibliometrie (ALT+E)"  accesskey="E">Open Evaluation/Bibliometrie</a></li><li><a href="/open-science/open-source/" title="Open Source (ALT+N)"  accesskey="N">Open Source</a></li><li><a href="/open-science/open-dataforschungsdaten/" title="Open Data/Forschungsdaten (ALT+D)"  accesskey="D">Open Data/Forschungsdaten</a></li><li><a href="/open-science/open-educational-resources/" title="Open Educational Resources (ALT+U)"  accesskey="U">Open Educational Resources</a></li><li><a href="/open-science/citizen-science/" title="Citizen Science (ALT+C)"  accesskey="C">Citizen Science</a></li><li><a href="/open-science/open-science-veranstaltungen/" title="Open Science Veranstaltungen (ALT+S)"  accesskey="S">Open Science Veranstaltungen</a></li></ul></div></li><li class="has-submenu" aria-haspopup="true" aria-expanded="false"><a href="/recherche/" title="Informationen finden (ALT+R)"  accesskey="R">Recherche</a><button type="button" class="submenutriangle" data-toggle="collapse" data-target="#subnav-4013" aria-haspopup="true" aria-controls="subnav-4013"><span class="visually-hidden">Untermenü öffnen</span></button><div class="subnav" id="subnav-4013"><ul><li><a href="/recherche/" title="Informationen finden (ALT+I)"  accesskey="I">Informationen finden</a></li><li><a href="/recherche/zeitschriftenzeitungen/" title="Zeitschriften und Zeitungen (ALT+Z)"  accesskey="Z">Zeitschriften/Zeitungen</a></li><li><a href="/recherche/datenbanken/" title="Recherchieren Sie professionell in unseren lizenzierten fachspezifischen Datenbanken (ALT+A)"  accesskey="A">Datenbanken</a></li><li><a href="/recherche/neuerwerbungen/" title="Aktuelle Neuerwerbungen (ALT+W)"  accesskey="W">Neuerwerbungen</a></li><li><a href="https://www.slub-dresden.de/index.php?id=7402&amp;tx_slubforms_sf%5Bform%5D=erwerbungsvorschlag" title="KaufTipp (ALT+K)"  accesskey="K">KaufTipp</a></li><li><a href="/recherche/hilfe-zum-katalog/hilfe-suchtipps/" title="Hilfe zum Katalog (ALT+H)"  accesskey="H">Hilfe zum Katalog</a></li><li><a href="/recherche/slub-app/" title="SLUBApp für iPhone und Android (ALT+L)"  accesskey="L">SLUBApp</a></li><li><a href="/recherche/slub-katalog-beta/" title="SLUB-Katalog beta (ALT+B)"  accesskey="B">SLUB-Katalog beta</a></li></ul></div></li><li class="has-submenu" aria-haspopup="true" aria-expanded="false"><a href="/service/" title="Unser Service (ALT+V)"  accesskey="V">Service</a><button type="button" class="submenutriangle" data-toggle="collapse" data-target="#subnav-4014" aria-haspopup="true" aria-controls="subnav-4014"><span class="visually-hidden">Untermenü öffnen</span></button><div class="subnav" id="subnav-4014"><ul><li><a href="/service/faqs/" title="Häufig gestellte Fragen (FAQs) (ALT+F)"  accesskey="F">FAQs</a></li><li><a href="/service/oeffnungszeiten/" title="Öffnungszeiten der SLUB-Standorte (ALT+G)"  accesskey="G">Öffnungszeiten</a></li><li><a href="/service/nutzer-der-slub-werden/" title="Anmelden (ALT+T)"  accesskey="T">Nutzer der SLUB werden</a></li><li><a href="/service/bestellen-ausleihen/" title="Bestellen und Ausleihen">Bestellen / Ausleihen</a></li><li><a href="/service/verlaengern-zurueckgeben/" title="Verlängern und Zurückgeben">Verlängern / Zurückgeben</a></li><li><a href="/service/veranstaltungen/" title="Veranstaltungen">Veranstaltungen</a></li><li><a href="/service/arbeitsplaetze-arbeitsraeume/makerspace/" title="Makerspace (ALT+M)"  accesskey="M">Makerspace</a></li><li><a href="/service/leihgaben-fuer-ausstellungen/" title="Leihgaben für Ausstellungen">Leihgaben für Ausstellungen</a></li><li><a href="/service/wissensbar/" title="Wissensbar - Service mit Gesicht">Wissensbar</a></li><li><a href="/service/informieren-fragen/" title="Informieren und Fragen">Informieren / Fragen</a></li><li><a href="/service/lernen-forschen/" title="Lernen und Forschen">Lernen / Forschen</a></li><li><a href="/service/schreiben-publizieren/" title="Schreiben und Publizieren">Schreiben / Publizieren</a></li><li><a href="/service/slub-textlab/" title="SLUB TextLab (ALT+X)"  accesskey="X">SLUB TextLab</a></li><li><a href="/service/open-science-service/" title="Open-Science-Service">Open-Science-Service</a></li><li><a href="/service/kopieren-scannen-drucken/" title="Kopieren, Scannen und Drucken">Kopieren / Scannen / Drucken</a></li><li><a href="/service/arbeitsplaetze-arbeitsraeume/" title="Arbeitsplätze und Arbeitsräume">Arbeitsplätze / Arbeitsräume</a></li><li><a href="/service/pflichtmedien-abliefern/" title="Pflichtexemplare nach SächsPresseG">Pflichtmedien abliefern</a></li><li><a href="/service/gebuehren-entgelte/" title="Gebühren und Entgelte">Gebühren / Entgelte</a></li><li><a href="/service/benutzungsordnung/" title="Haus- und Benutzungsordnung der SLUB">Benutzungsordnung</a></li></ul></div></li><li class="has-submenu active" aria-haspopup="true" aria-expanded="false" ><a href="/sammlungen/" title="Unsere Sammlungen">Sammlungen</a><button type="button" class="submenutriangle" data-toggle="collapse" data-target="#subnav-4015" aria-haspopup="true" aria-controls="subnav-4015"><span class="visually-hidden">Untermenü öffnen</span></button><div class="subnav" id="subnav-4015"><ul><li class="active"><a href="/sammlungen/digitale-sammlungen/kollektionen/" title="Digitale Sammlungen">Digitale Sammlungen</a></li><li><a href="/sammlungen/landesdigitalisierungsprogramm/" title="Landesdigitalisierungsprogramm">Landesdigitalisierungsprogramm</a></li><li><a href="/sammlungen/deutsche-fotothek/" title="Deutsche Fotothek">Deutsche Fotothek</a></li><li><a href="/sammlungen/av-medien-mediathek/" title="Mediathek">AV-Medien / Mediathek</a></li><li><a href="/sammlungen/saxonica/" title="Saxonica">Saxonica</a></li><li><a href="/sammlungen/kunst-fotografie-design/" title="Kunst, Fotografie, Design">Kunst, Fotografie, Design</a></li><li><a href="/sammlungen/technikgeschichte/" title="Technikgeschichte">Technikgeschichte</a></li><li><a href="/sammlungen/musik/" title="Musik">Musik</a></li><li><a href="/sammlungen/handschriften/" title="Handschriften">Handschriften</a></li><li><a href="/sammlungen/nachlaesse/" title="Nachlässe">Nachlässe</a></li><li><a href="/sammlungen/karten/" title="Karten">Karten</a></li><li><a href="/sammlungen/seltene-und-wertvolle-drucke/" title="Seltene und wertvolle Drucke">Seltene und wertvolle Drucke</a></li><li><a href="/sammlungen/sonstige-spezialbestaende/" title="Sonstige Spezialbestände">Sonstige Spezialbestände</a></li></ul></div></li><li class="has-submenu" aria-haspopup="true" aria-expanded="false"><a href="/ueber-uns/" title="Unser Profil">Über uns</a><button type="button" class="submenutriangle" data-toggle="collapse" data-target="#subnav-4093" aria-haspopup="true" aria-controls="subnav-4093"><span class="visually-hidden">Untermenü öffnen</span></button><div class="subnav" id="subnav-4093"><ul><li><a href="/ueber-uns/" title="Unser Profil">Unser Profil</a></li><li><a href="/ueber-uns/organisation/" title="Organisation">Organisation</a></li><li><a href="/ueber-uns/kennzahlen/" title="Kennzahlen">Kennzahlen</a></li><li><a href="/ueber-uns/ansprechpartner/" title="Ansprechpartner">Ansprechpartner</a></li><li><a href="/ueber-uns/organisation/karriere-und-ausbildung/" title="Stellenangebote">Stellenangebote</a></li><li><a href="/ueber-uns/ehrenamt/" title="Ehrenamt">Ehrenamt</a></li><li><a href="/ueber-uns/kooperationen/" title="Kooperationen">Kooperationen</a></li><li><a href="/ueber-uns/projekte/" title="Projekte (ALT+J)"  accesskey="J">Projekte</a></li><li><a href="/ueber-uns/buchmuseum/" title="Buchmuseum">Buchmuseum</a></li><li><a href="/ueber-uns/foerderer-sponsoren/" title="Förderer und Sponsoren">Förderer / Sponsoren</a></li><li><a href="/ueber-uns/publikationen/" title="Publikationen">Publikationen</a></li><li><a href="/ueber-uns/presse/" title="Presse">Presse</a></li><li><a href="/ueber-uns/standorte/" title="Standorte">Standorte</a></li><li><a href="/ueber-uns/ddz/" title="Dresdner Digitalisierungszentrum (DDZ)">Digitalisierungszentrum</a></li><li><a href="http://slubarchiv.slub-dresden.de.typo3testing.slub-dresden.de/" title="SLUBArchiv">SLUBArchiv</a></li><li><a href="/ueber-uns/bestandserhaltung/" title="Landesstelle für Bestandserhaltung">Bestandserhaltung</a></li></ul></div></li><li><a href="http://blog.slub-dresden.de.typo3testing.slub-dresden.de/" title="SLUBlog">SLUBlog</a></li></ul>
+                </div>
+            </nav>
+        </div>
+    </div>
+    <div class="meta-nav">
+        <div class="centring">
+
+        </div>
+    </div>
+
+
+    <div class="search-wrapper" role="search">
+
+        <div class="form-background"></div>
+
+
+        <div class="search-modifier" role="tablist">
+            <div class="centring">
+                <h2 class="visually-hidden">Wählen Sie die Art der Suche</h2>
+                <div>
+                    <button role="tab" aria-selected="true" aria-controls="catalog-search" data-target-scope="catalog-search" title="Einfache Suche einblenden">Einfach<span class="search-modifier-long">e Suche</span></button>
+                    <button role="tab" aria-selected="false" aria-controls="extended-search" data-target-scope="extended-search" title="Erweiterte Suche einblenden">Erweitert<span class="search-modifier-long">e Suche</span></button>
+                    <button role="tab" aria-selected="false" aria-controls="website-search" data-target-scope="website-search" title="Website-Suche einblenden">Website<span class="search-modifier-long">-Suche</span></button>
+                </div>
+            </div>
+        </div>
+
+
+        <div id="website-search" class="form-wrapper" role="tabpanel">
+            <div class="centring">
+                <h3 class="visually-hidden">Website<span class="search-modifier-long">-Suche</span></h3>
+                <form id="searchFormWebsite" action="https://www.slub-dresden.de/suche/" method="get" accept-charset="utf-8" enctype="multipart/form-data" class="slub-searchform searchForm">
+                    <input type="text" aria-label="Webseitensuche" id="website-search-field"  class="website-search-input" name="q" required="required" value="" accesskey="s" placeholder="">
+                    <button class="reset-button" aria-label="Reset Input" type="reset">Eingabe zurücksetzen</button>
+                    <button class="submit-button" value="" type="submit" aria-label="Suchen">Suchen</button>
+                </form>
+            </div>
+        </div>
+
+
+        <div id="extended-search" class="form-wrapper" role="tabpanel">
+            <div class="centring">
+
+                <h3 class="visually-hidden">Erweitert<span class="search-modifier-long">e Suche</span></h3>
+                <form method="get" name="c-form" class="slub-searchform search-extended" id="catalog-extended-search-form" action="https://katalogbeta.slub-dresden.de.typo3testing.slub-dresden.de/">
+                    <div>
+                        <input type="hidden" name="tx_find_find[__referrer][@extension]" value="" />
+                        <input type="hidden" name="tx_find_find[__referrer][@controller]" value="Standard" />
+                        <input type="hidden" name="tx_find_find[__referrer][@action]" value="index" />
+                        <input type="hidden" name="tx_find_find[__referrer][arguments]" value="YTowOnt9582ffc4cb69e335708f7950bc65ee4fbedc2cb79" />
+                        <input type="hidden" name="tx_find_find[__referrer][@request]" value="a:3:{s:10:&quot;@extension&quot;;N;s:11:&quot;@controller&quot;;s:8:&quot;Standard&quot;;s:7:&quot;@action&quot;;s:5:&quot;index&quot;;}1cf38343bb1b864ca39de77623d984c802ded668" />
+                        <input type="hidden" name="tx_find_find[__trustedProperties]" value="a:1:{s:1:&quot;q&quot;;a:4:{s:5:&quot;title&quot;;i:1;s:6:&quot;author&quot;;i:1;s:5:&quot;topic&quot;;i:1;s:7:&quot;imprint&quot;;i:1;}}5c7facc6b31182ca59e8353a330f21588a44ff51" />
+                    </div>
+
+                    <div class="extended-search-fields">
+                        <select id="extended-search-select-0" class="extended-search-select">
+                            <option id="first-author"  class="extended-search-option">Person/Institution</option>
+                            <option id="first-title"  class="extended-search-option" selected>Titel</option>
+                            <option id="first-topic" class="extended-search-option">Schlagwort</option>
+                            <option id="first-barcode" class="extended-search-option">Barcode</option>
+                            <option id="first-ident" class="extended-search-option">ISBN/ISSN/ISMN</option>
+                            <option id="first-rvk_facet" class="extended-search-option">RVK-Notation</option>
+                            <option id="first-signatur" class="extended-search-option">Signatur</option>
+                            <option id="first-imprint" class="extended-search-option">Verlag/Ort</option>
+                            <option id="first-series2" class="extended-search-option">Serie/Reihe</option>
+                        </select>
+
+                        <input aria-label="Suchfeld 1" class="catalog-extended-search-input" id="extended-search-input-0" type="text" name="tx_find_find[q][title]" value="" />
+                        <button class="reset-button" aria-label="Reset Input" type="button">Eingabe zurücksetzen</button>
+                    </div>
+                    <div class="extended-search-fields">
+                        <select id="extended-search-select-1" class="extended-search-select">
+                            <option id="second-author"  class="extended-search-option" selected>Person/Institution</option>
+                            <option id="second-title" class="extended-search-option">Titel</option>
+                            <option id="second-topic" class="extended-search-option">Schlagwort</option>
+                            <option id="second-barcode" class="extended-search-option">Barcode</option>
+                            <option id="second-ident" class="extended-search-option">ISBN/ISSN/ISMN</option>
+                            <option id="second-rvk_facet" class="extended-search-option">RVK-Notation</option>
+                            <option id="second-signatur" class="extended-search-option">Signatur</option>
+                            <option id="second-imprint" class="extended-search-option">Verlag/Ort</option>
+                            <option id="second-series2" class="extended-search-option">Serie/Reihe</option>
+                        </select>
+                        <input aria-label="Suchfeld 2" class="catalog-extended-search-input" id="extended-search-input-1" type="text" name="tx_find_find[q][author]" value="" />
+                        <button class="reset-button" aria-label="Reset Input" type="button">Eingabe zurücksetzen</button>
+                    </div>
+                    <div class="extended-search-fields">
+                        <select id="extended-search-select-2" class="extended-search-select">
+                            <option id="third-author" class="extended-search-option">Person/Institution</option>
+                            <option id="third-title" class="extended-search-option">Titel</option>
+                            <option id="third-topic"  class="extended-search-option" selected>Schlagwort</option>
+                            <option id="third-barcode" class="extended-search-option">Barcode</option>
+                            <option id="third-ident" class="extended-search-option">ISBN/ISSN/ISMN</option>
+                            <option id="third-rvk_facet" class="extended-search-option">RVK-Notation</option>
+                            <option id="third-signatur" class="extended-search-option">Signatur</option>
+                            <option id="third-imprint" class="extended-search-option">Verlag/Ort</option>
+                            <option id="third-series2" class="extended-search-option">Serie/Reihe</option>
+                        </select>
+                        <input aria-label="Suchfeld 3" class="catalog-extended-search-input" id="extended-search-input-2" type="text" name="tx_find_find[q][topic]" value="" />
+                        <button class="reset-button" aria-label="Reset Input" type="button">Eingabe zurücksetzen</button>
+                    </div>
+                    <div class="extended-search-fields">
+                        <select id="extended-search-select-3" class="extended-search-select">
+                            <option id="fourth-author" class="extended-search-option">Person/Institution</option>
+                            <option id="fourth-title" class="extended-search-option">Titel</option>
+                            <option id="fourth-topic" class="extended-search-option">Schlagwort</option>
+                            <option id="fourth-barcode" class="extended-search-option">Barcode</option>
+                            <option id="fourth-ident" class="extended-search-option">ISBN/ISSN/ISMN</option>
+                            <option id="fourth-rvk_facet" class="extended-search-option">RVK-Notation</option>
+                            <option id="fourth-signatur" class="extended-search-option">Signatur</option>
+                            <option id="fourth-imprint"  class="extended-search-option" selected>Verlag/Ort</option>
+                            <option id="fourth-series2" class="extended-search-option">Serie/Reihe</option>
+                        </select>
+                        <input aria-label="Suchfeld 4" class="catalog-extended-search-input" id="extended-search-input-3" type="text" name="tx_find_find[q][imprint]" value="" />
+                        <button class="reset-button" aria-label="Reset Input" type="button">Eingabe zurücksetzen</button>
+                    </div>
+                    <div class="submit-buttons">
+                        <button type="submit" class="extended-search-submit">Jetzt suchen</button>
+                        <button type="reset" class="extended-search-reset">Eingabe zurücksetzen</button>
+                    </div>
+                </form>
+                <ul class="search-additionals">
+                    <li><a href="https://www.slub-dresden.de/recherche/hilfe-zum-beta-katalog/hilfe-suchtipps/" title="Hilfe zum Katalog">Hilfe<span class="hidden-xs"> zum Katalog</span></a></li>
+                </ul>
+            </div>
+        </div>
+
+
+        <div id="catalog-search" class="form-wrapper active" role="tabpanel">
+            <div class="centring">
+                <h3 class="visually-hidden">Einfach<span class="search-modifier-long">e Suche</span></h3>
+                <form method="get" name="c-form" class="slub-searchform search-basic" id="catalog-search-form" action="https://katalogbeta.slub-dresden.de.typo3testing.slub-dresden.de/">
+                    <div>
+                        <input type="hidden" name="tx_find_find[__referrer][@extension]" value="" />
+                        <input type="hidden" name="tx_find_find[__referrer][@controller]" value="Standard" />
+                        <input type="hidden" name="tx_find_find[__referrer][@action]" value="index" />
+                        <input type="hidden" name="tx_find_find[__referrer][arguments]" value="YTowOnt9582ffc4cb69e335708f7950bc65ee4fbedc2cb79" />
+                        <input type="hidden" name="tx_find_find[__referrer][@request]" value="a:3:{s:10:&quot;@extension&quot;;N;s:11:&quot;@controller&quot;;s:8:&quot;Standard&quot;;s:7:&quot;@action&quot;;s:5:&quot;index&quot;;}1cf38343bb1b864ca39de77623d984c802ded668" />
+                        <input type="hidden" name="tx_find_find[__trustedProperties]" value="a:1:{s:1:&quot;q&quot;;a:1:{s:7:&quot;default&quot;;i:1;}}d442a27f9ebe6ae7faee39b309aab0d047ad11ed" />
+                    </div>
+
+
+
+                    <div id="search-in-field">
+                        <div id="search-in-field-selector">
+                            <h4 class="visually-hidden" id='search-in-field-button-header'>Nur in Feld suchen:</h4>
+                            <button type="button" id="search-in-field-value" aria-labelledby="search-in-field-button-header search-in-field-value" aria-haspopup="listbox" aria-expanded="false">Alles</button>
+                        </div>
+
+                    </div>
+
+                    <h4 class="visually-hidden" id='showSearchHistory-header'>Suchhistorie anzeigen</h4>
+                    <button id="showSearchHistory" aria-labelledby="showSearchHistory-header showSearchHistory" type="button" aria-haspopup="listbox" aria-expanded="false">
+                        Suchhistorie anzeigen</button>
+
+                    <label for="main-search-input" class="visually-hidden">Geben Sie Ihren Suchbegriff hier ein</label>
+                    <input class="catalog-search-input" id="main-search-input" type="text" name="tx_find_find[q][default]" value="" />
+                    <button class="reset-button" aria-label="Reset Input" type="reset">Eingabe zurücksetzen</button>
+                    <button class="submit-button" value="" type="submit" aria-label="Suchen">Suchen</button>
+                </form>
+                <ul class="search-additionals">
+                    <li><a href="https://www.slub-dresden.de/recherche/hilfe-zum-beta-katalog/hilfe-suchtipps/" title="Hilfe zum Katalog">Hilfe<span class="hidden-xs"> zum Katalog</span></a></li>
+                </ul>
+            </div>
+        </div>
+
+
+
+        <div class="centring key-functions">
+            <ul>
+                <li>
+                    <a class="ask-us" title="Kontakt" href="/kontakt/">Kontakt</a>
+                </li>
+                <li>
+
+                    <a class="account" title="Mein Konto" href="https://www.slub-dresden.de/Shibboleth.sso/Login?target=https%3A%2F%2Fwww.slub-dresden.de%2Fkatalog%2Fmein-konto%2F%3F">Mein Konto</a>
+
+                </li>
+                <li>
+
+                    <a class="login" title="Anmelden" href="https://www.slub-dresden.de/Shibboleth.sso/Login?target=http%3A%2F%2Fdev.slub-dresden.de%2Fstartseite%2F%3Ftype%3D1536245292%26redirect%3Dhttp%3A%2F%2Fdev.slub-dresden.de%2Fsammlungen%2Fdigitale-sammlungen%2Flistenansicht%2F">Anmelden</a>
+
+                </li>
+            </ul>
+        </div>
+    </div>
+
+
+    <div class="centring search-dropdowns">
+        <div class="search-in-field-dropdown">
+            <h4 id='search-in-field-header'>Nur in Feld suchen:</h4>
+            <ul id="search-in-field-recreated-list" aria-labelledby="search-in-field-header" role="listbox" aria-activedescendant="default">
+                <li  tabindex="0" role="option" id="default" class="search-in-field-option"> Alles</li>
+                <li  tabindex="0" role="option" id="author" class="search-in-field-option"> Person/Institution</li>
+                <li  tabindex="0" role="option" id="title" class="search-in-field-option"> Titel</li>
+                <li  tabindex="0" role="option" id="topic" class="search-in-field-option"> Schlagwort</li>
+                <li  tabindex="0" role="option" id="barcode" class="search-in-field-option"> Barcode</li>
+                <li  tabindex="0" role="option" id="ident" class="search-in-field-option"> ISBN/ISSN/ISMN</li>
+                <li  tabindex="0" role="option" id="rvk_facet" class="search-in-field-option"> RVK-Notation</li>
+                <li  tabindex="0" role="option" id="signatur" class="search-in-field-option"> Signatur</li>
+                <li  tabindex="0" role="option" id="imprint" class="search-in-field-option"> Verlag/Ort</li>
+                <li  tabindex="0" role="option" id="series2" class="search-in-field-option"> Serie/Reihe</li>
+            </ul>
+        </div>
+
+        <div class="search-history-dropdown">
+            <h4 >Zuletzt gesuchte Begriffe:</h4>
+            <ul id="search-history-options" aria-labelledby="search-in-field-header" role="listbox"> </ul>
+        </div>
+
+    </div>
+
+    <script>
+        /*
+        	The inner for-loop will run mostly once,
+        	so the need for a ViewHelper is small at this point.
+        	If there are multiple values per key the output will be
+        	pretty redundant though.
+        */
+        var searchQuery = {};
+
+    </script>
+
+
+
+
+
+
+    <div id="content" class="content">
+        <div class="centring">
+            <div id="leftcol" role="main">
+                <div id="mobile-nav">
+                    <div class="dropdown">
+                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
+                            <span id="mobile-nav-icon"></span>
+                            <span id="mobile-nav-title">Listenansicht</span>
+                        </button>
+                        <ul class="dropdown-menu"></ul>
+                    </div>
+                </div>
+                <h3 class="visually-hidden">Sie sind hier</h3>
+                <ol class="rootline">
+                    <li><a href="#">SLUB Dresden</a></li>
+                    <li><a href="#">Sammlungen</a></li>
+                    <li><a href="#">Digitale Sammlungen</a></li>
+                    <li>Listenansicht</li>
+                </ol>
+
+                <!--TYPO3SEARCH_begin-->
+
+                <h2>Listenansicht</h2>
+
+                <div id="c15206" class="csc-default">
+                    <div class="tx-dlf-listview">
+                        <h2>Suche nach "dresdner hefte"</h2>
+
+                        <p class="tx-dlf-search-numHits">Die Suche ergab 102 Treffer in 77 Dokumenten.</p>
+                        <p class="tx-dlf-sortinfo">Einträge 1 bis 25 von 77.</p>
+                        <form action="/index.php?id=5364" method="get">
+                            <div>
+                                <input type="hidden" name="id" value="5364"><label for="tx-dlf-listview-5e58d607c0021">Sortieren nach: </label><select id="tx-dlf-listview-5e58d607c0021" name="tx_dlf[order]" onchange="javascript:this.form.submit();">
+                                <option value="score" selected="selected">Relevanz</option>
+                                <option value="title">Titel</option>
+                                <option value="author">Autor</option>
+                                <option value="shelfmark">Signatur</option>
+                                <option value="volume">Bandzählung</option>
+                                <option value="serial">Reihe</option>
+                            </select><label for="tx-dlf-listview-5e58d607c008e">Richtung: </label><select id="tx-dlf-listview-5e58d607c008e" name="tx_dlf[asc]" onchange="javascript:this.form.submit();">
+                                <option value="1" selected="selected">aufsteigend</option>
+                                <option value="0">absteigend</option>
+                            </select></div>
+                        </form>
+                        <p class="tx-dlf-pagebrowser">&lt; - 1 -
+                            <a href="#">2</a> -
+                            <a href="#">3</a> -
+                            <a href="#">4</a> -
+                            <a href="#">&gt;</a></p>
+                        <ol class="tx-dlf-abstracts">
+
+                            <li value="1">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Der Dresdner Neumarkt" src="https://digital.slub-dresden.de/data/kitodo/dresne_351371451/dresne_351371451_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Der Dresdner Neumarkt</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1995</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1995,4 = 44</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="2">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Der Dresdner Maiaufstand von 1849" src="https://digital.slub-dresden.de/data/kitodo/dresmavo1_351321039/dresmavo1_351321039_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Der Dresdner Maiaufstand von 1849</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1995</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1995,3 = 43</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="3">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Dresden in der Napoleonzeit" src="https://digital.slub-dresden.de/data/kitodo/dresinden_351372644/dresinden_351372644_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Dresden in der Napoleonzeit</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1994</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1994,1 = 37</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="4">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Das Dresdner Schloß - Geschichte und Wiederaufbau" src="https://digital.slub-dresden.de/data/kitodo/dresscg_351372881/dresscg_351372881_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Das Dresdner Schloß - Geschichte und Wiederaufbau</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1994</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1994,2 = 38</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="5">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="[Dresdner Kultur im letzten Drittel des 18. Jahrhunderts]" src="https://digital.slub-dresden.de/data/kitodo/dreskuiml_351324453_0001/dreskuiml_351324453_0001_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">[Dresdner Kultur im letzten Drittel des 18. Jahrhunderts]</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1988</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 7481-6.1988,6</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Band</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1988,6</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 16</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="6">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Zwischen Integration und Vernichtung" src="https://digital.slub-dresden.de/data/kitodo/zwisinunv_351391916/zwisinunv_351391916_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Zwischen Integration und Vernichtung</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1996</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 7481-14.1996</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1996,1</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 45</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                                <div class="tx-dlf-morevolumes">Details einblenden</div>
+                                <div class="tx-dlf-hidevolumes">Details ausblenden</div>
+                                <ol class="tx-dlf-volume">
+
+                                    <li>
+                                        <div class="tx-dlf-listview-thumbnail">
+                                            <img alt="Für ein gemeinsames Erinnern - Gespräch der Dresdner Hefte mit Heiz-Joachim Aris, Geschäftsführer der jüdischen Gemeinde Dresden" src="https://digital.slub-dresden.de/data/kitodo/zwisinunv_351391916/zwisinunv_351391916_tif/jpegs/00000093.tif.thumbnail.jpg">
+                                        </div>
+                                        <dl>
+                                            <dt class="tx-dlf-title">Titel</dt>
+                                            <dd class="tx-dlf-title"><a href="#">Für ein gemeinsames Erinnern - Gespräch der Dresdner Hefte mit Heiz-Joachim Aris, Geschäftsführer der jüdischen Gemeinde Dresden</a></dd>
+                                            <dt class="tx-dlf-type">Strukturtyp</dt>
+                                            <dd class="tx-dlf-type">Kapitel</dd>
+                                        </dl>
+                                        <div class="tx-dlf-preview"></div>
+                                        <div class="floatclear"></div>
+                                    </li>
+
+                                </ol>
+
+                            </li>
+
+                            <li value="7">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Wiederaufbau und Dogma" src="https://digital.slub-dresden.de/data/kitodo/wiedundo_359023940/wiedundo_359023940_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Wiederaufbau und Dogma</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1995</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>2009 8 048226</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1991,4 = 28</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="8">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Zur Festkultur des Dresdner Hofes" src="https://digital.slub-dresden.de/data/kitodo/zurfeded_351356525/zurfeded_351356525_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Zur Festkultur des Dresdner Hofes</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1990</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>0890 80327 001</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1990,1</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 21</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="9">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="[Dresdner Kultur im letzten Drittel des 18. Jahrhunderts]" src="https://digital.slub-dresden.de/data/kitodo/dreskuiml_351326405_0002/dreskuiml_351326405_0002_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">[Dresdner Kultur im letzten Drittel des 18. Jahrhunderts]</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1988</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 7481-6.1988,1</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Band</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1988,7</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 17</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="10">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Dresden in der Weltwirtschaftskrise" src="https://digital.slub-dresden.de/data/kitodo/dresindew_351373152/dresindew_351373152_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Dresden in der Weltwirtschaftskrise</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1994</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1994,3 = 39</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="11">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Expressionismus in Dresden im ersten Viertel unseres Jahrhunderts" src="https://digital.slub-dresden.de/data/kitodo/exprindri_351323619/exprindri_351323619_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Expressionismus in Dresden im ersten Viertel unseres Jahrhunderts</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1988</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 7481-6.1988,1</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1988,1</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 14</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="12">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Heinrich Schütz" src="https://digital.slub-dresden.de/data/kitodo/heinsc_358657318/heinsc_358657318_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Heinrich Schütz</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1985</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y.8.4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1985,4</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 7</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="13">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Ehrenfried Walther von Tschirnhaus" src="https://digital.slub-dresden.de/data/kitodo/ehrewavot_351299300/ehrewavot_351299300_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Ehrenfried Walther von Tschirnhaus</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1983</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>1885 00124 001</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1983,4</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; [2]</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="14">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Johann Gottlob von Quandt und die kulturelle Emanzipation des Dresdner Bürgertums zwischen 1815 und 1849" src="https://digital.slub-dresden.de/data/kitodo/johagovoq_358669413/johagovoq_358669413_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Johann Gottlob von Quandt und die kulturelle Emanzipation des Dresdner Bürgertums zwischen 1815 und 1849</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1987</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1987,5</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 13</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="15">
+                                <div class="tx-dlf-listview-thumbnail"></div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Dresdner Kultur im letzten Drittel des 18. Jahrhunderts</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Mehrbändiges Werk</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="16">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Die Moritzburger Kulturlandschaft" src="https://digital.slub-dresden.de/data/kitodo/moriku_35137129X/moriku_35137129X_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Die Moritzburger Kulturlandschaft</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1995</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1995,2 = 42</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="17">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Grosses Ostragehege/Friedrichstadt" src="https://digital.slub-dresden.de/data/kitodo/groos_351392602/groos_351392602_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Grosses Ostragehege/Friedrichstadt</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1996</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 7481-14.1996 angeb.2</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1996,3 = 47</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="18">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Neunzehntes Jahrhundert" src="https://digital.slub-dresden.de/data/kitodo/neunja_358655595_0002/neunja_358655595_0002_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Neunzehntes Jahrhundert</a></dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1985</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y.8.4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Band</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1985,3</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 6</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="19">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Neunzehntes Jahrhundert" src="https://digital.slub-dresden.de/data/kitodo/neunja_358576229_0001/neunja_358576229_0001_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Neunzehntes Jahrhundert</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1983</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Band</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1983,3</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; [1]</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="20">
+                                <div class="tx-dlf-listview-thumbnail"></div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Neunzehntes Jahrhundert</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Mehrbändiges Werk</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="21">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Dem Mute aller Sachsen anvertraut" src="https://digital.slub-dresden.de/data/kitodo/mutealsaa_35137583X/mutealsaa_35137583X_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Dem Mute aller Sachsen anvertraut</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1991</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>2007 8 007577</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1991,2</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 26</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="22">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Polen und Sachsen" src="https://digital.slub-dresden.de/data/kitodo/poleunsa_351371664/poleunsa_351371664_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Polen und Sachsen</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1997</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 7481-15.1997,2</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1997,2 = 50</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="23">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Reformdruck und Reformgesinnung" src="https://digital.slub-dresden.de/data/kitodo/refounre_351372253/refounre_351372253_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Reformdruck und Reformgesinnung</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1993</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1993,4 = 36</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="24">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Zur Kunstentwicklung in Dresden im zweiten Drittel des 18. Jahrhunderts" src="https://digital.slub-dresden.de/data/kitodo/zurkuind_358667844/zurkuind_358667844_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Zur Kunstentwicklung in Dresden im zweiten Drittel des 18. Jahrhunderts</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1987</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y. 8. 4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1987,1</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 11</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                            <li value="25">
+                                <div class="tx-dlf-listview-thumbnail">
+                                    <img alt="Wirken und Wirkung - zur Kunstentwicklung im Dresden der 50er Jahre" src="https://digital.slub-dresden.de/data/kitodo/wirkunwi_358666961/wirkunwi_358666961_tif/jpegs/00000001.tif.thumbnail.jpg">
+                                </div>
+                                <dl>
+                                    <dt class="tx-dlf-title">Titel</dt>
+                                    <dd class="tx-dlf-title"><a href="#">Wirken und Wirkung - zur Kunstentwicklung im Dresden der 50er Jahre</a></dd>
+                                    <dt>Erscheinungsort</dt>
+                                    <dd>Dresden</dd>
+                                    <dt>Erscheinungsdatum</dt>
+                                    <dd>1986</dd>
+                                    <dt>Signatur</dt>
+                                    <dd>Y.8.4533</dd>
+                                    <dt>Lizenz-/Rechtehinweis</dt>
+                                    <dd>Urheberrechtsschutz 1.0</dd>
+                                    <dt>Nutzungshinweis</dt>
+                                    <dd>Freier Zugang - Rechte vorbehalten 1.0</dd>
+                                    <dt class="tx-dlf-type">Strukturtyp</dt>
+                                    <dd class="tx-dlf-type">Monographie</dd>
+                                    <dt>Reihe</dt>
+                                    <dd>Dresdner Hefte ; 1986,5</dd>
+                                    <dd>Beiträge zur Kulturgeschichte ; 10</dd>
+                                </dl>
+                                <div class="tx-dlf-listview-preview"></div>
+                                <div class="floatclear"></div>
+
+                            </li>
+
+                        </ol>
+                        <p class="tx-dlf-pagebrowser">&lt; - 1 -
+                            <a href="#">2</a> -
+                            <a href="#">3</a> -
+                            <a href="#">4</a> -
+                            <a href="#">&gt;</a></p>
+                    </div>
+                </div>
+            </div>
+            <div id="rightcol" role="complementary">
+                <div class="box rightnav" role="navigation" aria-labelledby="rightnav-heading"><h3 id="rightnav-heading">
+                    <a href="#">Digitale Sammlungen</a></h3>
+                    <ul>
+                        <li><a href="#">Kollektionen</a></li>
+                    </ul>
+                </div>
+                <div id="c17659" class="csc-default"><h3 class="csc-firstHeader">Detailsuche in den Kollektionen</h3>
+                    <div class="tx-dlf-search">
+                        <form action="/index.php?id=5364" method="post" enctype="multipart/form-data">
+                            <label for="tx-dlf-search-query">dresdner hefte</label>
+                            <input type="text" id="tx-dlf-search-query" name="tx_dlf[query]" value="dresdner hefte" placeholder="dresdner hefte">
+
+                            <!-- The following element is needed for auto-completion! -->
+                            <div id="tx-dlf-search-suggest"></div>
+                            <input class="tx-dlf-search-fulltext" id="tx-dlf-search-fulltext-no" type="radio" name="tx_dlf[fulltext]" value="0" checked="checked">
+                            <label for="tx-dlf-search-fulltext-no">in Metadaten</label>
+                            <input class="tx-dlf-search-fulltext" id="tx-dlf-search-fulltext-yes" type="radio" name="tx_dlf[fulltext]" value="1">
+                            <label for="tx-dlf-search-fulltext-yes">im Volltext</label>
+
+
+                            <input type="hidden" name="tx_dlf[encrypted]" value="je/mjA4XgoU="><input type="hidden" name="tx_dlf[hashed]" value="c5d6112ece244ce45c87">
+                            <input type="submit" id="tx-dlf-sendbtn" value="Suchen">
+
+                        </form>
+                        <div class="tx-dlf-searchglas"></div>
+                        <div class="tx-dlf-search-facets">
+                            <ul>
+                                <li class="tx-dlf-search-no tx-dlf-search-ifsub">Autor
+                                    <ul>
+                                        <li class="tx-dlf-search-cur">
+                                            <a href="#">Auswahl entfernen (Menzhausen, Joachim)</a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="tx-dlf-search-no tx-dlf-search-ifsub">Erscheinungsort
+                                    <ul>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Dresden&nbsp;(8829)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">[Dresden]&nbsp;(1300)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Leipzig&nbsp;(763)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Berlin&nbsp;(283)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">[S.l.]&nbsp;(242)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Paris&nbsp;(209)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Stuttgart&nbsp;(187)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">[Plauen bei Dresden]&nbsp;(124)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Dresden-A.&nbsp;(114)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Nürnberg&nbsp;(111)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Dresden-N.&nbsp;(98)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Lipsiae&nbsp;(68)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Francofurti&nbsp;(63)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Franckfurt&nbsp;(53)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Franckfurt am Mayn&nbsp;(48)</a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="tx-dlf-search-no tx-dlf-search-ifsub">Erscheinungsdatum
+                                    <ul>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">18XX&nbsp;(185)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">1910&nbsp;(141)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">1900&nbsp;(104)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">1896&nbsp;(96)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">1897&nbsp;(86)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">1869&nbsp;(82)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">1868&nbsp;(81)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">1899&nbsp;(81)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">1892&nbsp;(80)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">1895&nbsp;(78)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">1888&nbsp;(77)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">1893&nbsp;(76)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">1894&nbsp;(75)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">1889&nbsp;(71)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">1864&nbsp;(69)</a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="tx-dlf-search-no tx-dlf-search-ifsub">Ort
+                                    <ul>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">&nbsp;(4818)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Dresden&nbsp;(4802)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Dresden, Kulturpalast&nbsp;(55)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Kulturpalast Dresden&nbsp;(52)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Niederpoyritz&nbsp;(35)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Gohlis &lt;Dresden&gt;&nbsp;(30)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Dresden-Blasewitz&nbsp;(24)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Mügeln&nbsp;(22)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Reichenberg&nbsp;(20)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Leuben &lt;Dresden&gt;&nbsp;(18)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Lausa&nbsp;(15)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Moritzburg &lt;Dresden&gt;&nbsp;(15)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Briesnitz &lt;Dresden&gt;&nbsp;(14)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Dresden, Ballhaus Watzke&nbsp;(14)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">ICC Dresden&nbsp;(12)</a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="tx-dlf-search-no tx-dlf-search-ifsub">Sammlungen
+                                    <ul>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">LDP: Zeitungen&nbsp;(23261)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Saxonica&nbsp;(17657)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">LDP: Bestände der Philharmonie Dresden&nbsp;(6829)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Sächsische Adressbücher&nbsp;(4922)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Projekt: Dresdner Adressbücher&nbsp;(4881)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">LDP: Bestände des Stadtarchivs Dresden&nbsp;(3485)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">LDP: SLUB&nbsp;(2629)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Technikgeschichte&nbsp;(2331)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Musik&nbsp;(2110)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Vergriffene Werke&nbsp;(2050)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Drucke des 18. Jahrhunderts&nbsp;(2049)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Projekt: Verzeichnis der im deutschen Sprachraum&nbsp;...&nbsp;(1753)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Drucke des 17. Jahrhunderts&nbsp;(1506)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Quellen zur Technikgeschichte 16./17. Jh.&nbsp;(1457)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">LDP: Historischer Bestand der Bibliothek der HfBK&nbsp;...&nbsp;(822)</a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="tx-dlf-search-no tx-dlf-search-ifsub">Digitalisat
+                                    <ul>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">SLUB Dresden&nbsp;(58221)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Sächsische Landesbibliothek - Staats- und&nbsp;...&nbsp;(55)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Stadtarchiv Dresden&nbsp;(18)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Staatl. Kunstsammlungen Dresden, Kunstbibliothek&nbsp;(4)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Dresdner Geschichtsverein e.V.&nbsp;(1)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">SLUB Dresden&nbsp;(1)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Staatl. Kunstsammlungen Dresden,&nbsp;...&nbsp;(1)</a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="tx-dlf-search-no tx-dlf-search-ifsub">Strukturtyp
+                                    <ul>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Ausgabe&nbsp;(33545)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Monographie&nbsp;(10390)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Sonstiges&nbsp;(4993)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Band&nbsp;(2241)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Abbildung&nbsp;(1276)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Kapitel&nbsp;(1208)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Zeitschrift&nbsp;(970)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Artikel&nbsp;(810)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Mehrbändiges Werk&nbsp;(522)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Zeitschriftenteil&nbsp;(496)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Unterbestand&nbsp;(409)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Wasserzeichen&nbsp;(362)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Handschrift&nbsp;(301)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Jahr&nbsp;(212)</a>
+                                        </li>
+                                        <li class="tx-dlf-search-no">
+                                            <a href="#">Brief&nbsp;(178)</a>
+                                        </li>
+                                    </ul>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <div id="c19944" class="csc-default">
+                    <div class="text"><h3>Ansprechpartnerin</h3>
+                        <p>Geschäftsstelle Digitale Bibliothek<br><strong>Simone Georgi</strong><br>Tel.: +49 351 4677-170<br>E-Mail.:
+                            <a href="mailto:digital@slub-dresden.de">digital@slub-dresden.de </a></p></div>
+                </div>
+                <div id="c19945" class="csc-default">
+                    <div class="text"><h3>Hinweis</h3>
+                        <p>Bitte beachten Sie die
+                            <a href="#">Nutzungsbestimmungen</a> für die Digitalen Sammlungen der SLUB einschließlich der Bilddatenbank.
+                        </p></div>
+                </div>
+                <!-- TYPO3SEARCH_end -->
+                <div id="sharing-buttons" role="group" aria-haspopup="true" aria-expanded="false">
+                    <button class="sharing-open"><span class="visually-hidden">Die Internetseite der SLUB Dresden</span>Teilen
+                    </button>
+                    <div class="sharing-list">
+                        <ul>
+                            <li class="sharing-item mail">
+                                <a href="mailto:%20?subject=Geteilter%20Link%20von%20SLUB%20Dresden%20-%20Listenansicht&amp;body=http://sdvt3adlogin.slub-dresden.de/index.php?id=5364">E-Mail</a>
+                            </li>
+                            <li class="sharing-item facebook">
+                                <a href="https://www.facebook.com/sharer.php?u=http://sdvt3adlogin.slub-dresden.de/index.php?id=5364" onclick="window.open(this.href, 'mywin', 'left=100,top=100,width=650,height=480,toolbar=no,resizeable=yes'); return false;">Facebook</a>
+                            </li>
+                            <li class="sharing-item twitter">
+                                <a href="https://twitter.com/intent/tweet?url=http://sdvt3adlogin.slub-dresden.de/index.php?id=5364&amp;text=Listenansicht" onclick="window.open(this.href, 'mywin', 'left=100,top=100,width=650,height=480,toolbar=no,resizeable=yes'); return false;">Twitter</a>
+                            </li>
+                            <li class="sharing-item googleplus">
+                                <a href="https://plus.google.com/share?url=http://sdvt3adlogin.slub-dresden.de/index.php?id=5364" onclick="window.open(this.href, 'mywin', 'left=100,top=100,width=650,height=480,toolbar=no,resizeable=yes'); return false;">Google+</a>
+                            </li>
+                        </ul>
+                        <button class="sharing-close"><span class="visually-hidden">Menu schließen</span></button>
+                    </div>
+                </div>
+            </div>
+            <div class="floatclear"></div>
+        </div>
+    </div>
+
+
+
+
+
+    <footer>
+        <div class="centring">
+            <div class="footer-links">
+                <h3 class="visually-hidden">Service Links</h3>
+                <a class="jsToTop" href="#top" title="totop">nach oben</a>
+                <ul><li><a href="/impressum/" title="Impressum">Impressum</a></li><li><a href="/datenschutzerklaerung/" title="Datenschutzerklärung">Datenschutzerklärung</a></li><li><a href="/kontakt/" title="Kontakt">Kontaktformular</a></li><li><a href="http://tu-dresden.de" title="Technische Universität Dresden">TU Dresden</a></li><li><a href="/anfahrt/" title="Anfahrt">Anfahrt</a></li><li><a href="/ueber-uns/organisation/karriere-und-ausbildung/" title="Karriere und Ausbildung">Karriere und Ausbildung</a></li></ul>
+            </div>
+            <div class="social-media-links">
+                <a class="instagram" href="https://www.instagram.com/slub_dresden">Instagram</a>
+                <a class="twitter" href="https://twitter.com/slubdresden">Twitter</a>
+                <a class="facebook" href="https://www.facebook.com/SLUBdresden/">Facebook</a>
+                <a class="youtube" href="https://www.youtube.com/user/SLUBDresden">YouTube</a>
+
+            </div>
+            <p class="footer-copy">&copy; 2019, Sächsische Landesbibliothek — <span class="should-break"></span>Staats- und Universitätsbibliothek Dresden (SLUB)</p>
+        </div>
+    </footer>
+
+
+</div>
+
+<script src="/typo3conf/ext/dlf/Resources/Public/Javascript/jquery-ui-mouse-slider-resizable-autocomplete.js?1568632627" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/modernizr.min.js?1547052904" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/jquery-migrate-1.2.1.min.js?1461255410" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/jquery-ui.min.js?1510926792" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/jquery.tooltip.pack.js?1461255410" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/jquery.fancybox.min.js?1565180949" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/sliders.js?1548262830" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/jquery.hp.basic.js?1551108103" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/searchbar.js?1549644734" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/touchSwipe.min.js?1547052904" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/custom-bootstrap.js?1461255410" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/sharingbuttons.js?1549644734" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/accessibility-main-navigation.js?1549992502" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/accessibility-category-trees.js?1549644734" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/accessibility-forms.js?1549644734" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/focus.js?1549644734" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/list.min.js?1533653512" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/moment.min.js?1547052904" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/daterangepicker.js?1547052903" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_template/Resources/Public/Js/slubevents.js?1547052904" type="text/javascript"></script>
+<script src="/typo3conf/ext/slub_news_extend/Resources/Public/Js/NewsExtend.js?1517039493" type="text/javascript"></script>
+
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Static/workview-empty.html b/Static/workview-empty.html
new file mode 100644
index 00000000..c5c80ed3
--- /dev/null
+++ b/Static/workview-empty.html
@@ -0,0 +1,377 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="utf-8">
+    <!--
+        This website is powered by TYPO3 - inspiring people to share!
+        TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
+        TYPO3 is copyright 1998-2017 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
+        Information and contribution at http://typo3.org/
+    -->
+    <title>SLUB Dresden: [Gebrauchsgraphik]</title>
+    <meta name="generator" content="TYPO3 CMS">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="Some meta robot entries">
+    <meta name="description" content="Some fallback meta description here">
+    <meta name="keywords" content="Some fallback meta kewords here">
+
+    <link rel="shortcut icon" type="image/png" href="/typo3conf/ext/slub_digitalcollections/ext_icon.png">
+
+    <!-- [TJ:] Disable Website CSS and bring new Viewer style -->
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_digitalcollections/Resources/Public/Css/Digitalcollections.css" media="all">
+    <script src="//code.jquery.com/jquery-2.2.4.min.js" type="text/javascript" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
+    <link type="text/css" rel="stylesheet" href="/typo3conf/ext/dlf/lib/OpenLayers/ol3.css">
+
+    <!-- [TJ:] Brings the licensed SLUB webfonts to the game  -->
+    <link type="text/css" rel="stylesheet" href="/typo3conf/ext/slub_template/Resources/Public/Css/fonts.css">
+
+</head>
+<body>
+<div class="main-wrapper">
+    <div class="control-bar">
+        <div class="header-bar">
+            <div class="brand">
+                <a title="SLUB Dresden – Digitale Sammlungen" href="#"><span class="logo-replacement">SLUB Dresden</span> Digitale Sammlungen</a>
+            </div>
+            <nav>
+                <ul class="secondary-nav">
+                    <li><a href="#" title="" class="send-help">Hilfe einblenden</a></li>
+                    <li><a href="#" title="">Kontakt</a></li>
+                    <li><a href="#" title="">Impressum</a></li>
+                    <li><a href="#" title="">Datenschutz</a></li>
+                    <li><a href="#" title="">SLUB Homepage</a></li>
+                </ul>
+                <ul class="language-nav">
+                    <li class="active"><a href="#" hreflang="de-DE" data-iso-label="DE">DE</a></li>
+                    <li class="text-muted"><span data-iso-label="EN">EN</span></li>
+                </ul>
+                <button type="button" class="nav-toggle">
+                    <span class="nav-label">Open Navigation</span>
+                    <span class="nav-button-bar"></span>
+                    <span class="nav-button-bar"></span>
+                    <span class="nav-button-bar"></span>
+                </button>
+            </nav>
+        </div>
+        <div class="ctrldata-container">
+            <div class="metadata-wrapper">
+                <div class="tx-dlf-metadata">
+                    <h1>[Gebrauchsgraphik]</h1>
+                    <dl class="tx-dlf-metadata-titledata">
+                        <dt>Band-/Heftnummer</dt>
+                        <dd>1.1924,1 = Sonderheft Industrie-Reklame</dd>
+                        <dt>Strukturtyp</dt>
+                        <dd>Band</dd>
+                        <dt>Erscheinungsjahr</dt>
+                        <dd>1924</dd>
+                        <dt class="tx-dlf-metadata-author">Autor</dt>
+                        <dd class="tx-dlf-metadata-author">
+                            <a href="http://d-nb.info/gnd/118519352" title="Carus, Carl Gustav" target="_blank" class="external">Carus, Carl Gustav</a>
+                        </dd>
+                        <dd class="tx-dlf-metadata-author">
+                            <a href="http://d-nb.info/gnd/11861164X" title="Schumann, Clara" target="_blank" class="external">Schumann, Clara</a>
+                        </dd>
+                        <dd class="tx-dlf-metadata-author">
+                            <a href="http://d-nb.info/gnd/118611666" title="Schumann, Robert" target="_blank" class="external">Schumann, Robert</a>
+                        </dd>
+                        <dt>Besitzer der Vorlage</dt>
+                        <dd>Staatliche Kunstsammlungen Dresden, Kunstbibliothek</dd>
+                        <dt>PURL</dt>
+                        <dd>
+                            <a href="http://digital.slub-dresden.de/id397892187-19240010" target="_blank">http://digital.slub-dresden.de/id397892187-19240010</a>
+                        </dd>
+                        <dt>Digitale Sammlung</dt>
+                        <dd>Kunst</dd>
+                        <dd>Gebrauchsgrafik</dd>
+                        <dd>Zeitgenössische Kunst</dd>
+                    </dl>
+                    <dl class="tx-dlf-metadata-titledata">
+                        <dt class="tx-dlf-metadata-title">Titel</dt>
+                        <dd class="tx-dlf-metadata-title">Vier Schutzmarken Entwurf Karl Schulpig</dd>
+                        <dt>Strukturtyp</dt>
+                        <dd>Werbung</dd>
+                        <dt>Arbeitsfeld</dt>
+                        <dd>Firmenzeichen</dd>
+                        <dt>Gestalter</dt>
+                        <dd><strong>Schulpig, Karl</strong></dd>
+                    </dl>
+                    <dl class="tx-dlf-metadata-titledata">
+                        <dt class="tx-dlf-metadata-title">Titel</dt>
+                        <dd class="tx-dlf-metadata-title">Zwei Marken Entwurf E. Charall</dd>
+                        <dt>Strukturtyp</dt>
+                        <dd>Werbung</dd>
+                        <dt>Arbeitsfeld</dt>
+                        <dd>Firmenzeichen</dd>
+                        <dt>Motiv</dt>
+                        <dd>Industrie</dd>
+                        <dt>Gestalter</dt>
+                        <dd><strong>Charall, E.</strong></dd>
+                    </dl>
+                </div>
+                <div class="offcanvas-toggle"></div>
+            </div>
+            <div class="toc-wrapper">
+
+                <div class="tx-dlf-toc tx-dlf-window tx-dlf-leftwin tx-dlf-open">
+                    <div class="tx-dlf-minimize"></div>
+                    <div class="tx-dlf-wincontainer">
+                        <h3 class="tx-dlf-windowhead">Inhaltsverzeichnis<span class="tx-dlf-moveit"></span></h3>
+                        <div class="tx-dlf-wincontent tx-dlf-scrollbar">
+                            <ul class="toc">
+                                <li class="current-sub submenu">
+                                    <a href="/werkansicht/dlf/206481/1/0/cache.off" title="Aus Bucheinbänden abgelöste Pergament- und Papierhandschriften-Fragmente verschiedener Herkunft - Mscr.Dresd.App.2380"><span class="title"><span class="meta-type-icon meta-type-Mehrbändiges Werk">Mehrbändiges Werk</span>Aus Bucheinbänden abgelöste Pergament- und&nbsp;...</span>
+                                        <span class="pagination"></span></a>
+                                    <ul class="toc">
+                                        <li>
+                                            <a href="/werkansicht/dlf/206482/1/0/cache.off" title="Aus dem Buch Genesis - Mscr.Dresd.App.2380,9<8>,Nr.1"><span class="title"><span class="meta-type-icon meta-type-Band">Band</span>Aus dem Buch Genesis - Mscr.Dresd.App.2380,9&lt;8&gt;,Nr.1</span>
+                                                <span class="pagination"></span></a></li>
+                                        <li>
+                                            <a href="/werkansicht/dlf/221067/1/0/cache.off" title="Aus dem Buch Levitikus - Mscr.Dresd.App.2380,9<8>,Nr.2"><span class="title"><span class="meta-type-icon meta-type-Band">Band</span>Aus dem Buch Levitikus - Mscr.Dresd.App.2380,9&lt;8&gt;,Nr.2</span>
+                                                <span class="pagination"></span></a></li>
+                                    </ul>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="offcanvas-toggle"></div>
+            </div>
+        </div>
+    </div><!--TYPO3SEARCH_begin-->
+    <div class="document-view">
+        <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_pageview' -->
+        <div class="tx-dlf-pageview">
+
+        </div><!-- END: Content of extension 'dlf', plugin 'tx_dlf_pageview' -->
+
+        <div class="fulltext-container">
+
+            <div class="tx-dlf-toolsFulltextsearch">
+                <div class="fulltext-search-toggle"></div>
+
+                <form class="tx-dlf-search-form" id="tx-dlf-search-in-document-form" action="http://sdvt3adlogin.slub-dresden.de/index.php?id=5363" method="post" enctype="multipart/form-data">
+                    <div>
+                        <label for="tx-dlf-search-query">Suchen nach:</label>
+                        <!-- Never change the @id of this input field! Otherwise search won't work! -->
+                        <input type="text" id="tx-dlf-search-in-document-query" placeholder="Im Dokument suchen" name="tx_dlf[query]" value="">
+                        <input type="submit" value="Suchen" onclick="resetStart();">
+                        <input type="hidden" name="tx_dlf[start]" value="0">
+                        <input type="hidden" name="tx_dlf[id]" value="130965">
+                        <input type="hidden" name="tx_dlf[encrypted]" value="je/mjA4XgoU=">
+                        <input type="hidden" name="tx_dlf[hash]" value="2ddd79792037bbf52bca">
+                    </div>
+                </form>
+                <div id="tx-dlf-search-in-document-loading" style="display: none;">...</div>
+                <div id="tx-dlf-search-in-document-clearing">Suche löschen...</div>
+                <div id="tx-dlf-search-in-document-results"></div>
+                <div id="tx-dlf-search-in-document-labels" style="display:none;">
+                    <span id="tx-dlf-search-in-document-label-next">weiter</span>
+                    <span id="tx-dlf-search-in-document-label-previous">zurück</span>
+                    <span id="tx-dlf-search-in-document-label-page">Seite</span>
+                </div>
+
+            </div>
+
+        </div>
+
+        <div class="document-functions">
+            <div class="provider">
+                <dl class="mobile-meta">
+                    <dt class="tx-dlf-title">Titel</dt>
+                    <dd class="tx-dlf-title"><a href="#">[Gebrauchsgraphik]</a></dd>
+                    <dt>Autor</dt>
+                </dl>
+            </div>
+            <ul>
+                <li class="submenu links">
+                    <a href="#" title="Links">Links</a>
+                    <ul>
+                        <li class="permalink">
+                            <a class="local-presentation" title="Permalink Dokument" target="_blank" href="#">
+                                <span class="perma-label">Permalink Dokument</span> http://digital.slub-dresden.de/id351371451
+                            </a>
+                        </li>
+                        <li class="permalink">
+                            <a class="local-presentation" title="Permalink Seite" target="_blank" href="#">
+                                <span class="perma-label">Permalink Seite</span> http://digital.slub-dresden.de/id351371451/12
+                            </a>
+                        </li>
+                        <li>
+                            <a class="local-catalog" title="SLUB Katalog" href="#">SLUB Katalog</a>
+                        </li>
+                        <li class="license">
+                            <a class="terms-of-use" title="Nutzungsbestimmungen für die Digitalen Sammlungen" target="_blank" href="#">Nutzungsbestimmungen für die Digitalen Sammlungen</a>
+                        </li>
+                    </ul>
+                </li>
+                <li class="submenu downloads">
+                    <a href="#" title="Downloads">Downloads</a>
+                    <ul>
+                        <li>
+                            <a class="download-document" title="Download whole work" target="_blank" href="http://digital.slub-dresden.de/fileadmin/data/351357262/351357262_tif/jpegs/351357262.pdf">Download whole work</a>
+                        </li>
+                    </ul>
+                </li>
+                <li class="doublepage">
+                    <a class="tx-dlf-navigation-doubleOn" title="Show double pages" href="index.php?id=9101&amp;tx_dlf%5Bpage%5D=&amp;tx_dlf%5Bdouble%5D=1&amp;tx_dlf%5Bid%5D=&amp;tx_dlf%5Bpagegrid%5D=0&amp;cHash=340ed462b59b1f2cb8701771ef9b4402">Show double pages</a>
+                </li>
+                <li class="fulltext">
+                    <a class="select switchoff" id="tx-dlf-tools-fulltext" title="Volltext aus" data-dic="fulltext-on:Volltext an;fulltext-off:Volltext aus">Volltext aus</a>
+                </li>
+                <li class="grid">
+                    <a title="Thumbnail Preview" href="index.php?id=9101&amp;tx_dlf%5Bpage%5D=&amp;tx_dlf%5Bdouble%5D=0&amp;tx_dlf%5Bid%5D=&amp;tx_dlf%5Bpagegrid%5D=1&amp;cHash=9d899cbea2ad6b40710b99a4d1f8404c">Thumbnail Preview</a>
+                </li>
+            </ul>
+        </div>
+        <div class="view-functions">
+            <ul>
+                <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+
+                <!-- [TJ:] wrapping .tx-dlf-navigation should be removed -->
+                <!-- <div class="tx-dlf-navigation"> -->
+                <li class="pages">
+                    <form action="http://test.sachsendigital.de/index.php?id=9101" method="get">
+                        <div>
+                            <input type="hidden" name="id" value="9101"/><input type="hidden" name="tx_dlf[id]" value="http://digital.slub-dresden.de/fileadmin/data/351357262/aufdesun_351357262_mets.xml"/>
+                            <label for="tx-dlf-navigation-59a27a32f0e07">Page</label>
+                            <select id="tx-dlf-navigation-59a27a32f0e07" name="tx_dlf[page]" onchange="javascript:this.form.submit();">
+                                <option value="1" selected="selected">[1] - -</option>
+                                <option value="2">[2] - -</option>
+                                <option value="3">[3] - 1</option>
+                                <option value="4">[4] - 2</option>
+                                <option value="5">[5] - 3</option>
+                                <option value="6">[6] - 4</option>
+                                <option value="7">[7] - 5</option>
+                                <option value="8">[8] - 6</option>
+                                <option value="9">[9] - 7</option>
+                                <option value="10">[10] - 8</option>
+                                <option value="11">[11] - 9</option>
+                                <option value="12">[12] - 10</option>
+                                <option value="13">[13] - 11</option>
+                                <option value="14">[14] - 12</option>
+                                <option value="15">[15] - 13</option>
+                                <option value="16">[16] - 14</option>
+                                <option value="17">[17] - 15</option>
+                                <option value="18">[18] - 16</option>
+                                <option value="19">[19] - 17</option>
+                                <option value="20">[20] - 18</option>
+                                <option value="21">[21] - 19</option>
+                                <option value="22">[22] - 20</option>
+                                <option value="23">[23] - 21</option>
+                                <option value="24">[24] - 22</option>
+                                <option value="25">[25] - 23</option>
+                                <option value="26">[26] - 24</option>
+                                <option value="27">[27] - 25</option>
+                                <option value="28">[28] - 26</option>
+                                <option value="29">[29] - 27</option>
+                                <option value="30">[30] - 28</option>
+                                <option value="31">[31] - 29</option>
+                                <option value="32">[32] - 30</option>
+                                <option value="33">[33] - 31</option>
+                                <option value="34">[34] - 32</option>
+                                <option value="35">[35] - 33</option>
+                                <option value="36">[36] - 34</option>
+                                <option value="37">[37] - 35</option>
+                                <option value="38">[38] - 36</option>
+                                <option value="39">[39] - 37</option>
+                                <option value="40">[40] - 38</option>
+                                <option value="41">[41] - 39</option>
+                                <option value="42">[42] - 40</option>
+                                <option value="43">[43] - 41</option>
+                                <option value="44">[44] - 42</option>
+                                <option value="45">[45] - 43</option>
+                                <option value="46">[46] - 44</option>
+                                <option value="47">[47] - 45</option>
+                                <option value="48">[48] - 46</option>
+                                <option value="49">[49] - 47</option>
+                                <option value="50">[50] - 48</option>
+                                <option value="51">[51] - 49</option>
+                                <option value="52">[52] - 50</option>
+                                <option value="53">[53] - 51</option>
+                                <option value="54">[54] - 52</option>
+                                <option value="55">[55] - 53</option>
+                                <option value="56">[56] - 54</option>
+                                <option value="57">[57] - 55</option>
+                                <option value="58">[58] - 56</option>
+                                <option value="59">[59] - 57</option>
+                                <option value="60">[60] - 58</option>
+                                <option value="61">[61] - 59</option>
+                                <option value="62">[62] - 60</option>
+                                <option value="63">[63] - 61</option>
+                                <option value="64">[64] - 62</option>
+                                <option value="65">[65] - 63</option>
+                                <option value="66">[66] - 64</option>
+                                <option value="67">[67] - 65</option>
+                                <option value="68">[68] - 66</option>
+                                <option value="69">[69] - 67</option>
+                                <option value="70">[70] - 68</option>
+                                <option value="71">[71] - 69</option>
+                                <option value="72">[72] - 70</option>
+                                <option value="73">[73] - 71</option>
+                                <option value="74">[74] - 72</option>
+                                <option value="75">[75] - 73</option>
+                                <option value="76">[76] - 74</option>
+                                <option value="77">[77] - 75</option>
+                                <option value="78">[78] - 76</option>
+                                <option value="79">[79] - -</option>
+                                <option value="80">[80] - -</option>
+                            </select>
+                        </div>
+                    </form>
+                </li>
+                <li class="rotate">
+                    <a class="rotate-left" title="Rotate Left" onclick="tx_dlf_viewer.map.rotateLeft()">Rotate Left</a>
+                    <a class="rotate-right" title="Rotate Right" onclick="tx_dlf_viewer.map.rotateRight()">Rotate Right</a>
+                    <a class="upend" title="Reset Rotation" onclick="tx_dlf_viewer.map.resetRotation()">Reset Rotation</a>
+                </li>
+                <li class="zoom">
+                    <a class="in" title="Zoom In" onclick="tx_dlf_viewer.map.zoomIn();">Zoom In</a>
+                    <a class="out" title="Zoom Out" onclick="tx_dlf_viewer.map.zoomOut();">Zoom Out</a>
+                    <a class="fullscreen" title="Fullscreen Mode">Fullscreen Mode</a>
+                </li>
+                <!-- END: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+                <li class="tx-dlf-toolsImagemanipulation">
+                    <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_toolbox' -->
+
+                    <!-- [TJ:] Remove multiple DIVs. Inside this LI element there should be only the SPAN elements -->
+                    <!-- <div class="tx-dlf-toolbox"> -->
+
+                    <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_toolsImagemanipulation' -->
+                    <!-- <div class="tx-dlf-toolsImagemanipulation"> -->
+                    <span>
+                                        <span class="tx-dlf-tools-imagetools" id="tx-dlf-tools-imagetools" data-dic="imagemanipulation-on:Activate image manipulation;imagemanipulation-off:Deactivate image manipulation;reset:Reset;saturation:Saturation;hue:Hue;contrast:Contrast;brightness:Brightness;invert:Color inverting" title="Image manipulation is not supported"></span>
+                                    </span>
+                    <!-- </div> -->
+                    <!-- END: Content of extension 'dlf', plugin 'tx_dlf_toolsImagemanipulation' -->
+                    <!-- </div> -->
+                    <!-- END: Content of extension 'dlf', plugin 'tx_dlf_toolbox' -->
+                </li>
+            </ul>
+            <div class="tx-dlf-toolbox"></div>
+        </div>
+        <div class="page-control">
+            <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+
+            <!-- [TJ:] wrapping .tx-dlf-navigation should be removed -->
+            <!-- <div class="tx-dlf-navigation"> -->
+            <div class="backs">
+                <span class="first"><span>First Page</span></span> <span class="rwnd"><span>Back 10 Pages</span></span>
+                <span class="prev"><span>Previous Page</span></span>
+            </div>
+            <div class="fwds">
+                <span class="next"><a href="index.php?id=9101&amp;tx_dlf%5Bid%5D=http%3A%2F%2Fdigital.slub-dresden.de%2Ffileadmin%2Fdata%2F351357262%2Faufdesun_351357262_mets.xml&amp;tx_dlf%5Bpage%5D=2&amp;tx_dlf%5Bdouble%5D=0&amp;cHash=fe2c78fba91b4272765b52fbb813ba7e" title="Next Page">Next Page</a></span>
+                <span class="fwd"><a href="index.php?id=9101&amp;tx_dlf%5Bid%5D=http%3A%2F%2Fdigital.slub-dresden.de%2Ffileadmin%2Fdata%2F351357262%2Faufdesun_351357262_mets.xml&amp;tx_dlf%5Bpage%5D=11&amp;tx_dlf%5Bdouble%5D=0&amp;cHash=9cc30cf273636cb8b4813b91f3525b4c" title="Forward 10 Pages">Forward 10 Pages</a></span>
+                <span class="last"><a href="index.php?id=9101&amp;tx_dlf%5Bid%5D=http%3A%2F%2Fdigital.slub-dresden.de%2Ffileadmin%2Fdata%2F351357262%2Faufdesun_351357262_mets.xml&amp;tx_dlf%5Bpage%5D=80&amp;tx_dlf%5Bdouble%5D=0&amp;cHash=f69e43235328a5ac846d992756195b0e" title="Last Page">Last Page</a></span>
+            </div>
+            <!-- </div> -->
+            <!-- END: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+        </div>
+    </div><!--TYPO3SEARCH_end-->
+</div>
+
+<!-- [TJ:] Insert new Viewer Javascript -->
+<script src="/typo3conf/ext/slub_digitalcollections/Resources/Public/Javascript/DigitalcollectionsScripts.js" type="text/javascript"></script>
+
+</body>
+</html>
diff --git a/Static/workview-fulltext.html b/Static/workview-fulltext.html
new file mode 100644
index 00000000..89fc1ef1
--- /dev/null
+++ b/Static/workview-fulltext.html
@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <!--
+        This website is powered by TYPO3 - inspiring people to share!
+        TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
+        TYPO3 is copyright 1998-2017 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
+        Information and contribution at http://typo3.org/
+    -->
+    <title>SLUB Dresden: [Gebrauchsgraphik]</title>
+    <meta name="generator" content="TYPO3 CMS">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="Some meta robot entries">
+    <meta name="description" content="Some fallback meta description here">
+    <meta name="keywords" content="Some fallback meta kewords here">
+
+    <link rel="shortcut icon" type="image/png" href="/typo3conf/ext/slub_digitalcollections/ext_icon.png">
+
+    <!-- [TJ:] Disable Website CSS and bring new Viewer style -->
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_digitalcollections/Resources/Public/Css/Digitalcollections.css" media="all">
+    <script src="//code.jquery.com/jquery-2.2.4.min.js" type="text/javascript" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
+    <link type="text/css" rel="stylesheet" href="/typo3conf/ext/dlf/lib/OpenLayers/ol3.css">
+
+    <!-- [TJ:] Brings the licensed SLUB webfonts to the game  -->
+    <link type="text/css" rel="stylesheet" href="/typo3conf/ext/slub_template/Resources/Public/Css/fonts.css">
+
+</head>
+<body class="fulltext-visible">
+    <div class="main-wrapper">
+        <div class="control-bar">
+            <div class="header-bar">
+                <div class="brand"><a title="SLUB Dresden – Digitale Sammlungen" href="#"><span class="logo-replacement">SLUB Dresden</span> Digitale Sammlungen</a></div>
+                <nav>
+                    <ul class="secondary-nav">
+                        <li><a href="#" title="" class="send-help">Hilfe einblenden</a></li>
+                        <li><a href="#" title="">Kontakt</a></li>
+                        <li><a href="#" title="">Impressum</a></li>
+                        <li><a href="#" title="">Datenschutz</a></li>
+                        <li><a href="#" title="">SLUB Homepage</a></li>
+                    </ul>
+                    <ul class="language-nav">
+                        <li class="active"><a href="#" hreflang="de-DE" data-iso-label="DE">DE</a></li>
+                        <li class="text-muted"><span data-iso-label="EN">EN</span></li>
+                    </ul>
+                    <button type="button" class="nav-toggle">
+                        <span class="nav-label">Open Navigation</span>
+                        <span class="nav-button-bar"></span>
+                        <span class="nav-button-bar"></span>
+                        <span class="nav-button-bar"></span>
+                    </button>
+                </nav>
+            </div>
+            <div class="ctrldata-container">
+                <div class="metadata-wrapper">
+                    <div class="tx-dlf-metadata">
+                        <h1>[Gebrauchsgraphik]</h1>
+                        <dl class="tx-dlf-metadata-titledata">
+                            <dt>Band-/Heftnummer</dt><dd>1.1924,1 = Sonderheft Industrie-Reklame</dd><dt>Strukturtyp</dt><dd>Band</dd><dt>Erscheinungsjahr</dt><dd>1924</dd><dt>Besitzer der Vorlage</dt><dd>Staatliche Kunstsammlungen Dresden, Kunstbibliothek</dd><dt>PURL</dt><dd><a href="http://digital.slub-dresden.de/id397892187-19240010" target="_blank">http://digital.slub-dresden.de/id397892187-19240010</a></dd><dt>Digitale Sammlung</dt><dd>Kunst</dd><dd>Gebrauchsgrafik</dd><dd>Zeitgenössische Kunst</dd>
+                        </dl>
+                        <dl class="tx-dlf-metadata-titledata">
+                            <dt class="tx-dlf-metadata-title">Titel</dt><dd class="tx-dlf-metadata-title">Vier Schutzmarken Entwurf Karl Schulpig</dd><dt>Strukturtyp</dt><dd>Werbung</dd><dt>Arbeitsfeld</dt><dd>Firmenzeichen</dd><dt>Gestalter</dt><dd><strong>Schulpig, Karl</strong></dd>
+                        </dl>
+                        <dl class="tx-dlf-metadata-titledata">
+                            <dt class="tx-dlf-metadata-title">Titel</dt><dd class="tx-dlf-metadata-title">Zwei Marken Entwurf E. Charall</dd><dt>Strukturtyp</dt><dd>Werbung</dd><dt>Arbeitsfeld</dt><dd>Firmenzeichen</dd><dt>Motiv</dt><dd>Industrie</dd><dt>Gestalter</dt><dd><strong>Charall, E.</strong></dd>
+                        </dl>
+                    </div>
+                    <div class="offcanvas-toggle"></div>
+                </div>
+                <div class="toc-wrapper">
+                    <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_toc' -->
+                    <div class="tx-dlf-toc">
+                        <ul class="toc">
+                            <li class="current submenu">
+                                <ul>
+                                    <li class="submenu"><a href="#" title="Frontcover"><span class="title"><span class="meta-type-icon meta-type-Frontcover">Frontcover</span>  </span> <span class="pagination">-</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Für die Werbearbeit der Industrie </span> <span class="pagination">-</span></a></li>
+                                    <li><a href="#" title="Titelseite"><span class="title"><span class="meta-type-icon meta-type-Titelseite">Titelseite</span>  </span> <span class="pagination">-</span></a></li>
+                                    <li><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Vorwort </span> <span class="pagination">3</span></a></li>
+                                    <li><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Schwerindustrie und Gebrauchsgraphik </span> <span class="pagination">3</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Walter Nehmer </span> <span class="pagination">4</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Franz Peffer </span> <span class="pagination">11</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Suum cuique - Jedem das Seine </span> <span class="pagination">17</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Lichtbild oder Zeichnung? </span> <span class="pagination">23</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Adolf Dunkel </span> <span class="pagination">25</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Bildreklame für die Maschinenindustrie </span> <span class="pagination">27</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Imprägnierte Leitungsmasten </span> <span class="pagination">-</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Maschinen der Maschinenbau AG Tigler </span> <span class="pagination">-</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Muffenrohre und Flaschenrohre der Mannesmannröhrenwerke&nbsp;... </span> <span class="pagination">-</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Anzeigen C.H. Juchho Dortmund </span> <span class="pagination">-</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Otto Franz Kutscher Bad-Nauheim </span> <span class="pagination">33</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Gehard Marggraff </span> <span class="pagination">39</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Erwin Reusch </span> <span class="pagination">45</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Entwürfe von Prof. Max Körner </span> <span class="pagination">50</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Markenentwürfe für eine Farbenfabrik </span> <span class="pagination">51</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Markenentwürfe für Bauhütte und Kraftbau </span> <span class="pagination">51</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Entwürfe von Fritz Ahlers </span> <span class="pagination">52</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Messereklame und Schutzmarken Entwürfe von Prof. H.K. Frenzel </span> <span class="pagination">54</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Markenentwürfe von Karl Bültmann </span> <span class="pagination">55</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Entwürfe Vier Industrie-Prospekte </span> <span class="pagination">56</span></a></li>
+                                    <li class="current"><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Vier Schutzmarken Entwurf Karl Schulpig </span> <span class="pagination">57</span></a></li>
+                                    <li class="current"><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Zwei Marken Entwurf E. Charall </span> <span class="pagination">57</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Werbemittel des Hommel-Konzerns </span> <span class="pagination">58</span></a></li>
+                                    <li class="submenu"><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Werbemittel der Osram GmbH KG </span> <span class="pagination">65</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Werbemittel der Firma Orenstein & Koppel AG </span> <span class="pagination">69</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Inserate Entwürfe Dampf- und Rangierkran und Selbstentlader </span> <span class="pagination">-</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> O. & K.-Selbstentlader </span> <span class="pagination">-</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Werbemittel der Siemens-Schuckert Werke </span> <span class="pagination">73</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Was sollen wir von den Amerikanern lernen? </span> <span class="pagination">81</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Der Werbefilm </span> <span class="pagination">90</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Filmpropaganda als Ausdrucksform </span> <span class="pagination">92</span></a></li>
+                                    <li><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Rechtsberatung Erlaubter Nachdruck </span> <span class="pagination">95</span></a></li>
+                                    <li><a href="#" title="Abbildung"><span class="title"><span class="meta-type-icon meta-type-Abbildung">Abbildung</span> Illustration aus der Jubiläums-Festschrift Meier & Weichelt </span> <span class="pagination">-</span></a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div><!-- END: Content of extension 'dlf', plugin 'tx_dlf_toc' -->
+                    <div class="offcanvas-toggle"></div>
+                </div>
+            </div>
+        </div><!--TYPO3SEARCH_begin-->
+        <div class="document-view">
+            <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_pageview' -->
+            <div class="tx-dlf-pageview">
+
+                <!-- [TJ:] Add new logo bar element as a future replacement of the grey bar inside the images -->
+                <ul class="tx-dlf-logobar">
+                        <li><img src="data/slublogo.jpg" alt="Logo SLUB"></li>
+                        <li><img src="data/unierfurtlogo.png" alt="Logo Uni Erfurt"></li>
+                        <li><img src="data/dfglogo.svg" alt="Logo DFG"></li>
+                </ul>
+
+                <div id="tx-dlf-map" class="tx-dlf-map"></div>
+                <script type="text/javascript" src="/typo3conf/ext/dlf/lib/OpenLayers/glif.min.js"></script>
+                <script type="text/javascript" src="/typo3conf/ext/dlf/lib/OpenLayers/ol3-dlf.js"></script>
+                <script type="text/javascript" src="/typo3conf/ext/dlf/plugins/pageview/tx_dlf_utils.js"></script>
+                <script type="text/javascript" src="/typo3conf/ext/dlf/plugins/pageview/tx_dlf_ol3.js"></script>
+                <script type="text/javascript" src="/typo3conf/ext/dlf/plugins/pageview/tx_dlf_ol3_styles.js"></script>
+                <script type="text/javascript" src="/typo3conf/ext/dlf/plugins/pageview/tx_dlf_ol3_source.js"></script>
+                <script type="text/javascript" src="/typo3conf/ext/dlf/plugins/pageview/tx_dlf_altoparser.js"></script>
+                <script type="text/javascript" src="/typo3conf/ext/dlf/plugins/pageview/tx_dlf_pageview_imagemanipulation_control.js"></script>
+                <script type="text/javascript" src="/typo3conf/ext/dlf/plugins/pageview/tx_dlf_pageview_fulltext_control.js"></script>
+                <script type="text/javascript" src="/typo3conf/ext/dlf/plugins/pageview/tx_dlf_pageview.js"></script>
+                <script id="tx-dlf-pageview-initViewer" type="text/javascript">
+                    window.onload = function() {
+                        if (dlfUtils.exists(dlfViewer)) {
+                            tx_dlf_viewer = new dlfViewer({
+                                controls: [""],
+                                div: "tx-dlf-map",
+                                images: [{"url":"https:\/\/digital.slub-dresden.de\/data\/kitodo\/gebr_397892187-19240010\/gebr_397892187-19240010_tif\/jpegs\/00000069.tif.large.jpg","mimetype":"image\/jpeg"}],
+                                fulltexts: [{"url":"\/werkansicht\/?eID=tx_dlf_geturl_eid&url=https%3A%2F%2Fdigital.slub-dresden.de%2Fdata%2Fkitodo%2Fgebr_397892187-19240010%2Fgebr_397892187-19240010_ocr%2F00000069.xml","mimetype":"text\/xml"}],
+                                useInternalProxy: 0
+                            })
+                        }
+                    }
+                </script>
+            </div><!-- END: Content of extension 'dlf', plugin 'tx_dlf_pageview' -->
+
+                <div class="fulltext-container">
+
+                    <div id="tx-dlf-fulltextselection" class="fulltext-visible"><span class="textline" id="1112_40_287_386"><span class="string" id="68_28_287_386">aber</span><span class="sp" id="29_0_356_396"> </span><span class="string" id="49_28_386_387">mit</span><span class="sp" id="27_0_436_389"> </span><span class="string" id="163_27_464_396">sorgsamer</span><span class="sp" id="20_0_628_389"> </span><span class="string" id="90_29_649_389">Liebe</span><span class="sp" id="28_0_740_399"> </span><span class="string" id="120_27_769_399">erzogen</span><span class="sp" id="28_0_890_400"> </span><span class="string" id="130_35_919_391">worden,</span><span class="sp" id="28_0_1050_392"> </span><span class="string" id="44_29_1079_392">bis</span><span class="sp" id="22_0_1124_401"> </span><span class="string" id="33_19_1147_402">zu</span><span class="sp" id="21_0_1181_394"> </span><span class="string" id="90_28_1203_394">ihrem</span><span class="sp" id="22_0_1294_395"> </span><span class="string" id="82_28_1317_395">Tode</span></span><span class="textline" id="1113_36_286_437"><span class="string" id="95_28_286_437">haben</span><span class="sp" id="29_0_382_446"> </span><span class="string" id="39_27_412_438">sie</span><span class="sp" id="32_0_452_438"> </span><span class="string" id="55_28_485_438">den</span><span class="sp" id="29_0_541_439"> </span><span class="string" id="102_28_571_439">Eltern</span><span class="sp" id="26_0_674_441"> </span><span class="string" id="52_27_701_441">das</span><span class="sp" id="28_0_754_443"> </span><span class="string" id="124_26_783_443">treueste</span><span class="sp" id="28_0_908_450"> </span><span class="string" id="58_27_937_442">und</span><span class="sp" id="29_0_996_442"> </span><span class="string" id="178_30_1026_443">dankbarste</span><span class="sp" id="27_0_1205_445"> </span><span class="string" id="166_28_1233_445">Andenken</span></span><span class="textline highlight" id="1113_44_286_487"><span class="string" id="138_28_286_487">bewahrt.</span><span class="sp" id="37_0_425_488"> </span><span class="string" id="59_27_463_488">Der</span><span class="sp" id="21_0_523_497"> </span><span class="string" id="116_35_545_489">geniale</span><span class="sp" id="15_0_662_490"> </span><span class="string" id="88_29_678_490">Vater</span><span class="sp" id="20_0_767_499"> </span><span class="string" id="77_28_788_491">starb</span><span class="sp" id="25_0_866_491"> </span><span class="string" id="77_27_892_492">1839</span><span class="sp" id="22_0_970_492"> </span><span class="string" id="38_27_993_493">im</span><span class="sp" id="14_0_1032_493"> </span><span class="string" id="86_28_1047_493">Alter</span><span class="sp" id="20_0_1134_503"> </span><span class="string" id="58_19_1155_503">von</span><span class="sp" id="14_0_1214_495"> </span><span class="string" id="38_27_1229_495">57</span><span class="sp" id="15_0_1268_496"> </span><span class="string" id="115_36_1284_495">Jahren,</span></span><span class="textline" id="640_41_287_537"><span class="string" id="46_28_287_537">die</span><span class="sp" id="21_0_334_538"> </span><span class="string" id="104_28_356_538">Mutter</span><span class="sp" id="25_0_461_539"> </span><span class="string" id="78_28_487_539">1866</span><span class="sp" id="22_0_566_540"> </span><span class="string" id="38_27_589_540">im</span><span class="sp" id="22_0_628_541"> </span><span class="string" id="48_28_651_541">82.</span><span class="sp" id="21_0_700_541"> </span><span class="string" id="205_37_722_541">Lebensjahre.</span></span><span class="textline" id="1029_45_370_606"><span class="string" id="95_28_370_606">Bruno</span><span class="sp" id="22_0_466_615"> </span><span class="string" id="59_19_489_616">war</span><span class="sp" id="13_0_549_615"> </span><span class="string" id="90_29_563_607">schon</span><span class="sp" id="14_0_654_617"> </span><span class="string" id="76_28_669_609">nach</span><span class="sp" id="17_0_746_609"> </span><span class="string" id="43_38_764_609">l'/</span><span class="string" id="12_19_809_627">2</span><span class="string" id="144_36_827_610">jährigem</span><span class="sp" id="14_0_972_611"> </span><span class="string" id="131_28_987_611">Besuche</span><span class="sp" id="15_0_1119_612"> </span><span class="string" id="50_29_1135_612">des</span><span class="sp" id="16_0_1186_614"> </span><span class="string" id="196_37_1203_614">Altenburger</span></span><span class="textline" id="1113_45_286_656"><span class="string" id="200_36_286_656">Gymnasiums</span><span class="sp" id="31_0_487_658"> </span><span class="string" id="30_28_519_658">in</span><span class="sp" id="32_0_550_658"> </span><span class="string" id="46_29_583_658">die</span><span class="sp" id="26_0_630_660"> </span><span class="string" id="206_37_657_660">Hofapotheke</span><span class="sp" id="32_0_864_661"> </span><span class="string" id="49_28_897_661">des</span><span class="sp" id="32_0_947_662"> </span><span class="string" id="95_28_980_662">Herrn</span><span class="sp" id="26_0_1076_663"> </span><span class="string" id="86_28_1103_663">Stöhr</span><span class="sp" id="32_0_1190_673"> </span><span class="string" id="176_36_1223_665">eingetreten</span></span><span class="textline" id="881_41_285_707"><span class="string" id="60_28_285_707">und</span><span class="sp" id="20_0_346_707"> </span><span class="string" id="132_29_367_708">verblieb</span><span class="sp" id="23_0_500_709"> </span><span class="string" id="65_29_524_709">dort</span><span class="sp" id="20_0_590_710"> </span><span class="string" id="20_27_611_710">4</span><span class="sp" id="20_0_632_710"> </span><span class="string" id="70_28_653_711">Jahr</span><span class="sp" id="20_0_724_712"> </span><span class="string" id="78_36_745_712">lang,</span><span class="sp" id="21_0_824_721"> </span><span class="string" id="106_28_846_713">zuletzt</span><span class="sp" id="20_0_953_714"> </span><span class="string" id="45_28_974_713">als</span><span class="sp" id="22_0_1020_713"> </span><span class="string" id="123_29_1043_713">Gehilfe.</span></span><span class="textline" id="981_35_416_777"><span class="string" id="103_35_416_777">„Diese</span><span class="sp" id="22_0_520_787"> </span><span class="string" id="204_29_543_778">arbeitsreiche</span><span class="sp" id="15_0_748_781"> </span><span class="string" id="61_28_764_780">Zeit</span><span class="sp" id="20_0_826_780"> </span><span class="string" id="94_29_847_780">führte</span><span class="sp" id="15_0_942_789"> </span><span class="string" id="74_29_958_781">mich</span><span class="sp" id="15_0_1033_781"> </span><span class="string" id="70_29_1049_781">bald</span><span class="sp" id="14_0_1120_782"> </span><span class="string" id="50_19_1135_791">aus</span><span class="sp" id="16_0_1186_782"> </span><span class="string" id="62_29_1203_782">dem</span><span class="sp" id="15_0_1266_784"> </span><span class="string" id="115_29_1282_783">idealen</span></span><span class="textline" id="1071_45_327_818"><span class="string" id="99_29_327_818">Leben</span><span class="sp" id="25_0_427_820"> </span><span class="string" id="28_27_453_820">in</span><span class="sp" id="22_0_482_819"> </span><span class="string" id="51_29_505_819">das</span><span class="sp" id="20_0_557_829"> </span><span class="string" id="168_36_578_821">praktische</span><span class="sp" id="22_0_747_822"> </span><span class="string" id="115_34_770_822">Gebiet,</span><span class="sp" id="29_0_886_823"> </span><span class="string" id="37_28_916_823">da</span><span class="sp" id="21_0_954_824"> </span><span class="string" id="29_27_976_824">in</span><span class="sp" id="22_0_1006_824"> </span><span class="string" id="93_29_1029_824">dieser</span><span class="sp" id="21_0_1123_826"> </span><span class="string" id="149_28_1145_825">lebhaften</span><span class="sp" id="21_0_1295_827"> </span><span class="string" id="67_36_1317_827">Apo</span><span class="hyp" id="NaN_0_NaN_NaN">-</span></span><span class="textline" id="1071_42_328_861"><span class="string" id="88_29_328_861">theke</span><span class="sp" id="27_0_417_871"> </span><span class="string" id="69_26_445_864">stets</span><span class="sp" id="23_0_515_863"> </span><span class="string" id="18_27_539_863">4</span><span class="sp" id="22_0_558_863"> </span><span class="string" id="136_29_581_863">Gehilfen</span><span class="sp" id="21_0_718_873"> </span><span class="string" id="69_29_740_864">oder</span><span class="sp" id="21_0_810_865"> </span><span class="string" id="174_30_832_865">Provisoren</span><span class="sp" id="20_0_1007_869"> </span><span class="string" id="95_37_1028_866">thätig</span><span class="sp" id="20_0_1124_876"> </span><span class="string" id="98_20_1145_876">waren</span><span class="sp" id="20_0_1244_877"> </span><span class="string" id="58_27_1265_869">und</span><span class="sp" id="21_0_1324_869"> </span><span class="string" id="53_27_1346_870">mir</span></span><span class="textline" id="1070_39_327_904"><span class="string" id="43_27_327_905">als</span><span class="sp" id="33_0_371_904"> </span><span class="string" id="62_29_405_904">dem</span><span class="sp" id="30_0_468_914"> </span><span class="string" id="131_35_499_906">einzigen</span><span class="sp" id="30_0_631_906"> </span><span class="string" id="139_37_662_906">Lehrling</span><span class="sp" id="27_0_802_916"> </span><span class="string" id="51_27_830_908">mit</span><span class="sp" id="26_0_882_908"> </span><span class="string" id="64_28_909_908">dem</span><span class="sp" id="28_0_974_910"> </span><span class="string" id="113_28_1003_910">Stösser</span><span class="sp" id="27_0_1117_919"> </span><span class="string" id="163_20_1145_919">zusammen</span><span class="sp" id="28_0_1309_920"> </span><span class="string" id="59_26_1338_913">alle</span></span><span class="textline" id="1070_42_327_947"><span class="string" id="151_36_327_947">niedrigen</span><span class="sp" id="27_0_479_948"> </span><span class="string" id="142_28_507_948">Arbeiten</span><span class="sp" id="31_0_650_958"> </span><span class="string" id="129_29_682_948">zufielen.</span><span class="sp" id="51_0_812_950"> </span><span class="string" id="91_29_864_950">Unter</span><span class="sp" id="26_0_956_951"> </span><span class="string" id="126_37_983_951">Leitung</span><span class="sp" id="27_0_1110_961"> </span><span class="string" id="57_20_1138_961">von</span><span class="sp" id="28_0_1196_962"> </span><span class="string" id="87_33_1225_956">guten</span><span class="sp" id="29_0_1313_954"> </span><span class="string" id="41_28_1343_954">Ge</span><span class="hyp" id="NaN_0_NaN_NaN">-</span></span><span class="textline" id="1070_41_327_989"><span class="string" id="92_28_327_989">hilfen</span><span class="sp" id="20_0_420_990"> </span><span class="string" id="115_35_441_990">begann</span><span class="sp" id="21_0_557_991"> </span><span class="string" id="46_29_579_990">ich</span><span class="sp" id="22_0_626_990"> </span><span class="string" id="51_28_649_991">das</span><span class="sp" id="22_0_701_992"> </span><span class="string" id="128_28_724_992">Studium</span><span class="sp" id="23_0_853_993"> </span><span class="string" id="50_28_877_993">der</span><span class="sp" id="19_0_928_994"> </span><span class="string" id="123_37_948_993">Chemie,</span><span class="sp" id="22_0_1072_1004"> </span><span class="string" id="58_27_1095_995">und</span><span class="sp" id="21_0_1154_995"> </span><span class="string" id="67_28_1176_995">bald</span><span class="sp" id="24_0_1244_995"> </span><span class="string" id="128_30_1269_995">konnten</span></span><span class="textline" id="1070_42_327_1032"><span class="string" id="52_27_327_1032">mir</span><span class="sp" id="30_0_380_1041"> </span><span class="string" id="58_26_411_1033">alle</span><span class="sp" id="28_0_470_1033"> </span><span class="string" id="140_28_499_1033">Arbeiten</span><span class="sp" id="28_0_640_1034"> </span><span class="string" id="37_27_669_1034">im</span><span class="sp" id="27_0_707_1034"> </span><span class="string" id="218_29_735_1034">Laboratorium</span><span class="sp" id="28_0_954_1040"> </span><span class="string" id="174_36_983_1037">übertragen</span><span class="sp" id="28_0_1158_1047"> </span><span class="string" id="130_36_1187_1038">werden,</span><span class="sp" id="32_0_1318_1039"> </span><span class="string" id="46_28_1351_1039">die</span></span><span class="textline" id="1071_45_328_1073"><span class="string" id="47_28_328_1073">ich</span><span class="sp" id="20_0_376_1073"> </span><span class="string" id="205_36_397_1074">gewissenhaft</span><span class="sp" id="13_0_603_1076"> </span><span class="string" id="65_36_617_1076">lege</span><span class="sp" id="15_0_683_1085"> </span><span class="string" id="69_27_699_1077">artis</span><span class="sp" id="15_0_769_1085"> </span><span class="string" id="155_29_785_1077">ausführte.</span><span class="sp" id="37_0_941_1079"> </span><span class="string" id="54_28_979_1079">Die</span><span class="sp" id="14_0_1034_1088"> </span><span class="string" id="144_37_1049_1079">nöthigste</span><span class="sp" id="15_0_1194_1081"> </span><span class="string" id="189_37_1210_1081">Erfrischung</span></span><span class="textline" id="1071_43_326_1115"><span class="string" id="99_29_326_1115">suchte</span><span class="sp" id="29_0_426_1117"> </span><span class="string" id="46_28_456_1116">ich</span><span class="sp" id="29_0_503_1116"> </span><span class="string" id="82_28_533_1118">meist</span><span class="sp" id="29_0_616_1119"> </span><span class="string" id="89_28_646_1118">schon</span><span class="sp" id="30_0_736_1119"> </span><span class="string" id="66_28_767_1119">früh</span><span class="sp" id="28_0_834_1120"> </span><span class="string" id="50_19_863_1129">vor</span><span class="sp" id="21_0_914_1121"> </span><span class="string" id="113_36_936_1121">Beginn</span><span class="sp" id="26_0_1050_1122"> </span><span class="string" id="50_28_1077_1122">des</span><span class="sp" id="21_0_1128_1123"> </span><span class="string" id="105_35_1150_1123">Tages,</span><span class="sp" id="29_0_1256_1133"> </span><span class="string" id="51_28_1286_1123">auf</span><span class="sp" id="18_0_1338_1123"> </span><span class="string" id="40_28_1357_1124">oft</span></span><span class="textline" id="1066_43_329_1158"><span class="string" id="42_28_329_1158">bis</span><span class="sp" id="30_0_372_1162"> </span><span class="string" id="70_28_403_1158">über</span><span class="sp" id="29_0_474_1159"> </span><span class="string" id="45_28_504_1159">die</span><span class="sp" id="23_0_550_1160"> </span><span class="string" id="219_36_574_1160">Landesgrenze</span><span class="sp" id="31_0_794_1171"> </span><span class="string" id="56_19_826_1171">von</span><span class="sp" id="20_0_883_1163"> </span><span class="string" id="167_35_904_1163">Altenburg</span><span class="sp" id="27_0_1072_1173"> </span><span class="string" id="218_36_1100_1165">ausgedehnten</span><span class="sp" id="27_0_1319_1167"> </span><span class="string" id="36_27_1347_1167">bo</span><span class="hyp" id="NaN_0_NaN_NaN">-</span></span><span class="textline" id="1069_38_327_1200"><span class="string" id="150_29_327_1200">tanischen</span><span class="sp" id="21_0_478_1202"> </span><span class="string" id="211_36_500_1202">Excursionen,</span><span class="sp" id="30_0_712_1213"> </span><span class="string" id="55_19_743_1213">von</span><span class="sp" id="29_0_799_1204"> </span><span class="string" id="94_28_829_1204">denen</span><span class="sp" id="27_0_924_1205"> </span><span class="string" id="47_28_952_1205">ich</span><span class="sp" id="21_0_1000_1205"> </span><span class="string" id="90_28_1022_1206">schon</span><span class="sp" id="21_0_1113_1207"> </span><span class="string" id="64_28_1135_1207">früh</span><span class="sp" id="25_0_1200_1207"> </span><span class="string" id="15_26_1226_1208">(1</span><span class="sp" id="24_0_1242_1208"> </span><span class="string" id="61_28_1267_1208">Uhr</span><span class="sp" id="21_0_1329_1208"> </span><span class="string" id="45_28_1351_1208">die</span></span><span class="textline" id="1068_40_328_1244"><span class="string" id="207_33_328_1244">gesammelten</span><span class="sp" id="14_0_536_1245"> </span><span class="string" id="135_28_551_1245">Pflanzen</span><span class="sp" id="22_0_687_1255"> </span><span class="string" id="63_18_710_1255">zum</span><span class="sp" id="14_0_774_1247"> </span><span class="string" id="174_28_789_1247">Bestimmen</span><span class="sp" id="21_0_964_1248"> </span><span class="string" id="100_28_986_1248">herein</span><span class="sp" id="21_0_1087_1249"> </span><span class="string" id="132_35_1109_1249">brachte;</span><span class="sp" id="21_0_1242_1251"> </span><span class="string" id="47_27_1264_1251">icli</span><span class="sp" id="15_0_1312_1250"> </span><span class="string" id="68_28_1328_1250">fand</span></span><span class="textline" id="1070_37_326_1286"><span class="string" id="63_27_326_1286">hier</span><span class="sp" id="28_0_390_1295"> </span><span class="string" id="67_33_419_1288">gute</span><span class="sp" id="29_0_487_1287"> </span><span class="string" id="203_36_517_1287">Gelegenheit,</span><span class="sp" id="29_0_721_1298"> </span><span class="string" id="53_27_751_1289">mir</span><span class="sp" id="29_0_805_1298"> </span><span class="string" id="108_29_835_1289">nähere</span><span class="sp" id="21_0_944_1290"> </span><span class="string" id="178_29_966_1290">Kenntnisse</span><span class="sp" id="29_0_1145_1292"> </span><span class="string" id="50_28_1175_1292">der</span><span class="sp" id="21_0_1226_1292"> </span><span class="string" id="136_28_1248_1292">Pflanzen</span><span class="hyp" id="NaN_0_NaN_NaN">-</span></span><span class="textline" id="1071_36_326_1328"><span class="string" id="69_28_326_1328">welt</span><span class="sp" id="20_0_396_1330"> </span><span class="string" id="34_18_417_1337">zu</span><span class="sp" id="22_0_452_1337"> </span><span class="string" id="188_35_475_1329">verschaffen,</span><span class="sp" id="23_0_664_1330"> </span><span class="string" id="45_28_688_1330">die</span><span class="sp" id="20_0_734_1331"> </span><span class="string" id="29_27_755_1331">in</span><span class="sp" id="13_0_785_1340"> </span><span class="string" id="131_21_799_1339">unserem</span><span class="sp" id="16_0_931_1340"> </span><span class="string" id="128_29_948_1332">schönen</span><span class="sp" id="15_0_1077_1343"> </span><span class="string" id="180_28_1093_1334">väterlichen</span><span class="sp" id="16_0_1274_1335"> </span><span class="string" id="106_28_1291_1335">Garten</span></span><span class="textline" id="1071_41_327_1370"><span class="string" id="100_28_327_1370">immer</span><span class="sp" id="30_0_428_1379"> </span><span class="string" id="51_27_459_1371">mit</span><span class="sp" id="31_0_511_1373"> </span><span class="string" id="30_19_543_1380">so</span><span class="sp" id="33_0_574_1381"> </span><span class="string" id="114_28_608_1380">grösser</span><span class="sp" id="31_0_723_1373"> </span><span class="string" id="89_29_755_1373">Liebe</span><span class="sp" id="32_0_845_1382"> </span><span class="string" id="127_36_878_1375">gepflegt</span><span class="sp" id="32_0_1006_1377"> </span><span class="string" id="116_28_1039_1376">worden</span><span class="sp" id="33_0_1156_1386"> </span><span class="string" id="66_19_1190_1386">war.</span><span class="sp" id="53_0_1257_1378"> </span><span class="string" id="87_28_1311_1377">Jeder</span></span><span class="textline" id="1068_42_329_1411"><span class="string" id="146_37_329_1411">Markttag</span><span class="sp" id="29_0_476_1413"> </span><span class="string" id="160_36_506_1413">(Mittwoch</span><span class="sp" id="29_0_667_1414"> </span><span class="string" id="59_28_697_1415">und</span><span class="sp" id="29_0_757_1415"> </span><span class="string" id="186_37_787_1416">Sonnabend)</span><span class="sp" id="28_0_974_1418"> </span><span class="string" id="118_28_1003_1418">brachte</span><span class="sp" id="29_0_1122_1427"> </span><span class="string" id="158_28_1152_1419">unendlich</span><span class="sp" id="27_0_1311_1419"> </span><span class="string" id="58_28_1339_1420">viel</span></span><span class="textline" id="1073_43_325_1454"><span class="string" id="116_34_325_1454">Arbeit,</span><span class="sp" id="28_0_442_1454"> </span><span class="string" id="38_28_471_1454">da</span><span class="sp" id="24_0_510_1464"> </span><span class="string" id="62_28_535_1456">sich</span><span class="sp" id="22_0_598_1456"> </span><span class="string" id="46_28_621_1457">die</span><span class="sp" id="22_0_668_1466"> </span><span class="string" id="232_30_691_1457">wohlhabenden</span><span class="sp" id="21_0_924_1460"> </span><span class="string" id="113_28_946_1460">Bauern</span><span class="sp" id="23_0_1060_1461"> </span><span class="string" id="51_27_1084_1461">der</span><span class="sp" id="18_0_1136_1461"> </span><span class="string" id="170_36_1155_1461">Umgegend</span><span class="sp" id="21_0_1326_1462"> </span><span class="string" id="50_27_1348_1463">mit</span></span><span class="textline" id="1071_43_326_1496"><span class="string" id="83_27_326_1496">ihren</span><span class="sp" id="26_0_410_1505"> </span><span class="string" id="98_28_437_1496">vielen</span><span class="sp" id="22_0_536_1498"> </span><span class="string" id="204_30_559_1498">Bedürfnissen</span><span class="sp" id="26_0_764_1510"> </span><span class="string" id="36_18_791_1510">an</span><span class="sp" id="22_0_828_1501"> </span><span class="string" id="224_38_851_1501">Kräutertheen,</span><span class="sp" id="30_0_1076_1502"> </span><span class="string" id="119_36_1107_1502">Salben,</span><span class="sp" id="29_0_1227_1505"> </span><span class="string" id="140_29_1257_1504">Pflastern</span></span><span class="textline" id="1070_45_325_1538"><span class="string" id="26_19_325_1547">u.</span><span class="sp" id="15_0_352_1547"> </span><span class="string" id="24_20_368_1547">a.</span><span class="sp" id="14_0_393_1538"> </span><span class="string" id="116_36_408_1538">Dingen</span><span class="sp" id="20_0_525_1548"> </span><span class="string" id="139_28_546_1540">reichlich</span><span class="sp" id="22_0_686_1541"> </span><span class="string" id="140_28_709_1543">versahen</span><span class="sp" id="22_0_850_1552"> </span><span class="string" id="58_27_873_1544">und</span><span class="sp" id="22_0_932_1544"> </span><span class="string" id="85_28_955_1544">kaum</span><span class="sp" id="22_0_1041_1553"> </span><span class="string" id="85_27_1064_1545">einen</span><span class="sp" id="20_0_1150_1545"> </span><span class="string" id="91_29_1171_1545">freien</span><span class="sp" id="14_0_1263_1547"> </span><span class="string" id="105_36_1278_1547">Augen</span><span class="hyp" id="NaN_0_NaN_NaN">-</span></span><span class="textline" id="1068_46_329_1579"><span class="string" id="78_29_329_1579">blick</span><span class="sp" id="30_0_408_1579"> </span><span class="string" id="84_36_439_1581">übrig</span><span class="sp" id="27_0_524_1582"> </span><span class="string" id="106_28_552_1582">Hessen</span><span class="sp" id="29_0_659_1583"> </span><span class="string" id="190_35_689_1583">(namentlich</span><span class="sp" id="26_0_880_1585"> </span><span class="string" id="38_27_907_1587">im</span><span class="sp" id="28_0_946_1587"> </span><span class="string" id="191_36_975_1587">Cholerajahr</span><span class="sp" id="33_0_1167_1589"> </span><span class="string" id="99_36_1201_1589">1831).</span><span class="sp" id="49_0_1301_1591"> </span><span class="string" id="46_27_1351_1591">Da</span></span><span class="textline" id="1072_46_325_1622"><span class="string" id="47_27_325_1623">ich</span><span class="sp" id="29_0_373_1622"> </span><span class="string" id="52_29_403_1622">das</span><span class="sp" id="22_0_456_1623"> </span><span class="string" id="95_29_479_1623">Glück</span><span class="sp" id="29_0_575_1623"> </span><span class="string" id="90_36_605_1624">hatte,</span><span class="sp" id="30_0_696_1625"> </span><span class="string" id="100_30_727_1625">immer</span><span class="sp" id="30_0_828_1636"> </span><span class="string" id="172_35_859_1629">wenigstens</span><span class="sp" id="28_0_1032_1638"> </span><span class="string" id="94_37_1061_1629">einige</span><span class="sp" id="25_0_1156_1633"> </span><span class="string" id="127_36_1182_1632">tüchtige</span><span class="sp" id="26_0_1310_1641"> </span><span class="string" id="60_28_1337_1633">und</span></span><span class="textline" id="1069_41_326_1665"><span class="string" id="182_29_326_1665">freundliche</span><span class="sp" id="15_0_509_1666"> </span><span class="string" id="136_29_525_1666">Gehilfen</span><span class="sp" id="21_0_662_1677"> </span><span class="string" id="50_18_684_1677">zur</span><span class="sp" id="13_0_735_1669"> </span><span class="string" id="76_28_749_1669">Seite</span><span class="sp" id="22_0_826_1678"> </span><span class="string" id="34_18_849_1679">zu</span><span class="sp" id="20_0_884_1671"> </span><span class="string" id="103_35_905_1671">haben,</span><span class="sp" id="23_0_1009_1680"> </span><span class="string" id="100_29_1033_1671">schritt</span><span class="sp" id="20_0_1134_1674"> </span><span class="string" id="45_28_1155_1673">ich</span><span class="sp" id="22_0_1201_1673"> </span><span class="string" id="29_28_1224_1674">in</span><span class="sp" id="20_0_1254_1684"> </span><span class="string" id="120_28_1275_1675">meinem</span></span><span class="textline" id="1070_42_326_1707"><span class="string" id="79_29_326_1707">Fach</span><span class="sp" id="31_0_406_1707"> </span><span class="string" id="115_28_438_1708">schnell</span><span class="sp" id="31_0_554_1710"> </span><span class="string" id="147_25_586_1713">vorwärts.</span><span class="sp" id="48_0_734_1711"> </span><span class="string" id="127_29_783_1711">Freilich</span><span class="sp" id="31_0_911_1712"> </span><span class="string" id="56_34_943_1715">gab</span><span class="sp" id="30_0_1000_1715"> </span><span class="string" id="30_19_1031_1723">es</span><span class="sp" id="32_0_1062_1714"> </span><span class="string" id="110_30_1095_1714">damals</span><span class="sp" id="30_0_1206_1716"> </span><span class="string" id="46_28_1237_1716">für</span><span class="sp" id="28_0_1284_1726"> </span><span class="string" id="83_28_1313_1718">einen</span></span><span class="textline" id="1068_44_327_1750"><span class="string" id="301_39_327_1750">Apothekerlehrling</span><span class="sp" id="28_0_629_1761"> </span><span class="string" id="53_19_658_1762">nur</span><span class="sp" id="28_0_712_1761"> </span><span class="string" id="66_28_741_1753">sehr</span><span class="sp" id="28_0_808_1763"> </span><span class="string" id="93_36_837_1755">wenig</span><span class="sp" id="21_0_931_1756"> </span><span class="string" id="224_38_953_1756">Erholungszeit</span><span class="sp" id="27_0_1178_1760"> </span><span class="string" id="60_28_1206_1759">und</span><span class="sp" id="25_0_1267_1759"> </span><span class="string" id="102_28_1293_1760">wirkte</span></span><span class="textline" id="1069_46_327_1793"><span class="string" id="46_28_327_1793">die</span><span class="sp" id="29_0_374_1793"> </span><span class="string" id="299_36_404_1793">Abgeschlossenheit</span><span class="sp" id="28_0_704_1798"> </span><span class="string" id="57_19_733_1805">von</span><span class="sp" id="27_0_791_1795"> </span><span class="string" id="122_30_819_1795">frischer</span><span class="sp" id="28_0_942_1798"> </span><span class="string" id="67_28_971_1798">Luft</span><span class="sp" id="27_0_1039_1801"> </span><span class="string" id="52_28_1067_1800">auf</span><span class="sp" id="24_0_1120_1800"> </span><span class="string" id="114_27_1145_1802">meinen</span><span class="sp" id="21_0_1260_1802"> </span><span class="string" id="114_37_1282_1802">Körper</span></span><span class="textline" id="1070_44_325_1835"><span class="string" id="81_29_325_1835">nicht</span><span class="sp" id="27_0_407_1838"> </span><span class="string" id="127_37_435_1836">günstig;</span><span class="sp" id="28_0_563_1837"> </span><span class="string" id="143_30_592_1837">Ilolzthee</span><span class="sp" id="28_0_736_1848"> </span><span class="string" id="59_28_765_1839">und</span><span class="sp" id="20_0_825_1839"> </span><span class="string" id="197_31_846_1839">Eichelkaffee</span><span class="sp" id="21_0_1044_1850"> </span><span class="string" id="125_36_1066_1843">spielten</span><span class="sp" id="21_0_1192_1844"> </span><span class="string" id="112_28_1214_1844">damals</span><span class="sp" id="21_0_1327_1846"> </span><span class="string" id="46_27_1349_1846">bei</span></span><span class="textline" id="1069_40_327_1879"><span class="string" id="112_28_327_1879">meinen</span><span class="sp" id="22_0_440_1880"> </span><span class="string" id="270_37_463_1879">Nahrungsmitteln</span><span class="sp" id="29_0_734_1891"> </span><span class="string" id="64_27_764_1883">eine</span><span class="sp" id="29_0_829_1891"> </span><span class="string" id="132_37_859_1882">wichtige</span><span class="sp" id="22_0_992_1885"> </span><span class="string" id="92_28_1015_1885">Rolle.</span><span class="sp" id="44_0_1108_1886"> </span><span class="string" id="82_28_1153_1886">Doch</span><span class="sp" id="28_0_1236_1886"> </span><span class="string" id="50_28_1265_1887">bot</span><span class="sp" id="26_0_1316_1889"> </span><span class="string" id="48_27_1343_1888">mil</span><span class="hyp" id="NaN_0_NaN_NaN">-</span></span><span class="textline" id="1069_41_327_1921"><span class="string" id="50_28_327_1921">der</span><span class="sp" id="13_0_378_1922"> </span><span class="string" id="132_28_392_1922">Verkehr</span><span class="sp" id="21_0_525_1932"> </span><span class="string" id="49_28_547_1923">mit</span><span class="sp" id="22_0_597_1925"> </span><span class="string" id="113_28_620_1924">meinen</span><span class="sp" id="15_0_734_1924"> </span><span class="string" id="238_38_750_1924">Schulfreunden,</span><span class="sp" id="23_0_989_1927"> </span><span class="string" id="45_28_1013_1927">die</span><span class="sp" id="21_0_1059_1936"> </span><span class="string" id="59_18_1081_1937">nun</span><span class="sp" id="15_0_1141_1928"> </span><span class="string" id="45_28_1157_1928">die</span><span class="sp" id="15_0_1203_1929"> </span><span class="string" id="177_29_1219_1929">Universität</span></span><span class="textline" id="1068_43_327_1964"><span class="string" id="72_27_327_1964">Jena</span><span class="sp" id="29_0_400_1965"> </span><span class="string" id="129_35_430_1965">bezogen</span><span class="sp" id="28_0_560_1965"> </span><span class="string" id="112_38_589_1965">hatten,</span><span class="sp" id="29_0_702_1968"> </span><span class="string" id="150_35_732_1967">Erholung</span><span class="sp" id="27_0_883_1976"> </span><span class="string" id="58_27_911_1968">und</span><span class="sp" id="23_0_970_1968"> </span><span class="string" id="202_38_994_1969">Erquickung;</span><span class="sp" id="29_0_1197_1980"> </span><span class="string" id="49_27_1227_1972">mit</span><span class="sp" id="21_0_1277_1974"> </span><span class="string" id="96_28_1299_1973">vielen</span></span><span class="textline" id="1069_43_327_2006"><span class="string" id="151_29_327_2006">derselben</span><span class="sp" id="22_0_479_2008"> </span><span class="string" id="47_27_502_2008">bin</span><span class="sp" id="21_0_550_2008"> </span><span class="string" id="47_28_572_2008">ich</span><span class="sp" id="20_0_620_2008"> </span><span class="string" id="86_19_641_2018">unser</span><span class="sp" id="14_0_728_2009"> </span><span class="string" id="98_28_743_2009">Leben</span><span class="sp" id="21_0_842_2009"> </span><span class="string" id="143_30_864_2009">hindurch</span><span class="sp" id="21_0_1008_2011"> </span><span class="string" id="30_26_1030_2013">in</span><span class="sp" id="18_0_1061_2021"> </span><span class="string" id="89_28_1080_2021">enger</span><span class="sp" id="14_0_1170_2013"> </span><span class="string" id="211_30_1185_2013">Freundschaft</span></span><span class="textline" id="1068_45_327_2048"><span class="string" id="167_29_327_2048">verbunden</span><span class="sp" id="29_0_495_2059"> </span><span class="string" id="162_36_525_2050">geblieben.</span><span class="sp" id="43_0_688_2052"> </span><span class="string" id="83_27_732_2052">Tiefe</span><span class="sp" id="20_0_816_2052"> </span><span class="string" id="136_29_837_2052">Wehmut</span><span class="sp" id="20_0_974_2055"> </span><span class="string" id="186_29_995_2054">überschlich</span><span class="sp" id="20_0_1182_2055"> </span><span class="string" id="76_28_1203_2056">mich</span><span class="sp" id="17_0_1280_2056"> </span><span class="string" id="83_36_1298_2057">jedes</span><span class="hyp" id="NaN_0_NaN_NaN">-</span></span><span class="textline" id="1073_37_326_2091"><span class="string" id="70_34_326_2091">mal,</span><span class="sp" id="29_0_397_2100"> </span><span class="string" id="83_19_427_2100">wenn</span><span class="sp" id="28_0_511_2092"> </span><span class="string" id="47_28_540_2092">ich</span><span class="sp" id="26_0_588_2092"> </span><span class="string" id="83_28_615_2093">einen</span><span class="sp" id="21_0_699_2103"> </span><span class="string" id="109_27_721_2094">meiner</span><span class="sp" id="22_0_831_2094"> </span><span class="string" id="131_30_854_2094">Freunde</span><span class="sp" id="22_0_986_2105"> </span><span class="string" id="50_27_1009_2097">mit</span><span class="sp" id="20_0_1060_2096"> </span><span class="string" id="64_29_1081_2096">dem</span><span class="sp" id="22_0_1146_2098"> </span><span class="string" id="155_28_1169_2098">Itänzchen</span><span class="sp" id="21_0_1325_2109"> </span><span class="string" id="52_28_1347_2100">auf</span></span><span class="textline" id="1067_39_327_2132"><span class="string" id="64_28_327_2132">dem</span><span class="sp" id="15_0_392_2133"> </span><span class="string" id="121_29_408_2133">Rücken</span><span class="sp" id="20_0_530_2135"> </span><span class="string" id="30_27_551_2135">in</span><span class="sp" id="22_0_582_2135"> </span><span class="string" id="45_28_605_2135">die</span><span class="sp" id="15_0_651_2137"> </span><span class="string" id="104_28_667_2136">Ferien</span><span class="sp" id="22_0_772_2145"> </span><span class="string" id="94_35_795_2136">gehen</span><span class="sp" id="20_0_890_2146"> </span><span class="string" id="59_29_911_2137">sah.</span><span class="sp" id="43_0_971_2139"> </span><span class="string" id="84_28_1015_2139">Doch</span><span class="sp" id="22_0_1100_2139"> </span><span class="string" id="113_29_1123_2139">möchte</span><span class="sp" id="15_0_1237_2141"> </span><span class="string" id="46_28_1253_2141">ich</span><span class="sp" id="14_0_1300_2141"> </span><span class="string" id="79_28_1315_2142">diese</span></span><span class="textline" id="1065_44_329_2175"><span class="string" id="224_29_329_2175">arbeitsreichen</span><span class="sp" id="20_0_554_2178"> </span><span class="string" id="100_36_575_2178">Jahre,</span><span class="sp" id="30_0_676_2178"> </span><span class="string" id="94_28_707_2178">denen</span><span class="sp" id="27_0_802_2179"> </span><span class="string" id="47_28_830_2179">ich</span><span class="sp" id="21_0_878_2179"> </span><span class="string" id="31_20_900_2189">so</span><span class="sp" id="21_0_932_2190"> </span><span class="string" id="77_28_954_2181">viele</span><span class="sp" id="20_0_1032_2182"> </span><span class="string" id="200_37_1053_2182">Anregungen</span><span class="sp" id="20_0_1254_2193"> </span><span class="string" id="34_18_1275_2193">zu</span><span class="sp" id="20_0_1310_2193"> </span><span class="string" id="51_19_1331_2194">ver</span><span class="hyp" id="NaN_0_NaN_NaN">-</span></span><span class="textline" id="1068_43_327_2217"><span class="string" id="115_29_327_2217">danken</span><span class="sp" id="23_0_443_2219"> </span><span class="string" id="82_36_467_2219">habe,</span><span class="sp" id="22_0_550_2230"> </span><span class="string" id="80_28_573_2220">nicht</span><span class="sp" id="20_0_654_2222"> </span><span class="string" id="50_19_675_2230">aus</span><span class="sp" id="23_0_726_2230"> </span><span class="string" id="121_29_750_2221">meinem</span><span class="sp" id="15_0_872_2222"> </span><span class="string" id="192_30_888_2222">Gedächtniss</span><span class="sp" id="21_0_1081_2232"> </span><span class="string" id="164_35_1103_2225">gestrichen</span><span class="sp" id="16_0_1268_2235"> </span><span class="string" id="110_29_1285_2227">wissen.</span></span><span class="textline" id="29_24_1214_2282"><span class="string" id="29_24_1214_2282">1*</span></span><br><br></div>
+
+                </div>
+
+            <div class="document-functions">
+                <div class="provider">
+                    <dl class="mobile-meta">
+                        <dt class="tx-dlf-title">Titel</dt>
+                        <dd class="tx-dlf-title"><a href="#">[Gebrauchsgraphik]</a></dd>
+                        <dt>Autor</dt>
+                    </dl>
+                </div>
+                <ul>
+                    <li class="submenu links">
+                        <a href="#" title="Links">Links</a>
+                        <ul>
+                            <li><a class="local-presentation" title="Show in local context" href="http://digital.slub-dresden.de/id351357262">Show in local context</a></li>
+                            <li><a class="local-catalog" title="Online Public Access Catalog" href="http://dienste.slub-dresden.de/cgi-bin/FOZK.pl?PPN=351357262">Online Public Access Catalog</a></li>
+                            <li><a class="local-contact" title="Email to data provider (Sächsische Landesbibliothek - Staats- und Universitätsbibliothek Dresden)" href="mailto:mailto:sebastian.meyer@slub-dresden.de">Email to data provider</a></li>
+                        </ul>
+                    </li>
+                    <li class="submenu downloads">
+                        <a href="#" title="Downloads">Downloads</a>
+                        <ul>
+                            <li><a class="download-document" title="Download whole work" target="_blank" href="http://digital.slub-dresden.de/fileadmin/data/351357262/351357262_tif/jpegs/351357262.pdf">Download whole work</a></li>
+                        </ul>
+                    </li>
+                    <li class="doublepage"><a class="tx-dlf-navigation-doubleOn" title="Show double pages" href="index.php?id=9101&amp;tx_dlf%5Bpage%5D=&amp;tx_dlf%5Bdouble%5D=1&amp;tx_dlf%5Bid%5D=&amp;tx_dlf%5Bpagegrid%5D=0&amp;cHash=340ed462b59b1f2cb8701771ef9b4402">Show double pages</a></li>
+                    <li class="fulltext">
+                        <a class="select switchoff active" id="tx-dlf-tools-fulltext" title="Volltext aus" data-dic="fulltext-on:Volltext an;fulltext-off:Volltext aus">Volltext aus</a>
+                    </li>
+                    <li class="grid"><a title="Thumbnail Preview" href="index.php?id=9101&amp;tx_dlf%5Bpage%5D=&amp;tx_dlf%5Bdouble%5D=0&amp;tx_dlf%5Bid%5D=&amp;tx_dlf%5Bpagegrid%5D=1&amp;cHash=9d899cbea2ad6b40710b99a4d1f8404c">Thumbnail Preview</a></li>
+                </ul>
+            </div>
+            <div class="view-functions">
+                <ul>
+                    <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+
+                    <!-- [TJ:] wrapping .tx-dlf-navigation should be removed -->
+                    <!-- <div class="tx-dlf-navigation"> -->
+                        <li class="pages">
+                            <form action="http://test.sachsendigital.de/index.php?id=9101" method="get">
+                                <div>
+                                    <input type="hidden" name="id" value="9101" /><input type="hidden" name="tx_dlf[id]" value="http://digital.slub-dresden.de/fileadmin/data/351357262/aufdesun_351357262_mets.xml" />
+                                    <label for="tx-dlf-navigation-59a27a32f0e07">Page</label>
+                                    <select id="tx-dlf-navigation-59a27a32f0e07" name="tx_dlf[page]" onchange="javascript:this.form.submit();">
+                                        <option value="1" selected="selected">[1] -  - </option><option value="2">[2] -  - </option><option value="3">[3] - 1</option><option value="4">[4] - 2</option><option value="5">[5] - 3</option><option value="6">[6] - 4</option><option value="7">[7] - 5</option><option value="8">[8] - 6</option><option value="9">[9] - 7</option><option value="10">[10] - 8</option><option value="11">[11] - 9</option><option value="12">[12] - 10</option><option value="13">[13] - 11</option><option value="14">[14] - 12</option><option value="15">[15] - 13</option><option value="16">[16] - 14</option><option value="17">[17] - 15</option><option value="18">[18] - 16</option><option value="19">[19] - 17</option><option value="20">[20] - 18</option><option value="21">[21] - 19</option><option value="22">[22] - 20</option><option value="23">[23] - 21</option><option value="24">[24] - 22</option><option value="25">[25] - 23</option><option value="26">[26] - 24</option><option value="27">[27] - 25</option><option value="28">[28] - 26</option><option value="29">[29] - 27</option><option value="30">[30] - 28</option><option value="31">[31] - 29</option><option value="32">[32] - 30</option><option value="33">[33] - 31</option><option value="34">[34] - 32</option><option value="35">[35] - 33</option><option value="36">[36] - 34</option><option value="37">[37] - 35</option><option value="38">[38] - 36</option><option value="39">[39] - 37</option><option value="40">[40] - 38</option><option value="41">[41] - 39</option><option value="42">[42] - 40</option><option value="43">[43] - 41</option><option value="44">[44] - 42</option><option value="45">[45] - 43</option><option value="46">[46] - 44</option><option value="47">[47] - 45</option><option value="48">[48] - 46</option><option value="49">[49] - 47</option><option value="50">[50] - 48</option><option value="51">[51] - 49</option><option value="52">[52] - 50</option><option value="53">[53] - 51</option><option value="54">[54] - 52</option><option value="55">[55] - 53</option><option value="56">[56] - 54</option><option value="57">[57] - 55</option><option value="58">[58] - 56</option><option value="59">[59] - 57</option><option value="60">[60] - 58</option><option value="61">[61] - 59</option><option value="62">[62] - 60</option><option value="63">[63] - 61</option><option value="64">[64] - 62</option><option value="65">[65] - 63</option><option value="66">[66] - 64</option><option value="67">[67] - 65</option><option value="68">[68] - 66</option><option value="69">[69] - 67</option><option value="70">[70] - 68</option><option value="71">[71] - 69</option><option value="72">[72] - 70</option><option value="73">[73] - 71</option><option value="74">[74] - 72</option><option value="75">[75] - 73</option><option value="76">[76] - 74</option><option value="77">[77] - 75</option><option value="78">[78] - 76</option><option value="79">[79] -  - </option><option value="80">[80] -  - </option>
+                                    </select>
+                                </div>
+                            </form>
+                        </li>
+                        <li class="rotate">
+                            <a class="rotate-left" title="Rotate Left" onclick="tx_dlf_viewer.map.rotateLeft()">Rotate Left</a>
+                            <a class="rotate-right" title="Rotate Right" onclick="tx_dlf_viewer.map.rotateRight()">Rotate Right</a>
+                            <a class="upend" title="Reset Rotation" onclick="tx_dlf_viewer.map.resetRotation()">Reset Rotation</a>
+                        </li>
+                        <li class="zoom">
+                            <a class="in" title="Zoom In" onclick="tx_dlf_viewer.map.zoomIn();">Zoom In</a>
+                            <a class="out" title="Zoom Out" onclick="tx_dlf_viewer.map.zoomOut();">Zoom Out</a>
+                            <a class="fullscreen" title="Fullscreen Mode">Fullscreen Mode</a>
+                        </li>
+                    <!-- </div> -->
+                    <!-- END: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+                    <li class="tx-dlf-toolsImagemanipulation">
+                        <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_toolbox' -->
+
+                        <!-- [TJ:] Remove multiple DIVs. Inside this LI element there should be only the SPAN elements -->
+                        <!-- <div class="tx-dlf-toolbox"> -->
+
+                            <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_toolsImagemanipulation' -->
+                            <!-- <div class="tx-dlf-toolsImagemanipulation"> -->
+                                <span>
+                                    <span class="tx-dlf-tools-imagetools" id="tx-dlf-tools-imagetools" data-dic="imagemanipulation-on:Activate image manipulation;imagemanipulation-off:Deactivate image manipulation;reset:Reset;saturation:Saturation;hue:Hue;contrast:Contrast;brightness:Brightness;invert:Color inverting" title="Image manipulation is not supported"></span>
+                                </span>
+                                <!-- </div> -->
+                            <!-- END: Content of extension 'dlf', plugin 'tx_dlf_toolsImagemanipulation' -->
+                        <!-- </div> -->
+                        <!-- END: Content of extension 'dlf', plugin 'tx_dlf_toolbox' -->
+                    </li>
+                </ul>
+                <div class="tx-dlf-toolbox"></div>
+            </div>
+            <div class="page-control">
+                <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+
+                <!-- [TJ:] wrapping .tx-dlf-navigation should be removed -->
+                <!-- <div class="tx-dlf-navigation"> -->
+                    <div class="backs">
+                        <span class="first"><span>First Page</span></span> <span class="rwnd"><span>Back 10 Pages</span></span> <span class="prev"><span>Previous Page</span></span>
+                    </div>
+                    <div class="fwds">
+                        <span class="next"><a href="index.php?id=9101&amp;tx_dlf%5Bid%5D=http%3A%2F%2Fdigital.slub-dresden.de%2Ffileadmin%2Fdata%2F351357262%2Faufdesun_351357262_mets.xml&amp;tx_dlf%5Bpage%5D=2&amp;tx_dlf%5Bdouble%5D=0&amp;cHash=fe2c78fba91b4272765b52fbb813ba7e" title="Next Page">Next Page</a></span> <span class="fwd"><a href="index.php?id=9101&amp;tx_dlf%5Bid%5D=http%3A%2F%2Fdigital.slub-dresden.de%2Ffileadmin%2Fdata%2F351357262%2Faufdesun_351357262_mets.xml&amp;tx_dlf%5Bpage%5D=11&amp;tx_dlf%5Bdouble%5D=0&amp;cHash=9cc30cf273636cb8b4813b91f3525b4c" title="Forward 10 Pages">Forward 10 Pages</a></span> <span class="last"><a href="index.php?id=9101&amp;tx_dlf%5Bid%5D=http%3A%2F%2Fdigital.slub-dresden.de%2Ffileadmin%2Fdata%2F351357262%2Faufdesun_351357262_mets.xml&amp;tx_dlf%5Bpage%5D=80&amp;tx_dlf%5Bdouble%5D=0&amp;cHash=f69e43235328a5ac846d992756195b0e" title="Last Page">Last Page</a></span>
+                    </div>
+                <!-- </div> -->
+                <!-- END: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+            </div>
+        </div><!--TYPO3SEARCH_end-->
+    </div>
+
+    <!-- [TJ:] Insert new Viewer Javascript -->
+    <script src="/typo3conf/ext/slub_digitalcollections/Resources/Public/Javascript/DigitalcollectionsScripts.js" type="text/javascript"> </script>
+
+</body>
+</html>
diff --git a/Static/workview.html b/Static/workview.html
new file mode 100644
index 00000000..46b471a3
--- /dev/null
+++ b/Static/workview.html
@@ -0,0 +1,300 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <!--
+        This website is powered by TYPO3 - inspiring people to share!
+        TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
+        TYPO3 is copyright 1998-2017 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
+        Information and contribution at http://typo3.org/
+    -->
+    <title>SLUB Dresden: [Gebrauchsgraphik]</title>
+    <meta name="generator" content="TYPO3 CMS">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="Some meta robot entries">
+    <meta name="description" content="Some fallback meta description here">
+    <meta name="keywords" content="Some fallback meta kewords here">
+
+    <link rel="shortcut icon" type="image/png" href="/typo3conf/ext/slub_digitalcollections/ext_icon.png">
+
+    <!-- [TJ:] Disable Website CSS and bring new Viewer style -->
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_digitalcollections/Resources/Public/Css/Digitalcollections.css" media="all">
+    <script src="//code.jquery.com/jquery-2.2.4.min.js" type="text/javascript" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
+    <link type="text/css" rel="stylesheet" href="/typo3conf/ext/dlf/lib/OpenLayers/ol3.css">
+
+    <!-- [TJ:] Brings the licensed SLUB webfonts to the game  -->
+    <link type="text/css" rel="stylesheet" href="/typo3conf/ext/slub_template/Resources/Public/Css/fonts.css">
+
+</head>
+<body>
+    <div class="main-wrapper">
+        <div class="control-bar">
+            <div class="header-bar">
+                <div class="brand"><a title="SLUB Dresden – Digitale Sammlungen" href="#"><span class="logo-replacement">SLUB Dresden</span> Digitale Sammlungen</a></div>
+                <nav>
+                    <ul class="secondary-nav">
+                        <li><a href="#" title="" class="send-help">Hilfe einblenden</a></li>
+                        <li><a href="#" title="">Kontakt</a></li>
+                        <li><a href="#" title="">Impressum</a></li>
+                        <li><a href="#" title="">Datenschutz</a></li>
+                        <li><a href="#" title="">SLUB Homepage</a></li>
+                    </ul>
+                    <ul class="language-nav">
+                        <li class="active"><a href="#" hreflang="de-DE" data-iso-label="DE">DE</a></li>
+                        <li class="text-muted"><span data-iso-label="EN">EN</span></li>
+                    </ul>
+                    <button type="button" class="nav-toggle">
+                        <span class="nav-label">Open Navigation</span>
+                        <span class="nav-button-bar"></span>
+                        <span class="nav-button-bar"></span>
+                        <span class="nav-button-bar"></span>
+                    </button>
+                </nav>
+            </div>
+            <div class="ctrldata-container">
+                <div class="metadata-wrapper">
+                    <div class="tx-dlf-metadata">
+                        <h1>[Gebrauchsgraphik]</h1>
+                        <dl class="tx-dlf-metadata-titledata">
+                            <dt>Band-/Heftnummer</dt><dd>1.1924,1 = Sonderheft Industrie-Reklame</dd><dt>Strukturtyp</dt><dd>Band</dd><dt>Erscheinungsjahr</dt><dd>1924</dd><dt class="tx-dlf-metadata-author">Autor</dt><dd class="tx-dlf-metadata-author"><a href="http://d-nb.info/gnd/118519352" title="Carus, Carl Gustav" target="_blank" class="external">Carus, Carl Gustav</a></dd><dd class="tx-dlf-metadata-author"><a href="http://d-nb.info/gnd/11861164X" title="Schumann, Clara" target="_blank" class="external">Schumann, Clara</a></dd><dd class="tx-dlf-metadata-author"><a href="http://d-nb.info/gnd/118611666" title="Schumann, Robert" target="_blank" class="external">Schumann, Robert</a></dd><dt>Besitzer der Vorlage</dt><dd>Staatliche Kunstsammlungen Dresden, Kunstbibliothek</dd><dt>PURL</dt><dd><a href="http://digital.slub-dresden.de/id397892187-19240010" target="_blank">http://digital.slub-dresden.de/id397892187-19240010</a></dd><dt>Digitale Sammlung</dt><dd>Kunst</dd><dd>Gebrauchsgrafik</dd><dd>Zeitgenössische Kunst</dd>
+                        </dl>
+                        <dl class="tx-dlf-metadata-titledata">
+                            <dt class="tx-dlf-metadata-title">Titel</dt><dd class="tx-dlf-metadata-title">Vier Schutzmarken Entwurf Karl Schulpig</dd><dt>Strukturtyp</dt><dd>Werbung</dd><dt>Arbeitsfeld</dt><dd>Firmenzeichen</dd><dt>Gestalter</dt><dd><strong>Schulpig, Karl</strong></dd>
+                        </dl>
+                        <dl class="tx-dlf-metadata-titledata">
+                            <dt class="tx-dlf-metadata-title">Titel</dt><dd class="tx-dlf-metadata-title">Zwei Marken Entwurf E. Charall</dd><dt>Strukturtyp</dt><dd>Werbung</dd><dt>Arbeitsfeld</dt><dd>Firmenzeichen</dd><dt>Motiv</dt><dd>Industrie</dd><dt>Gestalter</dt><dd><strong>Charall, E.</strong></dd>
+                        </dl>
+                    </div>
+                    <div class="offcanvas-toggle"></div>
+                </div>
+                <div class="toc-wrapper">
+                    <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_toc' -->
+                    <div class="tx-dlf-toc">
+                        <ul class="toc">
+                            <li class="current submenu">
+                                <ul>
+                                    <li class="submenu"><a href="#" title="Frontcover"><span class="title"><span class="meta-type-icon meta-type-Frontcover">Frontcover</span>  </span> <span class="pagination">-</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Für die Werbearbeit der Industrie </span> <span class="pagination">-</span></a></li>
+                                    <li><a href="#" title="Titelseite"><span class="title"><span class="meta-type-icon meta-type-Titelseite">Titelseite</span>  </span> <span class="pagination">-</span></a></li>
+                                    <li><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Vorwort </span> <span class="pagination">3</span></a></li>
+                                    <li><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Schwerindustrie und Gebrauchsgraphik </span> <span class="pagination">3</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Walter Nehmer </span> <span class="pagination">4</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Franz Peffer </span> <span class="pagination">11</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Suum cuique - Jedem das Seine </span> <span class="pagination">17</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Lichtbild oder Zeichnung? </span> <span class="pagination">23</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Adolf Dunkel </span> <span class="pagination">25</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Bildreklame für die Maschinenindustrie </span> <span class="pagination">27</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Imprägnierte Leitungsmasten </span> <span class="pagination">-</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Maschinen der Maschinenbau AG Tigler </span> <span class="pagination">-</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Muffenrohre und Flaschenrohre der Mannesmannröhrenwerke&nbsp;... </span> <span class="pagination">-</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Anzeigen C.H. Juchho Dortmund </span> <span class="pagination">-</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Otto Franz Kutscher Bad-Nauheim </span> <span class="pagination">33</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Gehard Marggraff </span> <span class="pagination">39</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Erwin Reusch </span> <span class="pagination">45</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Entwürfe von Prof. Max Körner </span> <span class="pagination">50</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Markenentwürfe für eine Farbenfabrik </span> <span class="pagination">51</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Markenentwürfe für Bauhütte und Kraftbau </span> <span class="pagination">51</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Entwürfe von Fritz Ahlers </span> <span class="pagination">52</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Messereklame und Schutzmarken Entwürfe von Prof. H.K. Frenzel </span> <span class="pagination">54</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Markenentwürfe von Karl Bültmann </span> <span class="pagination">55</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Entwürfe Vier Industrie-Prospekte </span> <span class="pagination">56</span></a></li>
+                                    <li class="current"><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Vier Schutzmarken Entwurf Karl Schulpig </span> <span class="pagination">57</span></a></li>
+                                    <li class="current"><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Zwei Marken Entwurf E. Charall </span> <span class="pagination">57</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Werbemittel des Hommel-Konzerns </span> <span class="pagination">58</span></a></li>
+                                    <li class="submenu"><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Werbemittel der Osram GmbH KG </span> <span class="pagination">65</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Werbemittel der Firma Orenstein & Koppel AG </span> <span class="pagination">69</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> Inserate Entwürfe Dampf- und Rangierkran und Selbstentlader </span> <span class="pagination">-</span></a></li>
+                                    <li><a href="#" title="Werbung"><span class="title"><span class="meta-type-icon meta-type-Werbung">Werbung</span> O. & K.-Selbstentlader </span> <span class="pagination">-</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Werbemittel der Siemens-Schuckert Werke </span> <span class="pagination">73</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Was sollen wir von den Amerikanern lernen? </span> <span class="pagination">81</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Der Werbefilm </span> <span class="pagination">90</span></a></li>
+                                    <li class="submenu"><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Filmpropaganda als Ausdrucksform </span> <span class="pagination">92</span></a></li>
+                                    <li><a href="#" title="Artikel"><span class="title"><span class="meta-type-icon meta-type-Artikel">Artikel</span> Rechtsberatung Erlaubter Nachdruck </span> <span class="pagination">95</span></a></li>
+                                    <li><a href="#" title="Abbildung"><span class="title"><span class="meta-type-icon meta-type-Abbildung">Abbildung</span> Illustration aus der Jubiläums-Festschrift Meier & Weichelt </span> <span class="pagination">-</span></a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div><!-- END: Content of extension 'dlf', plugin 'tx_dlf_toc' -->
+                    <div class="offcanvas-toggle"></div>
+                </div>
+            </div>
+        </div><!--TYPO3SEARCH_begin-->
+        <div class="document-view">
+            <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_pageview' -->
+            <div class="tx-dlf-pageview">
+
+                <!-- [TJ:] Add new logo bar element as a future replacement of the grey bar inside the images -->
+                <ul class="tx-dlf-logobar">
+                        <li><img src="data/slublogo.jpg" alt="Logo SLUB"></li>
+                        <li><img src="data/unierfurtlogo.png" alt="Logo Uni Erfurt"></li>
+                        <li><img src="data/dfglogo.svg" alt="Logo DFG"></li>
+                </ul>
+
+                <div id="tx-dlf-map" class="tx-dlf-map"></div>
+                <script type="text/javascript" src="/typo3conf/ext/dlf/lib/OpenLayers/glif.min.js"></script>
+                <script type="text/javascript" src="/typo3conf/ext/dlf/lib/OpenLayers/ol3-dlf.js"></script>
+                <script type="text/javascript" src="/typo3conf/ext/dlf/plugins/pageview/tx_dlf_utils.js"></script>
+                <script type="text/javascript" src="/typo3conf/ext/dlf/plugins/pageview/tx_dlf_ol3.js"></script>
+                <script type="text/javascript" src="/typo3conf/ext/dlf/plugins/pageview/tx_dlf_ol3_styles.js"></script>
+                <script type="text/javascript" src="/typo3conf/ext/dlf/plugins/pageview/tx_dlf_ol3_source.js"></script>
+                <script type="text/javascript" src="/typo3conf/ext/dlf/plugins/pageview/tx_dlf_altoparser.js"></script>
+                <script type="text/javascript" src="/typo3conf/ext/dlf/plugins/pageview/tx_dlf_pageview_imagemanipulation_control.js"></script>
+                <script type="text/javascript" src="/typo3conf/ext/dlf/plugins/pageview/tx_dlf_pageview_fulltext_control.js"></script>
+                <script type="text/javascript" src="/typo3conf/ext/dlf/plugins/pageview/tx_dlf_pageview.js"></script>
+                <script id="tx-dlf-pageview-initViewer" type="text/javascript">
+                    window.onload = function() {
+                        if (dlfUtils.exists(dlfViewer)) {
+                            tx_dlf_viewer = new dlfViewer({
+                                controls: [""],
+                                div: "tx-dlf-map",
+                                images: [{"url":"https:\/\/digital.slub-dresden.de\/data\/kitodo\/gebr_397892187-19240010\/gebr_397892187-19240010_tif\/jpegs\/00000069.tif.large.jpg","mimetype":"image\/jpeg"}],
+                                fulltexts: [{"url":"\/werkansicht\/?eID=tx_dlf_geturl_eid&url=https%3A%2F%2Fdigital.slub-dresden.de%2Fdata%2Fkitodo%2Fgebr_397892187-19240010%2Fgebr_397892187-19240010_ocr%2F00000069.xml","mimetype":"text\/xml"}],
+                                useInternalProxy: 0
+                            })
+                        }
+                    }
+                </script>
+            </div><!-- END: Content of extension 'dlf', plugin 'tx_dlf_pageview' -->
+
+                <div class="fulltext-container">
+
+                    <div class="tx-dlf-toolsFulltextsearch">
+                        <div class="fulltext-search-toggle"></div>
+
+                        <form class="tx-dlf-search-form" id="tx-dlf-search-in-document-form" action="http://sdvt3adlogin.slub-dresden.de/index.php?id=5363" method="post" enctype="multipart/form-data">
+                            <div>
+                                <label for="tx-dlf-search-query">Suchen nach:</label>
+                                <!-- Never change the @id of this input field! Otherwise search won't work! -->
+                                <input type="text" id="tx-dlf-search-in-document-query" placeholder="Im Dokument suchen" name="tx_dlf[query]" value="">
+                                <input type="submit" value="Suchen" onclick="resetStart();">
+                                <input type="hidden" name="tx_dlf[start]" value="0">
+                                <input type="hidden" name="tx_dlf[id]" value="130965">
+                                <input type="hidden" name="tx_dlf[encrypted]" value="je/mjA4XgoU=">
+                                <input type="hidden" name="tx_dlf[hash]" value="2ddd79792037bbf52bca">
+                            </div>
+                        </form>
+                        <div id="tx-dlf-search-in-document-loading" style="display: none;">...</div>
+                        <div id="tx-dlf-search-in-document-clearing">Suche löschen...</div>
+                        <div id="tx-dlf-search-in-document-results"></div>
+                        <div id="tx-dlf-search-in-document-labels" style="display:none;">
+                            <span id="tx-dlf-search-in-document-label-next">weiter</span>
+                            <span id="tx-dlf-search-in-document-label-previous">zurück</span>
+                            <span id="tx-dlf-search-in-document-label-page">Seite</span>
+                        </div>
+
+                    </div>
+
+                </div>
+
+            <div class="document-functions">
+                <div class="provider">
+                    <dl class="mobile-meta">
+                        <dt class="tx-dlf-title">Titel</dt>
+                        <dd class="tx-dlf-title"><a href="#">[Gebrauchsgraphik]</a></dd>
+                        <dt>Autor</dt>
+                    </dl>
+                </div>
+                <ul>
+                    <li class="submenu links">
+                        <a href="#" title="Links">Links</a>
+                        <ul>
+                            <li class="permalink">
+                                <a class="local-presentation" title="Permalink Dokument" target="_blank" href="#">
+                                    <span class="perma-label">Permalink Dokument</span> http://digital.slub-dresden.de/id351371451
+                                </a>
+                            </li>
+                            <li class="permalink">
+                                <a class="local-presentation" title="Permalink Seite" target="_blank" href="#">
+                                    <span class="perma-label">Permalink Seite</span> http://digital.slub-dresden.de/id351371451/12
+                                </a>
+                            </li>
+                            <li>
+                                <a class="local-catalog" title="SLUB Katalog" href="#">SLUB Katalog</a>
+                            </li>
+                            <li class="license">
+                                <a class="terms-of-use" title="Nutzungsbestimmungen für die Digitalen Sammlungen" target="_blank" href="#">Nutzungsbestimmungen für die Digitalen Sammlungen</a>
+                            </li>
+                        </ul>
+                    </li>
+                    <li class="submenu downloads">
+                        <a href="#" title="Downloads">Downloads</a>
+                        <ul>
+                            <li><a class="download-document" title="Download whole work" target="_blank" href="http://digital.slub-dresden.de/fileadmin/data/351357262/351357262_tif/jpegs/351357262.pdf">Download whole work</a></li>
+                        </ul>
+                    </li>
+                    <li class="doublepage"><a class="tx-dlf-navigation-doubleOn" title="Show double pages" href="index.php?id=9101&amp;tx_dlf%5Bpage%5D=&amp;tx_dlf%5Bdouble%5D=1&amp;tx_dlf%5Bid%5D=&amp;tx_dlf%5Bpagegrid%5D=0&amp;cHash=340ed462b59b1f2cb8701771ef9b4402">Show double pages</a></li>
+                    <li class="fulltext">
+                        <a class="select switchoff" id="tx-dlf-tools-fulltext" title="Volltext aus" data-dic="fulltext-on:Volltext an;fulltext-off:Volltext aus">Volltext aus</a>
+                    </li>
+                    <li class="grid"><a title="Thumbnail Preview" href="index.php?id=9101&amp;tx_dlf%5Bpage%5D=&amp;tx_dlf%5Bdouble%5D=0&amp;tx_dlf%5Bid%5D=&amp;tx_dlf%5Bpagegrid%5D=1&amp;cHash=9d899cbea2ad6b40710b99a4d1f8404c">Thumbnail Preview</a></li>
+                </ul>
+            </div>
+            <div class="view-functions">
+                <ul>
+                    <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+
+                    <!-- [TJ:] wrapping .tx-dlf-navigation should be removed -->
+                    <!-- <div class="tx-dlf-navigation"> -->
+                        <li class="pages">
+                            <form action="http://test.sachsendigital.de/index.php?id=9101" method="get">
+                                <div>
+                                    <input type="hidden" name="id" value="9101" /><input type="hidden" name="tx_dlf[id]" value="http://digital.slub-dresden.de/fileadmin/data/351357262/aufdesun_351357262_mets.xml" />
+                                    <label for="tx-dlf-navigation-59a27a32f0e07">Page</label>
+                                    <select id="tx-dlf-navigation-59a27a32f0e07" name="tx_dlf[page]" onchange="javascript:this.form.submit();">
+                                        <option value="1" selected="selected">[1] -  - </option><option value="2">[2] -  - </option><option value="3">[3] - 1</option><option value="4">[4] - 2</option><option value="5">[5] - 3</option><option value="6">[6] - 4</option><option value="7">[7] - 5</option><option value="8">[8] - 6</option><option value="9">[9] - 7</option><option value="10">[10] - 8</option><option value="11">[11] - 9</option><option value="12">[12] - 10</option><option value="13">[13] - 11</option><option value="14">[14] - 12</option><option value="15">[15] - 13</option><option value="16">[16] - 14</option><option value="17">[17] - 15</option><option value="18">[18] - 16</option><option value="19">[19] - 17</option><option value="20">[20] - 18</option><option value="21">[21] - 19</option><option value="22">[22] - 20</option><option value="23">[23] - 21</option><option value="24">[24] - 22</option><option value="25">[25] - 23</option><option value="26">[26] - 24</option><option value="27">[27] - 25</option><option value="28">[28] - 26</option><option value="29">[29] - 27</option><option value="30">[30] - 28</option><option value="31">[31] - 29</option><option value="32">[32] - 30</option><option value="33">[33] - 31</option><option value="34">[34] - 32</option><option value="35">[35] - 33</option><option value="36">[36] - 34</option><option value="37">[37] - 35</option><option value="38">[38] - 36</option><option value="39">[39] - 37</option><option value="40">[40] - 38</option><option value="41">[41] - 39</option><option value="42">[42] - 40</option><option value="43">[43] - 41</option><option value="44">[44] - 42</option><option value="45">[45] - 43</option><option value="46">[46] - 44</option><option value="47">[47] - 45</option><option value="48">[48] - 46</option><option value="49">[49] - 47</option><option value="50">[50] - 48</option><option value="51">[51] - 49</option><option value="52">[52] - 50</option><option value="53">[53] - 51</option><option value="54">[54] - 52</option><option value="55">[55] - 53</option><option value="56">[56] - 54</option><option value="57">[57] - 55</option><option value="58">[58] - 56</option><option value="59">[59] - 57</option><option value="60">[60] - 58</option><option value="61">[61] - 59</option><option value="62">[62] - 60</option><option value="63">[63] - 61</option><option value="64">[64] - 62</option><option value="65">[65] - 63</option><option value="66">[66] - 64</option><option value="67">[67] - 65</option><option value="68">[68] - 66</option><option value="69">[69] - 67</option><option value="70">[70] - 68</option><option value="71">[71] - 69</option><option value="72">[72] - 70</option><option value="73">[73] - 71</option><option value="74">[74] - 72</option><option value="75">[75] - 73</option><option value="76">[76] - 74</option><option value="77">[77] - 75</option><option value="78">[78] - 76</option><option value="79">[79] -  - </option><option value="80">[80] -  - </option>
+                                    </select>
+                                </div>
+                            </form>
+                        </li>
+                        <li class="rotate">
+                            <a class="rotate-left" title="Rotate Left" onclick="tx_dlf_viewer.map.rotateLeft()">Rotate Left</a>
+                            <a class="rotate-right" title="Rotate Right" onclick="tx_dlf_viewer.map.rotateRight()">Rotate Right</a>
+                            <a class="upend" title="Reset Rotation" onclick="tx_dlf_viewer.map.resetRotation()">Reset Rotation</a>
+                        </li>
+                        <li class="zoom">
+                            <a class="in" title="Zoom In" onclick="tx_dlf_viewer.map.zoomIn();">Zoom In</a>
+                            <a class="out" title="Zoom Out" onclick="tx_dlf_viewer.map.zoomOut();">Zoom Out</a>
+                            <a class="fullscreen" title="Fullscreen Mode">Fullscreen Mode</a>
+                        </li>
+                        <!-- END: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+                        <li class="tx-dlf-toolsImagemanipulation">
+                            <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_toolbox' -->
+
+                            <!-- [TJ:] Remove multiple DIVs. Inside this LI element there should be only the SPAN elements -->
+                            <!-- <div class="tx-dlf-toolbox"> -->
+
+                                <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_toolsImagemanipulation' -->
+                                <!-- <div class="tx-dlf-toolsImagemanipulation"> -->
+                                    <span>
+                                        <span class="tx-dlf-tools-imagetools" id="tx-dlf-tools-imagetools" data-dic="imagemanipulation-on:Activate image manipulation;imagemanipulation-off:Deactivate image manipulation;reset:Reset;saturation:Saturation;hue:Hue;contrast:Contrast;brightness:Brightness;invert:Color inverting" title="Image manipulation is not supported"></span>
+                                    </span>
+                                    <!-- </div> -->
+                                <!-- END: Content of extension 'dlf', plugin 'tx_dlf_toolsImagemanipulation' -->
+                            <!-- </div> -->
+                            <!-- END: Content of extension 'dlf', plugin 'tx_dlf_toolbox' -->
+                        </li>
+                </ul>
+                <div class="tx-dlf-toolbox"></div>
+            </div>
+            <div class="page-control">
+                <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+
+                <!-- [TJ:] wrapping .tx-dlf-navigation should be removed -->
+                <!-- <div class="tx-dlf-navigation"> -->
+                    <div class="backs">
+                        <span class="first"><span>First Page</span></span> <span class="rwnd"><span>Back 10 Pages</span></span> <span class="prev"><span>Previous Page</span></span>
+                    </div>
+                    <div class="fwds">
+                        <span class="next"><a href="index.php?id=9101&amp;tx_dlf%5Bid%5D=http%3A%2F%2Fdigital.slub-dresden.de%2Ffileadmin%2Fdata%2F351357262%2Faufdesun_351357262_mets.xml&amp;tx_dlf%5Bpage%5D=2&amp;tx_dlf%5Bdouble%5D=0&amp;cHash=fe2c78fba91b4272765b52fbb813ba7e" title="Next Page">Next Page</a></span> <span class="fwd"><a href="index.php?id=9101&amp;tx_dlf%5Bid%5D=http%3A%2F%2Fdigital.slub-dresden.de%2Ffileadmin%2Fdata%2F351357262%2Faufdesun_351357262_mets.xml&amp;tx_dlf%5Bpage%5D=11&amp;tx_dlf%5Bdouble%5D=0&amp;cHash=9cc30cf273636cb8b4813b91f3525b4c" title="Forward 10 Pages">Forward 10 Pages</a></span> <span class="last"><a href="index.php?id=9101&amp;tx_dlf%5Bid%5D=http%3A%2F%2Fdigital.slub-dresden.de%2Ffileadmin%2Fdata%2F351357262%2Faufdesun_351357262_mets.xml&amp;tx_dlf%5Bpage%5D=80&amp;tx_dlf%5Bdouble%5D=0&amp;cHash=f69e43235328a5ac846d992756195b0e" title="Last Page">Last Page</a></span>
+                    </div>
+                <!-- </div> -->
+                <!-- END: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+            </div>
+        </div><!--TYPO3SEARCH_end-->
+    </div>
+
+    <!-- [TJ:] Insert new Viewer Javascript -->
+    <script src="/typo3conf/ext/slub_digitalcollections/Resources/Public/Javascript/DigitalcollectionsScripts.js" type="text/javascript"> </script>
+
+</body>
+</html>
diff --git a/Static/year.html b/Static/year.html
new file mode 100644
index 00000000..d8b1ac98
--- /dev/null
+++ b/Static/year.html
@@ -0,0 +1,210 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <!--
+        This website is powered by TYPO3 - inspiring people to share!
+        TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
+        TYPO3 is copyright 1998-2017 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
+        Information and contribution at http://typo3.org/
+    -->
+    <title>SLUB Dresden: Allergnädigst privilegirtes Leipziger Tageblatt</title>
+    <meta name="generator" content="TYPO3 CMS">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="Some meta robot entries">
+    <meta name="description" content="Some fallback meta description here">
+    <meta name="keywords" content="Some fallback meta kewords here">
+
+    <link rel="shortcut icon" type="image/png" href="/typo3conf/ext/slub_digitalcollections/ext_icon.png">
+
+    <!-- [TJ:] Disable Website CSS and bring new Viewer style -->
+    <link rel="stylesheet" type="text/css" href="/typo3conf/ext/slub_digitalcollections/Resources/Public/Css/Digitalcollections.css" media="all">
+    <script src="//code.jquery.com/jquery-2.2.4.min.js" type="text/javascript" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
+    <link type="text/css" rel="stylesheet" href="/typo3conf/ext/dlf/lib/OpenLayers/ol3.css">
+
+    <!-- [TJ:] Brings the licensed SLUB webfonts to the game  -->
+    <link type="text/css" rel="stylesheet" href="/typo3conf/ext/slub_template/Resources/Public/Css/fonts.css">
+
+</head>
+<body>
+    <div class="main-wrapper">
+        <div class="control-bar">
+            <div class="header-bar">
+                <div class="brand"><a title="SLUB Dresden – Digitale Sammlungen" href="#"><span class="logo-replacement">SLUB Dresden</span> Digitale Sammlungen</a></div>
+                <nav>
+                    <ul class="secondary-nav">
+                        <li><a href="#" title="" class="send-help">Hilfe einblenden</a></li>
+                        <li><a href="#" title="">Kontakt</a></li>
+                        <li><a href="#" title="">Impressum</a></li>
+                        <li><a href="#" title="">Datenschutz</a></li>
+                        <li><a href="#" title="">SLUB Homepage</a></li>
+                    </ul>
+                    <ul class="language-nav">
+                        <li class="active"><a href="#" hreflang="de-DE" data-iso-label="DE">DE</a></li>
+                        <li class="text-muted"><span data-iso-label="EN">EN</span></li>
+                    </ul>
+                    <button type="button" class="nav-toggle">
+                        <span class="nav-label">Open Navigation</span>
+                        <span class="nav-button-bar"></span>
+                        <span class="nav-button-bar"></span>
+                        <span class="nav-button-bar"></span>
+                    </button>
+                </nav>
+            </div>
+            <div class="ctrldata-container">
+                <div class="metadata-wrapper">
+                    <div class="tx-dlf-metadata">
+                        <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_metadata' -->
+                        <div class="tx-dlf-metadata">
+                            <h1>Allergnädigst privilegirtes Leipziger Tageblatt</h1>
+                            <dl class="tx-dlf-metadata-titledata">
+                                <dt>Digitalisat</dt><dd>SLUB Dresden</dd><dt>URN</dt><dd><a href="http://nbn-resolving.de/urn:nbn:de:bsz:14-db-id453041795-18232">urn:nbn:de:bsz:14-db-id453041795-18232</a></dd><dt>PURL</dt><dd><a href="http://digital.slub-dresden.de/id453041795-1823">http://digital.slub-dresden.de/id453041795-1823</a></dd><dt>OAI-Identifier</dt><dd><a href="#">oai:de:slub-dresden:db:id-453041795-1823</a></dd><dt>Sammlungen</dt><dd>LDP: Zeitungen</dd><dd>Saxonica</dd><dd>Zeitungen</dd><dt>Strukturtyp</dt><dd>Erscheinungsjahr</dd>
+                            </dl>
+                        </div><!-- END: Content of extension 'dlf', plugin 'tx_dlf_metadata' -->
+                    </div>
+                    <div class="offcanvas-toggle"></div>
+                </div>
+                <div class="toc-wrapper">
+                    <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_toc' -->
+                    <div class="tx-dlf-toc">
+                        <ul class="toc"><li class="current submenu"><ul><li><a href="/werkansicht/dlf/177492/1/0/" title="1817">1817<span class="pagination"></span></a></li><li><a href="/werkansicht/dlf/178348/1/0/" title="1818">1818<span class="pagination"></span></a></li><li><a href="/werkansicht/dlf/179418/1/0/" title="1819">1819<span class="pagination"></span></a></li><li><a href="/werkansicht/dlf/180760/1/0/" title="1820">1820<span class="pagination"></span></a></li><li><a href="/werkansicht/dlf/181217/1/0/" title="1821">1821<span class="pagination"></span></a></li><li><a href="/werkansicht/dlf/181830/1/0/" title="1822">1822<span class="pagination"></span></a></li><li><a href="/werkansicht/dlf/187080/1/0/" title="1823">1823<span class="pagination"></span></a></li><li><a href="/werkansicht/dlf/182536/1/0/" title="1824">1824<span class="pagination"></span></a></li><li><a href="/werkansicht/dlf/182515/1/0/" title="1825">1825<span class="pagination"></span></a></li><li><a href="/werkansicht/dlf/182647/1/0/" title="1826">1826<span class="pagination"></span></a></li><li><a href="/werkansicht/dlf/183671/1/0/" title="1827">1827<span class="pagination"></span></a></li><li><a href="/werkansicht/dlf/184092/1/0/" title="1828">1828<span class="pagination"></span></a></li><li><a href="/werkansicht/dlf/185926/1/0/" title="1829">1829<span class="pagination"></span></a></li><li><a href="/werkansicht/dlf/186474/1/0/" title="1830">1830<span class="pagination"></span></a></li><li><a href="/werkansicht/dlf/187538/1/0/" title="1831">1831<span class="pagination"></span></a></li><li><a href="/werkansicht/dlf/184715/1/0/" title="1832">1832<span class="pagination"></span></a></li></ul></li></ul>
+                    </div><!-- END: Content of extension 'dlf', plugin 'tx_dlf_toc' -->
+                    <div class="offcanvas-toggle"></div>
+                </div>
+            </div>
+        </div><!--TYPO3SEARCH_begin-->
+        <div class="document-view">
+
+            <div class="tx-dlf-calendar-years">
+                <div class="meta-header">
+                    <div class="year-anchor">
+                        <a href="#">Erscheinungsjahre - Allergnädigst privilegirtes Leipziger Tageblatt</a>
+                    </div>
+                    <div class="meta-hint-year">
+                        Bitte wählen Sie zunächst einen Jahrgang aus.
+                    </div>
+                </div>
+                <ul>
+                    <li class="year"><a href="/werkansicht/dlf/177492/" title="Allergnädigst privilegirtes Leipziger Tageblatt: 1817">1817</a></li>
+                    <li class="year"><a href="/werkansicht/dlf/178348/" title="Allergnädigst privilegirtes Leipziger Tageblatt: 1818">1818</a></li>
+                    <li class="year"><a href="/werkansicht/dlf/179418/" title="Allergnädigst privilegirtes Leipziger Tageblatt: 1819">1819</a></li>
+                    <li class="year"><a href="/werkansicht/dlf/180760/" title="Allergnädigst privilegirtes Leipziger Tageblatt: 1820">1820</a></li>
+                    <li class="year"><a href="/werkansicht/dlf/181217/" title="Allergnädigst privilegirtes Leipziger Tageblatt: 1821">1821</a></li>
+                    <li class="year"><a href="/werkansicht/dlf/181830/" title="Allergnädigst privilegirtes Leipziger Tageblatt: 1822">1822</a></li>
+                    <li class="year"><a href="/werkansicht/dlf/187080/" title="Allergnädigst privilegirtes Leipziger Tageblatt: 1823">1823</a></li>
+                    <li class="year"><a href="/werkansicht/dlf/182536/" title="Allergnädigst privilegirtes Leipziger Tageblatt: 1824">1824</a></li>
+                    <li class="year"><a href="/werkansicht/dlf/182515/" title="Allergnädigst privilegirtes Leipziger Tageblatt: 1825">1825</a></li>
+                    <li class="year"><a href="/werkansicht/dlf/182647/" title="Allergnädigst privilegirtes Leipziger Tageblatt: 1826">1826</a></li>
+                    <li class="year"><a href="/werkansicht/dlf/183671/" title="Allergnädigst privilegirtes Leipziger Tageblatt: 1827">1827</a></li>
+                    <li class="year"><a href="/werkansicht/dlf/184092/" title="Allergnädigst privilegirtes Leipziger Tageblatt: 1828">1828</a></li>
+                    <li class="year"><a href="/werkansicht/dlf/185926/" title="Allergnädigst privilegirtes Leipziger Tageblatt: 1829">1829</a></li>
+                    <li class="year"><a href="/werkansicht/dlf/186474/" title="Allergnädigst privilegirtes Leipziger Tageblatt: 1830">1830</a></li>
+                    <li class="year"><a href="/werkansicht/dlf/187538/" title="Allergnädigst privilegirtes Leipziger Tageblatt: 1831">1831</a></li>
+                    <li class="year"><a href="/werkansicht/dlf/184715/" title="Allergnädigst privilegirtes Leipziger Tageblatt: 1832">1832</a></li>
+                </ul>
+            </div>
+
+                <div class="fulltext-container">
+
+                </div>
+
+            <div class="document-functions">
+                <div class="provider">
+                    <dl class="mobile-meta">
+                        <dt class="tx-dlf-title">Titel</dt>
+                        <dd class="tx-dlf-title"><a href="#">1823</a></dd>
+                        <dt>Autor</dt>
+                    </dl>
+                </div>
+                <ul>
+                    <li class="submenu links">
+                        <a href="#" title="Links">Links</a>
+                        <ul>
+                            <li><a class="local-presentation" title="Show in local context" href="http://digital.slub-dresden.de/id351357262">Show in local context</a></li>
+                            <li><a class="local-catalog" title="Online Public Access Catalog" href="http://dienste.slub-dresden.de/cgi-bin/FOZK.pl?PPN=351357262">Online Public Access Catalog</a></li>
+                            <li><a class="local-contact" title="Email to data provider (Sächsische Landesbibliothek - Staats- und Universitätsbibliothek Dresden)" href="mailto:mailto:sebastian.meyer@slub-dresden.de">Email to data provider</a></li>
+                        </ul>
+                    </li>
+                    <li class="submenu downloads">
+                        <a href="#" title="Downloads">Downloads</a>
+                        <ul>
+                            <li><a class="download-document" title="Download whole work" target="_blank" href="http://digital.slub-dresden.de/fileadmin/data/351357262/351357262_tif/jpegs/351357262.pdf">Download whole work</a></li>
+                        </ul>
+                    </li>
+                    <li class="doublepage"><a class="tx-dlf-navigation-doubleOn" title="Show double pages" href="index.php?id=9101&amp;tx_dlf%5Bpage%5D=&amp;tx_dlf%5Bdouble%5D=1&amp;tx_dlf%5Bid%5D=&amp;tx_dlf%5Bpagegrid%5D=0&amp;cHash=340ed462b59b1f2cb8701771ef9b4402">Show double pages</a></li>
+                    <li class="fulltext">
+                        <a class="select switchoff" id="tx-dlf-tools-fulltext" title="Volltext aus" data-dic="fulltext-on:Volltext an;fulltext-off:Volltext aus">Volltext aus</a>
+                    </li>
+                    <li class="grid"><a title="Thumbnail Preview" href="index.php?id=9101&amp;tx_dlf%5Bpage%5D=&amp;tx_dlf%5Bdouble%5D=0&amp;tx_dlf%5Bid%5D=&amp;tx_dlf%5Bpagegrid%5D=1&amp;cHash=9d899cbea2ad6b40710b99a4d1f8404c">Thumbnail Preview</a></li>
+                </ul>
+            </div>
+            <div class="view-functions">
+                <ul>
+                    <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+
+                    <!-- [TJ:] wrapping .tx-dlf-navigation should be removed -->
+                    <!-- <div class="tx-dlf-navigation"> -->
+                        <li class="pages">
+                            <form action="http://test.sachsendigital.de/index.php?id=9101" method="get">
+                                <div>
+                                    <input type="hidden" name="id" value="9101" /><input type="hidden" name="tx_dlf[id]" value="http://digital.slub-dresden.de/fileadmin/data/351357262/aufdesun_351357262_mets.xml" />
+                                    <label for="tx-dlf-navigation-59a27a32f0e07">Page</label>
+                                    <select id="tx-dlf-navigation-59a27a32f0e07" name="tx_dlf[page]" onchange="javascript:this.form.submit();">
+                                        <option value="1" selected="selected">[1] -  - </option><option value="2">[2] -  - </option><option value="3">[3] - 1</option><option value="4">[4] - 2</option><option value="5">[5] - 3</option><option value="6">[6] - 4</option><option value="7">[7] - 5</option><option value="8">[8] - 6</option><option value="9">[9] - 7</option><option value="10">[10] - 8</option><option value="11">[11] - 9</option><option value="12">[12] - 10</option><option value="13">[13] - 11</option><option value="14">[14] - 12</option><option value="15">[15] - 13</option><option value="16">[16] - 14</option><option value="17">[17] - 15</option><option value="18">[18] - 16</option><option value="19">[19] - 17</option><option value="20">[20] - 18</option><option value="21">[21] - 19</option><option value="22">[22] - 20</option><option value="23">[23] - 21</option><option value="24">[24] - 22</option><option value="25">[25] - 23</option><option value="26">[26] - 24</option><option value="27">[27] - 25</option><option value="28">[28] - 26</option><option value="29">[29] - 27</option><option value="30">[30] - 28</option><option value="31">[31] - 29</option><option value="32">[32] - 30</option><option value="33">[33] - 31</option><option value="34">[34] - 32</option><option value="35">[35] - 33</option><option value="36">[36] - 34</option><option value="37">[37] - 35</option><option value="38">[38] - 36</option><option value="39">[39] - 37</option><option value="40">[40] - 38</option><option value="41">[41] - 39</option><option value="42">[42] - 40</option><option value="43">[43] - 41</option><option value="44">[44] - 42</option><option value="45">[45] - 43</option><option value="46">[46] - 44</option><option value="47">[47] - 45</option><option value="48">[48] - 46</option><option value="49">[49] - 47</option><option value="50">[50] - 48</option><option value="51">[51] - 49</option><option value="52">[52] - 50</option><option value="53">[53] - 51</option><option value="54">[54] - 52</option><option value="55">[55] - 53</option><option value="56">[56] - 54</option><option value="57">[57] - 55</option><option value="58">[58] - 56</option><option value="59">[59] - 57</option><option value="60">[60] - 58</option><option value="61">[61] - 59</option><option value="62">[62] - 60</option><option value="63">[63] - 61</option><option value="64">[64] - 62</option><option value="65">[65] - 63</option><option value="66">[66] - 64</option><option value="67">[67] - 65</option><option value="68">[68] - 66</option><option value="69">[69] - 67</option><option value="70">[70] - 68</option><option value="71">[71] - 69</option><option value="72">[72] - 70</option><option value="73">[73] - 71</option><option value="74">[74] - 72</option><option value="75">[75] - 73</option><option value="76">[76] - 74</option><option value="77">[77] - 75</option><option value="78">[78] - 76</option><option value="79">[79] -  - </option><option value="80">[80] -  - </option>
+                                    </select>
+                                </div>
+                            </form>
+                        </li>
+                        <li class="rotate">
+                            <a class="rotate-left" title="Rotate Left" onclick="tx_dlf_viewer.map.rotateLeft()">Rotate Left</a>
+                            <a class="rotate-right" title="Rotate Right" onclick="tx_dlf_viewer.map.rotateRight()">Rotate Right</a>
+                            <a class="upend" title="Reset Rotation" onclick="tx_dlf_viewer.map.resetRotation()">Reset Rotation</a>
+                        </li>
+                        <li class="zoom">
+                            <a class="in" title="Zoom In" onclick="tx_dlf_viewer.map.zoomIn();">Zoom In</a>
+                            <a class="out" title="Zoom Out" onclick="tx_dlf_viewer.map.zoomOut();">Zoom Out</a>
+                            <a class="fullscreen" title="Fullscreen Mode">Fullscreen Mode</a>
+                        </li>
+                    <!-- </div> -->
+                    <!-- END: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+                    <li class="tx-dlf-toolsImagemanipulation">
+                        <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_toolbox' -->
+
+                        <!-- [TJ:] Remove multiple DIVs. Inside this LI element there should be only the SPAN elements -->
+                        <!-- <div class="tx-dlf-toolbox"> -->
+
+                            <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_toolsImagemanipulation' -->
+                            <!-- <div class="tx-dlf-toolsImagemanipulation"> -->
+                                <span>
+                                    <span class="tx-dlf-tools-imagetools" id="tx-dlf-tools-imagetools" data-dic="imagemanipulation-on:Activate image manipulation;imagemanipulation-off:Deactivate image manipulation;reset:Reset;saturation:Saturation;hue:Hue;contrast:Contrast;brightness:Brightness;invert:Color inverting" title="Image manipulation is not supported"></span>
+                                </span>
+                                <!-- </div> -->
+                            <!-- END: Content of extension 'dlf', plugin 'tx_dlf_toolsImagemanipulation' -->
+                        <!-- </div> -->
+                        <!-- END: Content of extension 'dlf', plugin 'tx_dlf_toolbox' -->
+                    </li>
+                </ul>
+                <div class="tx-dlf-toolbox"></div>
+            </div>
+            <div class="page-control">
+                <!-- BEGIN: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+
+                <!-- [TJ:] wrapping .tx-dlf-navigation should be removed -->
+                <!-- <div class="tx-dlf-navigation"> -->
+                    <div class="backs">
+                        <span class="first"><span>First Page</span></span> <span class="rwnd"><span>Back 10 Pages</span></span> <span class="prev"><span>Previous Page</span></span>
+                    </div>
+                    <div class="fwds">
+                        <span class="next"><a href="index.php?id=9101&amp;tx_dlf%5Bid%5D=http%3A%2F%2Fdigital.slub-dresden.de%2Ffileadmin%2Fdata%2F351357262%2Faufdesun_351357262_mets.xml&amp;tx_dlf%5Bpage%5D=2&amp;tx_dlf%5Bdouble%5D=0&amp;cHash=fe2c78fba91b4272765b52fbb813ba7e" title="Next Page">Next Page</a></span> <span class="fwd"><a href="index.php?id=9101&amp;tx_dlf%5Bid%5D=http%3A%2F%2Fdigital.slub-dresden.de%2Ffileadmin%2Fdata%2F351357262%2Faufdesun_351357262_mets.xml&amp;tx_dlf%5Bpage%5D=11&amp;tx_dlf%5Bdouble%5D=0&amp;cHash=9cc30cf273636cb8b4813b91f3525b4c" title="Forward 10 Pages">Forward 10 Pages</a></span> <span class="last"><a href="index.php?id=9101&amp;tx_dlf%5Bid%5D=http%3A%2F%2Fdigital.slub-dresden.de%2Ffileadmin%2Fdata%2F351357262%2Faufdesun_351357262_mets.xml&amp;tx_dlf%5Bpage%5D=80&amp;tx_dlf%5Bdouble%5D=0&amp;cHash=f69e43235328a5ac846d992756195b0e" title="Last Page">Last Page</a></span>
+                    </div>
+                <!-- </div> -->
+                <!-- END: Content of extension 'dlf', plugin 'tx_dlf_navigation' -->
+            </div>
+        </div><!--TYPO3SEARCH_end-->
+    </div>
+
+    <!-- [TJ:] Insert new Viewer Javascript -->
+    <script src="/typo3conf/ext/slub_digitalcollections/Resources/Public/Javascript/DigitalcollectionsScripts.js" type="text/javascript"> </script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/composer.json b/composer.json
new file mode 100644
index 00000000..ea7c858a
--- /dev/null
+++ b/composer.json
@@ -0,0 +1,38 @@
+{
+  "name": "slub/slub-digitalcollections",
+  "type": "typo3-cms-extension",
+  "description": "Templates, Styles and Configuration for the Kitodo.Presentation based Digital Collections by SLUB Dresden",
+  "homepage": "https://github.com/slub/slub_digitalcollections",
+  "keywords": [
+    "TYPO3",
+    "extension",
+    "slub_digitalcollections"
+  ],
+  "authors": [
+    {
+      "name": "Alexander Bigga",
+      "email": "alexander.bigga@slub-dresden.de",
+      "role": "Developer"
+    },
+    {
+      "name": "Norman Steger",
+      "email": "norman.steger@slub-dresden.de",
+      "role": "Developer"
+    },
+    {
+      "name": "Thomas Jung",
+      "email": "slub@jung.digital",
+      "role": "Developer"
+    }
+  ],
+  "license": "GPL-3.0-or-later",
+  "require": {
+    "typo3/cms-core": "~7.6|^8.7|^9.5",
+    "kitodo/presentation": "~2.2|3.0"
+  },
+  "autoload": {
+    "psr-4": {
+      "Slub\\DigitalCollections\\": "Classes/"
+    }
+  }
+}
diff --git a/ext_emconf.php b/ext_emconf.php
new file mode 100755
index 00000000..1ee2019b
--- /dev/null
+++ b/ext_emconf.php
@@ -0,0 +1,26 @@
+<?php
+
+$EM_CONF[$_EXTKEY] = array(
+	'title' => 'SLUB Digital Collections',
+	'description' => '',
+	'category' => 'plugin',
+	'author' => 'Alexander Bigga',
+	'author_email' => 'alexander.bigga@slub-dresden.de',
+	'author_company' => 'SLUB Dresden',
+	'shy' => '',
+	'priority' => '',
+	'module' => '',
+	'state' => 'stable',
+	'internal' => '',
+	'uploadfolder' => '0',
+	'createDirs' => '',
+	'modify_tables' => '',
+	'clearCacheOnLoad' => 0,
+	'lockType' => '',
+	'version' => '1.0.0',
+	'constraints' => array(
+		'depends' => array(
+			'typo3' => '7.6.30-9.5.99',
+		),
+	),
+);
diff --git a/ext_icon.png b/ext_icon.png
new file mode 100644
index 00000000..2708e913
Binary files /dev/null and b/ext_icon.png differ
diff --git a/ext_localconf.php b/ext_localconf.php
new file mode 100644
index 00000000..0a457ebf
--- /dev/null
+++ b/ext_localconf.php
@@ -0,0 +1,8 @@
+<?php
+
+if (!is_array($GLOBALS['TYPO3_CONF_VARS']['SYS']['caching']['cacheConfigurations']['slub_digitalcollections_collections'])) {
+    $GLOBALS['TYPO3_CONF_VARS']['SYS']['caching']['cacheConfigurations']['slub_digitalcollections_collections'] = [];
+}
+if (!isset($GLOBALS['TYPO3_CONF_VARS']['SYS']['caching']['cacheConfigurations']['slub_digitalcollections_collections']['backend'])) {
+    $GLOBALS['TYPO3_CONF_VARS']['SYS']['caching']['cacheConfigurations']['slub_digitalcollections_collections']['backend'] = 'TYPO3\\CMS\\Core\\Cache\\Backend\\SimpleFileBackend';
+}
diff --git a/gruntfile.js b/gruntfile.js
new file mode 100644
index 00000000..30054af0
--- /dev/null
+++ b/gruntfile.js
@@ -0,0 +1,49 @@
+
+module.exports = function(grunt) {
+    require('jit-grunt')(grunt);
+
+    grunt.initConfig({
+        less: {
+            development: {
+                options: {
+                    sourceMap: true,
+                    compress: true,
+                    yuicompress: true,
+                    optimization: 2
+                },
+                files: {
+                    "Resources/Public/Css/Digitalcollections.css" : "Resources/Private/Less/Digitalcollections.less",
+                    "Resources/Public/Css/DigitalcollectionsLists.css" : "Resources/Private/Less/DigitalcollectionsLists.less",
+                }
+            }
+        },
+        uglify: {
+            development: {
+                options: {
+                    compress: true,
+                    preserveComments: false,
+                    yuicompress: true,
+                    optimization: 2
+                },
+                files: {
+                    "Resources/Public/Javascript/DigitalcollectionsScripts.js" : ['Resources/Private/Javascript/modernizrCustom.js', 'Resources/Private/Javascript/Cookies.js', 'Resources/Private/Javascript/DigitalcollectionsScripts.js'],
+                    "Resources/Public/Javascript/DigitalcollectionsListScripts.js" : ['Resources/Private/Javascript/modernizrCustom.js', 'Resources/Private/Javascript/colcade.js', 'Resources/Private/Javascript/DigitalcollectionsListScripts.js']
+                }
+            }
+        },
+        watch: {
+            styles: {
+                files: ['Resources/Private/Less/**/*.less'],
+                tasks: ['less'],
+                options: {
+                    nospawn: true
+                }
+            },
+            js: {
+                files: ['Resources/Private/Javascript/*.js'],
+                tasks: ['uglify']
+            }
+        }
+    });
+    grunt.registerTask('default', ['less','uglify','watch']);
+};
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..4e0d78e0
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,1922 @@
+{
+  "name": "slub-digitalcollections",
+  "version": "0.0.1",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
+      "dev": true
+    },
+    "ajv": {
+      "version": "6.10.2",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.10.2.tgz",
+      "integrity": "sha512-TXtUUEYHuaTEbLZWIKUr5pmBuhDLy+8KYtPYdcV8qC+pOZL+NKqYwvWSRrVXHn+ZmRRAu8vJTAznH7Oag6RVRw==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "fast-deep-equal": "^2.0.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      }
+    },
+    "ansi-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+      "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+      "dev": true
+    },
+    "ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dev": true,
+      "requires": {
+        "color-convert": "^1.9.0"
+      }
+    },
+    "argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dev": true,
+      "requires": {
+        "sprintf-js": "~1.0.2"
+      },
+      "dependencies": {
+        "sprintf-js": {
+          "version": "1.0.3",
+          "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+          "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
+          "dev": true
+        }
+      }
+    },
+    "array-find-index": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz",
+      "integrity": "sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=",
+      "dev": true
+    },
+    "asap": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
+      "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=",
+      "dev": true,
+      "optional": true
+    },
+    "asn1": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz",
+      "integrity": "sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "safer-buffer": "~2.1.0"
+      }
+    },
+    "assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+      "dev": true,
+      "optional": true
+    },
+    "async": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz",
+      "integrity": "sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=",
+      "dev": true
+    },
+    "asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=",
+      "dev": true,
+      "optional": true
+    },
+    "aws-sign2": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
+      "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=",
+      "dev": true,
+      "optional": true
+    },
+    "aws4": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.8.0.tgz",
+      "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==",
+      "dev": true,
+      "optional": true
+    },
+    "balanced-match": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
+      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
+      "dev": true
+    },
+    "bcrypt-pbkdf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
+      "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "tweetnacl": "^0.14.3"
+      }
+    },
+    "body": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/body/-/body-5.1.0.tgz",
+      "integrity": "sha1-5LoM5BCkaTYyM2dgnstOZVMSUGk=",
+      "dev": true,
+      "requires": {
+        "continuable-cache": "^0.3.1",
+        "error": "^7.0.0",
+        "raw-body": "~1.1.0",
+        "safe-json-parse": "~1.0.1"
+      }
+    },
+    "brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "requires": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "bytes": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-1.0.0.tgz",
+      "integrity": "sha1-NWnt6Lo0MV+rmcPpLLBMciDeH6g=",
+      "dev": true
+    },
+    "camelcase": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz",
+      "integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=",
+      "dev": true
+    },
+    "camelcase-keys": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
+      "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=",
+      "dev": true,
+      "requires": {
+        "camelcase": "^2.0.0",
+        "map-obj": "^1.0.0"
+      }
+    },
+    "caseless": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
+      "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=",
+      "dev": true,
+      "optional": true
+    },
+    "chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      }
+    },
+    "cli": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/cli/-/cli-1.0.1.tgz",
+      "integrity": "sha1-IoF1NPJL+klQw01TLUjsvGIbjBQ=",
+      "dev": true,
+      "requires": {
+        "exit": "0.1.2",
+        "glob": "^7.1.1"
+      },
+      "dependencies": {
+        "glob": {
+          "version": "7.1.3",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz",
+          "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==",
+          "dev": true,
+          "requires": {
+            "fs.realpath": "^1.0.0",
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "^3.0.4",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        }
+      }
+    },
+    "clone": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+      "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=",
+      "dev": true
+    },
+    "coffeescript": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/coffeescript/-/coffeescript-1.10.0.tgz",
+      "integrity": "sha1-56qDAZF+9iGzXYo580jc3R234z4=",
+      "dev": true
+    },
+    "color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dev": true,
+      "requires": {
+        "color-name": "1.1.3"
+      }
+    },
+    "color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
+      "dev": true
+    },
+    "colors": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/colors/-/colors-1.1.2.tgz",
+      "integrity": "sha1-FopHAXVran9RoSzgyXv6KMCE7WM=",
+      "dev": true
+    },
+    "combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "delayed-stream": "~1.0.0"
+      }
+    },
+    "commander": {
+      "version": "2.17.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.17.1.tgz",
+      "integrity": "sha512-wPMUt6FnH2yzG95SA6mzjQOEKUU3aLaDEmzs1ti+1E9h+CsrZghRlqEM/EJ4KscsQVG8uNN4uVreUeT8+drlgg==",
+      "dev": true
+    },
+    "concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
+      "dev": true
+    },
+    "console-browserify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.1.0.tgz",
+      "integrity": "sha1-8CQcRXMKn8YyOyBtvzjtx0HQuxA=",
+      "dev": true,
+      "requires": {
+        "date-now": "^0.1.4"
+      }
+    },
+    "continuable-cache": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/continuable-cache/-/continuable-cache-0.3.1.tgz",
+      "integrity": "sha1-vXJ6f67XfnH/OYWskzUakSczrQ8=",
+      "dev": true
+    },
+    "core-util-is": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
+      "dev": true
+    },
+    "currently-unhandled": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
+      "integrity": "sha1-mI3zP+qxke95mmE2nddsF635V+o=",
+      "dev": true,
+      "requires": {
+        "array-find-index": "^1.0.1"
+      }
+    },
+    "dashdash": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
+      "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "assert-plus": "^1.0.0"
+      }
+    },
+    "date-now": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/date-now/-/date-now-0.1.4.tgz",
+      "integrity": "sha1-6vQ5/U1ISK105cx9vvIAZyueNFs=",
+      "dev": true
+    },
+    "dateformat": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-1.0.12.tgz",
+      "integrity": "sha1-nxJLZ1lMk3/3BpMuSmQsyo27/uk=",
+      "dev": true,
+      "requires": {
+        "get-stdin": "^4.0.1",
+        "meow": "^3.3.0"
+      }
+    },
+    "debug": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz",
+      "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==",
+      "dev": true,
+      "requires": {
+        "ms": "^2.1.1"
+      }
+    },
+    "decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
+      "dev": true
+    },
+    "delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=",
+      "dev": true,
+      "optional": true
+    },
+    "dom-serializer": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.1.1.tgz",
+      "integrity": "sha512-l0IU0pPzLWSHBcieZbpOKgkIn3ts3vAh7ZuFyXNwJxJXk/c4Gwj9xaTJwIDVQCXawWD0qb3IzMGH5rglQaO0XA==",
+      "dev": true,
+      "requires": {
+        "domelementtype": "^1.3.0",
+        "entities": "^1.1.1"
+      },
+      "dependencies": {
+        "entities": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
+          "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==",
+          "dev": true
+        }
+      }
+    },
+    "domelementtype": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
+      "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==",
+      "dev": true
+    },
+    "domhandler": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.3.0.tgz",
+      "integrity": "sha1-LeWaCCLVAn+r/28DLCsloqir5zg=",
+      "dev": true,
+      "requires": {
+        "domelementtype": "1"
+      }
+    },
+    "domutils": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.5.1.tgz",
+      "integrity": "sha1-3NhIiib1Y9YQeeSMn3t+Mjc2gs8=",
+      "dev": true,
+      "requires": {
+        "dom-serializer": "0",
+        "domelementtype": "1"
+      }
+    },
+    "duplexer": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz",
+      "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=",
+      "dev": true
+    },
+    "ecc-jsbn": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
+      "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.1.0"
+      }
+    },
+    "entities": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-1.0.0.tgz",
+      "integrity": "sha1-sph6o4ITR/zeZCsk/fyeT7cSvyY=",
+      "dev": true
+    },
+    "errno": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.7.tgz",
+      "integrity": "sha512-MfrRBDWzIWifgq6tJj60gkAwtLNb6sQPlcFrSOflcP1aFmmruKQ2wRnze/8V6kgyz7H3FF8Npzv78mZ7XLLflg==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "prr": "~1.0.1"
+      }
+    },
+    "error": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/error/-/error-7.0.2.tgz",
+      "integrity": "sha1-pfdf/02ZJhJt2sDqXcOOaJFTywI=",
+      "dev": true,
+      "requires": {
+        "string-template": "~0.2.1",
+        "xtend": "~4.0.0"
+      }
+    },
+    "error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "dev": true,
+      "requires": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
+      "dev": true
+    },
+    "esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true
+    },
+    "eventemitter2": {
+      "version": "0.4.14",
+      "resolved": "https://registry.npmjs.org/eventemitter2/-/eventemitter2-0.4.14.tgz",
+      "integrity": "sha1-j2G3XN4BKy6esoTUVFWDtWQ7Yas=",
+      "dev": true
+    },
+    "exit": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz",
+      "integrity": "sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=",
+      "dev": true
+    },
+    "extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "dev": true,
+      "optional": true
+    },
+    "extsprintf": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
+      "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=",
+      "dev": true,
+      "optional": true
+    },
+    "fast-deep-equal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
+      "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=",
+      "dev": true,
+      "optional": true
+    },
+    "fast-json-stable-stringify": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz",
+      "integrity": "sha1-1RQsDK7msRifh9OnYREGT4bIu/I=",
+      "dev": true,
+      "optional": true
+    },
+    "faye-websocket": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.10.0.tgz",
+      "integrity": "sha1-TkkvjQTftviQA1B/btvy1QHnxvQ=",
+      "dev": true,
+      "requires": {
+        "websocket-driver": ">=0.5.1"
+      }
+    },
+    "figures": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/figures/-/figures-1.7.0.tgz",
+      "integrity": "sha1-y+Hjr/zxzUS4DK3+0o3Hk6lwHS4=",
+      "dev": true,
+      "requires": {
+        "escape-string-regexp": "^1.0.5",
+        "object-assign": "^4.1.0"
+      }
+    },
+    "find-up": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
+      "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
+      "dev": true,
+      "requires": {
+        "path-exists": "^2.0.0",
+        "pinkie-promise": "^2.0.0"
+      }
+    },
+    "findup-sync": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-0.3.0.tgz",
+      "integrity": "sha1-N5MKpdgWt3fANEXhlmzGeQpMCxY=",
+      "dev": true,
+      "requires": {
+        "glob": "~5.0.0"
+      },
+      "dependencies": {
+        "glob": {
+          "version": "5.0.15",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-5.0.15.tgz",
+          "integrity": "sha1-G8k2ueAvSmA/zCIuz3Yz0wuLk7E=",
+          "dev": true,
+          "requires": {
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "2 || 3",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        }
+      }
+    },
+    "forever-agent": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
+      "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=",
+      "dev": true,
+      "optional": true
+    },
+    "form-data": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
+      "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.6",
+        "mime-types": "^2.1.12"
+      }
+    },
+    "fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
+      "dev": true
+    },
+    "gaze": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/gaze/-/gaze-1.1.3.tgz",
+      "integrity": "sha512-BRdNm8hbWzFzWHERTrejLqwHDfS4GibPoq5wjTPIoJHoBtKGPg3xAFfxmM+9ztbXelxcf2hwQcaz1PtmFeue8g==",
+      "dev": true,
+      "requires": {
+        "globule": "^1.0.0"
+      }
+    },
+    "get-stdin": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
+      "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=",
+      "dev": true
+    },
+    "getobject": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/getobject/-/getobject-0.1.0.tgz",
+      "integrity": "sha1-BHpEl4n6Fg0Bj1SG7ZEyC27HiFw=",
+      "dev": true
+    },
+    "getpass": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
+      "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "assert-plus": "^1.0.0"
+      }
+    },
+    "glob": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.0.6.tgz",
+      "integrity": "sha1-IRuvr0nlJbjNkyYNFKsTYVKz9Xo=",
+      "dev": true,
+      "requires": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.2",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      }
+    },
+    "globule": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/globule/-/globule-1.2.1.tgz",
+      "integrity": "sha512-g7QtgWF4uYSL5/dn71WxubOrS7JVGCnFPEnoeChJmBnyR9Mw8nGoEwOgJL/RC2Te0WhbsEUCejfH8SZNJ+adYQ==",
+      "dev": true,
+      "requires": {
+        "glob": "~7.1.1",
+        "lodash": "~4.17.10",
+        "minimatch": "~3.0.2"
+      },
+      "dependencies": {
+        "glob": {
+          "version": "7.1.3",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz",
+          "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==",
+          "dev": true,
+          "requires": {
+            "fs.realpath": "^1.0.0",
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "^3.0.4",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        }
+      }
+    },
+    "graceful-fs": {
+      "version": "4.1.15",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.15.tgz",
+      "integrity": "sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA==",
+      "dev": true
+    },
+    "grunt": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/grunt/-/grunt-1.0.4.tgz",
+      "integrity": "sha512-PYsMOrOC+MsdGEkFVwMaMyc6Ob7pKmq+deg1Sjr+vvMWp35sztfwKE7qoN51V+UEtHsyNuMcGdgMLFkBHvMxHQ==",
+      "dev": true,
+      "requires": {
+        "coffeescript": "~1.10.0",
+        "dateformat": "~1.0.12",
+        "eventemitter2": "~0.4.13",
+        "exit": "~0.1.1",
+        "findup-sync": "~0.3.0",
+        "glob": "~7.0.0",
+        "grunt-cli": "~1.2.0",
+        "grunt-known-options": "~1.1.0",
+        "grunt-legacy-log": "~2.0.0",
+        "grunt-legacy-util": "~1.1.1",
+        "iconv-lite": "~0.4.13",
+        "js-yaml": "~3.13.0",
+        "minimatch": "~3.0.2",
+        "mkdirp": "~0.5.1",
+        "nopt": "~3.0.6",
+        "path-is-absolute": "~1.0.0",
+        "rimraf": "~2.6.2"
+      },
+      "dependencies": {
+        "grunt-cli": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/grunt-cli/-/grunt-cli-1.2.0.tgz",
+          "integrity": "sha1-VisRnrsGndtGSs4oRVAb6Xs1tqg=",
+          "dev": true,
+          "requires": {
+            "findup-sync": "~0.3.0",
+            "grunt-known-options": "~1.1.0",
+            "nopt": "~3.0.6",
+            "resolve": "~1.1.0"
+          }
+        },
+        "resolve": {
+          "version": "1.1.7",
+          "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.1.7.tgz",
+          "integrity": "sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=",
+          "dev": true
+        }
+      }
+    },
+    "grunt-contrib-jshint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/grunt-contrib-jshint/-/grunt-contrib-jshint-1.1.0.tgz",
+      "integrity": "sha1-Np2QmyWTxA6L55lAshNAhQx5Oaw=",
+      "dev": true,
+      "requires": {
+        "chalk": "^1.1.1",
+        "hooker": "^0.2.3",
+        "jshint": "~2.9.4"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
+          "dev": true
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^2.2.1",
+            "escape-string-regexp": "^1.0.2",
+            "has-ansi": "^2.0.0",
+            "strip-ansi": "^3.0.0",
+            "supports-color": "^2.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
+          "dev": true
+        }
+      }
+    },
+    "grunt-contrib-less": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/grunt-contrib-less/-/grunt-contrib-less-2.0.0.tgz",
+      "integrity": "sha512-nsaODoEMjVn61OuqPaFeFQpb4Qd/EbfxQDeYnh2oONXm8L5Gnuchtv59kl0V3hjiFdOkZlPILDc3ZrkoZI0PNw==",
+      "dev": true,
+      "requires": {
+        "async": "^2.0.0",
+        "chalk": "^1.0.0",
+        "less": "^3.0.4",
+        "lodash": "^4.17.10"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
+          "dev": true
+        },
+        "async": {
+          "version": "2.6.2",
+          "resolved": "https://registry.npmjs.org/async/-/async-2.6.2.tgz",
+          "integrity": "sha512-H1qVYh1MYhEEFLsP97cVKqCGo7KfCyTt6uEWqsTBr9SO84oK9Uwbyd/yCW+6rKJLHksBNUVWZDAjfS+Ccx0Bbg==",
+          "dev": true,
+          "requires": {
+            "lodash": "^4.17.11"
+          }
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^2.2.1",
+            "escape-string-regexp": "^1.0.2",
+            "has-ansi": "^2.0.0",
+            "strip-ansi": "^3.0.0",
+            "supports-color": "^2.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
+          "dev": true
+        }
+      }
+    },
+    "grunt-contrib-uglify": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/grunt-contrib-uglify/-/grunt-contrib-uglify-3.4.0.tgz",
+      "integrity": "sha512-UXsTpeP0pytpTYlmll3RDndsRXfdwmrf1tI/AtD/PrArQAzGmKMvj83aVt3D8egWlE6KqPjsJBLCCvfC52LI/A==",
+      "dev": true,
+      "requires": {
+        "chalk": "^1.0.0",
+        "maxmin": "^2.1.0",
+        "uglify-js": "~3.4.0",
+        "uri-path": "^1.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
+          "dev": true
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^2.2.1",
+            "escape-string-regexp": "^1.0.2",
+            "has-ansi": "^2.0.0",
+            "strip-ansi": "^3.0.0",
+            "supports-color": "^2.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
+          "dev": true
+        }
+      }
+    },
+    "grunt-contrib-watch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/grunt-contrib-watch/-/grunt-contrib-watch-1.1.0.tgz",
+      "integrity": "sha512-yGweN+0DW5yM+oo58fRu/XIRrPcn3r4tQx+nL7eMRwjpvk+rQY6R8o94BPK0i2UhTg9FN21hS+m8vR8v9vXfeg==",
+      "dev": true,
+      "requires": {
+        "async": "^2.6.0",
+        "gaze": "^1.1.0",
+        "lodash": "^4.17.10",
+        "tiny-lr": "^1.1.1"
+      },
+      "dependencies": {
+        "async": {
+          "version": "2.6.2",
+          "resolved": "https://registry.npmjs.org/async/-/async-2.6.2.tgz",
+          "integrity": "sha512-H1qVYh1MYhEEFLsP97cVKqCGo7KfCyTt6uEWqsTBr9SO84oK9Uwbyd/yCW+6rKJLHksBNUVWZDAjfS+Ccx0Bbg==",
+          "dev": true,
+          "requires": {
+            "lodash": "^4.17.11"
+          }
+        }
+      }
+    },
+    "grunt-known-options": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/grunt-known-options/-/grunt-known-options-1.1.1.tgz",
+      "integrity": "sha512-cHwsLqoighpu7TuYj5RonnEuxGVFnztcUqTqp5rXFGYL4OuPFofwC4Ycg7n9fYwvK6F5WbYgeVOwph9Crs2fsQ==",
+      "dev": true
+    },
+    "grunt-legacy-log": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/grunt-legacy-log/-/grunt-legacy-log-2.0.0.tgz",
+      "integrity": "sha512-1m3+5QvDYfR1ltr8hjiaiNjddxGdQWcH0rw1iKKiQnF0+xtgTazirSTGu68RchPyh1OBng1bBUjLmX8q9NpoCw==",
+      "dev": true,
+      "requires": {
+        "colors": "~1.1.2",
+        "grunt-legacy-log-utils": "~2.0.0",
+        "hooker": "~0.2.3",
+        "lodash": "~4.17.5"
+      }
+    },
+    "grunt-legacy-log-utils": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/grunt-legacy-log-utils/-/grunt-legacy-log-utils-2.0.1.tgz",
+      "integrity": "sha512-o7uHyO/J+i2tXG8r2bZNlVk20vlIFJ9IEYyHMCQGfWYru8Jv3wTqKZzvV30YW9rWEjq0eP3cflQ1qWojIe9VFA==",
+      "dev": true,
+      "requires": {
+        "chalk": "~2.4.1",
+        "lodash": "~4.17.10"
+      }
+    },
+    "grunt-legacy-util": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/grunt-legacy-util/-/grunt-legacy-util-1.1.1.tgz",
+      "integrity": "sha512-9zyA29w/fBe6BIfjGENndwoe1Uy31BIXxTH3s8mga0Z5Bz2Sp4UCjkeyv2tI449ymkx3x26B+46FV4fXEddl5A==",
+      "dev": true,
+      "requires": {
+        "async": "~1.5.2",
+        "exit": "~0.1.1",
+        "getobject": "~0.1.0",
+        "hooker": "~0.2.3",
+        "lodash": "~4.17.10",
+        "underscore.string": "~3.3.4",
+        "which": "~1.3.0"
+      }
+    },
+    "gzip-size": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-3.0.0.tgz",
+      "integrity": "sha1-VGGI6b3DN/Zzdy+BZgRks4nc5SA=",
+      "dev": true,
+      "requires": {
+        "duplexer": "^0.1.1"
+      }
+    },
+    "har-schema": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
+      "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=",
+      "dev": true,
+      "optional": true
+    },
+    "har-validator": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.3.tgz",
+      "integrity": "sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "ajv": "^6.5.5",
+        "har-schema": "^2.0.0"
+      }
+    },
+    "has-ansi": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
+      "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
+      "dev": true,
+      "requires": {
+        "ansi-regex": "^2.0.0"
+      }
+    },
+    "has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
+      "dev": true
+    },
+    "hooker": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/hooker/-/hooker-0.2.3.tgz",
+      "integrity": "sha1-uDT3I8xKJCqmWWNFnfbZhMXT2Vk=",
+      "dev": true
+    },
+    "hosted-git-info": {
+      "version": "2.8.4",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.4.tgz",
+      "integrity": "sha512-pzXIvANXEFrc5oFFXRMkbLPQ2rXRoDERwDLyrcUxGhaZhgP54BBSl9Oheh7Vv0T090cszWBxPjkQQ5Sq1PbBRQ==",
+      "dev": true
+    },
+    "htmlparser2": {
+      "version": "3.8.3",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.8.3.tgz",
+      "integrity": "sha1-mWwosZFRaovoZQGn15dX5ccMEGg=",
+      "dev": true,
+      "requires": {
+        "domelementtype": "1",
+        "domhandler": "2.3",
+        "domutils": "1.5",
+        "entities": "1.0",
+        "readable-stream": "1.1"
+      }
+    },
+    "http-parser-js": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.0.tgz",
+      "integrity": "sha512-cZdEF7r4gfRIq7ezX9J0T+kQmJNOub71dWbgAXVHDct80TKP4MCETtZQ31xyv38UwgzkWPYF/Xc0ge55dW9Z9w==",
+      "dev": true
+    },
+    "http-signature": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
+      "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "assert-plus": "^1.0.0",
+        "jsprim": "^1.2.2",
+        "sshpk": "^1.7.0"
+      }
+    },
+    "iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dev": true,
+      "requires": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      }
+    },
+    "image-size": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
+      "integrity": "sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w=",
+      "dev": true,
+      "optional": true
+    },
+    "indent-string": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
+      "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=",
+      "dev": true,
+      "requires": {
+        "repeating": "^2.0.0"
+      }
+    },
+    "inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+      "dev": true,
+      "requires": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
+      "dev": true
+    },
+    "is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
+      "dev": true
+    },
+    "is-finite": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.0.2.tgz",
+      "integrity": "sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=",
+      "dev": true,
+      "requires": {
+        "number-is-nan": "^1.0.0"
+      }
+    },
+    "is-typedarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+      "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
+      "dev": true,
+      "optional": true
+    },
+    "is-utf8": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz",
+      "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=",
+      "dev": true
+    },
+    "isarray": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+      "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=",
+      "dev": true
+    },
+    "isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
+      "dev": true
+    },
+    "isstream": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
+      "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=",
+      "dev": true,
+      "optional": true
+    },
+    "jit-grunt": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/jit-grunt/-/jit-grunt-0.10.0.tgz",
+      "integrity": "sha1-AIw6f+Hpa9DYTiYOofoXg0V/ecI=",
+      "dev": true
+    },
+    "js-yaml": {
+      "version": "3.13.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.13.1.tgz",
+      "integrity": "sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==",
+      "dev": true,
+      "requires": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      }
+    },
+    "jsbn": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
+      "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=",
+      "dev": true,
+      "optional": true
+    },
+    "jshint": {
+      "version": "2.9.7",
+      "resolved": "https://registry.npmjs.org/jshint/-/jshint-2.9.7.tgz",
+      "integrity": "sha512-Q8XN38hGsVQhdlM+4gd1Xl7OB1VieSuCJf+fEJjpo59JH99bVJhXRXAh26qQ15wfdd1VPMuDWNeSWoNl53T4YA==",
+      "dev": true,
+      "requires": {
+        "cli": "~1.0.0",
+        "console-browserify": "1.1.x",
+        "exit": "0.1.x",
+        "htmlparser2": "3.8.x",
+        "lodash": "~4.17.10",
+        "minimatch": "~3.0.2",
+        "shelljs": "0.3.x",
+        "strip-json-comments": "1.0.x"
+      }
+    },
+    "json-schema": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz",
+      "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=",
+      "dev": true,
+      "optional": true
+    },
+    "json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "optional": true
+    },
+    "json-stringify-safe": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+      "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=",
+      "dev": true,
+      "optional": true
+    },
+    "jsprim": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
+      "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "assert-plus": "1.0.0",
+        "extsprintf": "1.3.0",
+        "json-schema": "0.2.3",
+        "verror": "1.10.0"
+      }
+    },
+    "less": {
+      "version": "3.10.3",
+      "resolved": "https://registry.npmjs.org/less/-/less-3.10.3.tgz",
+      "integrity": "sha512-vz32vqfgmoxF1h3K4J+yKCtajH0PWmjkIFgbs5d78E/c/e+UQTnI+lWK+1eQRE95PXM2mC3rJlLSSP9VQHnaow==",
+      "dev": true,
+      "requires": {
+        "clone": "^2.1.2",
+        "errno": "^0.1.1",
+        "graceful-fs": "^4.1.2",
+        "image-size": "~0.5.0",
+        "mime": "^1.4.1",
+        "mkdirp": "^0.5.0",
+        "promise": "^7.1.1",
+        "request": "^2.83.0",
+        "source-map": "~0.6.0"
+      }
+    },
+    "livereload-js": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/livereload-js/-/livereload-js-2.4.0.tgz",
+      "integrity": "sha512-XPQH8Z2GDP/Hwz2PCDrh2mth4yFejwA1OZ/81Ti3LgKyhDcEjsSsqFWZojHG0va/duGd+WyosY7eXLDoOyqcPw==",
+      "dev": true
+    },
+    "load-json-file": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
+      "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.2",
+        "parse-json": "^2.2.0",
+        "pify": "^2.0.0",
+        "pinkie-promise": "^2.0.0",
+        "strip-bom": "^2.0.0"
+      }
+    },
+    "lodash": {
+      "version": "4.17.15",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
+      "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
+      "dev": true
+    },
+    "loud-rejection": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz",
+      "integrity": "sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=",
+      "dev": true,
+      "requires": {
+        "currently-unhandled": "^0.4.1",
+        "signal-exit": "^3.0.0"
+      }
+    },
+    "map-obj": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+      "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
+      "dev": true
+    },
+    "maxmin": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/maxmin/-/maxmin-2.1.0.tgz",
+      "integrity": "sha1-TTsiCQPZXu5+t6x/qGTnLcCaMWY=",
+      "dev": true,
+      "requires": {
+        "chalk": "^1.0.0",
+        "figures": "^1.0.1",
+        "gzip-size": "^3.0.0",
+        "pretty-bytes": "^3.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
+          "dev": true
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^2.2.1",
+            "escape-string-regexp": "^1.0.2",
+            "has-ansi": "^2.0.0",
+            "strip-ansi": "^3.0.0",
+            "supports-color": "^2.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
+          "dev": true
+        }
+      }
+    },
+    "meow": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
+      "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=",
+      "dev": true,
+      "requires": {
+        "camelcase-keys": "^2.0.0",
+        "decamelize": "^1.1.2",
+        "loud-rejection": "^1.0.0",
+        "map-obj": "^1.0.1",
+        "minimist": "^1.1.3",
+        "normalize-package-data": "^2.3.4",
+        "object-assign": "^4.0.1",
+        "read-pkg-up": "^1.0.1",
+        "redent": "^1.0.0",
+        "trim-newlines": "^1.0.0"
+      }
+    },
+    "mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "dev": true,
+      "optional": true
+    },
+    "mime-db": {
+      "version": "1.40.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.40.0.tgz",
+      "integrity": "sha512-jYdeOMPy9vnxEqFRRo6ZvTZ8d9oPb+k18PKoYNYUe2stVEBPPwsln/qWzdbmaIvnhZ9v2P+CuecK+fpUfsV2mA==",
+      "dev": true,
+      "optional": true
+    },
+    "mime-types": {
+      "version": "2.1.24",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.24.tgz",
+      "integrity": "sha512-WaFHS3MCl5fapm3oLxU4eYDw77IQM2ACcxQ9RIxfaC3ooc6PFuBMGZZsYpvoXS5D5QTWPieo1jjLdAm3TBP3cQ==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "mime-db": "1.40.0"
+      }
+    },
+    "minimatch": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
+      "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
+      "dev": true,
+      "requires": {
+        "brace-expansion": "^1.1.7"
+      }
+    },
+    "minimist": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+      "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
+      "dev": true
+    },
+    "mkdirp": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
+      "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
+      "dev": true,
+      "requires": {
+        "minimist": "0.0.8"
+      },
+      "dependencies": {
+        "minimist": {
+          "version": "0.0.8",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
+          "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
+          "dev": true
+        }
+      }
+    },
+    "ms": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
+      "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==",
+      "dev": true
+    },
+    "nopt": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz",
+      "integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=",
+      "dev": true,
+      "requires": {
+        "abbrev": "1"
+      }
+    },
+    "normalize-package-data": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+      "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+      "dev": true,
+      "requires": {
+        "hosted-git-info": "^2.1.4",
+        "resolve": "^1.10.0",
+        "semver": "2 || 3 || 4 || 5",
+        "validate-npm-package-license": "^3.0.1"
+      }
+    },
+    "number-is-nan": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
+      "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
+      "dev": true
+    },
+    "oauth-sign": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
+      "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==",
+      "dev": true,
+      "optional": true
+    },
+    "object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
+      "dev": true
+    },
+    "once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+      "dev": true,
+      "requires": {
+        "wrappy": "1"
+      }
+    },
+    "parse-json": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
+      "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
+      "dev": true,
+      "requires": {
+        "error-ex": "^1.2.0"
+      }
+    },
+    "path-exists": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
+      "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
+      "dev": true,
+      "requires": {
+        "pinkie-promise": "^2.0.0"
+      }
+    },
+    "path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
+      "dev": true
+    },
+    "path-parse": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
+      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
+      "dev": true
+    },
+    "path-type": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
+      "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.2",
+        "pify": "^2.0.0",
+        "pinkie-promise": "^2.0.0"
+      }
+    },
+    "performance-now": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+      "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
+      "dev": true,
+      "optional": true
+    },
+    "pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
+      "dev": true
+    },
+    "pinkie": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
+      "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=",
+      "dev": true
+    },
+    "pinkie-promise": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
+      "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=",
+      "dev": true,
+      "requires": {
+        "pinkie": "^2.0.0"
+      }
+    },
+    "pretty-bytes": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-3.0.1.tgz",
+      "integrity": "sha1-J9AAjXeAY6C0gRuzXHnxvV1fvM8=",
+      "dev": true,
+      "requires": {
+        "number-is-nan": "^1.0.0"
+      }
+    },
+    "promise": {
+      "version": "7.3.1",
+      "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
+      "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "asap": "~2.0.3"
+      }
+    },
+    "prr": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
+      "integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY=",
+      "dev": true,
+      "optional": true
+    },
+    "psl": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/psl/-/psl-1.4.0.tgz",
+      "integrity": "sha512-HZzqCGPecFLyoRj5HLfuDSKYTJkAfB5thKBIkRHtGjWwY7p1dAyveIbXIq4tO0KYfDF2tHqPUgY9SDnGm00uFw==",
+      "dev": true,
+      "optional": true
+    },
+    "punycode": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
+      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
+      "dev": true,
+      "optional": true
+    },
+    "qs": {
+      "version": "6.5.2",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
+      "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
+      "dev": true
+    },
+    "raw-body": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-1.1.7.tgz",
+      "integrity": "sha1-HQJ8K/oRasxmI7yo8AAWVyqH1CU=",
+      "dev": true,
+      "requires": {
+        "bytes": "1",
+        "string_decoder": "0.10"
+      }
+    },
+    "read-pkg": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
+      "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
+      "dev": true,
+      "requires": {
+        "load-json-file": "^1.0.0",
+        "normalize-package-data": "^2.3.2",
+        "path-type": "^1.0.0"
+      }
+    },
+    "read-pkg-up": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
+      "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
+      "dev": true,
+      "requires": {
+        "find-up": "^1.0.0",
+        "read-pkg": "^1.0.0"
+      }
+    },
+    "readable-stream": {
+      "version": "1.1.14",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz",
+      "integrity": "sha1-fPTFTvZI44EwhMY23SB54WbAgdk=",
+      "dev": true,
+      "requires": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.1",
+        "isarray": "0.0.1",
+        "string_decoder": "~0.10.x"
+      }
+    },
+    "redent": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz",
+      "integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=",
+      "dev": true,
+      "requires": {
+        "indent-string": "^2.1.0",
+        "strip-indent": "^1.0.1"
+      }
+    },
+    "repeating": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz",
+      "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=",
+      "dev": true,
+      "requires": {
+        "is-finite": "^1.0.0"
+      }
+    },
+    "request": {
+      "version": "2.88.0",
+      "resolved": "https://registry.npmjs.org/request/-/request-2.88.0.tgz",
+      "integrity": "sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "aws-sign2": "~0.7.0",
+        "aws4": "^1.8.0",
+        "caseless": "~0.12.0",
+        "combined-stream": "~1.0.6",
+        "extend": "~3.0.2",
+        "forever-agent": "~0.6.1",
+        "form-data": "~2.3.2",
+        "har-validator": "~5.1.0",
+        "http-signature": "~1.2.0",
+        "is-typedarray": "~1.0.0",
+        "isstream": "~0.1.2",
+        "json-stringify-safe": "~5.0.1",
+        "mime-types": "~2.1.19",
+        "oauth-sign": "~0.9.0",
+        "performance-now": "^2.1.0",
+        "qs": "~6.5.2",
+        "safe-buffer": "^5.1.2",
+        "tough-cookie": "~2.4.3",
+        "tunnel-agent": "^0.6.0",
+        "uuid": "^3.3.2"
+      }
+    },
+    "resolve": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.12.0.tgz",
+      "integrity": "sha512-B/dOmuoAik5bKcD6s6nXDCjzUKnaDvdkRyAk6rsmsKLipWj4797iothd7jmmUhWTfinVMU+wc56rYKsit2Qy4w==",
+      "dev": true,
+      "requires": {
+        "path-parse": "^1.0.6"
+      }
+    },
+    "rimraf": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
+      "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
+      "dev": true,
+      "requires": {
+        "glob": "^7.1.3"
+      },
+      "dependencies": {
+        "glob": {
+          "version": "7.1.4",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.4.tgz",
+          "integrity": "sha512-hkLPepehmnKk41pUGm3sYxoFs/umurYfYJCerbXEyFIWcAzvpipAgVkBqqT9RBKMGjnq6kMuyYwha6csxbiM1A==",
+          "dev": true,
+          "requires": {
+            "fs.realpath": "^1.0.0",
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "^3.0.4",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        }
+      }
+    },
+    "safe-buffer": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.0.tgz",
+      "integrity": "sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==",
+      "dev": true,
+      "optional": true
+    },
+    "safe-json-parse": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/safe-json-parse/-/safe-json-parse-1.0.1.tgz",
+      "integrity": "sha1-PnZyPjjf3aE8mx0poeB//uSzC1c=",
+      "dev": true
+    },
+    "safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true
+    },
+    "semver": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+      "dev": true
+    },
+    "shelljs": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.3.0.tgz",
+      "integrity": "sha1-NZbmMHp4FUT1kfN9phg2DzHbV7E=",
+      "dev": true
+    },
+    "signal-exit": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz",
+      "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=",
+      "dev": true
+    },
+    "source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true
+    },
+    "spdx-correct": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.0.tgz",
+      "integrity": "sha512-lr2EZCctC2BNR7j7WzJ2FpDznxky1sjfxvvYEyzxNyb6lZXHODmEoJeFu4JupYlkfha1KZpJyoqiJ7pgA1qq8Q==",
+      "dev": true,
+      "requires": {
+        "spdx-expression-parse": "^3.0.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "spdx-exceptions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.2.0.tgz",
+      "integrity": "sha512-2XQACfElKi9SlVb1CYadKDXvoajPgBVPn/gOQLrTvHdElaVhr7ZEbqJaRnJLVNeaI4cMEAgVCeBMKF6MWRDCRA==",
+      "dev": true
+    },
+    "spdx-expression-parse": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.0.tgz",
+      "integrity": "sha512-Yg6D3XpRD4kkOmTpdgbUiEJFKghJH03fiC1OPll5h/0sO6neh2jqRDVHOQ4o/LMea0tgCkbMgea5ip/e+MkWyg==",
+      "dev": true,
+      "requires": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "spdx-license-ids": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.5.tgz",
+      "integrity": "sha512-J+FWzZoynJEXGphVIS+XEh3kFSjZX/1i9gFBaWQcB+/tmpe2qUsSBABpcxqxnAxFdiUFEgAX1bjYGQvIZmoz9Q==",
+      "dev": true
+    },
+    "sprintf-js": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.2.tgz",
+      "integrity": "sha512-VE0SOVEHCk7Qc8ulkWw3ntAzXuqf7S2lvwQaDLRnUeIEaKNQJzV6BwmLKhOqT61aGhfUMrXeaBk+oDGCzvhcug==",
+      "dev": true
+    },
+    "sshpk": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.1.tgz",
+      "integrity": "sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "asn1": "~0.2.3",
+        "assert-plus": "^1.0.0",
+        "bcrypt-pbkdf": "^1.0.0",
+        "dashdash": "^1.12.0",
+        "ecc-jsbn": "~0.1.1",
+        "getpass": "^0.1.1",
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.0.2",
+        "tweetnacl": "~0.14.0"
+      }
+    },
+    "string-template": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/string-template/-/string-template-0.2.1.tgz",
+      "integrity": "sha1-QpMuWYo1LQH8IuwzZ9nYTuxsmt0=",
+      "dev": true
+    },
+    "string_decoder": {
+      "version": "0.10.31",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+      "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=",
+      "dev": true
+    },
+    "strip-ansi": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+      "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+      "dev": true,
+      "requires": {
+        "ansi-regex": "^2.0.0"
+      }
+    },
+    "strip-bom": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
+      "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
+      "dev": true,
+      "requires": {
+        "is-utf8": "^0.2.0"
+      }
+    },
+    "strip-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz",
+      "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=",
+      "dev": true,
+      "requires": {
+        "get-stdin": "^4.0.1"
+      }
+    },
+    "strip-json-comments": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-1.0.4.tgz",
+      "integrity": "sha1-HhX7ysl9Pumb8tc7TGVrCCu6+5E=",
+      "dev": true
+    },
+    "supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "requires": {
+        "has-flag": "^3.0.0"
+      }
+    },
+    "tiny-lr": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/tiny-lr/-/tiny-lr-1.1.1.tgz",
+      "integrity": "sha512-44yhA3tsaRoMOjQQ+5v5mVdqef+kH6Qze9jTpqtVufgYjYt08zyZAwNwwVBj3i1rJMnR52IxOW0LK0vBzgAkuA==",
+      "dev": true,
+      "requires": {
+        "body": "^5.1.0",
+        "debug": "^3.1.0",
+        "faye-websocket": "~0.10.0",
+        "livereload-js": "^2.3.0",
+        "object-assign": "^4.1.0",
+        "qs": "^6.4.0"
+      }
+    },
+    "tough-cookie": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.4.3.tgz",
+      "integrity": "sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "psl": "^1.1.24",
+        "punycode": "^1.4.1"
+      },
+      "dependencies": {
+        "punycode": {
+          "version": "1.4.1",
+          "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+          "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=",
+          "dev": true,
+          "optional": true
+        }
+      }
+    },
+    "trim-newlines": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz",
+      "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=",
+      "dev": true
+    },
+    "tunnel-agent": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+      "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "tweetnacl": {
+      "version": "0.14.5",
+      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
+      "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=",
+      "dev": true,
+      "optional": true
+    },
+    "uglify-js": {
+      "version": "3.4.9",
+      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.4.9.tgz",
+      "integrity": "sha512-8CJsbKOtEbnJsTyv6LE6m6ZKniqMiFWmm9sRbopbkGs3gMPPfd3Fh8iIA4Ykv5MgaTbqHr4BaoGLJLZNhsrW1Q==",
+      "dev": true,
+      "requires": {
+        "commander": "~2.17.1",
+        "source-map": "~0.6.1"
+      }
+    },
+    "underscore.string": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/underscore.string/-/underscore.string-3.3.5.tgz",
+      "integrity": "sha512-g+dpmgn+XBneLmXXo+sGlW5xQEt4ErkS3mgeN2GFbremYeMBSJKr9Wf2KJplQVaiPY/f7FN6atosWYNm9ovrYg==",
+      "dev": true,
+      "requires": {
+        "sprintf-js": "^1.0.3",
+        "util-deprecate": "^1.0.2"
+      }
+    },
+    "uri-js": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz",
+      "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "uri-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/uri-path/-/uri-path-1.0.0.tgz",
+      "integrity": "sha1-l0fwGDWJM8Md4PzP2C0TjmcmLjI=",
+      "dev": true
+    },
+    "util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
+      "dev": true
+    },
+    "uuid": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.3.tgz",
+      "integrity": "sha512-pW0No1RGHgzlpHJO1nsVrHKpOEIxkGg1xB+v0ZmdNH5OAeAwzAVrCnI2/6Mtx+Uys6iaylxa+D3g4j63IKKjSQ==",
+      "dev": true,
+      "optional": true
+    },
+    "validate-npm-package-license": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+      "dev": true,
+      "requires": {
+        "spdx-correct": "^3.0.0",
+        "spdx-expression-parse": "^3.0.0"
+      }
+    },
+    "verror": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
+      "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "assert-plus": "^1.0.0",
+        "core-util-is": "1.0.2",
+        "extsprintf": "^1.2.0"
+      }
+    },
+    "websocket-driver": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.0.tgz",
+      "integrity": "sha1-DK+dLXVdk67gSdS90NP+LMoqJOs=",
+      "dev": true,
+      "requires": {
+        "http-parser-js": ">=0.4.0",
+        "websocket-extensions": ">=0.1.1"
+      }
+    },
+    "websocket-extensions": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.3.tgz",
+      "integrity": "sha512-nqHUnMXmBzT0w570r2JpJxfiSD1IzoI+HGVdd3aZ0yNi3ngvQ4jv1dtHt5VGxfI2yj5yqImPhOK4vmIh2xMbGg==",
+      "dev": true
+    },
+    "which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
+      "requires": {
+        "isexe": "^2.0.0"
+      }
+    },
+    "wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
+      "dev": true
+    },
+    "xtend": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.1.tgz",
+      "integrity": "sha1-pcbVMr5lbiPbgg77lDofBJmNY68=",
+      "dev": true
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 00000000..80d7a174
--- /dev/null
+++ b/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "slub-digitalcollections",
+  "version": "0.0.1",
+  "description": "This TYPO3 extension provides the configuration and setup for the Digital Collections by SLUB Dresden",
+  "main": "gruntfile.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git@git.slub-dresden.de:slub-webseite/slub_digitalcollections.git"
+  },
+  "author": "Alexander Bigga",
+  "license": "WTFPL",
+  "homepage": "https://digital.slub-dresden.de",
+  "devDependencies": {
+    "grunt": "^1.0.4",
+    "grunt-contrib-jshint": "^1.1.0",
+    "grunt-contrib-less": "^2.0.0",
+    "grunt-contrib-uglify": "^3.4.0",
+    "grunt-contrib-watch": "^1.1.0",
+    "jit-grunt": "^0.10.0",
+    "less": "^3.10.3"
+  },
+  "dependencies": {}
+}