/*desktop*/

#landing{
	display:none;
}



form {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    font-family: 'Agipo Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 3.7vw;

}

input[type="text"] {
    font-size: 3.7vw;
}

form input {
    font-family: 'Agipo Regular';
    font-style: normal;
    font-weight: 400;
    border: none;
    background: transparent;
    font-size: 3.7vw;
    outline: none;
}

.back, .submit {

    cursor: pointer;
}

form button {
    background: transparent;
    border: 0;

}


.exhibition_list {
    line-height: 1.15;
}

.exhibition_list p {
    margin-top: 0px;
}

.no_link, .no_link a, .no_link a:hover, .no_link:hover {

    color: black !important;
    cursor: default !important;
}


.event_field p {

    margin: 0px;
    display: inline;
}


.itemText table tbody tr, .itemText, table, tbody, tr {
    border-style: none;
    line-height: 1;
    border-collapse: collapse;
    border: none;
    margin-top: 1.1vw;
    valign: top;
}

.mobil_date, .mobil_marker, .mobil_image, .more_button, .back {

    display: none;
}


a {
    text-decoration: none;
    color: black;
}


body {

    overflow: hidden;
    -moz-font-feature-settings: "ss01";
    -webkit-font-feature-settings: "ss01";
    font-feature-settings: "ss01";

}

body::-webkit-scrollbar {

    width: 0px;
    background: transparent;

    display: none;
}

html::-webkit-scrollbar {

    width: 0px;
    background: transparent;

    display: none;
}

.scrollable::-webkit-scrollbar {

    width: 0px;
    background: transparent;

    display: none;
}


body {

    scrollbar-width: none;
}


.flex-next {

    cursor: url('./FlecheD.svg'), auto;

}

.flex-prev {

    cursor: url('./FlecheG.svg'), auto;

}


it {
    font-family: 'Agipo Regular Italic';
    font-style: italic;
    font-weight: 400;


}

#landing {
    z-index: 200;
    position: fixed;
    width: 100vw;
    height: 100vh;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    background-color: #EEEEEE;
}

.alt {

    -moz-font-feature-settings: "ss01";
    -webkit-font-feature-settings: "ss01";
    font-feature-settings: "ss01";

}

#landingLogo {
    -moz-font-feature-settings: normal;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;

    text-align: center;
    font-size: 4vw;
    position: fixed;
    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);
    line-height: 0.9;

}

#landingLogo img {
    width: 19.5vw;
}


body {
    font-family: 'Agipo Regular';
    font-style: normal;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
    width: 100vw;
    height: 100vh;
    background-color: #EEEEEE;
}


#sideLogo {

    position: relative;
    left: 50%;
    top: 30px;
    transform: translate(-50%, 0);
    height: 5.7vw;

}


#sideBar {
    z-index: 100;
    position: fixed;
    left: 0px;
    width: 10vw;
    border-right: solid black 2px;
    height: 100vh;

}


.footer {

    position: absolute;
    z-index: 50;
    padding: 1.5vw 2.6vw 1.4vw 2.6vw;
    bottom: 0px;
    font-size: 1.3vw;
    width: 70%;
    background-color: #EEEEEE;


}

#back_footer {
    width: 100%;
    height: 4.7vw;
    display: none;
    position: absolute;
    z-index: 30;
    bottom: 0px;


}

#footer_side {
    background-color: #EEEEEE;
    position: absolute;
    z-index: 20;
    bottom: -0.15vw;
    vertical-align: baseline;

    font-size: 1.3vw;
    width: 100%;
    border-right: solid black 2px;

}

.lang-item {
    position: absolute;
    margin: 0px;
    bottom: 0px;
    padding-bottom: 1.4vw;
    display: inline;
    list-style: none;
    vertical-align: baseline;

}


.lang-item:nth-child(2n) {

    right: 2.7vw;
    text-align: right;
}

#s {
    width: 70%;

}

.lang-item:first-child {

    left: 2.4vw;
    text-align: left;
}

.footer_exhibit {
    width: 100%;
    bottom: -0.15vw;
    position: absolute;
}


#close {
    width: 2vw;
    height: 2vw;
    position: absolute;
    cursor: pointer;
    right: 2.5vw;
    top: 1.5vw;
    margin: 0px;
    padding: 0px;
    background: url('./C.png') no-repeat;
    background-size: 100%;

}


#close:hover {
    background: url("C_B.png") no-repeat;
    background-size: 100%;

}


#close img {
    width: 100%;
}

.flexslider .flex-caption {
    width: 75%;
    margin: auto;
    padding-top: 1.3vw;
    text-align: left;
    font-size: 1.3vw;
    color: black;
    text-align: center;
}


.itemText a, .itemText p a {

    color: black;
}

.blue .menu-item:hover, .blue .menu-item a:hover, .blue .exhibit a:hover, .itemText a:hover, .legal a:hover, .info p a:hover {

    color: #004f91;

}


#menu.blue .menu-item, .blue .menu-item a, .blue .exhibit a, .info p a {

    transition: color 0.5s;
    cursor: pointer;
}

.blue .exhibit {
}

.menu.blue .menu-item a {
    cursor: pointer;
}


#menu_footer {
    vertical-align: baseline;
    width: 100vw;
    background: #EEEEEE;
    text-align: left;
    left: 0px;
}

#en {
    width: 3vw;
    right: 0px;
    text-align: right;
}

#de {
    width: 3vw;
    left: 0px;
    text-align: left;
}


#menu ol, #menu ul {
    list-style: none;

}

.alignleft {

    position: absolute;
    left: 30vw;


}

.alignexhibit {
    position: absolute;
    display: inline;
    left: 30vw;


}

.list_container {
    position: absolute;
    right: 27px;
    width: 50vw;
    z-index: 0;
    height: 100vh;
    overflow: scroll-y;
    line-height: 1.15;

}

.list {
    position: absolute;
    padding-left: 1.5vw;
    font-size: 3.7vw;
    top: 0px;
    line-height: 1;
    padding-top: 1.5vw;
    width: 100%;
    height: 100%;
    overflow: scroll;
}


.menu {

    padding: 0px;
    margin: 0px;
}

#menu ol li, #menu ul li {


    padding: 0px;
}

.current-menu-item a {
    color: #004f91;
}


#menu {


    z-index: 50;
    background-color: #EEEEEE;
    position: fixed;
    left: 10vw;

    font-size: 3.7vw;
    padding-right: 1.5vw;
    line-height: 1;


    height: 100vh;

}

#menu_content {
    padding-left: 2.5vw;
    padding-top: 1.5vw;


}

.item_title.dec {
    margin-bottom: 0.1vw;

}


.item_title {
    font-size: 3.7vw;
    line-height: 1;
    display: inherit;
    cursor: pointer;
}

.inside p {
    margin-top: 0;

}

.dec p {
    width: 100%;

}

.itemText {
    line-height: 1.15;
    display: none;
    overflow: hidden;
    position: relative;
    margin-top: 0px;
    color: black;
    font-size: 1.3vw;
    width: 45vw;
    margin-bottom: 1.5vw;

}


.itemText.dec, .dec {
    width: 42.5vw;

    padding-left: 2.5vw;


}

.item {
    width: 100%;
    font-size: 3.7vw;
    line-height: 1;
}

.item a {

    line-height: 1;
}


#currentImage {
    position: absolute;
    top: 1.8vw;
    right: 2vw;
    height: 80vh;
    width: 45vw;
    overflow: hidden;
    margin: 0px;

}

#currentImage img {
    position: relative;
    top: 0px;
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    object-position: 0 0;

}

.spacer {
    height: 7vw;
    width: 100%;
}


.exh_container {
    overflow: hidden;
    display: none;
    margin-bottom: 1.5vw;
}


.itemText p {

    margin-top: 1vw;
}

.year {
    font-size: 1.3vw;
    color: #004f91;
    margin-top: 1vw;
}

.itemText .exhibition_list p {

    margin-top: 0vw;
    margin-bottom: 0vw;
}

#menu_spacer {

    display: none;
}


.exhibit {
    margin: 1vw 0 1vw;
    color: black;
    font-size: 1.3vw;
    width: 80%;
    display: block;
    line-height: 1.15;

}


#years tr:first-child {

    color: #004f91;

}

.current {
    color: #004f91;
}

.tb {

    line-height: 1.1;
    table-layout: fixed;
/ / border: solid black 1 px;
    white-space: nowrap;
}


.article_container p {

    line-height: 1.15;
    margin-top: 1.1vw;
    margin-bottom: 0px;
}


p {

    margin-bottom: 0px;

}

.article_container {
    line-height: 1.15;
    z-index: 80;
    height: 100vh;
    width: calc(80vw);
    border-left: solid black 2px;
    background-color: #EEEEEE;
    overflow: hidden;
    position: absolute;
    right: -100vw;

    display: flex;
    flex-direction: column;

}


.article_title {
    width: 75vw;
    margin: auto;
    text-align: center;
    line-height: 1;
    font-size: 3.7vw;
    padding: 1.5vw 0 1.5vw 0;
    transition: font-size 0.5s, height 0.5s;


}

.itemText p {


    margin-bottom: 1vw;
}

.article_title p {
    line-height: 1;
    margin: 0px;
}

.exhibit_name, .exhibition_title {
    font-family: 'Agipo Regular Italic';
    font-style: italic;
    font-weight: 400;


}


.article_section {

    flex-grow: 1;

    display: flex;
    flex-direction: column;

    /* for Firefox */
    min-height: 0;
}

.description {
    padding-top: 1.2vw;
    margin-bottom: 6vw;
    padding-right: 5vw;
}


.scrollable {

    flex-grow: 1;

    overflow: auto;

    /* for Firefox */
    min-height: 0;
}

.article_full {
    font-size: 1.3vw;
    float: top;
    width: 75vw;
    margin: auto;
    display: flex;

}


.article_left {


    width: 57vw;

}

.article_right {
    padding: 0 1vw 0 2.5vw;
    display: block;
    width: 23vw;

}

#type_logo {
    font-size: 4vw;
    line-height: 0.9;
    text-align: center;
    padding-top: 1.5vw;
}


.map {

    width: 30vw;
    height: 15vw;
    filter: grayscale(100%);

}


.viewer {
    width: 100%;
    height: 100vh;
    position: absolute;
    display: none;
    background-color: #EEEEEE;
    text-align: center;
    margin: auto;
    z-index: 30;
}


.warning {
    margin-top: 1vw;
}


.preview img {

    z-index: 0;

    object-fit: contain;

    width: 57vw;
    height: 35vw;


}

.preview {

    cursor: pointer;
    text-align: center;
    margin: auto;

}


.info_title {

    text-align: center;

}


.legal {
    z-index: 60;
    font-size: 1.3vw;
    position: absolute;
    bottom: 0px;
    right: 0px;

    text-align: right;
    padding: 1.5vw 2.6vw 1.4vw 1.5vw;


}

.newsticker {
    position: absolute;
    top: 0;
    left: 10vw;
    width: 90vw;
    z-index: 55;
}

body.has-newsticker #menu {
    top: 20px;
}

body.has-newsticker #menu {
    top: 20px;
}

body.has-newsticker #sideBar #type_logo {
    padding-top: calc(1.5vw + 20px);
}

body.has-newsticker #currentImage {
    top: calc(1.8vw + 20px);
}

.list.blue .cat {
    font-size: 1.5vw;
    color: #004f91;

}




.flexslider .flex-direction-nav a.flex-prev,
.flexslider .flex-direction-nav a.flex-next {
    display: block;
    opacity: 1;
    cursor: pointer;
}

.flexslider .flex-direction-nav a.flex-prev {
    left: 0;
    background: url(./FlecheG.svg) no-repeat left 2.5vw center;
}

/*.flexslider .flex-direction-nav a.flex-prev:after {
	content: "<";
	display: block;
	width: 50px;
	height: 50px;
}*/

.flexslider .flex-direction-nav a.flex-next {
    right: 0;
    background: url(./FlecheD.svg) no-repeat right 2.5vw center;
}

.slide-counter {
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translate(-50%, 0);
}


.slide-counter .current-slide:after {
    content: " /";
}

.slides .flex-caption {
    position: relative;
    padding-top: 2vw;
}