@font-face{
 font-family:'Calibre';
 font-style:normal;
 font-weight:400;
 src:url('Calibre-Regular.woff2') format('woff2');
 font-display:block;
}
*{
 font-family:'Calibre',Arial,sans-serif;
 margin:0;
}
html{
 scroll-behavior:smooth;
 scroll-padding-top:60px;
}
body{
 overflow: unset;
}
a{
 color: inherit;
 text-decoration: unset;
 display: inline-block;
}
a:hover{
 text-decoration: underline;
}
a:focus{
 text-decoration: underline;
}
details *{
 margin: initial;
 font-family: initial;
 line-height: 1em;
}
details{
 margin: 0 0 2em 3.5em;
 padding: 1em;
 background-color: #eee;
}
h2,h3{
 clear: both;
}
section {
 position:relative;
 min-height: 25vh;
 margin: auto;
 margin-top: 1rem;
 margin-bottom: 1rem;
 display: block;
 max-width: 1080px;
}
.fullwidthsection{
 max-width: unset;
 text-align: center;
}
summary{
 padding: 0.4em 0;
}
ul{
 padding-inline-start: 1.2em;
}
details[open] summary{
 padding-bottom: 1em;
} 
a:hover img{
 filter: drop-shadow(4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38));
 transition: filter 0.2s;
}

.timeline{
 margin: 0;
 background: #fff;
 text-align: center;
 display: flex;
 align-content: space-around;
 justify-content: center;
 list-style: none;
 padding: 0.5em;
 position: sticky;
 top: 0px;
 z-index: 999;
}
.timeline a{
 padding: 0.5em;
 padding-top: 0.65em;
 display: inline-block;
 border-radius: 0.1em;
 color: currentColor;
 text-decoration-line: unset;
 position: relative;
}
.timerange{
 font-size: 0.6em;
 visibility: hidden;
}
.timeline a:hover .timerange{
 visibility: visible;
}
.timeline:before{
 content: '';
 width: 100%;
 height: 6px;
 position: absolute;
 background-color: #f5f5f5;
}
.timeline a:before{
 content: '';
 height: 5px;
 width: 5px;
 background: #b8b8b8;
 position: absolute;
 left: calc(50% - 5px);
 top: -3px;
 border: 4px solid #f5f5f5;
 border-radius: 50%;
}
.timeline a:hover:before{
 background: #1967D2;
 border-color: #d5e4fd;
} 
.collectionoverview{
 margin: 0;
 display: flex;
 align-content: space-around;
 justify-content: center;
 list-style: none;
 padding: 0.5em;
 gap: 1em;
}
.collectiontimeline{
 margin: 0;
 display: flex;
 align-content: space-around;
 justify-content: center;
 list-style: none;
 padding: 0.5em;
 gap: 1em;
 text-align: center;
}
.collectiontimeline img{
 height: 3rem;
}
.rootlink{
 display: block;
 font-size: 1.5em;
 margin-block-start: 0.83em;
}