From c89b6603e5ff3ac84c5311261d5909735aa01a1c Mon Sep 17 00:00:00 2001
From: Beatrycze Volk <beatrycze.volk@slub-dresden.de>
Date: Tue, 4 Jun 2024 15:33:40 +0200
Subject: [PATCH] Replace paginate widget with kitodo pagination

---
 .../Controller/SingleCollectionController.php |  78 ++----
 .../Private/Less/Modules/Listresults.less     |   5 +-
 .../SingleCollection/Partials/Pagination.html |  73 +++++
 .../SingleCollection/Partials/Results.html    | 134 +++++++++
 .../SingleCollection/Templates/Show.html      | 265 +++++-------------
 .../ViewHelpers/Widget/Paginate/Index.html    |  70 -----
 .../Public/Css/DigitalcollectionsLists.css    |   2 +-
 .../JavaScript/DigitalcollectionsScripts.js   |   2 +-
 8 files changed, 314 insertions(+), 315 deletions(-)
 create mode 100644 Resources/Private/Plugins/SingleCollection/Partials/Pagination.html
 create mode 100644 Resources/Private/Plugins/SingleCollection/Partials/Results.html
 delete mode 100644 Resources/Private/Plugins/SingleCollection/Templates/ViewHelpers/Widget/Paginate/Index.html

diff --git a/Classes/Controller/SingleCollectionController.php b/Classes/Controller/SingleCollectionController.php
index 32c311be..a43c309a 100644
--- a/Classes/Controller/SingleCollectionController.php
+++ b/Classes/Controller/SingleCollectionController.php
@@ -25,52 +25,39 @@
  ***************************************************************/
 use TYPO3\CMS\Core\Utility\GeneralUtility;
 
-use Kitodo\Dlf\Common\Document;
-use Kitodo\Dlf\Domain\Repository\DocumentRepository;
+use Kitodo\Dlf\Common\SolrPaginator;
+use Kitodo\Dlf\Controller\AbstractController;
 use Kitodo\Dlf\Domain\Repository\StructureRepository;
 use Kitodo\Dlf\Domain\Repository\CollectionRepository;
 use Kitodo\Dlf\Domain\Repository\MetadataRepository;
+use TYPO3\CMS\Core\Pagination\SimplePagination;
 
-class SingleCollectionController extends \TYPO3\CMS\Extbase\Mvc\Controller\ActionController
+class SingleCollectionController extends AbstractController
 {
-    /**
-     * DocumentRepository
-     *
-     * @var \Kitodo\Dlf\Domain\Repository\DocumentRepository
-     */
-    protected $documentRepository;
 
     /**
      * StructureRepository
      *
-     * @var \Kitodo\Dlf\Domain\Repository\StructureRepository
+     * @var StructureRepository
      */
     protected $structureRepository;
 
     /**
      * CollectionRepository
      *
-     * @var \Kitodo\Dlf\Domain\Repository\CollectionRepository
+     * @var CollectionRepository
      */
     protected $collectionRepository;
 
     /**
      * MetadataRepository
      *
-     * @var \Kitodo\Dlf\Domain\Repository\MetadataRepository
+     * @var MetadataRepository
      */
     protected $metadataRepository;
 
-    /**
-     * @param \Kitodo\Dlf\Domain\Repository\DocumentRepository $documentRepository
-     */
-    public function injectDocumentRepository(DocumentRepository $documentRepository)
-    {
-        $this->documentRepository = $documentRepository;
-    }
-
 	/**
-     * @param \Kitodo\Dlf\Domain\Repository\StructureRepository $structureRepository
+     * @param StructureRepository $structureRepository
      */
     public function injectStructureRepository(StructureRepository $structureRepository)
     {
@@ -78,7 +65,7 @@ public function injectStructureRepository(StructureRepository $structureReposito
     }
 
 	/**
-     * @param \Kitodo\Dlf\Domain\Repository\CollectionRepository $collectionRepository
+     * @param CollectionRepository $collectionRepository
      */
     public function injectCollectionRepository(CollectionRepository $collectionRepository)
     {
@@ -86,7 +73,7 @@ public function injectCollectionRepository(CollectionRepository $collectionRepos
     }
 
 	/**
-     * @param \Kitodo\Dlf\Domain\Repository\MetadataRepository $metadataRepository
+     * @param MetadataRepository $metadataRepository
      */
     public function injectMetadataRepository(MetadataRepository $metadataRepository)
     {
@@ -133,46 +120,35 @@ public function showAction()
             $searchParams['order'] = 'asc';
         }
 
+        // Get current page from request data because the parameter is shared between plugins
+        $currentPage = $this->requestData['page'] ?? 1;
+
         $collections = $this->collectionRepository->findAllByUids(GeneralUtility::intExplode(',', $this->settings['collections'], true));
 
         // get all metadata records to be shown in results
         $listedMetadata = $this->metadataRepository->findByIsListed(true);
 
         // find all documents from Solr
-        $solrSearch = $this->documentRepository->findSolrByCollections($collections, $this->settings, $searchParams, $listedMetadata);
+        $solrResults = $this->documentRepository->findSolrByCollections($collections, $this->settings, $searchParams, $listedMetadata);
+
+        $itemsPerPage = $this->settings['list']['paginate']['itemsPerPage'];
+        if (empty($itemsPerPage)) {
+            $itemsPerPage = 25;
+        }
+        $solrPaginator = new SolrPaginator($solrResults, $currentPage, $itemsPerPage);
+        $simplePagination = new SimplePagination($solrPaginator);
+
+        $pagination = $this->buildSimplePagination($simplePagination, $solrPaginator);
+        $this->view->assignMultiple([ 'pagination' => $pagination, 'paginator' => $solrPaginator ]);
 
         // get all sortable Metadata from Kitodo.Presentation
         $metadata = $this->metadataRepository->findByIsSortable(true);
 
-        // Pagination of Results
-        // pass the currentPage to the fluid template to calculate current index of search result
-        $widgetPage = $this->getParametersSafely('@widget_0');
-        if (empty($widgetPage)) {
-            $widgetPage = ['currentPage' => 1];
-        }
-
-        $this->view->assign('documents', $solrSearch);
+        $this->view->assign('documents', $solrResults);
         $this->view->assign('metadata', $metadata);
-        $this->view->assign('widgetPage', $widgetPage);
+        $this->view->assign('page', $currentPage);
         $this->view->assign('lastSearch', $searchParams);
-        $this->view->assign('rawResults', $solrSearch->getSolrResults());
+        $this->view->assign('rawResults', $solrResults->getSolrResults());
 
     }
-
-    /**
-     * Safely gets Parameters from request
-     * if they exist
-     *
-     * @param string $parameterName
-     *
-     * @return null|string|array
-     */
-    protected function getParametersSafely($parameterName)
-    {
-        if ($this->request->hasArgument($parameterName)) {
-            return $this->request->getArgument($parameterName);
-        }
-        return null;
-    }
-
 }
diff --git a/Resources/Private/Less/Modules/Listresults.less b/Resources/Private/Less/Modules/Listresults.less
index 3ee8b18f..454b5326 100644
--- a/Resources/Private/Less/Modules/Listresults.less
+++ b/Resources/Private/Less/Modules/Listresults.less
@@ -56,7 +56,7 @@
                 padding: 0 5px;
             }
         }
-        ul.f3-widget-paginator {
+        ul.pagination {
             margin: 20px 0;
             font-family: @font-sans-bold;
             font-weight: bold;
@@ -87,6 +87,9 @@
                     font-weight: bold;
                 }
             }
+            li.disabled {
+                visibility: hidden;
+            }
         }
         @media screen and (min-width: @phoneLandscapeViewportWidth) {
             h2 {
diff --git a/Resources/Private/Plugins/SingleCollection/Partials/Pagination.html b/Resources/Private/Plugins/SingleCollection/Partials/Pagination.html
new file mode 100644
index 00000000..e68d71a8
--- /dev/null
+++ b/Resources/Private/Plugins/SingleCollection/Partials/Pagination.html
@@ -0,0 +1,73 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<ul class="pagination">
+    <f:if condition="{pagination.previousPageNumberG} && {pagination.previousPageNumberG} >= {pagination.firstPageNumber}">
+        <f:then>
+            <li class="first">
+                <f:link.action action="{action}" addQueryString="true" argumentsToBeExcludedFromQueryString="{0: 'tx_dlf[page]'}" additionalParams="{'tx_dlf[page]': 1}" arguments="{searchParameter: lastSearch}" title="1">1</f:link.action>
+            </li>
+            <li class="previous">
+                <f:link.action action="{action}" addQueryString="true" argumentsToBeExcludedFromQueryString="{0: 'tx_dlf[page]'}" additionalParams="{'tx_dlf[page]': pagination.previousPageNumber}" arguments="{searchParameter: lastSearch}" title="{f:translate(key: 'pagination.previous')}">{f:translate(key: 'prevPage')}</f:link.action>
+            </li>
+        </f:then>
+        <f:else>
+            <li class="first disabled">
+                <span>1</span>
+            </li>
+            <li class="previous disabled">
+                <span>{f:translate(key: 'prevPage')}</span>
+            </li>
+        </f:else>
+    </f:if>
+    <f:comment>add pages between first and last page, with dots if there are more than 5 pages (before or after) the respective page</f:comment>
+    <f:for each="{pagination.pagesR}" as="page">
+        <f:switch expression="{page.label}">
+            <f:comment>If page 1 is not to be output twice, please remove the comment</f:comment>
+            <f:comment>
+                <f:case value="1">
+                    <f:comment>don't add first page a second time</f:comment>
+                </f:case>
+            </f:comment>
+            <f:comment>If last page is not to be output twice, please remove the comment</f:comment>
+            <f:comment>
+                <f:case value="{pagination.lastPageNumber}">
+                    <f:comment>don't add last page a second time</f:comment>
+                </f:case>
+            </f:comment>
+            <f:defaultCase>
+                <f:switch expression="{page.label}">
+                    <f:comment>add the dots</f:comment>
+                    <f:case value="...">
+                        <li class="dots">
+                            <span class="dots">...</span>
+                        </li>
+                    </f:case>
+                    <f:defaultCase>
+                        <li class="{f:if(condition: '{page.label} == {paginator.currentPageNumber}', then:'current')}">
+                            <f:link.action action="{action}" addQueryString="true" argumentsToBeExcludedFromQueryString="{0: 'tx_dlf[page]'}" additionalParams="{'tx_dlf[page]': page.startRecordNumber}" arguments="{searchParameter: lastSearch}">{page.label}</f:link.action>
+                        </li>
+                    </f:defaultCase>
+                </f:switch>
+            </f:defaultCase>
+        </f:switch>
+    </f:for>
+    <f:if condition="{pagination.nextPageNumberG} && {pagination.nextPageNumberG} <= {pagination.lastPageNumber}">
+        <f:then>
+            <li class="last">
+                <f:link.action action="{action}" addQueryString="true" argumentsToBeExcludedFromQueryString="{0: 'tx_dlf[page]'}" additionalParams="{'tx_dlf[page]': pagination.lastPageNumberG}" arguments="{searchParameter: lastSearch}" title="{pagination.lastPageNumber}">{pagination.lastPageNumber}</f:link.action>
+            </li>
+            <li class="next">
+                <f:link.action action="{action}" addQueryString="true" argumentsToBeExcludedFromQueryString="{0: 'tx_dlf[page]'}" additionalParams="{'tx_dlf[page]': pagination.nextPageNumber}" arguments="{searchParameter: lastSearch}" title="{f:translate(key: 'nextPage')}">{f:translate(key: 'nextPage')}</f:link.action>
+            </li>
+        </f:then>
+        <f:else>
+            <li class="last disabled">
+                <span>{pagination.lastPageNumber}</span>
+            </li>
+            <li class="next disabled">
+                <span>{f:translate(key: 'nextPage')}</span>
+            </li>
+        </f:else>
+    </f:if>
+</ul>
+
+</html>
diff --git a/Resources/Private/Plugins/SingleCollection/Partials/Results.html b/Resources/Private/Plugins/SingleCollection/Partials/Results.html
new file mode 100644
index 00000000..efd9616c
--- /dev/null
+++ b/Resources/Private/Plugins/SingleCollection/Partials/Results.html
@@ -0,0 +1,134 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+      xmlns:kitodo="http://typo3.org/ns/Kitodo/Dlf/ViewHelpers"
+      data-namespace-typo3-fluid="true">
+
+    <ol class="tx-dlf-abstracts">
+        <f:for each="{paginator.paginatedItems}" as="document" iteration="docIterator">
+            <f:variable name="docTitle" value="{f:if(condition:'{document.title}', then:'{document.title}', else:'{document.metsOrderlabel}')}" />
+            <li value="{settings.list.paginate.itemsPerPage * pageOffset + docIterator.index}">
+                <f:link.page pageUid="{settings.kitodo.pageView}"
+                    additionalParams="{tx_dlf:{page:'{document.page}', double:'0', id:'{document.uid}', pagegrid:'0'}}"
+                    class="" title="{docTitle}">
+                    <f:comment>
+                        slub_digitalcollections uses the :empty CSS selector to check for missing thumbnail.
+                        The HTML comments make sure there is no whitespace in that case.
+                    </f:comment>
+                    <div class="tx-dlf-listview-thumbnail">
+                        <f:if condition="{document.thumbnail}">
+                            <img src="{document.thumbnail}" loading="lazy" alt="Vorschaubild von {docTitle}" />
+                        </f:if>
+                    </div>
+                    <dl>
+                        <dt class="tx-dlf-title"><f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:metadata.title' extensionName='slub_digitalcollections' /></dt>
+                        <dd class="tx-dlf-title">{docTitle}</dd>
+                        <f:for each="{document.metadata}" as="metadata" key="label">
+                            <f:if condition="{label} && {metadata.0} && {label} != 'type' && {label} != 'title'">
+                                <dt class="tx-dlf-{label}"><f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:metadata.{label}' extensionName='slub_digitalcollections' />
+                                </dt>
+                                <f:if condition="{label} == 'year'">
+                                    <f:then>
+                                        <f:comment>Todo: ViewHelper to check given date string and format with f:format.date if possible</f:comment>
+                                        <dd>{metadata.0}</dd>
+                                    </f:then>
+                                    <f:else>
+                                        <dd>{metadata.0}</dd>
+                                    </f:else>
+                                </f:if>
+                            </f:if>
+                        </f:for>
+                        <dt class="tx-dlf-type"><f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:structure' extensionName='slub_digitalcollections' /></dt>
+                            <dd class="tx-dlf-type"><f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:structure.{document.structure}' extensionName='slub_digitalcollections' /></dd>
+                    </dl>
+                </f:link.page>
+                <f:if condition="{document.children} || {document.searchResults}">
+                    <button class="tx-dlf-morevolumes" title="{f:translate(key='listview.moredetails.toggle')}">
+                        <f:translate key='listview.moredetails.toggle' />
+                    </button>
+                </f:if>
+                <f:if condition="{document.children}">
+                    <ol class="tx-dlf-volume">
+                        <f:for each="{document.children}" as="child" iteration="childIterator">
+                            <f:if condition="{document.structure} == 'ephemera' || {document.structure} == 'newspaper'">
+                                <f:then>
+                                    <f:comment>Special output for Newspaper / Ephemera</f:comment>
+                                    <li value="{childIterator.index}" class="years">
+                                        <f:link.page pageUid="{settings.kitodo.pageView}"
+                                            additionalParams="{tx_dlf:{page:'1', double:'0', id:'{child.uid}', pagegrid:'0'}}"
+                                            class=""
+                                            title="{f:if(condition:'{child.metsOrderlabel}', then:'{child.metsOrderlabel}', else:'[{document.title}]')}">
+                                            {child.metsOrderlabel}
+                                        </f:link.page>
+                                    </li>
+                                </f:then>
+                                <f:else>
+                                    <li value="{childIterator.index}" class="pageresult">
+                                        <f:link.page pageUid="{settings.kitodo.pageView}"
+                                            additionalParams="{tx_dlf:{page:'1', double:'0', id:'{child.uid}', pagegrid:'0'}}"
+                                            class=""
+                                            title="{f:if(condition:'{child.title}', then:'{child.title}', else:'[{document.title}]')}">
+                                            <div class="tx-dlf-listview-thumbnail">
+                                                <f:if condition="{child.thumbnail}">
+                                                    <img src="{child.thumbnail}" loading="lazy"
+                                                        alt="Vorschaubild von {f:if(condition:'{child.title}', then:'{child.title}', else:'[{document.title}]')}" />
+                                                </f:if>
+                                            </div>
+                                            <dl>
+                                                <dt class="tx-dlf-title"><f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:metadata.title' extensionName='slub_digitalcollections' /></dt>
+                                                <dd class="tx-dlf-title">{f:if(condition:'{child.title}', then:'{child.title}', else:'[{document.title}]')}</dd>
+                                                <f:for each="{child.metadata}" as="metadata" key="label">
+                                                    <f:if condition="{label} && {metadata.0} && {label} != 'type' && {label} != 'title'">
+                                                        <dt class="tx-dlf-{label}"><f:translate  key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:metadata.{label}' extensionName='slub_digitalcollections' /></dt>
+                                                        <dd>{metadata.0}</dd>
+                                                    </f:if>
+                                                </f:for>
+                                                <dt class="tx-dlf-type"><f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:structure' extensionName='slub_digitalcollections' /></dt>
+                                                <dd class="tx-dlf-type"><f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:structure.{child.structure}' extensionName='slub_digitalcollections' /></dd>
+                                            </dl>
+                                        </f:link.page>
+                                    </li>
+                                </f:else>
+                            </f:if>
+                        </f:for>
+                    </ol>
+                </f:if>
+
+                <f:if condition="{document.searchResults}">
+                    <ol class="tx-dlf-volume">
+                        <f:for each="{document.searchResults}" as="result" iteration="resultIterator">
+                            <li value="{resultIterator.index}" class="pageresult">
+                                <f:link.page pageUid="{settings.kitodo.pageView}"
+                                    additionalParams="{tx_dlf:{page:'{result.page}', double:'0', id:'{document.uid}', pagegrid:'0', highlight_word: '{result.highlight_word}'}}"
+                                    class=""
+                                    title="{f:if(condition:'{result.title}', then:'{result.title}', else:'[{document.title}]')}, Seite {result.page}">
+                                    <div class="tx-dlf-listview-thumbnail">
+                                        <f:if condition="{result.thumbnail}">
+                                            <img src="{result.thumbnail}" loading="lazy"
+                                                    alt="Vorschaubild von {f:if(condition:'{result.title}', then:'{result.title}', else:'[{document.title}]')}" />
+                                        </f:if>
+                                    </div>
+                                    <div>
+                                        <div class="tx-dlf-listview-preview">
+                                            <f:if condition="{result.structure} && {result.title}">
+                                                <f:then>
+                                                    <p class="page"><f:translate key='LLL:EXT:slub_digitalcollections/Resources/Pr extensionName='slub_digitalcollections' />: {result.title}</p>
+                                                    <p><f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:structure.page' extensionName='slub_digitalcollections' /> {result.page}</p>
+                                                </f:then>
+                                                <f:else>
+                                                    <p class="page"><f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:structure.page' extensionName='slub_digitalcollections' /> {result.page}</p>
+                                                </f:else>
+                                            </f:if>
+                                            <f:if condition="{result.snippet}">
+                                                 <p class="textsnippet">[...]<f:format.raw>{result.snippet}</f:format.raw> [...]</p>
+                                            </f:if>
+                                        </div>
+                                    </div>
+                                </f:link.page>
+                            </li>
+                        </f:for>
+                    </ol>
+                </f:if>
+            </li>
+        </f:for>
+    </ol>
+
+</html>
\ No newline at end of file
diff --git a/Resources/Private/Plugins/SingleCollection/Templates/Show.html b/Resources/Private/Plugins/SingleCollection/Templates/Show.html
index 8246a7a7..8ff7d92e 100644
--- a/Resources/Private/Plugins/SingleCollection/Templates/Show.html
+++ b/Resources/Private/Plugins/SingleCollection/Templates/Show.html
@@ -1,200 +1,83 @@
 <div id="showResults"></div>
 <f:form section="showResults" action="search" name="searchParameter" method="post" class="tx-dlf-search-form">
-   <div>
-      <!-- Never change the @id of this input field! Otherwise search suggestions won't work! -->
-      <label for="tx-dlf-search-query"><f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:form.query' extensionName='slub_digitalcollections' />
-      </label>
-      <f:form.textfield type="text" id="tx-dlf-search-query" property="query" value="{lastSearch.query}" placeholder="{f:translate(key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:form.query', extensionName='slub_digitalcollections')}"></f:form.textfield>
-      <button type="submit" title="{f:translate(key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:form.search', extensionName='slub_digitalcollections')}">
-         <f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:form.search' extensionName='slub_digitalcollections' />
-      </button>
+    <div>
+        <!-- Never change the @id of this input field! Otherwise search suggestions won't work! -->
+        <label for="tx-dlf-search-query"><f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:form.query' extensionName='slub_digitalcollections' /></label>
+        <f:form.textfield type="text" id="tx-dlf-search-query" property="query" value="{lastSearch.query}"
+            placeholder="{f:translate(key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:form.query', extensionName='slub_digitalcollections')}">
+        </f:form.textfield>
+        <button type="submit"
+            title="{f:translate(key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:form.search', extensionName='slub_digitalcollections')}">
+            <f:translate
+                key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:form.search'
+                extensionName='slub_digitalcollections' />
+        </button>
 
-      <div class="fulltext-switch">
-         <f:form.radio id="form-fulltext-no" property="fulltext" value="0" checked="{lastSearch.fulltext} == 0" />
-         <label for="form-fulltext-no">in Metadaten</label>
-         <f:form.radio id="form-fulltext-yes" property="fulltext" value="1" checked="{lastSearch.fulltext} == 1" />
-         <label for="form-fulltext-yes">in Volltext</label>
-      </div>
-      <f:form.hidden property="orderBy" value="{lastSearch.orderBy}" />
-      <f:form.hidden property="order" value="{lastSearch.order}" />
-   </div>
+        <div class="fulltext-switch">
+            <f:form.radio id="form-fulltext-no" property="fulltext" value="0" checked="{lastSearch.fulltext} == 0" />
+            <label for="form-fulltext-no">in Metadaten</label>
+            <f:form.radio id="form-fulltext-yes" property="fulltext" value="1" checked="{lastSearch.fulltext} == 1" />
+            <label for="form-fulltext-yes">in Volltext</label>
+        </div>
+        <f:form.hidden property="orderBy" value="{lastSearch.orderBy}" />
+        <f:form.hidden property="order" value="{lastSearch.order}" />
+    </div>
 </f:form>
 
 <div class="tx-dlf-listview">
-   <f:variable name="currentPage" value="{widgetPage.currentPage - 1}" />
-   <f:variable name="pageOffset" value="{settings.list.paginate.itemsPerPage * currentPage}" />
-   <f:variable name="allDocuments" value="{documents->f:count()}" />
-   <f:variable name="numDocuments" value="{pageOffset + settings.list.paginate.itemsPerPage}" />
-   <p class="tx-dlf-search-numHits">Die Suche ergab {rawResults.numFound} Treffer in {allDocuments} Dokumenten.</p>
-   <p class="tx-dlf-sortinfo">
-      <f:translate
-         key="LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:sortinfo"
-         arguments="{0:'{pageOffset + 1}',1:'{f:if(condition: \'{numDocuments} > {allDocuments}\', then: \'{allDocuments}\', else: \'{numDocuments}\')}', 2:'{allDocuments}'}" />
-   </p>
+    <f:variable name="currentPage" value="{pagination.currentPageNumber - 1}" />
+    <f:variable name="pageOffset" value="{settings.list.paginate.itemsPerPage * currentPage}" />
+    <f:variable name="allDocuments" value="{documents->f:count()}" />
+    <f:variable name="numDocuments" value="{pageOffset + settings.list.paginate.itemsPerPage}" />
+    <p class="tx-dlf-search-numHits">Die Suche ergab {rawResults.numFound} Treffer in {allDocuments} Dokumenten.</p>
+    <p class="tx-dlf-sortinfo">
+        <f:translate
+            key="LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:sortinfo"
+            arguments="{0:'{pageOffset + 1}',1:'{f:if(condition: \'{numDocuments} > {allDocuments}\', then: \'{allDocuments}\', else: \'{numDocuments}\')}', 2:'{allDocuments}'}" />
+    </p>
 
-   <f:form section="showResults" action="search" name="searchParameter" method="post" class="tx-dlf-search-form">
-      <div>
-         <label for="form-orderBy">
-            <f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:form.orderBy' extensionName='slub_digitalcollections' />
-         </label>
-         <f:form.select id="form-orderBy" property="orderBy" value="{lastSearch.orderBy}" additionalAttributes="{'onchange': 'javascript:this.form.submit();'}">
-            <f:for each="{metadata}" as="meta">
-               <f:form.select.option value="{meta.indexName}_usi">
-                  <f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:metadata.{meta.indexName}' extensionName='slub_digitalcollections' />
-               </f:form.select.option>
-            </f:for>
-         </f:form.select>
-         <label for="form-order">
-            <f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:form.order' extensionName='slub_digitalcollections' />
-         </label>
-         <f:form.select id="form-order" property="order" value="{lastSearch.order}" additionalAttributes="{'onchange': 'javascript:this.form.submit();'}">
-            <f:form.select.option value="asc">
-               <f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:form.order.asc' extensionName='slub_digitalcollections' />
-            </f:form.select.option>
-            <f:form.select.option value="desc">
-               <f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:form.order.desc' extensionName='slub_digitalcollections' />
-            </f:form.select.option>
-         </f:form.select>
-         <f:form.hidden property="collections" value="{settings.collections}" />
-         <f:form.hidden property="query" value="{lastSearch.query}" />
-         <f:form.hidden property="fulltext" value="{lastSearch.fulltext}" />
-      </div>
-   </f:form>
+    <f:form section="showResults" action="search" name="searchParameter" method="post" class="tx-dlf-search-form">
+        <div>
+            <label for="form-orderBy">
+                <f:translate
+                    key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:form.orderBy'
+                    extensionName='slub_digitalcollections' />
+            </label>
+            <f:form.select id="form-orderBy" property="orderBy" value="{lastSearch.orderBy}"
+                additionalAttributes="{'onchange': 'javascript:this.form.submit();'}">
+                <f:for each="{metadata}" as="meta">
+                    <f:form.select.option value="{meta.indexName}_usi">
+                        <f:translate
+                            key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:metadata.{meta.indexName}'
+                            extensionName='slub_digitalcollections' />
+                    </f:form.select.option>
+                </f:for>
+            </f:form.select>
+            <label for="form-order">
+                <f:translate
+                    key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:form.order'
+                    extensionName='slub_digitalcollections' />
+            </label>
+            <f:form.select id="form-order" property="order" value="{lastSearch.order}"
+                additionalAttributes="{'onchange': 'javascript:this.form.submit();'}">
+                <f:form.select.option value="asc">
+                    <f:translate
+                        key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:form.order.asc'
+                        extensionName='slub_digitalcollections' />
+                </f:form.select.option>
+                <f:form.select.option value="desc">
+                    <f:translate
+                        key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:form.order.desc'
+                        extensionName='slub_digitalcollections' />
+                </f:form.select.option>
+            </f:form.select>
+            <f:form.hidden property="collections" value="{settings.collections}" />
+            <f:form.hidden property="query" value="{lastSearch.query}" />
+            <f:form.hidden property="fulltext" value="{lastSearch.fulltext}" />
+        </div>
+    </f:form>
 
-   <f:widget.paginate objects="{documents}" as="paginatedDocuments" configuration="{settings.list.paginate}">
-      <ol class="tx-dlf-abstracts">
-         <f:for each="{paginatedDocuments}" as="document" iteration="docIterator">
-            <f:variable name="docTitle" value="{f:if(condition:'{document.title}', then:'{document.title}', else:'{document.metsOrderlabel}')}" />
-            <li value="{settings.list.paginate.itemsPerPage * pageOffset + docIterator.index}">
-               <f:link.page
-               pageUid="{settings.kitodo.pageView}"
-               additionalParams="{tx_dlf:{page:'{document.page}', double:'0', id:'{document.uid}', pagegrid:'0'}}"
-               class=""
-               title="{docTitle}">
-                  <f:comment>
-                     slub_digitalcollections uses the :empty CSS selector to check for missing thumbnail.
-                     The HTML comments make sure there is no whitespace in that case.
-                  </f:comment>
-                  <div class="tx-dlf-listview-thumbnail"><!--
-                     --><f:if condition="{document.thumbnail}">
-                        <img src="{document.thumbnail}" loading="lazy" alt="Vorschaubild von {docTitle}" />
-                     </f:if><!--
-                  --></div>
-                  <dl>
-                     <dt class="tx-dlf-title"><f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:metadata.title' extensionName='slub_digitalcollections' /></dt>
-                     <dd class="tx-dlf-title">{docTitle}</dd>
-                     <f:for each="{document.metadata}" as="metadata" key="label">
-
-                        <f:if condition="{label} && {metadata.0} && {label} != 'type' && {label} != 'title'">
-
-                           <dt class="tx-dlf-{label}"><f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:metadata.{label}' extensionName='slub_digitalcollections' /></dt>
-                           <f:if condition="{label} == 'year'">
-                              <f:then>
-                                 <f:comment>Todo: ViewHelper to check given date string and format with f:format.date if possible</f:comment>
-                                 <dd>{metadata.0}</dd>
-                              </f:then>
-                              <f:else>
-                                 <dd>{metadata.0}</dd>
-                              </f:else>
-                           </f:if>
-                        </f:if>
-                     </f:for>
-                     <dt class="tx-dlf-type"><f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:structure' extensionName='slub_digitalcollections' /></dt>
-                     <dd class="tx-dlf-type">
-                        <f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:structure.{document.structure}' extensionName='slub_digitalcollections' />
-                     </dd>
-                  </dl>
-               </f:link.page>
-               <f:if condition="{document.children} || {document.searchResults}">
-                  <button class="tx-dlf-morevolumes" title="{f:translate(key='listview.moredetails.toggle')}"><f:translate key='listview.moredetails.toggle' /></button>
-               </f:if>
-               <f:if condition="{document.children}">
-                  <ol class="tx-dlf-volume">
-                     <f:for each="{document.children}" as="child" iteration="childIterator">
-                        <f:if condition="{document.structure} == 'ephemera' || {document.structure} == 'newspaper'">
-                           <f:then>
-                              <f:comment>Special output for Newspaper / Ephemera</f:comment>
-                              <li value="{childIterator.index}" class="years">
-                                 <f:link.page
-                                 pageUid="{settings.kitodo.pageView}"
-                                 additionalParams="{tx_dlf:{page:'1', double:'0', id:'{child.uid}', pagegrid:'0'}}"
-                                 class=""
-                                 title="{f:if(condition:'{child.metsOrderlabel}', then:'{child.metsOrderlabel}', else:'[{document.title}]')}">
-                                 {child.metsOrderlabel}
-                                 </f:link.page>
-                              </li>
-                           </f:then>
-                           <f:else>
-                              <li value="{childIterator.index}" class="pageresult">
-                                 <f:link.page
-                                 pageUid="{settings.kitodo.pageView}"
-                                 additionalParams="{tx_dlf:{page:'1', double:'0', id:'{child.uid}', pagegrid:'0'}}"
-                                 class=""
-                                 title="{f:if(condition:'{child.title}', then:'{child.title}', else:'[{document.title}]')}">
-                                    <div class="tx-dlf-listview-thumbnail"><!--
-                                       --><f:if condition="{child.thumbnail}">
-                                          <img src="{child.thumbnail}" loading="lazy" alt="Vorschaubild von {f:if(condition:'{child.title}', then:'{child.title}', else:'[{document.title}]')}" />
-                                       </f:if><!--
-                                    --></div>
-                                    <dl>
-                                       <dt class="tx-dlf-title"><f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:metadata.title' extensionName='slub_digitalcollections' /></dt>
-                                       <dd class="tx-dlf-title">{f:if(condition:'{child.title}', then:'{child.title}', else:'[{document.title}]')}</dd>
-                                       <f:for each="{child.metadata}" as="metadata" key="label">
-                                          <f:if condition="{label} && {metadata.0} && {label} != 'type' && {label} != 'title'">
-                                             <dt class="tx-dlf-{label}"><f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:metadata.{label}' extensionName='slub_digitalcollections' /></dt>
-                                             <dd>{metadata.0}</dd>
-                                          </f:if>
-                                       </f:for>
-                                       <dt class="tx-dlf-type"><f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:structure' extensionName='slub_digitalcollections' /></dt>
-                                       <dd class="tx-dlf-type">
-                                          <f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:structure.{child.structure}' extensionName='slub_digitalcollections' />
-                                       </dd>
-                                    </dl>
-                                 </f:link.page>
-                              </li>
-                           </f:else>
-                        </f:if>
-                     </f:for>
-                  </ol>
-               </f:if>
-
-               <f:if condition="{document.searchResults}">
-                  <ol class="tx-dlf-volume">
-                     <f:for each="{document.searchResults}" as="result" iteration="resultIterator">
-                        <li value="{resultIterator.index}" class="pageresult">
-                           <f:link.page
-                           pageUid="{settings.kitodo.pageView}"
-                           additionalParams="{tx_dlf:{page:'{result.page}', double:'0', id:'{document.uid}', pagegrid:'0', highlight_word: '{result.highlight_word}'}}"
-                           class=""
-                           title="{f:if(condition:'{result.title}', then:'{result.title}', else:'[{document.title}]')}, Seite {result.page}">
-                              <div class="tx-dlf-listview-thumbnail"><!--
-                                 --><f:if condition="{result.thumbnail}">
-                                    <img src="{result.thumbnail}" loading="lazy" alt="Vorschaubild von {f:if(condition:'{result.title}', then:'{result.title}', else:'[{document.title}]')}" />
-                                 </f:if><!--
-                              --></div>
-                              <div>
-                                 <div class="tx-dlf-listview-preview">
-                                    <f:if condition="{result.structure} && {result.title}">
-                                       <f:then>
-                                          <p class="page"><f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:structure.{result.structure}' extensionName='slub_digitalcollections' />: {result.title}</p>
-                                          <p><f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:structure.page' extensionName='slub_digitalcollections' /> {result.page}</p>
-                                       </f:then>
-                                       <f:else>
-                                          <p class="page"><f:translate key='LLL:EXT:slub_digitalcollections/Resources/Private/Language/locallang_kitodo.xlf:structure.page' extensionName='slub_digitalcollections' /> {result.page}</p>
-                                       </f:else>
-                                    </f:if>
-                                    <f:if condition="{result.snippet}">
-                                       <p class="textsnippet">[...] <f:format.raw>{result.snippet}</f:format.raw> [...]</p>
-                                    </f:if>
-                                 </div>
-                              </div>
-                           </f:link.page>
-                        </li>
-                     </f:for>
-                  </ol>
-               </f:if>
-            </li>
-         </f:for>
-      </ol>
-   </f:widget.paginate>
+    <f:render partial="Pagination" arguments="{_all}" />
+    <f:render partial="Results" arguments="{_all}" />
+    <f:render partial="Pagination" arguments="{_all}" />
 </div>
diff --git a/Resources/Private/Plugins/SingleCollection/Templates/ViewHelpers/Widget/Paginate/Index.html b/Resources/Private/Plugins/SingleCollection/Templates/ViewHelpers/Widget/Paginate/Index.html
deleted file mode 100644
index 3f190e1f..00000000
--- a/Resources/Private/Plugins/SingleCollection/Templates/ViewHelpers/Widget/Paginate/Index.html
+++ /dev/null
@@ -1,70 +0,0 @@
-<f:if condition="{configuration.insertAbove}">
-	<f:render section="paginator" arguments="{pagination: pagination, configuration: configuration}" />
-</f:if>
-
-<f:renderChildren arguments="{contentArguments}" />
-
-<f:if condition="{configuration.insertBelow}">
-	<f:render section="paginator" arguments="{pagination: pagination, configuration: configuration}" />
-</f:if>
-
-<f:section name="paginator">
-	<f:if condition="{pagination.pages->f:count()} > 1">
-		<ul class="f3-widget-paginator">
-			<f:if condition="{pagination.previousPage}">
-				<li class="previous">
-					<f:if condition="{pagination.previousPage} > 1">
-						<f:then>
-							<f:widget.link rel="prev" arguments="{currentPage: pagination.previousPage}" addQueryStringMethod="{configuration.addQueryStringMethod}" section="{configuration.section}" ><f:translate key="widget.pagination.previous" /></f:widget.link>
-						</f:then>
-						<f:else>
-							<f:widget.link rel="prev" addQueryStringMethod="{configuration.addQueryStringMethod}" section="{configuration.section}"><f:translate key="widget.pagination.previous" /></f:widget.link>
-						</f:else>
-					</f:if>
-				</li>
-			</f:if>
-			<f:if condition="{pagination.displayRangeStart} > 1">
-				<li class="first">
-					<f:widget.link addQueryStringMethod="{configuration.addQueryStringMethod}" section="{configuration.section}">1</f:widget.link>
-				</li>
-			</f:if>
-			<f:if condition="{pagination.hasLessPages}">
-				<li>…</li>
-			</f:if>
-			<f:for each="{pagination.pages}" as="page">
-				<f:if condition="{page.isCurrent}">
-					<f:then>
-						<li class="current">
-							{page.number}
-						</li>
-					</f:then>
-					<f:else>
-						<li>
-							<f:if condition="{page.number} > 1">
-								<f:then>
-									<f:widget.link arguments="{currentPage: page.number}" addQueryStringMethod="{configuration.addQueryStringMethod}" section="{configuration.section}">{page.number}</f:widget.link>
-								</f:then>
-								<f:else>
-									<f:widget.link addQueryStringMethod="{configuration.addQueryStringMethod}" section="{configuration.section}">{page.number}</f:widget.link>
-								</f:else>
-							</f:if>
-						</li>
-					</f:else>
-				</f:if>
-			</f:for>
-			<f:if condition="{pagination.hasMorePages}">
-				<li>…</li>
-			</f:if>
-			<f:if condition="{pagination.displayRangeEnd} < {pagination.numberOfPages}">
-				<li class="last">
-					<f:widget.link arguments="{currentPage: pagination.numberOfPages}" addQueryStringMethod="{configuration.addQueryStringMethod}" section="{configuration.section}">{pagination.numberOfPages}</f:widget.link>
-				</li>
-			</f:if>
-			<f:if condition="{pagination.nextPage}">
-				<li class="next">
-					<f:widget.link rel="next" arguments="{currentPage: pagination.nextPage}" addQueryStringMethod="{configuration.addQueryStringMethod}" section="{configuration.section}"><f:translate key="widget.pagination.next" /></f:widget.link>
-				</li>
-			</f:if>
-		</ul>
-	</f:if>
-</f:section>
diff --git a/Resources/Public/Css/DigitalcollectionsLists.css b/Resources/Public/Css/DigitalcollectionsLists.css
index 486aef11..39ba19d1 100644
--- a/Resources/Public/Css/DigitalcollectionsLists.css
+++ b/Resources/Public/Css/DigitalcollectionsLists.css
@@ -1 +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 aside.sidebar .rightnav{display:none}.main-column .tx-dlf-listview h2{font-size:24px;display:block;margin:0}.main-column .tx-dlf-listview p.tx-dlf-search-numHits{font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;margin-top:0;font-size:14px}.main-column .tx-dlf-listview p.tx-dlf-sortinfo~form{display:none}.main-column .tx-dlf-listview p.tx-dlf-sortinfo{text-align:center;margin:0;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;clear:both}.main-column .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}.main-column .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}.main-column .tx-dlf-listview ul.f3-widget-paginator{margin:20px 0;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;font-weight:bold;-moz-font-feature-settings:"lnum";-webkit-font-feature-settings:"lnum";font-feature-settings:"lnum";color:#167;text-align:center}.main-column .tx-dlf-listview ul.f3-widget-paginator li{display:inline-block;text-align:center;border:none;padding:10px 0;margin:0;border:1px solid #d9d9d9;border-radius:15px;margin:0 5px;padding:0 5px;min-width:30px;height:30px;background:white}.main-column .tx-dlf-listview ul.f3-widget-paginator li:before{display:none}.main-column .tx-dlf-listview ul.f3-widget-paginator li a{display:inline-block;text-decoration:none;font-weight:bold}@media screen and (min-width:480px){.main-column .tx-dlf-listview h2{font-size:28px}}@media screen and (min-width:1024px){.main-column .tx-dlf-listview p.tx-dlf-sortinfo~form{position:relative;display:block}.main-column .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}.main-column .tx-dlf-listview p.tx-dlf-sortinfo~form>div label{white-space:nowrap;text-align:right;line-height:35px;margin:0 5px 0 0}.main-column .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}.main-column .tx-dlf-listview p.tx-dlf-sortinfo~form>div select:hover{background-position:right -47px;border-color:#167;color:#c00}.main-column .tx-dlf-listview p.tx-dlf-sortinfo{text-align:left;height:40px;border-bottom:1px solid #d9d9d9}}@media screen and (min-width:1200px){.main-column .tx-dlf-listview h2{font-size:36px}}.main-column .tx-dlf-listview .tx-dlf-abstracts{list-style:none;margin:0;padding:0}.main-column .tx-dlf-listview .tx-dlf-abstracts li{position:relative;padding:30px 0;text-align:center;border-bottom:1px solid #d9d9d9}.main-column .tx-dlf-listview .tx-dlf-abstracts li:before{display:none}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-listview-thumbnail{margin-bottom:10px}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-listview-thumbnail img{max-height:150px}.main-column .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"}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dt,.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dd{display:inline}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dt{font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dt:after{content:": "}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dt.tx-dlf-title{display:none}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dd.tx-dlf-title{font-size:22px;display:block}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dd.tx-dlf-title a{text-decoration:none;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dd.tx-dlf-title:after{display:none}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dd:after{content:"//";margin:0 5px}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dd:last-child:after{display:none}.main-column .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}.main-column .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}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-hidevolumes{display:none}.main-column .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)}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume{position:relative;background:#e9f3f5;padding:15px 0;display:none}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume li{border-bottom:1px solid white;padding:15px}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume li .tx-dlf-listview-thumbnail img{width:60px;margin-left:15px}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume li dl dd.tx-dlf-title{font-size:18px}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume li dl dd.tx-dlf-title a{color:#0e5361}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume li:first-child{border-top:1px solid white}.main-column .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){.main-column .tx-dlf-listview .tx-dlf-abstracts{border-top:1px solid #d9d9d9}.main-column .tx-dlf-listview .tx-dlf-abstracts li{text-align:left;display:flex;align-items:center;line-height:1.7;flex-wrap:wrap}.main-column .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}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-listview-thumbnail img{width:90px;height:auto}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-listview-thumbnail:empty{width:90px;min-height:90px;border:1px solid #d9d9d9}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-listview-thumbnail:empty:before,.main-column .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:" "}.main-column .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)}.main-column .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)}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl{flex:1 1 60%}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dd.tx-dlf-title{line-height:1.2;margin-bottom:5px}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume{flex:0 0 100%}.main-column .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}@media screen and (min-width:1024px){.tx-dlf-listview>img{max-height:350px;max-width:50%}}.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}}aside.sidebar .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%)}aside.sidebar .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)}aside.sidebar .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:" "}aside.sidebar .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)}aside.sidebar .tx-dlf-enable-offcanvas.open{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:1100}aside.sidebar .tx-dlf-enable-offcanvas.open .offcanvas-toggle{border-color:white}aside.sidebar .tx-dlf-enable-offcanvas h3{color:white}@media screen and (min-width:768px){aside.sidebar .tx-dlf-enable-offcanvas{width:60%}}@media screen and (min-width:1024px){aside.sidebar .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}aside.sidebar .tx-dlf-enable-offcanvas .offcanvas-toggle{display:none}aside.sidebar .tx-dlf-enable-offcanvas h3{color:#c00}}aside.sidebar .tx-dlf-search{position:absolute;top:60px;right:15px;bottom:15px;left:15px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}aside.sidebar .tx-dlf-search form{position:relative;margin-bottom:20px;font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;font-size:14px}aside.sidebar .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}aside.sidebar .tx-dlf-search form input[type="text"]:focus{color:#167}aside.sidebar .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;z-index:5}aside.sidebar .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}aside.sidebar .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}aside.sidebar .tx-dlf-search form input[type="radio"]:hover{border-color:white}aside.sidebar .tx-dlf-search form input[type="radio"]:checked{background:#178ca4}aside.sidebar .tx-dlf-search form input[type="radio"]:checked:after{opacity:1}aside.sidebar .tx-dlf-search form label{margin-right:10px}aside.sidebar .tx-dlf-search form label[for="tx-dlf-search-query"]{display:none}aside.sidebar .tx-dlf-search form #tx-dlf-search-suggest{position:absolute}aside.sidebar .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)}aside.sidebar .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 aside.sidebar .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 aside.sidebar .tx-dlf-search form #tx-dlf-search-suggest ul li:hover{background:white;color:#167}aside.sidebar .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){aside.sidebar .tx-dlf-search{position:relative;top:auto;right:auto;bottom:auto;left:auto;overflow:visible}aside.sidebar .tx-dlf-search form input[type="text"]{box-shadow:2px 2px 4px rgba(0,0,0,0.1);border:1px solid #afafaf}aside.sidebar .tx-dlf-search form input[type="submit"]{top:1px;right:1px;height:38px}aside.sidebar .tx-dlf-search form input[type="radio"]{border-color:#167;height:16px;width:16px;border-radius:8px}aside.sidebar .tx-dlf-search form input[type="radio"]:after{top:2px;left:2px}aside.sidebar .tx-dlf-search form input[type="radio"]:hover{border-color:#c00}aside.sidebar .tx-dlf-search form label:hover{color:#c00}aside.sidebar .tx-dlf-search form #tx-dlf-search-suggest ul{background:rgba(17,102,119,0.9)}aside.sidebar .tx-dlf-search form #tx-dlf-search-suggest ul li{color:white}aside.sidebar .tx-dlf-search form #tx-dlf-search-suggest ul:after{border-bottom-color:rgba(17,102,119,0.9)}}aside.sidebar .tx-dlf-search-facets{position:relative;font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;color:white}aside.sidebar .tx-dlf-search-facets ul{padding:0;margin:0}aside.sidebar .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}aside.sidebar .tx-dlf-search-facets ul li.tx-dlf-search-ifsub{display:block}aside.sidebar .tx-dlf-search-facets ul li ul{border-top:1px solid rgba(255,255,255,0.3)}aside.sidebar .tx-dlf-search-facets ul li ul li{font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;text-transform:none;opacity:1;display:block;margin:0}aside.sidebar .tx-dlf-search-facets ul li ul li a{position:relative;color:white;font-size:14px;padding:5px 0;display:inline-block}aside.sidebar .tx-dlf-search-facets ul li ul li.tx-dlf-search-cur{font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif}aside.sidebar .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 aside.sidebar .tx-dlf-search-facets ul li .facets-toggle{cursor:pointer}@media screen and (min-width:1024px){aside.sidebar .tx-dlf-search-facets ul li{color:#666;font-size:16px}aside.sidebar .tx-dlf-search-facets ul li ul{margin:5px 0;border-top:1px solid #d9d9d9}aside.sidebar .tx-dlf-search-facets ul li ul li a{color:#167}aside.sidebar .tx-dlf-search-facets ul li ul li.tx-dlf-search-cur a{position:relative;padding-left:18px}aside.sidebar .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)}aside.sidebar .tx-dlf-search-facets ul li .facets-toggle{border-top:1px solid #d9d9d9}}body.collections .main-column+aside.sidebar{display:none}body.collections .main-column .search-form 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 .main-column .search-form .tx-dlf-search{border:solid #d9d9d9;border-width:1px 0;padding:20px 0 15px 0}body.collections .main-column .search-form .tx-dlf-search form{position:relative;margin:0;font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;font-size:14px}body.collections .main-column .search-form .tx-dlf-search form label{width:auto;margin:0;display:inline-block;float:none;vertical-align:middle}body.collections .main-column .search-form .tx-dlf-search form input{box-sizing:border-box}body.collections .main-column .search-form .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 8px rgba(0,0,0,0.2);margin-bottom:10px;float:none;border-radius:0}body.collections .main-column .search-form .tx-dlf-search form input[type="text"]:focus{color:#167}body.collections .main-column .search-form .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;z-index:5;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}body.collections .main-column .search-form .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 .main-column .search-form .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 .main-column .search-form .tx-dlf-search form input[type="radio"]:hover{border-color:white}body.collections .main-column .search-form .tx-dlf-search form input[type="radio"]:checked{background:#167}body.collections .main-column .search-form .tx-dlf-search form input[type="radio"]:checked:after{opacity:1}body.collections .main-column .search-form .tx-dlf-search form label{margin-right:10px}body.collections .main-column .search-form .tx-dlf-search form label[for="tx-dlf-search-query"]{display:none}body.collections .main-column .search-form .tx-dlf-search form #tx-dlf-search-suggest{position:absolute}body.collections .main-column .search-form .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 .main-column .search-form .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 .main-column .search-form .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 .main-column .search-form .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 .main-column .search-form .tx-dlf-search form #tx-dlf-search-suggest ul li:hover{background:white;color:#167}body.collections .main-column .search-form .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 .main-column .search-form .tx-dlf-search form .tx-dlf-search-extended input[type="text"]{padding-left:180px}body.collections .main-column .search-form .tx-dlf-search form .tx-dlf-search-extended select{position:absolute;top:0;display:block;appearance:none;-webkit-appearance:none;height:40px;width:100px;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 .main-column .search-form .tx-dlf-search form .tx-dlf-search-extended select.tx-dlf-search-operator{left:0;width:70px}body.collections .main-column .search-form .tx-dlf-search form .tx-dlf-search-extended select.tx-dlf-search-field{left:70px}body.collections .main-column .search-form .tx-dlf-search form .extended-search-toggle{position:absolute;right:0;bottom:0;display:block;cursor:pointer;text-decoration:underline;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}body.collections .main-column .search-form .tx-dlf-search form .extended-search-toggle span{display:none}body.collections .main-column .search-form .tx-dlf-search form.extendend-search-active{padding-bottom:60px}body.collections .main-column .search-form .tx-dlf-search form.extendend-search-active input[type="submit"]{top:295px;right:0;height:50px;width:50px;border-radius:25px;background-position:-555px 5px}body.collections .main-column .search-form .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 .main-column .search-form .tx-dlf-search form.extendend-search-active .extended-search-toggle{right:70px;bottom:5px}body.collections .main-column .search-form .tx-dlf-search form.extendend-search-active .extended-search-toggle span{display:inline}body.collections .main-column .tx-dlf-collection{position:relative;padding-top:30px;margin-top:20px}body.collections .main-column .tx-dlf-collection-list{margin:0 -5px;padding:0}body.collections .main-column .tx-dlf-collection-list:before,body.collections .main-column .tx-dlf-collection-list:after{content:" ";display:table}body.collections .main-column .tx-dlf-collection-list:after{clear:both}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col{width:100%}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col.col-2,body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col.col-3{display:none}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item{position:relative;padding:15px 0}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-thumbnail{overflow:hidden;border:1px solid #d9d9d9;min-height:100px}body.collections .main-column .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 .main-column .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 .main-column .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 .main-column .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 .main-column .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-meta-information h4 a{color:#167;text-decoration:none}body.collections .main-column .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 .main-column .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item{cursor:pointer}.no-touchevents body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-thumbnail img,.no-touchevents body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-meta-information,.no-touchevents body.collections .main-column .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 .main-column .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 .main-column .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 .main-column .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 .main-column .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 .main-column .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 .main-column .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 .main-column .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 .main-column .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 .main-column .tx-dlf-collection-list.alphabetical{position:relative;min-height:2000px;margin-top:30px}body.collections .main-column .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 .main-column .tx-dlf-collection-list.alphabetical li.tx-dlf-collection-col{display:none}body.collections .main-column .tx-dlf-collection-list.alphabetical li.order-label{border:0 none;height:0;padding:0;z-index:122}body.collections .main-column .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 .main-column .tx-dlf-collection-list.alphabetical li.order-label:hover:before{display:none}body.collections .main-column .tx-dlf-collection-list.alphabetical li .tx-dlf-collection-thumbnail{width:70px;height:100px;background:white;z-index:120}body.collections .main-column .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 .main-column .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 .main-column .tx-dlf-collection-list.alphabetical li .tx-dlf-collection-meta-information h4{font-size:18px;font-weight:normal;margin:0}body.collections .main-column .tx-dlf-collection-list.alphabetical li .tx-dlf-collection-meta-information h4 a{color:#333;text-decoration:none}body.collections .main-column .tx-dlf-collection-list.alphabetical li .tx-dlf-collection-meta-information h4 a:hover{text-decoration:none}body.collections .main-column .tx-dlf-collection-list.alphabetical li .tx-dlf-collection-meta-information>a{display:none}body.collections .main-column .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 .main-column .tx-dlf-collection-list.alphabetical li .tx-dlf-collection-meta-information>a{right:-25px;top:0;bottom:auto}body.collections .main-column .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 .main-column .tx-dlf-collection-list.alphabetical li:hover .tx-dlf-collection-thumbnail img,body.collections .main-column .tx-dlf-collection-list.alphabetical li:hover:before{opacity:1}body.collections .main-column .tx-dlf-collection-list.alphabetical li:hover .tx-dlf-collection-meta-information p{border-top-color:transparent}body.collections .main-column .tx-dlf-collection-list.alphabetical li:hover .tx-dlf-collection-meta-information>a{bottom:auto}body.collections .main-column .tx-dlf-collection-list.alphabetical-ready li{opacity:1}body.collections .main-column .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 .main-column .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 .main-column .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 .main-column .tx-dlf-list-toggle-container.alphabetical .tx-dlf-list-toggle .toggle-state{left:17px}body.collections .main-column .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 .main-column .tx-dlf-list-toggle-container .label.active{opacity:1;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif}body.collections .main-column .tx-dlf-collection-list-additionals{display:none}@media screen and (min-width:480px){body.collections .main-column .tx-dlf-collection{padding-top:0}body.collections .main-column .tx-dlf-list-toggle-container{right:0;top:-45px;left:auto}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col{width:50%;float:left}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col.col-2{display:block}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col.col-3{display:none}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item{padding:5px}body.collections .main-column .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 .main-column .tx-dlf-collection-list.alphabetical{margin-top:0}}@media screen and (min-width:768px){body.collections .main-column .search-form .tx-dlf-search form .tx-dlf-search-extended input[type="text"]{padding-left:230px}body.collections .main-column .search-form .tx-dlf-search form .tx-dlf-search-extended select{width:150px}}@media screen and (min-width:1024px){body.collections .main-column{padding:0;width:100%;float:none}body.collections .main-column .tx-dlf-statistics{font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif}body.collections .main-column .tx-dlf-statistics strong{font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;font-size:26px;white-space:nowrap;color:#c00}body.collections .main-column .search-form .tx-dlf-search{padding:30px 10% 30px 0}body.collections .main-column .search-form .tx-dlf-search form input[type="text"]{border-color:rgba(17,102,119,0.5)}body.collections .main-column .tx-dlf-collection-list{margin:20px -15px}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col{width:33.333333%;float:left}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col.col-3{display:block}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item{padding:15px}body.collections .main-column .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 .main-column .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-meta-information h4{margin:0}body.collections .main-column .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 .main-column .tx-dlf-statistics{padding-right:20%}body.collections .main-column .search-form .tx-dlf-search{padding:30px 0}}/*# sourceMappingURL=Resources/Public/Css/DigitalcollectionsLists.css.map */
\ No newline at end of file
+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 aside.sidebar .rightnav{display:none}.main-column .tx-dlf-listview h2{font-size:24px;display:block;margin:0}.main-column .tx-dlf-listview p.tx-dlf-search-numHits{font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;margin-top:0;font-size:14px}.main-column .tx-dlf-listview p.tx-dlf-sortinfo~form{display:none}.main-column .tx-dlf-listview p.tx-dlf-sortinfo{text-align:center;margin:0;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;clear:both}.main-column .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}.main-column .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}.main-column .tx-dlf-listview ul.pagination{margin:20px 0;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;font-weight:bold;-moz-font-feature-settings:"lnum";-webkit-font-feature-settings:"lnum";font-feature-settings:"lnum";color:#167;text-align:center}.main-column .tx-dlf-listview ul.pagination li{display:inline-block;text-align:center;border:none;padding:10px 0;margin:0;border:1px solid #d9d9d9;border-radius:15px;margin:0 5px;padding:0 5px;min-width:30px;height:30px;background:white}.main-column .tx-dlf-listview ul.pagination li:before{display:none}.main-column .tx-dlf-listview ul.pagination li a{display:inline-block;text-decoration:none;font-weight:bold}.main-column .tx-dlf-listview ul.pagination li.disabled{visibility:hidden}@media screen and (min-width:480px){.main-column .tx-dlf-listview h2{font-size:28px}}@media screen and (min-width:1024px){.main-column .tx-dlf-listview p.tx-dlf-sortinfo~form{position:relative;display:block}.main-column .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}.main-column .tx-dlf-listview p.tx-dlf-sortinfo~form>div label{white-space:nowrap;text-align:right;line-height:35px;margin:0 5px 0 0}.main-column .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}.main-column .tx-dlf-listview p.tx-dlf-sortinfo~form>div select:hover{background-position:right -47px;border-color:#167;color:#c00}.main-column .tx-dlf-listview p.tx-dlf-sortinfo{text-align:left;height:40px;border-bottom:1px solid #d9d9d9}}@media screen and (min-width:1200px){.main-column .tx-dlf-listview h2{font-size:36px}}.main-column .tx-dlf-listview .tx-dlf-abstracts{list-style:none;margin:0;padding:0}.main-column .tx-dlf-listview .tx-dlf-abstracts li{position:relative;padding:30px 0;text-align:center;border-bottom:1px solid #d9d9d9}.main-column .tx-dlf-listview .tx-dlf-abstracts li:before{display:none}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-listview-thumbnail{margin-bottom:10px}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-listview-thumbnail img{max-height:150px}.main-column .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"}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dt,.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dd{display:inline}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dt{font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dt:after{content:": "}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dt.tx-dlf-title{display:none}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dd.tx-dlf-title{font-size:22px;display:block}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dd.tx-dlf-title a{text-decoration:none;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dd.tx-dlf-title:after{display:none}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dd:after{content:"//";margin:0 5px}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dd:last-child:after{display:none}.main-column .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}.main-column .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}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-hidevolumes{display:none}.main-column .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)}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume{position:relative;background:#e9f3f5;padding:15px 0;display:none}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume li{border-bottom:1px solid white;padding:15px}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume li .tx-dlf-listview-thumbnail img{width:60px;margin-left:15px}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume li dl dd.tx-dlf-title{font-size:18px}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume li dl dd.tx-dlf-title a{color:#0e5361}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume li:first-child{border-top:1px solid white}.main-column .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){.main-column .tx-dlf-listview .tx-dlf-abstracts{border-top:1px solid #d9d9d9}.main-column .tx-dlf-listview .tx-dlf-abstracts li{text-align:left;display:flex;align-items:center;line-height:1.7;flex-wrap:wrap}.main-column .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}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-listview-thumbnail img{width:90px;height:auto}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-listview-thumbnail:empty{width:90px;min-height:90px;border:1px solid #d9d9d9}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-listview-thumbnail:empty:before,.main-column .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:" "}.main-column .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)}.main-column .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)}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl{flex:1 1 60%}.main-column .tx-dlf-listview .tx-dlf-abstracts li dl dd.tx-dlf-title{line-height:1.2;margin-bottom:5px}.main-column .tx-dlf-listview .tx-dlf-abstracts li .tx-dlf-volume{flex:0 0 100%}.main-column .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}@media screen and (min-width:1024px){.tx-dlf-listview>img{max-height:350px;max-width:50%}}.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}}aside.sidebar .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%)}aside.sidebar .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)}aside.sidebar .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:" "}aside.sidebar .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)}aside.sidebar .tx-dlf-enable-offcanvas.open{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:1100}aside.sidebar .tx-dlf-enable-offcanvas.open .offcanvas-toggle{border-color:white}aside.sidebar .tx-dlf-enable-offcanvas h3{color:white}@media screen and (min-width:768px){aside.sidebar .tx-dlf-enable-offcanvas{width:60%}}@media screen and (min-width:1024px){aside.sidebar .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}aside.sidebar .tx-dlf-enable-offcanvas .offcanvas-toggle{display:none}aside.sidebar .tx-dlf-enable-offcanvas h3{color:#c00}}aside.sidebar .tx-dlf-search{position:absolute;top:60px;right:15px;bottom:15px;left:15px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}aside.sidebar .tx-dlf-search form{position:relative;margin-bottom:20px;font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;font-size:14px}aside.sidebar .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}aside.sidebar .tx-dlf-search form input[type="text"]:focus{color:#167}aside.sidebar .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;z-index:5}aside.sidebar .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}aside.sidebar .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}aside.sidebar .tx-dlf-search form input[type="radio"]:hover{border-color:white}aside.sidebar .tx-dlf-search form input[type="radio"]:checked{background:#178ca4}aside.sidebar .tx-dlf-search form input[type="radio"]:checked:after{opacity:1}aside.sidebar .tx-dlf-search form label{margin-right:10px}aside.sidebar .tx-dlf-search form label[for="tx-dlf-search-query"]{display:none}aside.sidebar .tx-dlf-search form #tx-dlf-search-suggest{position:absolute}aside.sidebar .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)}aside.sidebar .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 aside.sidebar .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 aside.sidebar .tx-dlf-search form #tx-dlf-search-suggest ul li:hover{background:white;color:#167}aside.sidebar .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){aside.sidebar .tx-dlf-search{position:relative;top:auto;right:auto;bottom:auto;left:auto;overflow:visible}aside.sidebar .tx-dlf-search form input[type="text"]{box-shadow:2px 2px 4px rgba(0,0,0,0.1);border:1px solid #afafaf}aside.sidebar .tx-dlf-search form input[type="submit"]{top:1px;right:1px;height:38px}aside.sidebar .tx-dlf-search form input[type="radio"]{border-color:#167;height:16px;width:16px;border-radius:8px}aside.sidebar .tx-dlf-search form input[type="radio"]:after{top:2px;left:2px}aside.sidebar .tx-dlf-search form input[type="radio"]:hover{border-color:#c00}aside.sidebar .tx-dlf-search form label:hover{color:#c00}aside.sidebar .tx-dlf-search form #tx-dlf-search-suggest ul{background:rgba(17,102,119,0.9)}aside.sidebar .tx-dlf-search form #tx-dlf-search-suggest ul li{color:white}aside.sidebar .tx-dlf-search form #tx-dlf-search-suggest ul:after{border-bottom-color:rgba(17,102,119,0.9)}}aside.sidebar .tx-dlf-search-facets{position:relative;font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;color:white}aside.sidebar .tx-dlf-search-facets ul{padding:0;margin:0}aside.sidebar .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}aside.sidebar .tx-dlf-search-facets ul li.tx-dlf-search-ifsub{display:block}aside.sidebar .tx-dlf-search-facets ul li ul{border-top:1px solid rgba(255,255,255,0.3)}aside.sidebar .tx-dlf-search-facets ul li ul li{font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;text-transform:none;opacity:1;display:block;margin:0}aside.sidebar .tx-dlf-search-facets ul li ul li a{position:relative;color:white;font-size:14px;padding:5px 0;display:inline-block}aside.sidebar .tx-dlf-search-facets ul li ul li.tx-dlf-search-cur{font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif}aside.sidebar .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 aside.sidebar .tx-dlf-search-facets ul li .facets-toggle{cursor:pointer}@media screen and (min-width:1024px){aside.sidebar .tx-dlf-search-facets ul li{color:#666;font-size:16px}aside.sidebar .tx-dlf-search-facets ul li ul{margin:5px 0;border-top:1px solid #d9d9d9}aside.sidebar .tx-dlf-search-facets ul li ul li a{color:#167}aside.sidebar .tx-dlf-search-facets ul li ul li.tx-dlf-search-cur a{position:relative;padding-left:18px}aside.sidebar .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)}aside.sidebar .tx-dlf-search-facets ul li .facets-toggle{border-top:1px solid #d9d9d9}}body.collections .main-column+aside.sidebar{display:none}body.collections .main-column .search-form 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 .main-column .search-form .tx-dlf-search{border:solid #d9d9d9;border-width:1px 0;padding:20px 0 15px 0}body.collections .main-column .search-form .tx-dlf-search form{position:relative;margin:0;font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;font-size:14px}body.collections .main-column .search-form .tx-dlf-search form label{width:auto;margin:0;display:inline-block;float:none;vertical-align:middle}body.collections .main-column .search-form .tx-dlf-search form input{box-sizing:border-box}body.collections .main-column .search-form .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 8px rgba(0,0,0,0.2);margin-bottom:10px;float:none;border-radius:0}body.collections .main-column .search-form .tx-dlf-search form input[type="text"]:focus{color:#167}body.collections .main-column .search-form .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;z-index:5;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}body.collections .main-column .search-form .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 .main-column .search-form .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 .main-column .search-form .tx-dlf-search form input[type="radio"]:hover{border-color:white}body.collections .main-column .search-form .tx-dlf-search form input[type="radio"]:checked{background:#167}body.collections .main-column .search-form .tx-dlf-search form input[type="radio"]:checked:after{opacity:1}body.collections .main-column .search-form .tx-dlf-search form label{margin-right:10px}body.collections .main-column .search-form .tx-dlf-search form label[for="tx-dlf-search-query"]{display:none}body.collections .main-column .search-form .tx-dlf-search form #tx-dlf-search-suggest{position:absolute}body.collections .main-column .search-form .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 .main-column .search-form .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 .main-column .search-form .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 .main-column .search-form .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 .main-column .search-form .tx-dlf-search form #tx-dlf-search-suggest ul li:hover{background:white;color:#167}body.collections .main-column .search-form .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 .main-column .search-form .tx-dlf-search form .tx-dlf-search-extended input[type="text"]{padding-left:180px}body.collections .main-column .search-form .tx-dlf-search form .tx-dlf-search-extended select{position:absolute;top:0;display:block;appearance:none;-webkit-appearance:none;height:40px;width:100px;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 .main-column .search-form .tx-dlf-search form .tx-dlf-search-extended select.tx-dlf-search-operator{left:0;width:70px}body.collections .main-column .search-form .tx-dlf-search form .tx-dlf-search-extended select.tx-dlf-search-field{left:70px}body.collections .main-column .search-form .tx-dlf-search form .extended-search-toggle{position:absolute;right:0;bottom:0;display:block;cursor:pointer;text-decoration:underline;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}body.collections .main-column .search-form .tx-dlf-search form .extended-search-toggle span{display:none}body.collections .main-column .search-form .tx-dlf-search form.extendend-search-active{padding-bottom:60px}body.collections .main-column .search-form .tx-dlf-search form.extendend-search-active input[type="submit"]{top:295px;right:0;height:50px;width:50px;border-radius:25px;background-position:-555px 5px}body.collections .main-column .search-form .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 .main-column .search-form .tx-dlf-search form.extendend-search-active .extended-search-toggle{right:70px;bottom:5px}body.collections .main-column .search-form .tx-dlf-search form.extendend-search-active .extended-search-toggle span{display:inline}body.collections .main-column .tx-dlf-collection{position:relative;padding-top:30px;margin-top:20px}body.collections .main-column .tx-dlf-collection-list{margin:0 -5px;padding:0}body.collections .main-column .tx-dlf-collection-list:before,body.collections .main-column .tx-dlf-collection-list:after{content:" ";display:table}body.collections .main-column .tx-dlf-collection-list:after{clear:both}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col{width:100%}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col.col-2,body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col.col-3{display:none}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item{position:relative;padding:15px 0}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-thumbnail{overflow:hidden;border:1px solid #d9d9d9;min-height:100px}body.collections .main-column .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 .main-column .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 .main-column .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 .main-column .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 .main-column .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-meta-information h4 a{color:#167;text-decoration:none}body.collections .main-column .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 .main-column .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item{cursor:pointer}.no-touchevents body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-thumbnail img,.no-touchevents body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-meta-information,.no-touchevents body.collections .main-column .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 .main-column .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 .main-column .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 .main-column .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 .main-column .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 .main-column .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 .main-column .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 .main-column .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 .main-column .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 .main-column .tx-dlf-collection-list.alphabetical{position:relative;min-height:2000px;margin-top:30px}body.collections .main-column .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 .main-column .tx-dlf-collection-list.alphabetical li.tx-dlf-collection-col{display:none}body.collections .main-column .tx-dlf-collection-list.alphabetical li.order-label{border:0 none;height:0;padding:0;z-index:122}body.collections .main-column .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 .main-column .tx-dlf-collection-list.alphabetical li.order-label:hover:before{display:none}body.collections .main-column .tx-dlf-collection-list.alphabetical li .tx-dlf-collection-thumbnail{width:70px;height:100px;background:white;z-index:120}body.collections .main-column .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 .main-column .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 .main-column .tx-dlf-collection-list.alphabetical li .tx-dlf-collection-meta-information h4{font-size:18px;font-weight:normal;margin:0}body.collections .main-column .tx-dlf-collection-list.alphabetical li .tx-dlf-collection-meta-information h4 a{color:#333;text-decoration:none}body.collections .main-column .tx-dlf-collection-list.alphabetical li .tx-dlf-collection-meta-information h4 a:hover{text-decoration:none}body.collections .main-column .tx-dlf-collection-list.alphabetical li .tx-dlf-collection-meta-information>a{display:none}body.collections .main-column .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 .main-column .tx-dlf-collection-list.alphabetical li .tx-dlf-collection-meta-information>a{right:-25px;top:0;bottom:auto}body.collections .main-column .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 .main-column .tx-dlf-collection-list.alphabetical li:hover .tx-dlf-collection-thumbnail img,body.collections .main-column .tx-dlf-collection-list.alphabetical li:hover:before{opacity:1}body.collections .main-column .tx-dlf-collection-list.alphabetical li:hover .tx-dlf-collection-meta-information p{border-top-color:transparent}body.collections .main-column .tx-dlf-collection-list.alphabetical li:hover .tx-dlf-collection-meta-information>a{bottom:auto}body.collections .main-column .tx-dlf-collection-list.alphabetical-ready li{opacity:1}body.collections .main-column .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 .main-column .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 .main-column .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 .main-column .tx-dlf-list-toggle-container.alphabetical .tx-dlf-list-toggle .toggle-state{left:17px}body.collections .main-column .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 .main-column .tx-dlf-list-toggle-container .label.active{opacity:1;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif}body.collections .main-column .tx-dlf-collection-list-additionals{display:none}@media screen and (min-width:480px){body.collections .main-column .tx-dlf-collection{padding-top:0}body.collections .main-column .tx-dlf-list-toggle-container{right:0;top:-45px;left:auto}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col{width:50%;float:left}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col.col-2{display:block}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col.col-3{display:none}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item{padding:5px}body.collections .main-column .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 .main-column .tx-dlf-collection-list.alphabetical{margin-top:0}}@media screen and (min-width:768px){body.collections .main-column .search-form .tx-dlf-search form .tx-dlf-search-extended input[type="text"]{padding-left:230px}body.collections .main-column .search-form .tx-dlf-search form .tx-dlf-search-extended select{width:150px}}@media screen and (min-width:1024px){body.collections .main-column{padding:0;width:100%;float:none}body.collections .main-column .tx-dlf-statistics{font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif}body.collections .main-column .tx-dlf-statistics strong{font-family:'VistaSansBook','Calibri','Helvetica',Sans-serif;font-size:26px;white-space:nowrap;color:#c00}body.collections .main-column .search-form .tx-dlf-search{padding:30px 10% 30px 0}body.collections .main-column .search-form .tx-dlf-search form input[type="text"]{border-color:rgba(17,102,119,0.5)}body.collections .main-column .tx-dlf-collection-list{margin:20px -15px}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col{width:33.333333%;float:left}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col.col-3{display:block}body.collections .main-column .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item{padding:15px}body.collections .main-column .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 .main-column .tx-dlf-collection-list .tx-dlf-collection-col .tx-dlf-collection-item .tx-dlf-collection-meta-information h4{margin:0}body.collections .main-column .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 .main-column .tx-dlf-statistics{padding-right:20%}body.collections .main-column .search-form .tx-dlf-search{padding:30px 0}}/*# sourceMappingURL=Resources/Public/Css/DigitalcollectionsLists.css.map */
\ No newline at end of file
diff --git a/Resources/Public/JavaScript/DigitalcollectionsScripts.js b/Resources/Public/JavaScript/DigitalcollectionsScripts.js
index 286de867..ca84eab1 100644
--- a/Resources/Public/JavaScript/DigitalcollectionsScripts.js
+++ b/Resources/Public/JavaScript/DigitalcollectionsScripts.js
@@ -1 +1 @@
-function enterFullscreen(e){e=void 0===e||e,setTimeout((function(){window.dispatchEvent(new Event("resize"))}),220),$("body").addClass("fullscreen"),$("a.fullscreen").addClass("active"),Cookies.set("tx-dlf-pageview-zoomFullscreen","true",{sameSite:"lax"})}function exitFullscreen(e){e=void 0===e||e,setTimeout((function(){window.dispatchEvent(new Event("resize"))}),220),$("body").removeClass("fullscreen"),$("a.fullscreen").removeClass("active"),e&&Cookies.remove("tx-dlf-pageview-zoomFullscreen")}!function(e,t,n){function o(e,t){return typeof e===t}function a(e){return e.replace(/([a-z])-([a-z])/g,(function(e,t,n){return t+n.toUpperCase()})).replace(/^-/,"")}function l(e,t){return!!~(""+e).indexOf(t)}function i(){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 s(e,n,o,a){var l,s,r,c,d="modernizr",u=i("div"),f=function(){var e=t.body;return e||((e=i(b?"svg":"body")).fake=!0),e}();if(parseInt(o,10))for(;o--;)(r=i("div")).id=a?a[o]:d+(o+1),u.appendChild(r);return(l=i("style")).type="text/css",l.id="s"+d,(f.fake?f:u).appendChild(l),f.appendChild(u),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(t.createTextNode(e)),u.id=d,f.fake&&(f.style.background="",f.style.overflow="hidden",c=x.style.overflow,x.style.overflow="hidden",x.appendChild(f)),s=n(u,e),f.fake?(f.parentNode.removeChild(f),x.style.overflow=c,x.offsetHeight):u.parentNode.removeChild(u),!!s}function r(e,t){return function(){return e.apply(t,arguments)}}function c(e){return e.replace(/([A-Z])/g,(function(e,t){return"-"+t.toLowerCase()})).replace(/^ms-/,"-ms-")}function d(t,n,o){var a;if("getComputedStyle"in e){a=getComputedStyle.call(e,t,n);var l=e.console;if(null!==a)o&&(a=a.getPropertyValue(o));else if(l){l[l.error?"error":"log"].call(l,"getComputedStyle returning null, its possible modernizr test results are inaccurate")}}else a=!n&&t.currentStyle&&t.currentStyle[o];return a}function u(t,o){var a=t.length;if("CSS"in e&&"supports"in e.CSS){for(;a--;)if(e.CSS.supports(c(t[a]),o))return!0;return!1}if("CSSSupportsRule"in e){for(var l=[];a--;)l.push("("+c(t[a])+":"+o+")");return s("@supports ("+(l=l.join(" or "))+") { #modernizr { position: absolute; } }",(function(e){return"absolute"==d(e,null,"position")}))}return n}function f(e,t,s,r){function c(){f&&(delete P.style,delete P.modElem)}if(r=!o(r,"undefined")&&r,!o(s,"undefined")){var d=u(e,s);if(!o(d,"undefined"))return d}for(var f,p,m,g,h,v=["modernizr","tspan","samp"];!P.style&&v.length;)f=!0,P.modElem=i(v.shift()),P.style=P.modElem.style;for(m=e.length,p=0;m>p;p++)if(g=e[p],h=P.style[g],l(g,"-")&&(g=a(g)),P.style[g]!==n){if(r||o(s,"undefined"))return c(),"pfx"!=t||g;try{P.style[g]=s}catch(e){}if(P.style[g]!=h)return c(),"pfx"!=t||g}return c(),!1}function p(e,t,n,a,l){var i=e.charAt(0).toUpperCase()+e.slice(1),s=(e+" "+T.join(i+" ")+i).split(" ");return o(t,"string")||o(t,"undefined")?f(s,t,a,l):function(e,t,n){var a;for(var l in e)if(e[l]in t)return!1===n?e[l]:o(a=t[e[l]],"function")?r(a,n||t):a;return!1}(s=(e+" "+y.join(i+" ")+i).split(" "),t,n)}function m(e,t,o){return p(e,n,n,t,o)}var g=[],h=[],v={_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){h.push({name:e,fn:t,options:n})},addAsyncTest:function(e){h.push({name:null,fn:e})}},$=function(){};$.prototype=v,$=new $;var C=v._config.usePrefixes?" -webkit- -moz- -o- -ms- ".split(" "):["",""];v._prefixes=C;var x=t.documentElement,b="svg"===x.nodeName.toLowerCase(),w="Moz O ms Webkit",y=v._config.usePrefixes?w.toLowerCase().split(" "):[];v._domPrefixes=y;var k="CSS"in e&&"supports"in e.CSS,S="supportsCSS"in e;$.addTest("supports",k||S);var T=v._config.usePrefixes?w.split(" "):[];v._cssomPrefixes=T;var M=function(t){var o,a=C.length,l=e.CSSRule;if(void 0===l)return n;if(!t)return!1;if((o=(t=t.replace(/^@/,"")).replace(/-/g,"_").toUpperCase()+"_RULE")in l)return"@"+t;for(var i=0;a>i;i++){var s=C[i];if(s.toUpperCase()+"_"+o in l)return"@-"+s.toLowerCase()+"-"+t}return!1};v.atRule=M;var z=v.testStyles=s;$.addTest("touchevents",(function(){var n;if("ontouchstart"in e||e.DocumentTouch&&t instanceof DocumentTouch)n=!0;else{var o=["@media (",C.join("touch-enabled),("),"heartz",")","{#modernizr{top:9px;position:absolute}}"].join("");z(o,(function(e){n=9===e.offsetTop}))}return n}));var E={elem:i("modernizr")};$._q.push((function(){delete E.elem}));var P={style:E.elem.style};$._q.unshift((function(){delete P.style})),v.testProp=function(e,t,o){return f([e],n,t,o)},v.testAllProps=p;var F=v.prefixed=function(e,t,n){return 0===e.indexOf("@")?M(e):(-1!=e.indexOf("-")&&(e=a(e)),t?p(e,t,n):p(e,"pfx"))};v.testAllProps=m,$.addTest("csstransforms3d",(function(){var e=!!m("perspective","1px",!0),t=$._config.usePrefixes;if(e&&(!t||"webkitPerspective"in x.style)){var n;$.supports?n="@supports (perspective: 1px)":(n="@media (transform-3d)",t&&(n+=",(-webkit-transform-3d)")),z("#modernizr{width:0;height:0}"+(n+="{#modernizr{width:7px;height:18px;margin:0;padding:0;border:0}}"),(function(t){e=7===t.offsetWidth&&18===t.offsetHeight}))}return e})),$.addTest("csstransitions",m("transition","all",!0)),$.addTest("objectfit",!!F("objectFit"),{aliases:["object-fit"]}),function(){var e,t,n,a,l,i;for(var s in h)if(h.hasOwnProperty(s)){if(e=[],(t=h[s]).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(a=o(t.fn,"function")?t.fn():t.fn,l=0;l<e.length;l++)1===(i=e[l].split(".")).length?$[i[0]]=a:(!$[i[0]]||$[i[0]]instanceof Boolean||($[i[0]]=new Boolean($[i[0]])),$[i[0]][i[1]]=a),g.push((a?"":"no-")+i.join("-"))}}(),function(e){var t=x.className,n=$._config.classPrefix||"";if(b&&(t=t.baseVal),$._config.enableJSClass){var o=new RegExp("(^|\\s)"+n+"no-js(\\s|$)");t=t.replace(o,"$1"+n+"js$2")}$._config.enableClasses&&(t+=" "+n+e.join(" "+n),b?x.className.baseVal=t:x.className=t)}(g),delete v.addTest,delete v.addAsyncTest;for(var _=0;_<$._q.length;_++)$._q[_]();e.Modernizr=$}(window,document),function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self,function(){var n=e.Cookies,o=e.Cookies=t();o.noConflict=function(){return e.Cookies=n,o}}())}(this,(function(){"use strict";function e(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)e[o]=n[o]}return e}var t={read:function(e){return e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};var n=function n(o,a){function l(t,n,l){if("undefined"!=typeof document){"number"==typeof(l=e({},a,l)).expires&&(l.expires=new Date(Date.now()+864e5*l.expires)),l.expires&&(l.expires=l.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape),n=o.write(n,t);var i="";for(var s in l)l[s]&&(i+="; "+s,!0!==l[s]&&(i+="="+l[s].split(";")[0]));return document.cookie=t+"="+n+i}}return Object.create({set:l,get:function(e){if("undefined"!=typeof document&&(!arguments.length||e)){for(var n=document.cookie?document.cookie.split("; "):[],a={},l=0;l<n.length;l++){var i=n[l].split("="),s=i.slice(1).join("=");'"'===s[0]&&(s=s.slice(1,-1));try{var r=t.read(i[0]);if(a[r]=o.read(s,r),e===r)break}catch(e){}}return e?a[e]:a}},remove:function(t,n){l(t,"",e({},n,{expires:-1}))},withAttributes:function(t){return n(this.converter,e({},this.attributes,t))},withConverter:function(t){return n(e({},this.converter,t),this.attributes)}},{attributes:{value:Object.freeze(a)},converter:{value:Object.freeze(o)}})}(t,{path:"/"});return n})),window.DigitalCollections=function(e){return e.isInTheaterMode=function(){return $("body.fullscreen").length>0},e.toggleTheaterMode=function(t){e.isInTheaterMode()?exitFullscreen(t):enterFullscreen(t)},e}(window.DigitalCollections||{}),$((function(){$("html").removeClass("no-js"),$(".offcanvas-toggle").on("click",(function(e){$(this).parent().toggleClass("open")})),$("li.submenu > a").on("click",(function(e){$("li.submenu.open a").not(this).parent().removeClass("open"),$(this).parent().toggleClass("open")})),$("nav .nav-toggle").on("click",(function(e){$(this).toggleClass("active"),$("nav .secondary-nav").toggleClass("open")})),$(".calendar-view div.issues h4").on("click",(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("click",(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")}})),$(".provider img").length>0?$(".provider img").each((function(){(void 0!==this.naturalWidth&&0==this.naturalWidth||"uninitialized"==this.readyState)&&$(this).parents(".document-functions").addClass("missing-provider-image")})):$(".provider").parents(".document-functions").addClass("missing-provider-image"),$(".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, .fulltext-search-toggle").clone().appendTo(".provider .mobile-controls"),shortenMobileMetaElement=$(".provider dl.mobile-meta dd.tx-dlf-title a"),shortenMobileMetaTitle=shortenMobileMetaElement.text(),shortenMobileMetaTitle.length>140&&(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>")})),$(".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("click",(function(){$(".control-bar").hasClass("all-metadata")?(Cookies.remove("tx-dlf-allmetadata"),$(this).text(metadataToggleLabelMore)):(Cookies.set("tx-dlf-allmetadata","true",{sameSite:"lax"}),$(this).text(metadataToggleLabelLess)),$(".control-bar").toggleClass("all-metadata").find("dl:nth-child(n+3)").slideToggle()}))),$("a.fullscreen").on("click",(function(){window.DigitalCollections.toggleTheaterMode()})),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 zeigen":"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("click",(function(){$(this).remove(),$("ul.toc ul li").slideDown()}))),$(".tx-dlf-toolsFulltextsearch form")[0]?$(".fulltext-search-toggle").on("click",(function(){$("body").toggleClass("search-indocument-active"),$(".tx-dlf-toolsFulltextsearch").css({top:$(this).offset().top-60+"px"}),$("body.search-indocument-active #tx-dlf-search-in-document-query").trigger("focus")})):$(".fulltext-search-toggle").addClass("disabled"),Modernizr.touchevents?($(".fwds, .backs").on("touchstart",(function(){$(this).addClass("over"),triggeredElement=$(this),setTimeout((function(){triggeredElement.addClass("enable-touchevent")}),250)})).on("touchend",(function(){localStorage.txDlfFromPage=$(this).attr("class").split(" ")[0]})),$("body").on("touchstart",(function(e){target=$(e.target),target.closest(".page-control")[0]||($(".fwds, .backs").removeClass("over enable-touchevent"),localStorage.clear())})),localStorage.txDlfFromPage&&($("."+localStorage.txDlfFromPage).addClass("no-transition over enable-touchevent"),localStorage.clear())):($(".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"),localStorage.clear())),$(".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"),setTimeout((function(){localStorage.clear(),$(".fwds, .backs").removeClass("no-transition"),$("body").removeClass("static")}),1e3)})),$(document).keyup((function(e){if("Escape"===e.key){if(window.DigitalCollections.isInTheaterMode())return exitFullscreen();$(".document-functions .search.open")[0]&&$(".document-functions .search").removeClass("open")}if("f"===e.key&&!$("#tx-dlf-search-in-document-query").is(":focus"))return enterFullscreen()})),window.addEventListener("dlf-theater-mode",(e=>{if(void 0!==e.detail){if("toggle"===e.detail.action)window.DigitalCollections.toggleTheaterMode(e.detail.persist)}else console.warn("dlf-theater-mode: No parameter given")}));
\ No newline at end of file
+function enterFullscreen(e){e=void 0===e||e,setTimeout((function(){window.dispatchEvent(new Event("resize"))}),220),$("body").addClass("fullscreen"),$("a.fullscreen").addClass("active"),Cookies.set("tx-dlf-pageview-zoomFullscreen","true",{sameSite:"lax"})}function exitFullscreen(e){e=void 0===e||e,setTimeout((function(){window.dispatchEvent(new Event("resize"))}),220),$("body").removeClass("fullscreen"),$("a.fullscreen").removeClass("active"),e&&Cookies.remove("tx-dlf-pageview-zoomFullscreen")}!function(e,t,n){function o(e,t){return typeof e===t}function a(e){return e.replace(/([a-z])-([a-z])/g,(function(e,t,n){return t+n.toUpperCase()})).replace(/^-/,"")}function l(e,t){return!!~(""+e).indexOf(t)}function i(){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 s(e,n,o,a){var l,s,r,c,d="modernizr",u=i("div"),f=function(){var e=t.body;return e||((e=i(b?"svg":"body")).fake=!0),e}();if(parseInt(o,10))for(;o--;)(r=i("div")).id=a?a[o]:d+(o+1),u.appendChild(r);return(l=i("style")).type="text/css",l.id="s"+d,(f.fake?f:u).appendChild(l),f.appendChild(u),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(t.createTextNode(e)),u.id=d,f.fake&&(f.style.background="",f.style.overflow="hidden",c=x.style.overflow,x.style.overflow="hidden",x.appendChild(f)),s=n(u,e),f.fake?(f.parentNode.removeChild(f),x.style.overflow=c,x.offsetHeight):u.parentNode.removeChild(u),!!s}function r(e,t){return function(){return e.apply(t,arguments)}}function c(e){return e.replace(/([A-Z])/g,(function(e,t){return"-"+t.toLowerCase()})).replace(/^ms-/,"-ms-")}function d(t,n,o){var a;if("getComputedStyle"in e){a=getComputedStyle.call(e,t,n);var l=e.console;if(null!==a)o&&(a=a.getPropertyValue(o));else if(l){l[l.error?"error":"log"].call(l,"getComputedStyle returning null, its possible modernizr test results are inaccurate")}}else a=!n&&t.currentStyle&&t.currentStyle[o];return a}function u(t,o){var a=t.length;if("CSS"in e&&"supports"in e.CSS){for(;a--;)if(e.CSS.supports(c(t[a]),o))return!0;return!1}if("CSSSupportsRule"in e){for(var l=[];a--;)l.push("("+c(t[a])+":"+o+")");return s("@supports ("+(l=l.join(" or "))+") { #modernizr { position: absolute; } }",(function(e){return"absolute"==d(e,null,"position")}))}return n}function f(e,t,s,r){function c(){f&&(delete P.style,delete P.modElem)}if(r=!o(r,"undefined")&&r,!o(s,"undefined")){var d=u(e,s);if(!o(d,"undefined"))return d}for(var f,p,m,g,h,v=["modernizr","tspan","samp"];!P.style&&v.length;)f=!0,P.modElem=i(v.shift()),P.style=P.modElem.style;for(m=e.length,p=0;m>p;p++)if(g=e[p],h=P.style[g],l(g,"-")&&(g=a(g)),P.style[g]!==n){if(r||o(s,"undefined"))return c(),"pfx"!=t||g;try{P.style[g]=s}catch(e){}if(P.style[g]!=h)return c(),"pfx"!=t||g}return c(),!1}function p(e,t,n,a,l){var i=e.charAt(0).toUpperCase()+e.slice(1),s=(e+" "+T.join(i+" ")+i).split(" ");return o(t,"string")||o(t,"undefined")?f(s,t,a,l):function(e,t,n){var a;for(var l in e)if(e[l]in t)return!1===n?e[l]:o(a=t[e[l]],"function")?r(a,n||t):a;return!1}(s=(e+" "+y.join(i+" ")+i).split(" "),t,n)}function m(e,t,o){return p(e,n,n,t,o)}var g=[],h=[],v={_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){h.push({name:e,fn:t,options:n})},addAsyncTest:function(e){h.push({name:null,fn:e})}},$=function(){};$.prototype=v,$=new $;var C=v._config.usePrefixes?" -webkit- -moz- -o- -ms- ".split(" "):["",""];v._prefixes=C;var x=t.documentElement,b="svg"===x.nodeName.toLowerCase(),w="Moz O ms Webkit",y=v._config.usePrefixes?w.toLowerCase().split(" "):[];v._domPrefixes=y;var k="CSS"in e&&"supports"in e.CSS,S="supportsCSS"in e;$.addTest("supports",k||S);var T=v._config.usePrefixes?w.split(" "):[];v._cssomPrefixes=T;var M=function(t){var o,a=C.length,l=e.CSSRule;if(void 0===l)return n;if(!t)return!1;if((o=(t=t.replace(/^@/,"")).replace(/-/g,"_").toUpperCase()+"_RULE")in l)return"@"+t;for(var i=0;a>i;i++){var s=C[i];if(s.toUpperCase()+"_"+o in l)return"@-"+s.toLowerCase()+"-"+t}return!1};v.atRule=M;var z=v.testStyles=s;$.addTest("touchevents",(function(){var n;if("ontouchstart"in e||e.DocumentTouch&&t instanceof DocumentTouch)n=!0;else{var o=["@media (",C.join("touch-enabled),("),"heartz",")","{#modernizr{top:9px;position:absolute}}"].join("");z(o,(function(e){n=9===e.offsetTop}))}return n}));var E={elem:i("modernizr")};$._q.push((function(){delete E.elem}));var P={style:E.elem.style};$._q.unshift((function(){delete P.style})),v.testProp=function(e,t,o){return f([e],n,t,o)},v.testAllProps=p;var F=v.prefixed=function(e,t,n){return 0===e.indexOf("@")?M(e):(-1!=e.indexOf("-")&&(e=a(e)),t?p(e,t,n):p(e,"pfx"))};v.testAllProps=m,$.addTest("csstransforms3d",(function(){var e=!!m("perspective","1px",!0),t=$._config.usePrefixes;if(e&&(!t||"webkitPerspective"in x.style)){var n;$.supports?n="@supports (perspective: 1px)":(n="@media (transform-3d)",t&&(n+=",(-webkit-transform-3d)")),z("#modernizr{width:0;height:0}"+(n+="{#modernizr{width:7px;height:18px;margin:0;padding:0;border:0}}"),(function(t){e=7===t.offsetWidth&&18===t.offsetHeight}))}return e})),$.addTest("csstransitions",m("transition","all",!0)),$.addTest("objectfit",!!F("objectFit"),{aliases:["object-fit"]}),function(){var e,t,n,a,l,i;for(var s in h)if(h.hasOwnProperty(s)){if(e=[],(t=h[s]).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(a=o(t.fn,"function")?t.fn():t.fn,l=0;l<e.length;l++)1===(i=e[l].split(".")).length?$[i[0]]=a:(!$[i[0]]||$[i[0]]instanceof Boolean||($[i[0]]=new Boolean($[i[0]])),$[i[0]][i[1]]=a),g.push((a?"":"no-")+i.join("-"))}}(),function(e){var t=x.className,n=$._config.classPrefix||"";if(b&&(t=t.baseVal),$._config.enableJSClass){var o=new RegExp("(^|\\s)"+n+"no-js(\\s|$)");t=t.replace(o,"$1"+n+"js$2")}$._config.enableClasses&&(t+=" "+n+e.join(" "+n),b?x.className.baseVal=t:x.className=t)}(g),delete v.addTest,delete v.addAsyncTest;for(var _=0;_<$._q.length;_++)$._q[_]();e.Modernizr=$}(window,document),function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self,function(){var n=e.Cookies,o=e.Cookies=t();o.noConflict=function(){return e.Cookies=n,o}}())}(this,(function(){"use strict";function e(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)e[o]=n[o]}return e}var t={read:function(e){return e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};return function n(o,a){function l(t,n,l){if("undefined"!=typeof document){"number"==typeof(l=e({},a,l)).expires&&(l.expires=new Date(Date.now()+864e5*l.expires)),l.expires&&(l.expires=l.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape),n=o.write(n,t);var i="";for(var s in l)l[s]&&(i+="; "+s,!0!==l[s]&&(i+="="+l[s].split(";")[0]));return document.cookie=t+"="+n+i}}return Object.create({set:l,get:function(e){if("undefined"!=typeof document&&(!arguments.length||e)){for(var n=document.cookie?document.cookie.split("; "):[],a={},l=0;l<n.length;l++){var i=n[l].split("="),s=i.slice(1).join("=");'"'===s[0]&&(s=s.slice(1,-1));try{var r=t.read(i[0]);if(a[r]=o.read(s,r),e===r)break}catch(e){}}return e?a[e]:a}},remove:function(t,n){l(t,"",e({},n,{expires:-1}))},withAttributes:function(t){return n(this.converter,e({},this.attributes,t))},withConverter:function(t){return n(e({},this.converter,t),this.attributes)}},{attributes:{value:Object.freeze(a)},converter:{value:Object.freeze(o)}})}(t,{path:"/"})})),window.DigitalCollections=function(e){return e.isInTheaterMode=function(){return $("body.fullscreen").length>0},e.toggleTheaterMode=function(t){e.isInTheaterMode()?exitFullscreen(t):enterFullscreen(t)},e}(window.DigitalCollections||{}),$((function(){$("html").removeClass("no-js"),$(".offcanvas-toggle").on("click",(function(e){$(this).parent().toggleClass("open")})),$("li.submenu > a").on("click",(function(e){$("li.submenu.open a").not(this).parent().removeClass("open"),$(this).parent().toggleClass("open")})),$("nav .nav-toggle").on("click",(function(e){$(this).toggleClass("active"),$("nav .secondary-nav").toggleClass("open")})),$(".calendar-view div.issues h4").on("click",(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("click",(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")}})),$(".provider img").length>0?$(".provider img").each((function(){(void 0!==this.naturalWidth&&0==this.naturalWidth||"uninitialized"==this.readyState)&&$(this).parents(".document-functions").addClass("missing-provider-image")})):$(".provider").parents(".document-functions").addClass("missing-provider-image"),$(".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, .fulltext-search-toggle").clone().appendTo(".provider .mobile-controls"),shortenMobileMetaElement=$(".provider dl.mobile-meta dd.tx-dlf-title a"),shortenMobileMetaTitle=shortenMobileMetaElement.text(),shortenMobileMetaTitle.length>140&&(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>")})),$(".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("click",(function(){$(".control-bar").hasClass("all-metadata")?(Cookies.remove("tx-dlf-allmetadata"),$(this).text(metadataToggleLabelMore)):(Cookies.set("tx-dlf-allmetadata","true",{sameSite:"lax"}),$(this).text(metadataToggleLabelLess)),$(".control-bar").toggleClass("all-metadata").find("dl:nth-child(n+3)").slideToggle()}))),$("a.fullscreen").on("click",(function(){window.DigitalCollections.toggleTheaterMode()})),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 zeigen":"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("click",(function(){$(this).remove(),$("ul.toc ul li").slideDown()}))),$(".tx-dlf-toolsFulltextsearch form")[0]?$(".fulltext-search-toggle").on("click",(function(){$("body").toggleClass("search-indocument-active"),$(".tx-dlf-toolsFulltextsearch").css({top:$(this).offset().top-60+"px"}),$("body.search-indocument-active #tx-dlf-search-in-document-query").trigger("focus")})):$(".fulltext-search-toggle").addClass("disabled"),Modernizr.touchevents?($(".fwds, .backs").on("touchstart",(function(){$(this).addClass("over"),triggeredElement=$(this),setTimeout((function(){triggeredElement.addClass("enable-touchevent")}),250)})).on("touchend",(function(){localStorage.txDlfFromPage=$(this).attr("class").split(" ")[0]})),$("body").on("touchstart",(function(e){target=$(e.target),target.closest(".page-control")[0]||($(".fwds, .backs").removeClass("over enable-touchevent"),localStorage.clear())})),localStorage.txDlfFromPage&&($("."+localStorage.txDlfFromPage).addClass("no-transition over enable-touchevent"),localStorage.clear())):($(".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"),localStorage.clear())),$(".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"),setTimeout((function(){localStorage.clear(),$(".fwds, .backs").removeClass("no-transition"),$("body").removeClass("static")}),1e3)})),$(document).keyup((function(e){if("Escape"===e.key){if(window.DigitalCollections.isInTheaterMode())return exitFullscreen();$(".document-functions .search.open")[0]&&$(".document-functions .search").removeClass("open")}if("f"===e.key&&!$("#tx-dlf-search-in-document-query").is(":focus"))return enterFullscreen()})),window.addEventListener("dlf-theater-mode",(e=>{if(void 0!==e.detail)switch(e.detail.action){case"toggle":window.DigitalCollections.toggleTheaterMode(e.detail.persist)}else console.warn("dlf-theater-mode: No parameter given")}));
\ No newline at end of file