/*
----------------------------------------------------------------------
build in: September 2023
----------------------------------------------------------------------
*/

.tx-dlf-content {
    background: #242424;
    padding: 60px;
    border-top: 1px solid #505050;
    color: #ffffff;
}

.tx-dlf-content header {
    background: transparent;
    text-align: left;
}

.tx-dlf-content .grid-wrapper-2-column {
    grid-gap: 40px;
}

.tx-dlf-content .frame {
    width: auto;
}

main .tx-dlf-content .frame-type-text,
.tx-dlf-content .frame-type-presentationpackage_gridtwocolumn,
main .tx-dlf-content .frame-type-presentationpackage_accordion,
main .tx-dlf-content .frame-type-div {
    padding: 0;
    margin: 0 0 40px 0;
}

main .tx-dlf-content .frame-type-header,
main .tx-dlf-content .frame-type-presentationpackage_accordionelement {
    padding: 0;
    margin: 0 0 20px 0;
}

main .tx-dlf-content .frame-type-div hr {
    border-bottom: 1px solid #ffffff;
    width: calc(100% - 40px);
}

.tx-dlf-content a {
    padding: 2px;
}

.tx-dlf-content a:hover,
.tx-dlf-content a:active {
    color: #242424;
    background: #ffffff;
    border-radius: 3px;
    padding: 2px;
}

.tx-dlf-content h1,
.tx-dlf-content h2,
.tx-dlf-content h3,
.tx-dlf-content h4 {
    padding-top: 0;
    padding-bottom: 20px;
}

.tx-dlf-content .ce-table {
    border: 1px solid #505050;
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 20px 0;
}

.tx-dlf-content .ce-table th,
.tx-dlf-content .ce-table td {
    border: 1px solid #505050;
    padding: 5px;
}

.tx-dlf-content .ce-bullets,
.tx-dlf-content .frame-type-text ul {
    margin: 0 0 20px 20px;
    padding: 0;
}

.tx-dlf-content .frame-type-text p {
    margin: 0 0 20px 0;
}

.tx-dlf-content .image-embed-item {
    width: 100%;
    max-width: 100%;
    height: auto;
}


/*
----------------------------------------------------------------------
max 1024px
----------------------------------------------------------------------
*/

@media only screen and (max-width: 1024px) {

    .tx-dlf-content {
        padding: 30px;
    }

    .tx-dlf-content .grid-wrapper-2-column {
        grid-template-columns: 1fr;
        grid-gap: 0px;
        grid-auto-rows: minmax(auto, auto);
    }

    .tx-dlf-content .col-1-2,
    .tx-dlf-content .col-2-2 {
        grid-column: auto;
        grid-row: auto;
        margin: 0 0 40px 0;
    }

}

/*----------------------------------------------------------------------
build in:  08 2019
copyright: KMD Medien GmbH – www.kmd.de
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
addon 03 2023
----------------------------------------------------------------------*/

#dfgviewer_by {
    position: fixed;
    left: 15px;
    bottom: 15px;
    z-index: 66;
}

#dfgviewer_by a {
    background-color: #6a6a6a;
    padding: 5px;
    border-radius: 5px;
    text-decoration: none;
}

#dfgviewer_by a:hover {
    background: #8D0D1C;
    color: #ffffff;
}

#next-page {
    position: fixed;
    right: 10px;
    z-index: 16;
    bottom: 33%;
    background-color: rgb(99, 8, 19);
    background-color: rgba(99, 8, 19, 0.9);
    padding: 30px;
    border-radius: 60px;
    border: 2px solid white;
    transition: 0.5s;
}

#prev-page {
    position: fixed;
    left: 10px;
    z-index: 15;
    bottom: 33%;
    background-color: rgb(99, 8, 19);
    background-color: rgba(99, 8, 19, 0.9);
    padding: 30px;
    border-radius: 60px;
    border: 2px solid white;
    transition: 0.5s;
}

#banner-navigation {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

#banner-navigation a {
    text-decoration: none;
}

.portal-logo-area {
    padding: 0 20px;
}

.portal-logo-area a {
    font-size: 20px;
}

.portal-credits-area {
    margin: 0px auto;
}

.portal-credits-area img {
    height: 60px;
    width: auto;
    padding: 10px;
}

.portal-legal-area {
    margin: 10px 20px;
    text-align: right;
}

.portal-legal-area ul {
    list-style: none;
    margin: 0 0 5px 0;
}

.portal-legal-area li {
    display: inline-block;
}

.portal-legal-area li a {
    background: #cccccc;
    color: #444444;
    padding: 2px 8px;
    border-radius: 5px;
    display: block;
}

.portal-legal-area li a.pla-helpme {
    background: #6a6a6a;
    color: #ffffff;
}

.portal-legal-area li a:hover,
.portal-legal-area li a.pla-helpme:hover {
    background: #8D0D1C;
    color: #ffffff;
}

#powered-by {
    font-size: 11px;
    line-height: 14px;
}

.frame {
    width: 100%;
    box-sizing: border-box;
}

#detail-view {
    width: 100%;
    height: 100%;
    position: fixed;
}

#bottom-toolbar {
    position: fixed;
    bottom: 0;
    z-index: 100;
    padding: 5px;
    background-color: #242424;
    color: #ffffff;
    width: 70%;
    left: 15%;
    margin: 0 auto;
    text-align: center;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    transition: 0.5s;
    display: flex;
}

#bottom-toolbar .navigation-left {
    width: 50%;
    text-align: left;
}

#bottom-toolbar .navigation-right {
    width: 50%;
    text-align: right;
}

#bottom-toolbar .navigation-left .frame {
    width: auto;
    display: inline-block;
}

#bottom-toolbar .navigation-left .tx-dlf-toolbox,
#bottom-toolbar .navigation-right .tx-dlf-toolbox {
    margin: 0;
    display: inline-block;
}

/* left navigation */

#toc-overlay-btn {
    background-color: rgb(99, 8, 19);
    background-color: rgba(99, 8, 19, 0.9);
    color: white;
    height: 300px;
    width: 40px;
    border-bottom-right-radius: 10px;;
    position: fixed;
    z-index: 50;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    /*transition: 0.5s;*/
    cursor: pointer;
}

#toc-overlay-btn p {
    position: absolute;
    bottom: -30px;
    left: 0;
    transform-origin: 0 0;
    transform: rotate(270deg);
    width: 300px;
    padding: 8px 0px;
}

.overlay {
    height: calc(100% - 200px);
    width: 0;
    position: fixed;
    z-index: 51;
    left: 0;
    background-color: rgb(228, 228, 228);
    background-color: rgb(228, 228, 228, 0.8);
    overflow-x: hidden;
    /*transition: 0.5s;*/
}

.overlay-content {
    padding: 30px;
}

.overlay h2,
.overlay2 h2 {
    padding: 45px 0 0 0;
    width: 100%;
}

.overlay .closebtn,
.overlay3 .closebtn3 {
    position: absolute;
    top: 15px;
    right: -2px;
    font-size: 30px;
    padding: 4px 8px;
    color: #B12736;
    display: block;
    transition: 0.3s;
    text-decoration: none;
    border: 2px solid #ffffff;
    border-radius: 5px 0 0 5px;
}

.overlay .closebtn:hover, .overlay .closebtn:focus,
.overlay3 .closebtn3:hover, .overlay3 .closebtn3:focus {
    color: #242424;
    text-decoration: none;
    border: 2px solid #242424;
    right: -5px;
}


/* right navigation */

#meta-overlay-btn {
    background-color: rgb(99, 8, 19);
    background-color: rgba(99, 8, 19, 0.9);
    color: white;
    height: 300px;
    width: 40px;
    border-bottom-left-radius: 10px;
    position: fixed;
    right: 0;
    z-index: 50;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    /*transition: 0.5s;*/
    cursor: pointer;
}

#meta-overlay-btn p {
    position: absolute;
    bottom: -30px;
    left: 0;
    transform-origin: 0 0;
    transform: rotate(270deg);
    width: 300px;
    padding: 8px 0px;
}

.overlay2 {
    height: calc(100% - 200px);
    width: 0;
    position: fixed;
    z-index: 53;
    right: 0;
    background-color: rgb(228, 228, 228);
    background-color: rgb(228, 228, 228, 0.8);
    overflow-x: hidden;
    /*transition: 0.5s;*/
}

.overlay2-content {
    padding: 30px;
}

.overlay2-content .tx-dlf-toolbox li a{
    margin-bottom: 5px;
}

.overlay2 .closebtn2,
.overlay4 .closebtn4 {
    position: absolute;
    position: absolute;
    top: 15px;
    left: -2px;
    font-size: 30px;
    padding: 4px 8px;
    color: #B12736;
    display: block;
    transition: 0.3s;
    text-decoration: none;
    border: 2px solid #ffffff;
    border-radius: 3px;
}

.overlay2 .closebtn2:hover, .overlay2 .closebtn2:focus,
.overlay4 .closebtn4:hover, .overlay4 .closebtn4:focus {
    color: #242424;
    text-decoration: none;
    border: 2px solid #242424;
    left: -5px;
}

/* bottom navigation */
.overlay3 {
    height: 0;
    width: 25%;
    position: fixed;
    z-index: 54;
    left: 0;
    background-color: rgb(200, 200, 200);
    background-color: rgb(200, 200, 200, 0.8);
    overflow-x: hidden;
    /*transition: 0.5s;*/
    bottom: 0;
}

.overlay3-content {
    padding: 30px;
}

.overlay3-content h1{
    padding-left: 100px;
    color: white;
    width: 100%;
    margin-bottom: 20px;
}

/* imagetools navigation */
.overlay4 {
    height: 0;
    width: 25%;
    position: fixed;
    z-index: 55;
    right: 0;
    background-color: rgb(200, 200, 200);
    background-color: rgb(200, 200, 200, 0.8);
    overflow-x: hidden;
    transition: 0.5s;
    bottom: 0;
}

.overlay4-content {
    padding: 30px;
}

.overlay4-content h1{
    padding-left: 100px;
    color: white;
    width: 100%;
    margin-bottom: 20px;
}

.overlay4-content ul {
    margin: 30px;
}

#myNav, #myNav2 {
    width: 0%;
}

#myNav.active, #myNav2.active {
    width: 25%;
    min-width: 500px;
}

#toc-overlay-btn {
    width: 0px;
    left: -90px;
    color: rgba(255, 255, 255, 0.0);
}

#toc-overlay-btn.active {
    width: 40px;
    left: 0px;
    color: #FFFFFF;
}

#meta-overlay-btn {
    width: 0px;
    right: -90px;
    color: rgba(255, 255, 255, 0.0);
}

#meta-overlay-btn.active {
    width: 40px;
    right: 0px;
    color: #FFFFFF;
}

#myNav3, #myNav4 {
    height: 0%;
    min-width: 500px;
}

#myNav3.active, #myNav4.active {
    height: 35%;
}

.reset-search-in-document {
    display: none;
}

#tx-dlf-search-in-document-form div > label {
    color: rgba(0,0,0,0);
}

#tx-dlf-search-in-document-clearing {
    display: none;
}

.tx-dlf-search.clear {
    margin: 20px 0px;
}

/*----------------------------------------------------------------------
global structure & normalize
----------------------------------------------------------------------*/

body {
    margin: 0;
    border: 0 none;
    padding: 0;
    color: #242424;
    font-family: 'LatoLatinWeb', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    background: #ffffff;
}

p, form, img, legend, ul, ol, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, figure, blockquote {
    margin: 0;
    border: 0 none;
    padding: 0;
}

input, textarea, button, select {
    margin: 0;
    font: inherit;
    text-transform: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

textarea {
    overflow: auto;
}

a {
    color: #242424;
    text-decoration: underline;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

a:hover, a:active {
    color: #8D0D1C;
    text-decoration: underline;
    outline-width: 0;
}

.tx-dlf-listview-list li .show-volumes a.show-volumes-expand:focus {
    background: url(../Images/icon-arrow-up.svg) no-repeat 10px center #EDD3B4 !important;
    background-size: 24px 24px !important;;
}

.tx-dlf-listview-list li .show-volumes a.show-volumes-minimize:focus {
    background: url(../Images/icon-arrow-down.svg) no-repeat 10px center #EDD3B4 !important;;
    background-size: 24px 24px !important;;
}

a:focus,
input[type=submit]:focus,
.button-red:focus {
    background-color: #EDD3B4 !important;
    background-image: none !important;
    color: #000 !important;
    border-radius: 3px;
}

strong {
    font-weight: 700;
}

mark {
    background-color: #005182;
    color: #ffffff;
    padding: 1px 2px;
    border-radius: 3px;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

.clear:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
}


/*----------------------------------------------------------------------
fonts
----------------------------------------------------------------------*/

/* Webfont: LatoLatin-Regular */
@font-face {
    font-family: 'LatoLatinWeb';
    src: url('../Fonts/LatoLatin/LatoLatin-Regular.eot'); /* IE9 Compat Modes */
    src: url('../Fonts/LatoLatin/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../Fonts/LatoLatin/LatoLatin-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('../Fonts/LatoLatin/LatoLatin-Regular.woff') format('woff'), /* Modern Browsers */
         url('../Fonts/LatoLatin/LatoLatin-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

/* Webfont: LatoLatin-Bold */
@font-face {
    font-family: 'LatoLatinWeb';
    src: url('../Fonts/LatoLatin/LatoLatin-Bold.eot'); /* IE9 Compat Modes */
    src: url('../Fonts/LatoLatin/LatoLatin-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../Fonts/LatoLatin/LatoLatin-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('../Fonts/LatoLatin/LatoLatin-Bold.woff') format('woff'), /* Modern Browsers */
         url('../Fonts/LatoLatin/LatoLatin-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: bold;
}


/*----------------------------------------------------------------------
forms
----------------------------------------------------------------------*/

input[type=text] {
    border-radius: 3px;
    line-height: 0;
    font-size: 16px;
    color: #242424;
    padding: 10px 15px;
    box-shadow: 0px 3px 0px 0px rgb(120, 120, 120);
    border: 1px solid #FFFFFF;
    display: inline-block;
    vertical-align: middle;
}

input[type=text]:hover {
    border: 1px solid #cccccc;
    color: #000;
}

input[type=submit],
.button-red {
    background: #8E0E1D;
    box-shadow: 0px 3px 0px 0px rgb(86, 7, 16);
    background: linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background: -webkit-linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background: -moz-linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background-image: linear-gradient(rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#8D0D1C), to(#D23D4E));
    border-radius: 3px;
    color: #fff !important;
    font-size: 16px;
    padding: 8px 10px;
    font-weight: 700;
    text-decoration: none !important;
    text-shadow: 0px 1px 0px rgb(86, 7, 16);
    border: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

input[type=submit]:hover,
.button-red:hover {
    background: rgb(141, 13, 28) !important;
    transition: background 0.5s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
}

select {
    border: 1px solid #959595;
    border-radius: 3px;
    padding: 8px 10px;
    line-height: 0;
    font-size: 16px;
    color: #242424;
    display: inline-block;
}


/*----------------------------------------------------------------------
header
----------------------------------------------------------------------*/

header {
    text-align: center;
    background: #242424;
    color: #ffffff;
}

header.header-portal-home {
    background: #242424;
}

header.header-portal-home-kulturgut {
    background: url(../Images/ph-background-kulturgut.jpg) no-repeat top center #242424;
    background-size: cover;
}

header.header-portal-home-zeitungen {
    background: url(../Images/ph-background-zeitungen.jpg) no-repeat top center #242424;
    background-size: cover;
}

.breadcrumb {
    text-align: left;
    background: #242424;
    padding: 5px 15px;
    color: #ffffff;
}

.breadcrumb a {
    color: #ffffff;
    padding: 5px;
    border-radius: 5px;
}

.breadcrumb a:hover {
    color: #242424;
    background: #ffffff;
    text-decoration: none;
}

.breadcrumb span {
    padding: 5px;
}

article.breadcrumb ul {
    list-style: none;
}

article.breadcrumb ul li {
    display: inline-block;
}

article.breadcrumb ul li.current {
    background: none;
    padding: 0px 5px;
}

article.breadcrumb ul li:not(:last-child):after {
    content: "/";
}

article.breadcrumb ul li:first-child {
    display:initial;
}

.meta-navigation {
    text-align: right;
    width: 30%;
}

.meta-navigation img {
    width: 24px;
    height: auto;
    vertical-align: middle;
}

.meta-navigation a {
    position: relative;
    vertical-align: middle;
    padding-left: 15px;
}

.meta-batchcount {
    position: absolute;
    top: -5px;
    right: -10px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    color: #ffffff;
}

.portal-logo {
    font-size: 48px;
    line-height: 48px;
    padding: 30px 0;
}

.portal-claim {
    font-size: 24px;
    line-height: 30px;
    padding: 0 0 60px 0;
}

.collection-intro {
    background: #242424;
    text-align: left;
}

.collection-intro-kulturgut {
    background: url(../Images/follow-background-kulturgut.jpg) no-repeat top center #242424;
    background-size: cover;
}

.collection-intro-jungius {
    background: url(../Images/follow-background-jungius.jpg) no-repeat top center #242424;
    background-size: cover;
}

.collection-intro-zeitungen {
    background: url(../Images/follow-background-zeitungen.jpg) no-repeat top center #242424;
    background-size: cover;
}

.collection-intro a {
    color: #ffffff;
}

.collection-intro article {
    width: 50%;
    padding: 60px 30px;
    display: inline-block;
    vertical-align: top;
}

.collection-intro article h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 10px;
}

div.frame-type-header h1 {
    text-align: left;
    padding-left: 25px;
    font-size: 32px;
    padding-top: 20px;
    padding-bottom: 20px;
}

h2.ce-headline-left {
    text-align: left;
    padding: 15px 30px;
}

header header h1,
header header h2,
header header h3,
main header h1,
main header h2,
main header h3,
main header h4 {
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
}

main div.frame-type-text ul {
    color: #FFFFFF;
    padding: 15px 60px;
}

.frame-type-text hr {
    width: calc(100% - 60px);
}

.logo-uhh-min {
    display: none;
}

/*----------------------------------------------------------------------
main
----------------------------------------------------------------------*/

main {
    display: block;
}

main a {
    color: #FFFFFF;
}

main#search-list-view a:not(.show-volumes-expand),
main .tx-dlf-metadata a,
main .tx-dlf-tableofcontents a,
main .legal-info a {
    color: #242424;
}

main#search-list-view a:hover,
main .tx-dlf-metadata a:hover,
main .tx-dlf-tableofcontents a:hover,
main .legal-info a:hover {
    color: #FFFFFF;
}

main aside {
    float: right;
    width: 33%;
}

#main-content {
    float: left;
    width: 67%;
}

#detail-view #main-content {
    float: none;
    width: 100%;
}

/*----------------------------------------------------------------------
recherchehilfe
----------------------------------------------------------------------*/

.rh_example {
    background: -moz-linear-gradient(to bottom, rgb(65, 65, 65) 5%, rgb(50, 50, 50) 100%) repeat scroll 0% 0% rgb(35, 35, 35);
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid white;
    border-radius: 3px;
    margin-bottom: 20px;
    margin-left: 30px;
    margin-right: 30px;
}
    
.rh_operator {
    background: -moz-linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid white;
    border-radius: 3px;
    font-family: monospace;
    font-weight: bold;
}
  
.rh_search {
    font-family: monospace;
    color: gainsboro;
}

/*----------------------------------------------------------------------
collection-list + teaser
----------------------------------------------------------------------*/

.tx-dlf-collection {
    background: #242424;
    padding: 30px 0;
}

.tx-dlf-content {
    background: #242424;
    padding: 60px 0;
}

.tx-dlf-collection div.frame p {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 24px;
    color: #ffffff;
}

.tx-dlf-collection div.frame h1,
.tx-dlf-collection div.frame h2,
.tx-dlf-collection div.frame h3,
.tx-dlf-collection div.frame h4,
.tx-dlf-collection div.frame h5,
.tx-dlf-collection div.frame h6 {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 24px;
    color: #ffffff;
}

.tx-dlf-collection div.frame blockquote {
    padding-left: 30px;
    padding-right: 30px;
    color: #ffffff;
    font-style: italic;
}

.tx-dlf-collection div.frame-type-presentationpackage_accordionelement ul ul {
    padding-left: 30px;
    padding-right: 30px;
    color: #ffffff;
}

.tx-dlf-collection-list  {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    list-style-type: none;
    margin: 0 30px;
}

.tx-dlf-collection-list li {
    padding: 30px;
    text-align: center;
    background: rgba(78,42,45,1);
    background: -moz-linear-gradient(-45deg, rgba(78,42,45,1) 0%, rgba(36,36,36,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(78,42,45,1)), color-stop(100%, rgba(36,36,36,1)));
    background: -webkit-linear-gradient(-45deg, rgba(78,42,45,1) 0%, rgba(36,36,36,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(78,42,45,1) 0%, rgba(36,36,36,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(78,42,45,1) 0%, rgba(36,36,36,1) 100%);
    background: linear-gradient(135deg, rgba(78,42,45,1) 0%, rgba(36,36,36,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e2a2d', endColorstr='#242424', GradientType=1 );
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
    color: #ffffff;
    position: relative;
}

main .tx-dlf-collection div.span_2_of_3 {
    margin-left: 5%;
}

.tx-dlf-rss-feed {
    position: absolute;
    top: 0px;
    right: 0px;
}

.tx-dlf-rss-feed img {
    width: 50px;
    height: auto;
}

.tx-dlf-rss-feed a:hover {
    background: transparent !important;
    border-radius: 0 !important;
}

.tx-dlf-collection-list li a,
.teaser-slot article a {
    color: #ffffff;
    padding: 5px;
    margin: -5px;
    text-decoration: none;
}

.tx-dlf-collection-list li a:hover,
.teaser-slot article a:hover {
    color: #242424;
    background: #ffffff;
    border-radius: 3px;
}

.tx-dlf-collection-list li .tx-dlf-collection-thumbnail a,
.teaser-slot article .tx-dlf-collection-thumbnail a {
    padding: 0;
    margin: 0;
}

.tx-dlf-collection-list h2,
.teaser-slot article h2,
.hero-teaser h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 10px;
}

.tx-dlf-collection-thumbnail {
    margin-bottom: 30px;
}

.tx-dlf-collection-thumbnail img {
    width: 100%;
    height: auto;
}

.tx-dlf-collection-description a {
    text-decoration: underline !important;
}

.tx-dlf-collection-item h2, .tx-dlf-collection-item p {
    padding: 0px 0px 30px 0px !important;
}

p.tx-dlf-collection-counts {
    padding: 0px !important;
}

.teaser-slot {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    list-style-type: none;
    margin: 60px 30px;
}

.teaser-slot article {
    padding: 30px;
    margin-top: 30px;
    text-align: center;
    background: rgba(36,36,36,1);
    background: -moz-linear-gradient(-45deg, rgba(36,36,36,1) 0%, rgba(80,80,80,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(36,36,36,1)), color-stop(100%, rgba(80,80,80,1)));
    background: -webkit-linear-gradient(-45deg, rgba(36,36,36,1) 0%, rgba(80,80,80,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(36,36,36,1) 0%, rgba(80,80,80,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(36,36,36,1) 0%, rgba(80,80,80,1) 100%);
    background: linear-gradient(135deg, rgba(36,36,36,1) 0%, rgba(80,80,80,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#505050', GradientType=1 );
    color: #ffffff;
}

.teaser-slot article .tx-dlf-collection-thumbnail {
    margin-top: -60px;
}

.hero-teaser {
    background: rgba(78,42,45,1);
    background: -moz-linear-gradient(-45deg, rgba(78,42,45,1) 0%, rgba(36,36,36,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(78,42,45,1)), color-stop(100%, rgba(36,36,36,1)));
    background: -webkit-linear-gradient(-45deg, rgba(78,42,45,1) 0%, rgba(36,36,36,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(78,42,45,1) 0%, rgba(36,36,36,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(78,42,45,1) 0%, rgba(36,36,36,1) 100%);
    background: linear-gradient(135deg, rgba(78,42,45,1) 0%, rgba(36,36,36,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e2a2d', endColorstr='#242424', GradientType=1 );
    color: #ffffff;
    padding: 60px 30px;
}

.hero-teaser article:first-child {
    width: calc(50% - 15px);
    margin-right: 30px;
    float: left;
}

.hero-teaser article:first-child img {
    width: 100%;
    height: auto;
}

.hero-teaser article:last-child {
    width: auto;
}

.hero-teaser article:last-child p {
    padding: 0 0 30px 0;
}

.legal-info {
    margin: 30px 30px 60px 30px;
}

.legal-info a {
    padding: 5px;
    margin: -5px;
    border-radius: 3px;
}

.legal-info a:hover {
    background: #242424;
    color: #ffffff;
    text-decoration: none;
}

.tx-dlf-statistics-wrapper {
    margin-top: 90px;
}

span.search-help a img {
    width: 30px;
    margin-left: 12px;
    vertical-align: middle;
}

/*----------------------------------------------------------------------
tx-dlf-search-query
----------------------------------------------------------------------*/

.home-tx-dlf-search.tx-dlf-search-wrapper {
    padding: 0 30px 120px 30px;
    border: 0;
    text-align: center;
}

.tx-dlf-search-wrapper {
    border-top: 1px solid #505050;
    /*text-align: left;*/
    padding: 15px 30px;
}

.tx-dlf-search-form {
    width: 100%;
    display: block;
}

.tx-dlf-search-form input[type="text"] {
    width: calc(100% - 95px);
}

.tx-dlf-search-form input[type="submit"] {
    width: 90px;
}

#tx-dlf-search-suggest {
    position: absolute;
    display: block;
    left: 30%;
    top: 50px;
    width: 40%;
    margin-left: 30px;
}

#tx-dlf-search-suggest ul {
    position: absolute;
    z-index: 60;
    background: linear-gradient(135deg, rgb(78, 42, 45) 0%, rgb(36, 36, 36) 100%);
    list-style: none;
    padding: 5px;
    text-align: left;
}

#tx-dlf-search-suggest ul li {
    padding: 5px;
}

#tx-dlf-search-suggest ul li:hover {
    background-color: #FFF;
    color: #000;
}

tx-dlf-search-box {
    position: relative;
}

#tx-dlf-search-query {
    width: 30%;
    height: 42px;
}

.tx-dlf-search-wrapper .tx-dlf-search-options {
    float: left;
    margin: 10px 15px 0 0;
}

.home-tx-dlf-search.tx-dlf-search .tx-dlf-search-options {
    float: none;
    margin: 0 0 10px 0;
}

.tx-dlf-search-options input#tx-dlf-search-fulltext-yes {
    margin-left: 10px;
}



.tx-dlf-search-help {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}

.tx-dlf-search-help img {
    width: 24px;
    height: auto;
    padding-top: 6px;
}

.search-info-collection {
    padding: 10px;
}

.search-term-deletion {
    background-color: #FFFFFF;
    padding: 20px;
    margin-left: -6px;
    border-radius: 3px;
    line-height: 0;
    font-size: 16px;
    box-shadow: 0px 3px 0px 0px rgb(120, 120, 120);
    border-bottom: 1px solid #959595;
    border-right: 1px solid #959595;
    border-top: 1px solid #959595;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    color: #6a6a6a;
    font-weight: bold;
}

.search-term-deletion:hover {
    color: #B12736;
}

/*----------------------------------------------------------------------
listview
----------------------------------------------------------------------*/

#search-list-view {
    background: #e4e4e4;
}

.dropdown-menu {
    display: block;
    vertical-align: top;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(200,200,200,1);
    box-shadow: 0px 0px 15px 0px rgba(200,200,200,1);
}

.dropdown-menu ul li.tx-dlf-search-ifsub{
    -webkit-box-shadow: 0px 0px 15px 0px rgba(200,200,200,1);
    box-shadow: 0px 0px 15px 0px rgba(200,200,200,1);
}

.dropdown-menu label {
    display: block;
    padding: 8px 15px 8px 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 700;
    margin-top: 30px;
    background: #ffffff;
}

.dropdown-menu input[type=checkbox] {
    display: none;
}

.dropdown-menu ul li {
    border-bottom: 1px solid #ffffff;
    background: #e4e4e4;
    hyphens: auto;
    list-style-type: none;
}

.dropdown-menu ul li:last-child {
    border-bottom: 0;
}

.dropdown-menu ul li a {
    padding: 8px 15px;
    display: block;
    line-height: 16px;
    margin-bottom: 2px;
}

.dropdown-menu ul li a:hover {
    background: #242424;
    color: #ffffff;
    text-decoration: none;
}

article.calendar-metadata a {
    color: #FFFFFF;
}

.detail-view-itemoptions .dropdown-menu ul li {
    border-top: 1px solid #ababab;
}

.calendar-metadata .dropdown-menu ul li {
    border-top: 1px solid #212121 !important;
    background: #313131;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
}

.tx-dlf-statistics {
    background-color: rgba(36,36,36,0.75);
    color: #999;
    padding: 15px 30px;
}

.tx-dlf-statistics p {
    display: inline;
}

.tx-dlf-statistics p:first-child {
    font-weight: 700;
}

.tx-dlf-listview,
.tx-dlf-ListView {
    background-color: #ffffff;
    padding-bottom: 60px;
}

.tx-dlf-listview a,
.tx-dlf-ListView a {
    padding: 5px;
    margin: -5px;
    border-radius: 3px;
}

.tx-dlf-listview a:hover,
.tx-dlf-ListView a:hover {
    background: #242424;
    color: #ffffff;
    text-decoration: none;
}

.listview-headline-sort {
    padding: 30px 30px 0 30px;
}

.tx-dlf-listview-label {
    padding: 10px;
}

.listview-headline-sort form {
    padding: 15px 0 15px 0;
}

.listview-sortitem {
    margin: 0 15px 0 0;
    display: inline-block;
}

.listview-sortitem select {
    width: 180px;
}

.f3-widget-paginator {
    display: block;
    margin: 0 30px;
    font-size: 0;
}

.f3-widget-paginator li {
    display: inline-block;
    margin: 5px 5px 0 0;
    font-size: 16px;
}

.f3-widget-paginator a {
    background: #e4e4e4;
    border-radius: 3px;
    display: inline-block;
    padding: 10px;
    margin: 0;
    min-width: 20px;
    text-align: center;
    text-decoration: none;
}

.f3-widget-paginator a:hover {
    background: #8D0D1C;
    color: #ffffff;
}

.lba-active
{
    background: #6a6a6a !important;
    color: #ffffff;
}

li.current {
    background: #6a6a6a;
    color: #ffffff;
    border-radius: 3px;
    display: inline-block;
    padding: 10px;
    min-width: 20px;
    text-align: center;
    text-decoration: none;
}

.f3-widget-paginator li:first-child a {
    background: url(../Images/icon-arrow-left-dark.svg) no-repeat center center #e4e4e4;
    background-size: 24px 24px;
    color: transparent;
    text-indent: -9999px;
}

.f3-widget-paginator li:first-child a:hover {
    background: url(../Images/icon-arrow-left.svg) no-repeat center center #8D0D1C;
    background-size: 24px 24px;
    color: transparent;
    text-indent: -9999px;
}

.f3-widget-paginator li:last-child a {
    background: url(../Images/icon-arrow-right-dark.svg) no-repeat center center #e4e4e4;
    background-size: 24px 24px;
    color: transparent;
    text-indent: -9999px;
}

.f3-widget-paginator li:last-child a:hover {
    background: url(../Images/icon-arrow-right.svg) no-repeat center center #8D0D1C;
    background-size: 24px 24px;
    color: transparent;
    text-indent: -9999px;
}

ol.tx-dlf-listview-list {
    list-style-type: decimal;
    list-style-position: inside;
}

.tx-dlf-listview-list li {
    margin: 30px;
    padding: 15px;
    position: relative;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(200,200,200,1);
    box-shadow: 0px 0px 30px 0px rgba(200,200,200,1);
}

.tx-dlf-listview-list li .add-to-cart {
    position: absolute;
    top: 15px;
    right: -10px;
}

.tx-dlf-listview-list li .add-to-cart a {
    display: inline-block;
    background: url(../Images/icon-star-dark.svg) no-repeat 10px center #ffffff;
    background-size: 24px 24px;
    color: #242424;
    border-radius: 3px;
    text-decoration: none;
    padding: 8px 10px 8px 45px;
    font-weight: 700;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(100,100,100,0.3);
    box-shadow: 0px 0px 30px 0px rgba(100,100,100,0.3);
}

.tx-dlf-listview-list li .add-to-cart a:hover {
    background: url(../Images/icon-star.svg) no-repeat 10px center #8D0D1C;
    background-size: 24px 24px;
    color: #ffffff;
}

.tx-dlf-listview-list li .show-volumes {
    text-align: right;
}

.tx-dlf-listview-list li .show-volumes a {
    display: inline-block;
    border-radius: 3px;
    text-decoration: none;
    padding: 8px 10px 8px 45px;
    font-weight: 700;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(100,100,100,0.3);
    box-shadow: 0px 0px 30px 0px rgba(100,100,100,0.3);
}

.tx-dlf-listview-list li .show-volumes a.show-volumes-expand {
    background: url(../Images/icon-arrow-up.svg) no-repeat 10px center #242424;
    background-size: 24px 24px;
    color: #ffffff;
}

.tx-dlf-listview-list li .show-volumes a.show-volumes-expand:hover {
    background: url(../Images/icon-arrow-up.svg) no-repeat 10px center #8D0D1C;
    background-size: 24px 24px;
}

.tx-dlf-listview-list li .show-volumes a.show-volumes-minimize {
    background: url(../Images/icon-arrow-down-dark.svg) no-repeat 10px center #ffffff;
    background-size: 24px 24px;
    color: #242424;
}

.tx-dlf-listview-list li .show-volumes a.show-volumes-minimize:hover {
    background: url(../Images/icon-arrow-down.svg) no-repeat 10px center #8D0D1C;
    background-size: 24px 24px;
    color: #ffffff;
}

.tx-dlf-listview-list dl {
    padding: 0px;
}

.subhh-listview-document {
    display: grid;
    grid-template-columns: 300px auto;
    grid-gap: 30px;
    padding: 0px 20px;
}

.subhh-listview-metadata {
    grid-column-start: 2;
}

.subhh-listview-metadata dl {
    display: grid;
    grid-template-columns: 200px auto;
}

.subhh-listview-metadata dl dt {
    grid-column-start: 1;
}

.subhh-listview-metadata dl dd {
    grid-column-start: 2
}

dt.tx-dlf-metadata-title {
    font-size: 16px;
}

dd.tx-dlf-metadata-title {
    font-weight: 700;
    /*font-size: 20px;*/
    padding-bottom: 5px;
}

.tx-dlf-metadata {
    display: block !important;
}

.tx-dlf-metadata-hidden {
    display: none !important;
}

/* mk 2022-111-23 # add nicer border to date-input field */

#tx-dlf-search-dateFrom, #tx-dlf-search-dateTo{
    border: none;
    border:solid 1px #ccc;
    border-radius: 3px;
}

dt.tx-dlf-metadata,
dt.tx-dlf-sizesourceprint,
dt.tx-dlf-publisher,
dt.tx-dlf-subtitle,
dt.tx-dlf-purl,
dt.tx-dlf-signature,
dt.tx-dlf-year,
dt.tx-dlf-type,
dt.tx-dlf-title,
dt.tx-dlf-place,
dt.tx-dlf-author,
dt.tx-dlf-metadata-title,
dt.tx-dlf-metadata-place,
dt.tx-dlf-metadata-type,
dt.tx-dlf-metadata-year,
dt.tx-dlf-metadata-author,
.tx-dlf-listview-list li ol li dt {
    float: left;
    padding-right: 15px;
    grid-column-start: 1;
}

dd.tx-dlf-metadata,
dd.tx-dlf-sizesourceprint,
dd.tx-dlf-publisher,
dd.tx-dlf-subtitle,
dd.tx-dlf-purl,
dd.tx-dlf-signature,
dd.tx-dlf-year,
dd.tx-dlf-type,
dd.tx-dlf-title,
dd.tx-dlf-place,
dd.tx-dlf-author,
dd.tx-dlf-metadata-place,
dd.tx-dlf-metadata-type,
dd.tx-dlf-metadata-year,
dd.tx-dlf-metadata-author,
.tx-dlf-listview-list li ol li dd {
    font-weight: 700;
    grid-column-start: 2;
}

.tx-dlf-listview-list .tx-dlf-listview-thumbnail {
    display: block;
    grid-column-start: 1;
}

.tx-dlf-listview-list li ol .tx-dlf-listview-thumbnail {
    position: relative;
}

.tx-dlf-listview-list .tx-dlf-listview-thumbnail img {
    width: auto;
    max-width: 300px;
    max-height: 400px;
    vertical-align: top;
}

.tx-dlf-listview-list li ol {
    list-style-type: lower-latin;
    list-style-position: inside;
    margin-top: 15px;
}

.tx-dlf-listview-list li ol li {
    border-top: 1px solid #ababab;
    display: table;
    background-color: #e4e4e4;
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(200,200,200,0);
    box-shadow: 0px 0px 0px 0px rgba(200,200,200,0);
}

.tx-dlf-listview-list li ol li dl {
    padding: 15px 0;
    display: table-cell;
    vertical-align: top;
}

.tx-dlf-listview-list li ol li dd.tx-dlf-metadata-title {
    font-size: 16px;
}

.tx-dlf-listview-list li ol li .tx-dlf-listview-thumbnail {
    display: table-cell;
    vertical-align: top;
    width: 10%;
}

.tx-dlf-listview-list li ol li .add-to-cart {
    position: relative;
    top: 0;
    right: 0;
    padding: 15px;
    display: table-cell;
    width: 30%;
    text-align: right;
    vertical-align: top;
}

.tx-dlf-listview-list li ol li .add-to-cart a {
    display: inline-block;
    background: url(../Images/icon-star-dark.svg) no-repeat 10px center #ffffff;
    background-size: 24px 24px;
    color: #242424;
    border-radius: 3px;
    text-decoration: none;
    padding: 8px 10px 8px 45px;
    font-weight: 700;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(100,100,100,0.3);
    box-shadow: 0px 0px 30px 0px rgba(100,100,100,0.3);
}

.tx-dlf-listview-list li ol li .add-to-cart a:hover {
    background: url(../Images/icon-star.svg) no-repeat 10px center #8D0D1C;
    background-size: 24px 24px;
    color: #ffffff;
}

.tx-dlf-listview-list li ol li .tx-dlf-listview-thumbnail img {
    padding: 15px;
}

.tx-dlf-listview-list dd.tx-dlf-metadata-abstract_url.tx-dlf-metadata a {
    background: #6a6a6a;
    padding: 3px !important;
    border-radius: 3px;
    color: #fff !important;
    text-decoration: none;
}

.tx-dlf-listview-preview em {
    background-color: yellow;
  }

.tx-dlf-search-facets {
    padding: 0px 30px;
}

.tx-dlf-search-facets h2 {
    font-size: 24px;
    background: url(../Images/icon-filter-dark.svg) no-repeat left bottom transparent;
    background-size: 24px 24px;
    padding-left: 34px;
    padding-top: 30px;
}

.tx-dlf-facet-value-count {
    background-color: gray;
    color: white;
    padding: 2px 8px;
    text-align: center;
    border-radius: 5px;
    float:right;
    margin-top: -2px;
}

.tx-dlf-listview-collection-thumbnail {
    display: inline-block;
    position: relative;
    margin: 0px 5px 10px 0px;
}

.tx-dlf-listview-collection-thumbnail > img {
    vertical-align: top;
}

.tx-dlf-listview-collection-thumbnail > div {
    position: absolute;
    bottom: 0px;
    background: rgba(255,255,255,0.8);
    width: 100%;
    box-sizing: border-box;
}

.tx-dlf-search-numHits {
    margin-top: 20px;
}

/*----------------------------------------------------------------------
detail-view
----------------------------------------------------------------------*/

.ol-viewport {
    position:initial !important;
}

ul.tx-dlf-toolbox span a img {
    width: 24px;
    height: auto;
}

.detail-view-main {
    background: #ffffff;
}

.detail-view-header {
    width: 100%;
    position: fixed;
    top: 100px;
    z-index: 10;
}

.detail-view-title {
    width: 31%;
    display: table-cell;
    vertical-align: top;
}

.detail-view-title .tx-dlf-metadata dl dt.tx-dlf-metadata-title {
    display: none;
}

.detail-view-nav {
    width: 25%;
    display: table-cell;
    text-align: right;
    vertical-align: top;
}

.detail-aside-nav {
    padding: 30px;
}

.download-anchor li > a {
    margin-bottom: 5px;
}

#subhh-share-anchor {
    width: 100%;
}

.tx-dlf-toolbox {
    display: block;
    margin: 10px 0 0 0;
}

.tx-dlf-toolbox.fs_on {
    position: absolute;
    right: -210px;
    top: 80px;
}

.tx-dlf-toolbox li,
.tx-dlf-navigation li,
.tx-dlf-Navigation li{
    display: inline;
    list-style-type: none;
    margin: 0 1px;
}

.tx-dlf-toolbox li span,
.tx-dlf-navigation li span,
.tx-dlf-Navigation li span {
    border-radius: 3px;
    padding: 8px;
    line-height: 0;
    font-size: 16px;
    color: #ccc;
    background: #ababab;
    display: inline-block;
}

.tx-dlf-navigation .dropdown-menu span,
.tx-dlf-Navigation .dropdown-menu span {
    background: transparent;
    color: #242424;
    padding: 0;
    line-height: 16px;
}

.tx-dlf-toolbox li a,
.tx-dlf-navigation li a,
.tx-dlf-Navigation li a {
    border-radius: 3px;
    padding: 8px;
    line-height: 0;
    font-size: 16px;
    display: inline-block;
    background: #6a6a6a;
    color: #fff !important;
    font-weight: 700;
    text-decoration: none !important;
    text-shadow: 0px 1px 0px rgb(86, 7, 16);
    border: 0;
    margin: 0;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.tx-dlf-toolbox li a:hover,
.tx-dlf-navigation li a:hover,
.tx-dlf-Navigation li a:hover {
    background: #8D0D1C !important;
    transition: background 0.5s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
}

.tx-dlf-toolbox li a.active {
    background: #8D0D1C !important;
}

.lba-active {
    background: #6a6a6a !important;
    color: #ffffff;
}

.tx-dlf-toolbox li img,
.tx-dlf-navigation li img,
.tx-dlf-Navigation li img {
    width: 24px;
    height: auto;
}

.tx-dlf-toolbox .textsnippet a {
    line-height: 16px;
    font-size: 16px;
}

.tx-dlf-navigation-pageselect div,
.tx-dlf-navigation-pageselect form {
    display: inline-block;
    vertical-align: top;
}

.tx-dlf-navigation-pageselect form > label {
    position: absolute;
    z-index: -1000;
}

.tx-dlf-navigation-next,
.tx-dlf-navigation-double {
}

/*.tx-dlf-navigation-double-plus {
    display: none !important;
}*/

.detail-view-itemoptions {
    margin: 30px;
    position: relative;
    z-index: 3;
}

.detail-view-itemdetails {
    vertical-align: top;
    color: #242424;
}

.detail-view-itemoptions .detail-view-itemcontents {
    vertical-align: top;
}

.detail-view-itemoptions .dropdown-menu label {
    background: url(../Images/icon-arrow-down.svg) no-repeat 95% center #6a6a6a;
    background-size: 16px auto;
    margin-top: 5px;
    color: #ffffff;
    border-radius: 3px;
    cursor: pointer;
    padding: 8px 30px 8px 15px;
}

.detail-view-itemoptions .dropdown-menu label:hover {
    background: url(../Images/icon-arrow-down.svg) no-repeat 95% center #8D0D1C;
    background-size: 16px auto;
    color: #ffffff;
}

.detail-view-tools,
.tx-dlf-toolbox .dropdown-menu {
    display: inline;
}

.detail-view-tools .dropdown-menu label {
    background: #6a6a6a;
    margin-top: 0;
    color: #ffffff;
    border-radius: 3px;
    cursor: pointer;
    padding: 8px;
    display: inline-block;
    line-height: 0;
    background-position: 24px bottom;
}

.detail-view-tools .dropdown-menu label:hover {
    background: url(../Images/icon-arrow-down.svg) no-repeat 24px 24px #8D0D1C;
    background-size: 10px auto;
    transition: background 0.5s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
}
.calendar-metadata .dropdown-menu ul,
.detail-view-tools .dropdown-menu ul,
.detail-view-itemoptions .dropdown-menu ul {
    display: none;
}

.detail-view-itemoptions .dropdown-menu ul ul {
    border: 0;
}

.detail-view-itemoptions .dropdown-menu ul li {
    border-top: 1px solid #ababab;
    border-bottom: 0;
    position: relative;
}

.detail-view-itemoptions .dropdown-menu input[type=checkbox]:checked ~ label {
    background: url(../Images/icon-arrow-up.svg) no-repeat 95% center #8D0D1C;
    background-size: 16px auto;
    color: #ffffff;
}

.detail-view-tools .dropdown-menu input[type=checkbox]:checked ~ label {
    background: url(../Images/icon-arrow-up.svg) no-repeat 24px 24px #8D0D1C;
    background-size: 10px auto;
    color: #ffffff;
}

.detail-view-itemoptions .dropdown-menu input[type=checkbox]:checked ~ ul,
.detail-view-itemoptions .dropdown-menu input[type=checkbox]:checked ~ ul ul,
.detail-view-itemoptions .dropdown-menu input[type=checkbox]:checked ~ div.tx-dlf-toolbox ul,
.detail-view-itemoptions .dropdown-menu input[type=checkbox]:checked ~ div div.tx-dlf-toolbox ul{
    display: block;
}

.detail-view-tools .dropdown-menu input[type=checkbox]:checked ~ ul,
.detail-view-tools .dropdown-menu input[type=checkbox]:checked ~ ul ul,
.detail-view-tools .dropdown-menu input[type=checkbox]:checked ~ div.tx-dlf-toolbox ul,
.detail-view-tools .dropdown-menu input[type=checkbox]:checked ~ div div.tx-dlf-toolbox ul{
    display: block;
    background: #ffffff;
    position: absolute;
    z-index: 5;
    padding: 15px;
    margin-right: 30px;
}

.detail-view-itemoptions .dropdown-menu ul li a,
.detail-view-itemoptions .dropdown-menu ul li .tx-dlf-imagedownloadtool,
.detail-view-itemoptions .dropdown-menu ul li .tx-dlf-fulltexttool,
.detail-view-itemoptions .dropdown-menu ul li .tx-dlf-pdfdownloadtool {
    padding: 5px 15px;
}

.tx-dlf-toolsPdf span {
    border-top: 1px solid #d8d8d8;
    display: block;
}

span.no-fulltext {
    display: inline-block;
}

.tx-dlf-fulltexttool {
    display: inline;
}

.tx-dlf-pdfdownloadtool {
    display: inline;
}

.tx-dlf-toolsPdf span:first-child {
    border-top: 0;
}

.detail-view-itemoptions .tx-dlf-toc-title {
    width: 90%;
    display: block;
}

.detail-view-itemoptions .tx-dlf-basket-button {
    position: absolute;
    top: 5px;
    right: 15px;
}

.detail-view-itemoptions .tx-dlf-basket-button a {
    display: inline-block;
    background: url(../Images/icon-star-dark.svg) no-repeat 10px center #ffffff;
    background-size: 16px 16px;
    color: #242424;
    border-radius: 3px;
    text-decoration: none;
    padding: 8px 10px 8px 30px !important;
    font-weight: 700;
}

.detail-view-itemoptions .tx-dlf-basket-button a:hover {
    background: url(../Images/icon-star.svg) no-repeat 10px center #8D0D1C;
    background-size: 16px 16px;
    color: #ffffff;
}


.tx-dlf-toc-act {
    margin: 0;
}

.tx-dlf-toc-ifsub dl {
    padding: 15px;
}

.detail-view-itemdetails li {
    padding: 15px;
}

/* subhh-mk2023 apply grid to metadata in detailview */
.tx-dlf-metadata-titledata {
    display: grid;
    grid-template-columns: auto auto;
}

/* subhh-mk2023 class for horizontal row within metadata-grid */
.tx-dlf-metadata-hr {
    grid-column: 1 / 3;
    width: 100%;
    height: 1px;
    border: none;
    color: #aaa;
    background-color: #aaa;
}

.detail-view-itemdetails dt,
.detail-view-itemdetails label dt {
    display: inline;
    padding-right: 5px;
    font-weight: 400;
    grid-column-start: 1;
}

.detail-view-itemdetails dd,
.detail-view-itemdetails label dd {
    font-weight: 700;
    display: inline;
    grid-column-start: 2;
}

.detail-view-itemdetails .dropdown-menu ul dt a,
.detail-view-itemdetails .dropdown-menu ul dd a {
    padding: 0 !important;
    display: inline;
}

/*.tx-dlf-pagegrid {
    z-index: 4;
    text-align: center;
    background: rgba(78,42,45,1);
    background: -moz-linear-gradient(-45deg, rgba(78,42,45,1) 0%, rgba(36,36,36,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(78,42,45,1)), color-stop(100%, rgba(36,36,36,1)));
    background: -webkit-linear-gradient(-45deg, rgba(78,42,45,1) 0%, rgba(36,36,36,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(78,42,45,1) 0%, rgba(36,36,36,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(78,42,45,1) 0%, rgba(36,36,36,1) 100%);
    background: linear-gradient(135deg, rgba(78,42,45,1) 0%, rgba(36,36,36,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e2a2d', endColorstr='#242424', GradientType=1 );
    margin: 0 auto;
    padding: 30px 15px;
    line-height: 0;
}

.tx-dlf-pagegrid-list {
    list-style-type: none;
    display: block;
    height: 100%;
}

.tx-dlf-pagegrid-list li {
    display: inline-block;
}

.tx-dlf-pagegrid .tx-dlf-pagegrid-thumbnail {
    position: relative;
    display: block;
    width: 25px;
    margin: 0 3px;
    height: auto;
    min-height: 25px;
}

.tx-dlf-pagegrid .tx-dlf-pagegrid-thumbnail a {
    display: block;
    width: 25px;
    height: auto;
    line-height: 0;
    font-size: 16px;
    border: 2px solid #adadad;
    position: absolute;
    top: 0;
    left: 0;
}

.tx-dlf-pagegrid .tx-dlf-pagegrid-thumbnail a:hover {
    top: -75px;
    left: -55px;
    width: 80px;
    border: 2px solid #8D0D1C;
    z-index: 99;
}

.tx-dlf-pagegrid .tx-dlf-pagegrid-thumbnail img {
    width: 100%;
    height: auto;
}*/


#fullsize-pagegrid {
    position: fixed;
    width: calc(100% - 120px);
    height: 70vh;
    z-index: 40;
    background: rgba(255, 255, 255, 0.85);
    padding: 60px 60px 120px 60px;
    overflow-y: auto;
}

#fullsize-pagegrid .tx-dlf-pagegrid {
    /*margin: 30px;*/
    padding: 0;
    text-align: left;
}

#fullsize-pagegrid .tx-dlf-pagegrid-thumbnail {
    /*width: 150px;
    height: 95px;*/
    text-align: center;
}

#fullsize-pagegrid .tx-dlf-pagegrid .tx-dlf-pagegrid-thumbnail a {
    display: inline-block;
    /*width: 90px;
    height: auto;*/
    line-height: 0;
    font-size: 16px;
    border: 2px solid transparent;
    position: relative;
}

#fullsize-pagegrid .tx-dlf-pagegrid .tx-dlf-pagegrid-thumbnail img {
    /*width: auto;
    max-width: 100%;
    max-height: 90px;*/
    border: 3px solid #ffffff;
    border-radius: 5px;
}

#fullsize-pagegrid .tx-dlf-pagegrid .tx-dlf-pagegrid-thumbnail a:hover img {
    border: 3px solid #8D0D1C;
}

#fullsize-pagegrid .tx-dlf-pagegrid-pagination {
    display: none;
}

#fullsize-pagegrid .tx-dlf-pagegrid-cur .tx-dlf-pagegrid-thumbnail img {
    border: 3px solid #8D0D1C;
}

#fullsize-pagegrid li {
    float: left;
}

aside .tx-dlf-pagegrid-pagebrowser {
    display: none;
}

.volume-info-wrapper {
    position: fixed;
    overflow-y: auto;
    width: calc(100vw - 120px);
    height: calc(100vh - 200px);
    padding: 20px 10px;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 0px 15px 0px rgba(200,200,200,1);
    margin-top: 20px;
    left: 60px;
}

.volume-info {
    background-color: #ababab;
    padding: 8px 15px;
    color: #ffffff;
    border-radius: 3px;
    margin: 30px;
}

.volume-list {
    padding: 0 30px 30px 30px;
    list-style: none;
}

.volume-list li a {
    background: #6a6a6a;
    display: inline-block;
    border-radius: 3px;
    padding: 8px 15px;
    color: #ffffff;
    margin: 0 5px 5px 0;
    text-decoration: none;
}

.volume-list li a:hover {
    background: #8D0D1C;
}

.termsOfUse {
    position: absolute;
    z-index: 80;
    background-color: #242424;
    padding: 1rem;
    right: 0px;
    color: #FFF;
    opacity: 0.9;
    max-width: 60%;
}

.termsOfUse a {
    color: #FFF;
}

.termsOfUse label {
    padding-left: 0.5em;
}

div#tx-dlf-fulltextselection .highlight {
    background-color: yellow;
}

#tx-dlf-fulltextselection .textline {
    margin-right: 3px;
    /* mk 2022-11-21 # make linebreak in fulltext-fields */
    display: block;
}

#tx-dlf-fulltextselection {
    overflow: auto;
    margin-left: 60px;
}

#tx-dlf-fulltextselection:empty {
    padding:0;
}

#tx-dlf-fulltextselection br + br {
    display: none;
}

#tx-dlf-fulltextselection .textline {
    padding-right: 5px;
}

#tx-dlf-search-in-document-results span {
    padding: 0;
    color: #242424;
    display: block;
}

#tx-dlf-search-in-document-results em {
    background: rgba(0, 0, 0, 0.4);
    font-style: normal;
    padding: 0 2px;
}

#tx-dlf-search-in-document-results li a {
    text-shadow: 0 0 0 transparent;
    font-weight: 400;
    line-height: 20px;
}

#tx-dlf-search-in-document-form label {
    display: block;
}

#tx-dlf-search-in-document-form {
    position: relative;
}

#tx-dlf-search-in-document-form .reset-search-in-document {
    position: absolute;
    margin: 30px 0 0 0;
    color: #fff;
    padding: 5px 8px 5px 8px;
    font-size: 16px;
    line-height: 16px;
    cursor: pointer;
    top: 0;
    left: calc(100% - 125px);
}

tx-dlf-search-in-document-loading {
    display: none;
}

a#tx-dlf-tools-fulltext:after {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url('/typo3conf/ext/presentation_package/Resources/Public/Images/icon-text-white.svg');
    background-position: center;
    background-repeat: no-repeat;
}

span.fullPdfDownloadSpan,
span.tx-dlf-tools-fulltext {
    padding: 0 !important;
}

span.fullPdfDownloadSpan img {
    width: 24px;
    height: auto;
}

a#dfgviewerLink img {
    height: 18px;
    width: auto;
    vertical-align: middle;
}

.tx-dlf-toolbox ul li {
    list-style: none;
}

.tx-dlf-toolbox a.reachable img {
    filter: invert(1.0);
}

.tx-dlf-toolbox a.unreachable img {
    filter: invert(1.0);
}

.tx-dlf-navigation-tools > span {
    display: none;
}

.tx-dlf-toolbox ul {
    z-index: 70 !important;
    display: inline;
}

.tx-dlf-navigation-tools > div {
    display: inline;
}

.tx-dlf-navigation-tools > span {
    display: none !important;
}

.tx-dlf-tools-pdf-page {
    display: none !important;
}

.tx-dlf-tools-pdf-work {
    display: none !important;
}

.dlf-search-switch {
    display: flex;
    overflow: hidden;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 20px;
}

.tx-dlf-search-wrapper .dlf-search-switch {
    /*display: inline-flex;
    margin-left: 50px;*/
}

.dlf-search-switch input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 0px;
    width: 0px;
    border: 0;
    overflow: hidden;
}

.dlf-search-switch label {
    background-color: #242424;
    color: #ffffff;
    text-align: center;
    border: 1px solid #959595;
    transition: all 0.1s ease-in-out;
    font-size: 16px;
    padding: 5px 15px;
}

.dlf-search-switch label:hover {
    cursor: pointer;
}

.dlf-search-switch input:hover + label {
    background: rgb(141, 13, 28) !important;
    transition: background 0.5s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
}

.dlf-search-switch input:checked + label {
    background-color: #B12736;
    border: 1px solid #B12736;
}

.dlf-search-switch label:first-of-type {
    border-radius: 5px 0 0 5px;
}

.dlf-search-switch label:last-of-type {
    border-radius: 0 5px 5px 0;
}


/*----------------------------------------------------------------------
calendar + listview
----------------------------------------------------------------------*/

.tx-dlf-calendar .meta-header,
.tx-dlf-calendar-years .meta-header {
    background-color: #6a6a6a;
    border-radius: 3px;
    webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.2);
    display: table;
    width: 100%;
    margin-bottom: 30px;
    table-layout: fixed;
}

.calendar-items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    list-style-type: none;
}

.calendar-view,
.tx-dlf-calendar-years .year-view li {
    position: relative;
    padding: 30px;
    text-align: center;
    background: rgba(78,42,45,1);
    background: -moz-linear-gradient(-45deg, rgba(78,42,45,1) 0%, rgba(36,36,36,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(78,42,45,1)), color-stop(100%, rgba(36,36,36,1)));
    background: -webkit-linear-gradient(-45deg, rgba(78,42,45,1) 0%, rgba(36,36,36,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(78,42,45,1) 0%, rgba(36,36,36,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(78,42,45,1) 0%, rgba(36,36,36,1) 100%);
    background: linear-gradient(135deg, rgba(78,42,45,1) 0%, rgba(36,36,36,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e2a2d', endColorstr='#242424', GradientType=1 );
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
    color: #ffffff;
}

table.month {
    width: 100%;
    border-spacing: 0;
}

table.month caption {
    padding-bottom: 15px;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
}

table.month tr:first-child {
    width: 100%;
}

table.month th {
    padding: 5px 0;
}

table.month td {
    padding: 2px;
    color: #999;
}

table.month h4 {
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 700;
    color: #c83141;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

table.month h4:hover {
    color: #ffffff;
    border: 1px solid #F2FBFF;
}

.year-anchor {
    display: table-cell;
    padding: 30px;
    vertical-align: middle;
}

.tx-dlf-calendar .meta-header .year,
.tx-dlf-calendar .meta-header .meta-hint-year,
.tx-dlf-calendar-years .meta-hint-year {
    padding-top: 5px;
    color: #999;
}

.calendar-list-selection {
    display: table-cell;
    text-align: right;
    padding: 30px;
    vertical-align: middle;
}

.calendar-list-selection a {
    background: #a8a8a8;
    border-radius: 3px;
    display: inline-block;
    padding: 10px;
    margin: 2px;
    min-width: 20px;
    text-align: center;
    text-decoration: none;
}

.calendar-list-selection a:hover {
    background: #8D0D1C;
    color: #ffffff;
}

.tx-dlf-calendar,
.tx-dlf-calendar-years {
    background: #242424;
    padding: 60px 30px;
}

.tx-dlf-calendar .list-view {
    background-color: #242424;
    color: #ffffff;
}

.tx-dlf-calendar .list-view li {
    border-top: 1px solid #505050;
    padding: 15px 0;
    list-style-type: none;
}

.tx-dlf-calendar .list-view li:first-child {
    border-top: 0;
}

.tx-dlf-calendar-years .year-view ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    list-style-type: none;
}

.tx-dlf-calendar-years .year-view li a,
.tx-dlf-calendar .list-view a {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #ffffff;
    padding: 5px;
    margin: -5px;
    text-decoration: none;
}

.tx-dlf-calendar .list-view a {
    display: inline-block;
    margin-left: 5px;
    display: table;
    font-size: 16px;
}

.tx-dlf-calendar-years .year-view li a:hover,
.tx-dlf-calendar .list-view a:hover {
    color: #242424;
    background: #ffffff;
    border-radius: 3px;
}

.calendar-description h2 a,
.calendar-description p a {
    color: #FFF;
}

article.calendar-metadata {
    display: inline-block;
    width: 41%;
    margin: 0;
}

article.calendar-metadata ul li dl {
    padding: 10px;
}

.calendar-metadata .tx-dlf-metadata .detail-view-itemdetails .dropdown-menu {
    display: block;
    vertical-align: top;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

.dropdown-menu ul li.tx-dlf-search-cur a {
    background: url(../Images/icon-delete-dark.svg) 10px center no-repeat;
    background-size: 16px 16px;
    padding: 8px 15px 8px 35px;
}

.dropdown-menu ul li.tx-dlf-search-cur a:hover {
    background: url(../Images/icon-delete.svg) 10px center no-repeat #242424;
    background-size: 16px 16px;
    padding: 8px 15px 8px 35px;
}

.issues div {
    position: absolute;
    background-color: white;
    padding: 1rem;
    display: none;
    left: 0px;
    right: 0px;
    z-index: 100;
}

.issues div ul {
    list-style: none;
}

.dayLinkList a {
    color: #000000;
    text-decoration: none;
}

.dayLinkList a:hover {
    color: #c83141;
    text-decoration: none;
}

.issues .dayLinkList a {
    display: block;
}

.tx-dlf-calendar .meta-header .year {
    color: #999;
    display: table-cell;
    padding: 30px;
    vertical-align: middle;
    font-size: 34px;
    text-align: center;
    font-weight: bold;
}

.year-empty p {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #999;
    padding: 5px;
    margin: -5px;
    text-decoration: none;
}

/*----------------------------------------------------------------------
basket
----------------------------------------------------------------------*/

.tx-dlf-basket {
    background-color: #242424;
    color: #ffffff;
    padding: 0 0 60px 0;
    width: 100%;
}

.tx-dlf-basket-counts {
    display: block;
}

.tx-dlf-basket-list {
    padding: 60px 30px 30px 30px;
}

.tx-dlf-basket-list li {
    border-bottom: 1px solid #505050;
    padding: 15px 0;
    list-style-type: none;
}

.tx-dlf-basket-list li dl {
    display: table;
    width: 100%;
}

.tx-dlf-basket-list li dt {
    display: table-cell;
    width: auto;
    vertical-align: top;
}

.tx-dlf-basket-list li dd {
    display: table-cell;
    width: 60px;
    vertical-align: top;
}

.tx-dlf-basket-actions {
    padding: 15px 30px;
}

.tx-dlf-basket-actions select {
    margin-bottom: 15px;
}

.tx-dlf-basket-list a {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #ffffff;
    padding: 5px;
    margin: -5px;
    text-decoration: none;
    display: inline-block;
}

.tx-dlf-basket-list a:hover {
    color: #242424;
    background: #ffffff;
    border-radius: 3px;
}

.basket-list-itemdetails {
    display: block;
    padding-top: 10px;
}

li.tx-dlf-toc-cur {
    font-weight: bold;
}

.pagingFormDiv {
    text-align: right;
    padding-top: 15px;
    padding-right: 30px;
}


/*----------------------------------------------------------------------
footer
----------------------------------------------------------------------*/

footer {
    width: 100%;
    z-index: 1;
}

#footer-content {
    width: 100%;
    background: #4e2a2d;
    background-size: 100% auto;
    font-size: 13px;
    display: table;
}

#footer-content ul {
    padding: 30px 0px 30px 30px;
    display: table-cell;
    vertical-align: bottom;
    list-style-type: none;
}

#footer-content li {
    display: inline;
    margin-right: 5px;
}

#footer-content li a {
    background: #ffffff;
    color: #4e2a2d;
    border-radius: 3px;
    padding: 3px 5px;
    text-decoration: none;
}

#footer-content li a:hover {
    background: rgb(141, 13, 28);
    color: #ffffff;
    box-shadow: 0px 3px 0px 0px rgb(86, 7, 16);
}

/*----------------------------------------------------------------------
grid content element
----------------------------------------------------------------------*/
.grid-wrapper-2-column {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    grid-auto-rows: minmax(100px, auto);
}
.col-1-2 {
    grid-column: 1;
    grid-row: 1;
}
.col-2-2 {
    grid-column: 2;
    grid-row: 1;
}

.grid-wrapper-aside-left-column {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.grid-wrapper-aside-right-column {
    display: grid;
    grid-template-columns: 2fr 1fr;
}

.frame-type-presentationpackage_gridtwocolumn {
    padding: 17px 30px 0px 30px;
}

div.ce-left {
    text-align: left;
}

div.ce-right {
    text-align: right
}

div.ce-center {
    text-align: center;
}

/*----------------------------------------------------------------------
Accordion
----------------------------------------------------------------------*/

main div.frame-type-text,
/*main div.frame-type-html,*/
main div.frame-type-header {
    color: #FFF;
    box-sizing: border-box;
}

main div.frame-type-presentationpackage_accordion {
    padding-left: 25px;
    padding-right: 25px;
    color: #FFF;
    box-sizing: border-box;
}

main .legal-info div {
    color:#000000;
}

main div.frame-type-presentationpackage_accordion,
main div.frame-type-presentationpackage_accordionelement,
main div.frame-type-presentationpackage_accordionelement div.frame {
    margin-top: 20px;
    margin-bottom: 20px;
}

.ol-unselectable.ol-layers {
    overflow: hidden;
}

#wrapper {
    max-width: initial !important;
}

.button_red {
    background: #8E0E1D; /* IE 9 only */
    box-shadow: 0px 3px 0px 0px rgb(86, 7, 16);
    background: linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background: -webkit-linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background: -moz-linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#8D0D1C), to(#D23D4E));
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #FFF !important;
    font-size: 16px;
    padding: 10px 15px !important;
    text-decoration: none !important;
    text-shadow: 0px 1px 0px rgb(86, 7, 16);
    border: 0;
    }

.button_red:hover {
    background: rgb(141, 13, 28) !important;
    transition: background 0.5s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    }

h2 a.button_grey,
h3 a.button_grey,
h4 a.button_grey,
h5 a.button_grey {
    font-weight: normal;
    line-height: 22px;
}    

h2.accordion_header a.button_grey,
h3.accordion_header a.button_grey,
h4.accordion_header a.button_grey,
h5.accordion_header a.button_grey {
    font-weight: normal;
    line-height: 26px;
}    

h2.header_button_width_100per,
h3.header_button_width_100per,
h4.header_button_width_100per,
h5.header_button_width_100per {
    width: auto !important;
    padding: 0 0 0 0 !important;    
}

.button_grey,
#maincontent form input[type="submit"],
#maincontent .tx-ptextlist-pager li a,
.news-single-backlink a,
.news-single-item-prev a,
.news-single-item-next a {
    background: #646464; /* IE 9 only */
    box-shadow: 0px 3px 0px 0px rgb(70, 70, 70);
    background: linear-gradient(to bottom, rgb(90, 90, 90) 5%, rgb(120, 120, 120) 100%) repeat scroll 0% 0% rgb(90, 90, 90);
    background: -webkit-linear-gradient(to bottom, rgb(90, 90, 90) 5%, rgb(120, 120, 120) 100%) repeat scroll 0% 0% rgb(90, 90, 90);
    background: -moz-linear-gradient(to bottom, rgb(90, 90, 90) 5%, rgb(120, 120, 120) 100%) repeat scroll 0% 0% rgb(90, 90, 90);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#777777), to(#5A5A5A));
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #FFF !important;
    font-size: 16px;
    padding: 10px 15px !important;
    text-decoration: none !important;
    text-shadow: 0px 1px 1px rgb(60, 60, 60);
    border: 0;
    }

.button_grey:hover,
.select_field:hover,
#maincontent form input[type="submit"]:hover,
#maincontent .tx-ptextlist-pager li a:hover,
.news-single-backlink a:hover,
.news-single-item-prev a:hover,
.news-single-item-next a:hover,
.select_me_the_ul_way:hover {
    background: rgb(149, 149, 149) !important;
    transition: background 0.5s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    }

.button_black {
    background: #2A2A2A; /* IE 9 only */
    box-shadow: 0px 3px 0px 0px rgb(30, 30, 30);
    background: linear-gradient(to bottom, rgb(60, 60, 60) 5%, rgb(50, 50, 50) 100%) repeat scroll 0% 0% rgb(60, 60, 60);
    background: -webkit-linear-gradient(to bottom, rgb(60, 60, 60) 5%, rgb(50, 50, 50) 100%) repeat scroll 0% 0% rgb(60, 60, 60);
    background: -moz-linear-gradient(to bottom, rgb(60, 60, 60) 5%, rgb(50, 50, 50) 100%) repeat scroll 0% 0% rgb(60, 60, 60);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#323232), to(#3C3C3C));
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #FFF !important;
    font-size: 16px;
    padding: 10px 15px !important;
    text-decoration: none !important;
    text-shadow: 0px 1px 0px rgb(30, 30, 30);
    border: 0;
    }

.button_black:hover {
    background: rgb(50, 50, 50) !important;
    transition: background 0.5s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    }

.button_darkgrey {
    background: #646464; /* IE 9 only */
    box-shadow: 0px 3px 0px 0px rgb(70, 70, 70);
    background: linear-gradient(to bottom, rgb(90, 90, 90) 5%, rgb(120, 120, 120) 100%) repeat scroll 0% 0% rgb(90, 90, 90);
    background: -webkit-linear-gradient(to bottom, rgb(90, 90, 90) 5%, rgb(120, 120, 120) 100%) repeat scroll 0% 0% rgb(90, 90, 90);
    background: -moz-linear-gradient(to bottom, rgb(90, 90, 90) 5%, rgb(120, 120, 120) 100%) repeat scroll 0% 0% rgb(90, 90, 90);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#777777), to(#5A5A5A));
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #FFF !important;
    font-size: 16px;
    padding: 10px 15px !important;
    text-decoration: none !important;
    text-shadow: 0px 1px 0px rgb(70, 70, 70);
    border: 0;
    }

.button_darkgrey:hover {
    background: rgb(120, 120, 120) !important;
    transition: background 0.5s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    }

.button_width_40 {
    width: 20px;
    }

.button_width_200 {
    width: 200px;
    }

.button_width_100per {
    width: auto;
    display: block;
    }

.select_field select {
    background-color: transparent;
    width: 270px;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #FFF;
    text-shadow: 0px 1px 1px rgb(60, 60, 60);
    cursor: pointer !important;
    }
   
.select_field {
    box-shadow: 0px 3px 0px 0px rgb(120, 120, 120);
    background: #787878; /* IE 9 only */
    background: linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(149, 149, 149) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background: -webkit-linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(149, 149, 149) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background: -moz-linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(149, 149, 149) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#989898), to(#C6BFB8));
    width: 230px;
    border-radius: 3px;   
    overflow: hidden;
    height: 41px;
    }

.select_field em {
    position: relative;
    top: 16px;
    right: 10px;
    float: right;
    margin-bottom: -20px;
    font-size: 10px;
    color: #FFF;
    text-shadow: 0 1px 0 #787878;
    }

.select_field:hover em {
    color: #787878;
    text-shadow: 0 1px 0 #FFF;
    cursor: pointer;
    }   

.select_field option {
    border-bottom: 1px solid #CCC;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #787878;  
    }

.select_field option:hover {
    background: #989898; /* IE 9 only */
    background: linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(130, 130, 130) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background: -webkit-linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(130, 130, 130) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background: -moz-linear-gradient(to bottom, rgb(150, 150, 150) 5%, rgb(130, 130, 130) 100%) repeat scroll 0% 0% rgb(198, 191, 184);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#989898), to(#C6BFB8));    
    }

.select_field option:focus,
.select_field optionn:active,
.select_field option:checked {
    background: #8E0E1D; /* IE 9 only */
    background: linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background: -webkit-linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background: -moz-linear-gradient(to bottom, rgb(210, 61, 78) 5%, rgb(141, 13, 28) 100%) repeat scroll 0% 0% rgb(210, 61, 78);
    background-image: -webkit-gradient(linear, center bottom, center top, from(#8D0D1C), to(#D23D4E));
    }

form input.input_width_auto {
    padding: 10px 15px;
    border-radius: 3px;
    box-shadow: 0px 3px 0px 0px rgb(120, 120, 120);
    border: 1px solid #959595;
    vertical-align: middle;
    float: left;
    width: 40% !important;
    margin-right: 2px;
    }

a:focus,
a:focus em,
.button_grey:focus,
.button_red:focus {
    background-color: #EDD3B4 !important;
    background-image: none !important;
    color: #000 !important;
    border-radius: 3px 3px 3px 3px;
}

input:focus {
    background-color: #EDD3B4;
}

ul.accordion {
    margin: 0px !important;
    width: 100% !important;
}

ul.accordion li,
ul.accordion li ul.accordion li {
    list-style-type: none;
}

ul.accordion li {
    padding-bottom: 0px !important;
}    

ul.accordion li a.button_red ul,
ul.accordion li a.button_grey ul {
    display: none !important;
    padding: 0px 0px 0px 15px;
}

ul.accordion li a span {
    width: 75%;
    display: block;
    float: left;
}

ul.accordion li a em {
    float: right;
    width: 20px;
    display: block;
    font-size: 20px;
    line-height: 20px;
    padding-top: 2px;
    text-align: right;
}

ul.accordion li ul {
    display: none;
}

ul.accordion li ul li ul,
ul.accordion li ul li ol {
    display: block;
}

ul.accordion li ul li ul li,
ul.accordion ul.accordion li ul li ul li {
    list-style-type: disc;
    padding-bottom: 10px !important;
}

ul.accordion li ul li ul li ul li,
ul.accordion li ul li ol li ul li,
ul.accordion ul.accordion li ul li ul li ul li,
ul.accordion ul.accordion li ul li ol li ul li {
    list-style-type: circle;
}

ul.accordion li ul li ol li,
ul.accordion ul.accordion li ul li ol li  {
    list-style-type: decimal;
    padding-bottom: 10px !important;
}  

ul.accordion ul ul,
ul.accordion ul ol {
    margin-left: 15px;
}

ul.accordion ul ul ul,
ul.accordion ul ul ol,
ul.accordion ul ol ul,
ul.accordion ul ol ol,
ul.accordion ul ul.accordion ul ul,
ul.accordion ul ul.accordion ul ol,
ul.accordion ul ul.accordion ol ul,
ul.accordion ul ul.accordion ol ol {
    margin-left: 20px;
}

ul.accordion .span_2_of_2 {
    width: 100% !important;
}

ul.accordion label {
    text-align: left !important;
    display: block;
}

/*----------------------------------------------------------------------
max 1600px
----------------------------------------------------------------------*/

@media only screen and (max-width: 1600px) {

    main aside {
        float: right;
        width: 35%;
    }

    .grid-wrapper-aside-left-column {
        display: grid;
        grid-template-columns: 1fr;
    }
    
    .col-1-2 {
        grid-column: 1;
        grid-row: 1;
    }
    
    .col-2-2 {
        grid-column: 1;
        grid-row: 2;
    }

    #main-content {
        width: 65%;
    }

    .tx-dlf-collection-list ul{
        grid-template-columns: 1fr 1fr 1fr;
    }

    .calendar-items {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .tx-dlf-calendar-years .year-view ul {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    #footer-content p {
        padding: 120px 15px 15px 0px;
    }

    .tx-dlf-collection-list h2 {
        hyphens: auto;
    }

    .legal-info {
        clear: both;
        padding: 30px 30px 0 30px;
        margin: 30px 0 60px 0;
    }

}

/*----------------------------------------------------------------------
max 1350px
----------------------------------------------------------------------*/

@media only screen and (max-width: 1350px) {
    aside section {
        top: 50px;
        right: -3px !important;
    }

    .tx-dlf-toolbox {
        display: block;
        position: inherit;
    }

}

/*----------------------------------------------------------------------
max 1024px
----------------------------------------------------------------------*/

@media only screen and (max-width: 1024px) {

    body {
        background-size: auto 400px;
    }

    .portal-logo-area {
        margin: 0px auto;
        text-align: left;
        width: calc(35% - 40px);
    }

    .portal-credits-area {
        margin: 0px auto;
        text-align: right;
        width: 65%;
    }

    .portal-legal-area {
        width: 100%;
        text-align: right;
        margin: 0 5px -38px 0;
    }

    .portal-legal-area li a {
        background: transparent;
        color: #ffffff;
        border: 1px solid #6a6a6a;
    }

    .portal-legal-area li a.pla-helpme {
        background: #6a6a6a;
    }

    .portal-legal-area li a:hover,
    .portal-legal-area li a.pla-helpme:hover {
        background: #8D0D1C;
        border: 1px solid #8D0D1C;
    }

    #powered-by {
        display: none;
    }

    .tx-dlf-collection-list,
    .calendar-items,
    .teaser-slot {
        grid-template-columns: 1fr 1fr;
    }

    .tx-dlf-calendar-years .year-view ul {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    .portal-logo {
        font-size: 32px;
        line-height: 36px;
        padding: 30px 15px;
    }

    .logo-uhh-max {
        display: none;
    }

    .logo-uhh-min {
            display: inline-block;
        }

    .portal-claim {
        font-size: 20px;
        line-height: 24px;
        padding: 0 15px 30px 15px;
    }

    .tx-dlf-collection-list h2,
    .teaser-slot article h2,
    .hero-teaser h2,
    .tx-dlf-basket-list a,
    .tx-dlf-calendar-years .year-view li a,
    .tx-dlf-calendar .list-view a {
        font-size: 20px;
        line-height: 24px;
    }

    .home-tx-dlf-search.tx-dlf-search-wrapper {
        padding: 0 30px 60px 30px;
    }

    main aside {
        float: none;
        width: 100%;
    }

    .hero-teaser article:first-child {
        width: 100%;
        margin: 0 0 30px 0;
        float: none;
    }

    #main-content {
        float: none;
        width: 100%;
    }

    #footer-content {
        background-size: auto 400px;
        display: block;
    }

    #footer-content ul {
        padding: 15px;
        display: block;
        text-align: center;
    }

    .dropdown-menu label,
    .detail-view-itemoptions .dropdown-menu label {
        background: url(../Images/icon-arrow-down.svg) no-repeat 97% center #6a6a6a;
        background-size: 16px auto;
        margin-top: 5px;
        color: #ffffff;
        border-radius: 3px;
        cursor: pointer;
        padding: 8px 30px 8px 15px;
    }

    .dropdown-menu label:hover,
    .detail-view-itemoptions .dropdown-menu label:hover {
        background: url(../Images/icon-arrow-down.svg) no-repeat 97% center #8D0D1C;
        background-size: 16px auto;
    }

    .dropdown-menu ul ul {
        display: none;
    }

    .tx-dlf-tableofcontents .dropdown-menu ul ul {
        display: block;
    }

    .dropdown-menu input[type=checkbox]:checked ~ label,
    .detail-view-itemoptions .dropdown-menu input[type=checkbox]:checked ~ label {
        background: url(../Images/icon-arrow-up.svg) no-repeat 97% center #8D0D1C;
        background-size: 16px auto;
    }

    .dropdown-menu input[type=checkbox]:checked ~ div.dropdown-menu ul {
        display: block;
    }

    .dropdown-menu ul li a {
        padding: 5px 15px;
    }

    .tx-dlf-listview-list li .add-to-cart,
    .tx-dlf-listview-list li .show-volumes {
        right: 15px;
    }

    .detail-view-itemoptions {
        margin: 15px 30px;
    }

    tx-dlf-search-facets {
        padding: 15px 30px;
    }

    .detail-aside-nav {
        padding: 15px 30px;
    }

    .tx-dlf-search-facets h2 {
        font-size: 16px;
    }

    .tx-dlf-navigation-next,
    .tx-dlf-navigation-rotate-right {
        margin-right: 0px;
    }

    .detail-view-header {
        width: 100%;
    }

    .detail-view-title {
        width: 100%;
        display: block;
        padding-bottom: 15px;
    }

    dd.tx-dlf-metadata-title,
    dt.tx-dlf-metadata-title {
        float: none;
        display: inline;
    }

    .detail-view-nav {
        width: 100%;
        display: block;
        text-align: left;
    }

    .tx-dlf-navigation-rotate-right {
        margin-right: 0;
    }

    .detail-view-itemoptions .tx-dlf-toc-title {
        width: 100%;
    }

    .detail-view-itemoptions .tx-dlf-basket-button {
        position: inherit;
        top: 0;
        left: 15px;
        display: block;
        margin-bottom: 15px;
    }

    .ol-unselectable.ol-layers {
        overflow: hidden;
        width: 100% !important;
    }

    #dfgviewer_by {
        bottom: 65px;
    }

    #bottom-toolbar {
        width: calc(100% - 10px);
        left: 0;
        margin: 0 auto;
        text-align: center;
        border-radius: 0px;
    }

    #myNav.active, #myNav2.active {
        width: 100%;
        min-width: 100%;
        box-shadow: 0px 0px 15px 0px rgb(0, 0, 0, 0.5);
        height: calc(100% - 180px);
    }

    .overlay {
        background-color: rgb(228, 228, 228);
    }

    .overlay2 {
        background-color: rgb(228, 228, 228);
    }

    .overlay3 {
        width: 100%;
        background-color: rgb(200, 200, 200);
        box-shadow: 0px 0px 15px 0px rgb(0, 0, 0, 0.5);
    }

    .overlay4 {
        width: 85%;
        background-color: rgb(200, 200, 200);
        box-shadow: 0px 0px 15px 0px rgb(0, 0, 0, 0.5);
    }
    
    .dropdown-menu input[type=checkbox]:checked ~ ul {
        display: block;
        position: relative;
    }
}

@media only screen and (max-width: 980px) {
    main aside {
        float: none;
        width: 100%;
    }

    #main-content {
        float: none;
        width: 100%;
    }
        
    .dropdown-menu input[type=checkbox]:checked ~ ul {
        display: block;
        position: relative;
    }
}

@media only screen and (max-width: 800px) {
    .tx-dlf-toolbox {
        position: initial;
        display: inline-block;
    }

    #myNav.active, #myNav2.active {
        height: calc(100% - 330px);
    }

    #bottom-toolbar .navigation-left {
        width: 100%;
    }

    #bottom-toolbar .navigation-right {
        width: 100%;
    }

    #bottom-toolbar {
        display: block;
    }

    #dfgviewer_by {
        bottom: 120px;
    }

    #bottom-toolbar .navigation-left {
        text-align: center;
    }

    #bottom-toolbar .frame {
        width: 100%;
        text-align: center;
        margin: 0 0 5px 0;
    }

    #fullsize-pagegrid {
        width: calc(100% - 20px) !important;
        height: calc(100% - 350px) !important;
        padding: 10px !important;
    }
    
    .dropdown-menu input[type=checkbox]:checked ~ ul {
        display: block;
        position: relative;
    }

    .subhh-listview-document {
        display: block;
    }
    
    .subhh-listview-document .subhh-listview-metadata dl{
        margin: 20px 0px;
        width: 100%;
    }
}


/*----------------------------------------------------------------------
max 700px
----------------------------------------------------------------------*/

@media only screen and (max-width: 700px) {

    .portal-logo-area {
        margin: 10px auto 0px auto;
        text-align: center;
        width: calc(100% - 40px);
    }

    .portal-credits-area {
        text-align: center;
        width: 100%;
    }

    .portal-legal-area {
        width: 100%;
        text-align: left;
        margin: 0 0 -38px 5px;
    }

    .breadcrumb{
        padding: 35px 5px 5px 5px;
    }

    .meta-navigation {
        padding-right: 15px;
        width: 35%;
    }

    .portal-claim br {
        float: left;
    }

    .legal-info {
        padding: 30px 15px 30px 15px;
        margin: 0;
    }

    .hero-teaser,
    .tx-dlf-calendar, .tx-dlf-calendar-years {
        padding: 30px 15px;
    }

    .teaser-slot {
        margin: 30px 15px;
    }

    .tx-dlf-collection-list {
        margin: 0 15px;
    }

    .detail-view-itemoptions {
        margin: 0;
    }

    .tx-dlf-collection {
        padding: 30px 0;
    }

    .collection-intro article {
        padding: 30px 15px;
    }

    .home-tx-dlf-search.tx-dlf-search-wrapper {
        padding: 0 15px 60px 15px;
    }

    .collection-intro article {
        width: calc(100% - 60px);
    }

    .listview-headline-sort {
        padding: 15px 15px 0 15px;
    }

    .tx-dlf-basket-actions,
    .tx-dlf-search-facets,
    .detail-aside-nav {
        padding: 15px;
    }

    .tx-dlf-listview-label {
        padding: 0 0 15px 0;
    }

    .tx-dlf-listview-list li {
        margin: 15px;
    }

    .tx-dlf-collection-list,
    .calendar-items,
    .tx-dlf-calendar-years .year-view ul,
    .teaser-slot {
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .tx-dlf-collection-list li {
        padding: 15px;
    }

    .tx-dlf-collection-thumbnail {
        margin-bottom: 15px;
    }

    .tx-dlf-search-wrapper {
        padding: 15px;
        text-align: center;
    }

    .tx-dlf-statistics {
        padding: 15px;
    }

    #tx-dlf-search-query,
    #tx-dlf-search-logical-page {
        width: 93%;
        margin-bottom: 15px;
    }

    .search-term-deletion {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        box-shadow: 0px 0px 0px 0px transparent;
    }

    .subhh-listview-metadata dl {
        display: grid;
        grid-template-columns: 1fr;
    }

    .subhh-listview-metadata dl dd {
        grid-column-start: 1;
    }

    .tx-dlf-metadata-titledata {
        display: grid;
        grid-template-columns: 1fr;
    }

    .detail-view-itemdetails dd, .detail-view-itemdetails label dd {
        font-weight: 700;
        display: inline;
        grid-column-start: 1;
    }
    /*.tx-dlf-search-wrapper .dlf-search-switch {
        margin: 0;
    }*/

    .dropdown-menu input[type=checkbox]:checked ~ ul {
        display: block;
        position: relative;
    }

    .listview-headline-sort form {
        display: block;
        padding: 15px 15px 10px 0px;
    }

    .listview-headline-sort select {
        width: 100%;
    }

    .f3-widget-paginator {
        display: block;
        margin: 15px;
    }

    .f3-widget-paginator p {
        padding: 0 15px;
        display: block;
        text-align: center;
    }

    .f3-widget-paginator a {
        margin-top: 5px;
    }

    .f3-widget-paginator p:last-child {
        text-align: center;
    }

    .tx-dlf-listview-list .tx-dlf-listview-thumbnail {
        position: relative;
    }

    .tx-dlf-listview-list dl {
        width: 80%;
        margin: -20px 0 0 0;
    }

    .tx-dlf-listview-list li .add-to-cart {
        position: relative;
        margin-top: 15px;
        top: 0;
        left: 0;
    }

    .tx-dlf-listview-list li .show-volumes {
        position: relative;
        margin-top: 5px;
        top: 0;
        left: 0;
    }

    .tx-dlf-listview-list li ol li {
        display: block;
        width: 100%;
    }

    .tx-dlf-listview-list li ol li .tx-dlf-listview-thumbnail {
        display: block;
        width: auto;
    }

    .tx-dlf-listview-list li ol li dl {
        padding: 15px 0;
        display: table-cell;
        vertical-align: top;
    }

    .tx-dlf-listview-list li ol li .add-to-cart {
        left: 0;
        padding: 0 15px 15px 15px;
        margin: 0;
        display: block;
        width: auto;
        text-align: left;
    }

    .tx-dlf-listview-preview em {
        background-color: yellow;
    }

    dt.tx-dlf-metadata-title,
    dt.tx-dlf-metadata-place,
    dt.tx-dlf-metadata-type,
    dt.tx-dlf-metadata-year,
    dt.tx-dlf-metadata-author,
    .tx-dlf-listview-list li ol li dt {
        float: none;
        padding-right: 0;
    }

    .tx-dlf-navigation li a,
    .tx-dlf-navigation li span,
    .detail-view-tools .dropdown-menu label {
        /*margin-bottom: 5px;*/
        padding: 8px 5px;
    }

    .detail-view-itemoptions {
        display: block;
        padding: 15px 0;
    }

    .detail-view-itemoptions .detail-view-itemcontents,
    .detail-view-itemoptions .detail-view-itemdetails {
        display: block;
        position: inherit;
        width: calc(100% - 30px);
        padding: 0;
        margin: 0 15px;
        left: 0;
    }

    .detail-view-itemdetails {
        display: block;
    }

    .tx-dlf-pagegrid .tx-dlf-pagegrid-thumbnail {
        margin: 5px;
        height: auto;
    }

    .tx-dlf-pagegrid .tx-dlf-pagegrid-thumbnail a {
        position: inherit;
    }

    .tx-dlf-pagegrid .tx-dlf-pagegrid-thumbnail a:hover {
        top: 0;
        left: 0;
        width: 25px;
    }

    .tx-dlf-calendar .meta-header,
    .tx-dlf-calendar-years .meta-header {
        display: block;
    }

    .year-anchor {
        display: block;
        text-align: center;
        padding: 15px 15px 0 15px;
    }

    .calendar-list-selection {
        padding: 15px 0 15px 0;
    }

    .calendar-view {
        padding: 15px;
    }

    .tx-dlf-calendar .list-view li {
        padding: 5px 0;
    }

    .tx-dlf-calendar .meta-header .year,
    .tx-dlf-calendar .meta-header .meta-hint-year,
    .tx-dlf-calendar-years .meta-hint-year {
        padding-bottom: 15px;
    }

    .tx-dlf-basket-list {
        padding: 0 15px;
    }

    .volume-info-wrapper {
        position: fixed;
        overflow-y: auto;
        width: calc(100vw - 80px);
        height: calc(100vh - 200px);
        padding: 20px 10px;
        box-sizing: border-box;
        left: 40px;
    }

    .volume-info {
        margin: 15px;
    }

    .volume-list {
        padding: 0 15px 30px 15px;
    }

    .tx-dlf-toolbox {
        display: inline-block;
        position: initial;
    }

    #meta-overlay-btn.active {
        width: 28px;
    }

    #meta-overlay-btn p {
        padding: 2px;
    }

    #toc-overlay-btn.active {
        width: 28px;
    }

    #toc-overlay-btn p {
        padding: 2px;
    }

}

.tx-dlf-map {
    min-height: 100vh;
}

span.tx-dlf-toc-pagination {
    float: right;
    font-weight: lighter;
}

/* Needed to remove CSS styles from styles.css */

.span_2_of_2 {
    width: 100% !important;
}

.mc_col {
    margin: 0px;
}

ol.subentry,
ol.tx-dlf-volume {
    display: none;
}

.tx-dlf-volume .pageresult dl {
    padding-left: 15px;
    display: grid;
    grid-template-columns: max-content auto;
    grid-column-gap: 30px;
}

.tx-dlf-listview-preview {
    padding: 15px;
}

.tx-dlf-pagegrid-list {
    list-style-position: inside;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

#fullsize-pagegrid {
    position: fixed;
    width: calc(100% - 160px);
    height: calc(100% - 200px);
    z-index: 60;
    background: rgba(255, 255, 255, 0.85);
    padding: 80px;
}

#fullsize-pagegrid .tx-dlf-pagegrid {
    /*margin: 30px;*/
    padding: 0;
    text-align: left;
}

#fullsize-pagegrid .tx-dlf-pagegrid-thumbnail {
    /*width: 150px;
    height: 95px;*/
    text-align: center;
}

#fullsize-pagegrid .tx-dlf-pagegrid .tx-dlf-pagegrid-thumbnail a {
    display: inline-block;
    /*width: 90px;
    height: auto;*/
    line-height: 0;
    font-size: 16px;
    border: 2px solid transparent;
    position: relative;
}

#fullsize-pagegrid .tx-dlf-pagegrid .tx-dlf-pagegrid-thumbnail a:hover {
    top: 0;
    left: 0;
    /*margin: -5px 0 0 0;*/
}

#fullsize-pagegrid .tx-dlf-pagegrid .tx-dlf-pagegrid-thumbnail img {
    /*width: auto;
    max-width: 100%;
    max-height: 90px;*/
    width: 300px;
    max-height: 400px;
    border: 3px solid #ffffff;
    border-radius: 5px;
}

#fullsize-pagegrid .tx-dlf-pagegrid .tx-dlf-pagegrid-thumbnail a:hover img {
    border: 3px solid #8D0D1C;
}

#fullsize-pagegrid .tx-dlf-pagegrid-pagination {
    line-height: 20px;
    text-align: center;
    margin: 0 0 15px 0;
}

#fullsize-pagegrid .tx-dlf-pagegrid-cur .tx-dlf-pagegrid-thumbnail img {
    border: 3px solid #8D0D1C;
}

#fullsize-pagegrid li {
    float: left;
}

/* Announcement */
.frame-announcement {
    top: 0;
    left: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    font-family: sans-serif;
    font-weight: lighter;
    font-size: 14px;
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.frame-announcement p {
    padding: 0;
    margin: 0;
}

.frame-announcement p a {
    padding: 5px 10px;
    border-radius: 3px;
    background: #004085;
    color: #cce5ff;
    font-weight: bold;
    text-decoration: none;
}

.frame-maintenance-notice {
    top: 0;
    left: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    font-family: sans-serif;
    font-weight: lighter;
    font-size: 14px;
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.frame-maintenance-notice p {
    padding: 0;
    margin: 0;
}

.frame-maintenance-notice p a {
    padding: 5px 10px;
    border-radius: 3px;
    background: #856404;
    color: #fff3cd;
    font-weight: bold;
    text-decoration: none;
}

.frame-type-menu_subpages {
    padding: 0px 30px;
    box-sizing: border-box;
}