.hidden {
    display: none !important;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    left: -100000px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: relative;
    width: auto;
    white-space: inherit;
    left: auto;
}
.invisible {
    visibility: hidden;
}
.skiplinks {
    position: absolute;
    height: 1px;
    width: 1px;
    padding: 0;
}
.skiplinks ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.visuallyhidden.skiplink:active,
.visuallyhidden.skiplink:focus {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: absolute;
    width: auto;
    white-space: nowrap;
    left: auto;
    top: auto;
    z-index: 1000;
}
.demo-subtitle {
    margin: 1rem 0 0.5rem;
    font-weight: 700;
}

/*! modern-normalize | MIT License | https://github.com/sindresorhus/modern-normalize */
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
:root {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
}
/* html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
    font-family: 'Avenir W01', sans-serif;
    font-weight: 500;
} */
hr {
    height: 0;
}
abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
select {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    padding: 0;
}
progress {
    vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
summary {
    display: list-item;
}




/*-------Custom Prefixes-------*/
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    font-size:100%;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Avenir W02', sans-serif;
    font-weight: 500;
}

/*----------------------------*/
/*----------Variables---------*/
/*----------------------------*/
:root {
    --lightgrey: #F5F5F5;
    --white: #FFFFFF;
    --black:#282828;


}
/* mobile */
.show_mobile {
    display: block;
}

.show_tablet,
.show_desktop {
    display:none;
}
@media screen and (min-width:768px) {
    .show_mobile,
    .show_desktop {
        display: none;
    }

    .show_tablet {
        display:block;
    }
}

@media screen and (min-width:1440px) {
    .show_mobile,
    .show_tablet {
        display: none;
    }

    .show_desktop {
        display:block;
    }
}

/*----------------------------*/
/*----------Overall Stlyes---------*/
/*----------------------------*/

/* Text */
/*---- H1----*/
h1{
    margin: 0;
    padding: 0;
    font-family: 'Avenir W02', sans-serif;
    font-weight: 800;
    font-style: oblique;
    font-size: 1.875rem;
    color: var(--black);
    text-transform: uppercase;
}
/* For tablet: */
@media only screen and (min-width: 768px) {
    h1{
        font-size: 3.313rem;
    }
}
/* For desktop: */
@media only screen and (min-width: 1440px) {
    h1{
        font-size: 4.125rem;
    }
}


/*---- H2----*/
h2{
    margin: 0;
    padding: 0;
    font-family: 'Avenir W02', sans-serif;
    font-weight: 800;
    font-style: oblique;
    font-size: 1.25rem;
    color: var(--black);
    text-transform: uppercase;
}
/* For tablet: */
@media only screen and (min-width: 768px) {
    h2{
        font-size: 1.688rem;
    }
}
/* For desktop: */
@media only screen and (min-width: 1440px) {
    h2{
        font-size: 2.125rem;
    }
}


p{
    margin: 0;
    padding: 0;
    font-family: 'Avenir W02', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 0.875rem;
    line-height: 1.35;
    color: var(--black);
}
/* For tablet: */
@media only screen and (min-width: 768px) {
    p{
        font-size: 0.875rem;
    }
}
/* For desktop: */
@media only screen and (min-width: 1440px) {
    p{
        font-size: 1.125rem;
    }
}

p.heading-medium{
    line-height: 1.15;
}

/* Links */
a{
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: var(--black);
}

li{
    list-style: none;
    margin: 0;
    padding: 0;
    /*     line-height: 1.4; */
}
ul{
    margin: 0;
    padding: 0;
}
/* Images */
.image-landscape{
    width: 75%;
    align-self: flex-start;
}
.image-portrait{
    width: 50%;
    align-self: flex-start;
}

.image-with-border{
    border: 2px solid var(--lightgrey);
}

/*----------------------------*/
/*----------Animations-----------*/
/*----------------------------*/

[data-aos="daros-fadeup"]{
    -webkit-transform:translate3d(0,100px,0);
    transform:translate3d(0,100px,0);
    opacity: 0;
}

[data-aos="daros-fadeup"].aos-animate {
    -webkit-transform:translate3d(0,0px,0);
    transform:translate3d(0,0px,0);
    opacity: 1;
}

/*----------------------------*/
/*----------Grid and Pages-----------*/
/*----------------------------*/
main{
    width: 100%;
    padding: 90px 30px 0 30px; /* Padding top=Height of Header */
    /* max-width: 460px; */
    max-width: 600px;
    margin: 0 auto 0 auto;
}
/* For tablet: */
@media only screen and (min-width: 768px) {
    main{
        padding: 88px 40px 0 40px;
        max-width: 1200px;
        margin: 0 auto 0 auto;
    }
}
/* For desktop: */
@media only screen and (min-width: 1440px) {
    main{
        max-width: 1640px;
        margin: 0 auto 0 auto;
        padding: 120px 160px 0 160px;
    }
}

#body-wrapper{
    position: relative;
}
#body-wrapper.no-scroll{
    height: 100vh;
    overflow: hidden;
}
/*----------------------------*/
/*----------Header-----------*/
/*----------------------------*/
header{
    width: 100%;
    padding: 20px 0 20px 0;
    background-color: var(--white);
    /* Headershadow */
    box-shadow: 0px 4px 80px 60px rgba(0, 0, 0, 0.02);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
}
/* For tablet: */
@media only screen and (min-width: 768px) {
    header{
        padding: 30px 0 30px 0;
    }
}

/* For desktop: */
@media only screen and (min-width: 1440px) {
    header{
        padding: 40px 0 40px 0;
    }
}

header .header-content{
    width: 100%;
    padding: 0 30px 0 30px;
    max-width: 600px;
    margin: 0 auto 0 auto;
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    align-items: flex-start;
}
/* For tablet: */
@media only screen and (min-width: 768px) {
    header .header-content{
        max-width: 1200px;
        margin: 0 auto 0 auto;
        padding: 0 40px 0 40px;
        align-items: flex-start;
    }
}
/* For desktop: */
@media only screen and (min-width: 1440px) {
    header .header-content{
        max-width: 1640px;
        margin: 0 auto 0 auto;
        padding: 0 160px 0 160px;
    }
}
.logo{
    height: 50px;
}
/* For tablet: */
@media only screen and (min-width: 768px) {
    .logo{
        height: 28px;
    }
}
/* For desktop: */
@media only screen and (min-width: 1440px) {
    .logo{
        height: 40px;
    }
}

.logo img{
    width: 100%;
}

#burgerbutton {
    width: 45px;
}
/* For tablet: */
@media only screen and (min-width: 768px) {
    #burgerbutton{
        width:47px;
    }
}
/* For desktop: */
@media only screen and (min-width: 1440px) {
    #burgerbutton{
        width:66px;
    }
}

#burgerbutton span{
    display: block;
    height: 4px;
    width:45px;
    background: var(--black);
}
/* For tablet: */
@media only screen and (min-width: 768px) {
    #burgerbutton span{
        height: 4px;
        width:47px;
    }
}
/* For desktop: */
@media only screen and (min-width: 1440px) {
    #burgerbutton span{
        height: 5px;
        width:66px;
    }
}

#burgerbutton span:nth-child(1){
    /*  margin-bottom:10px; */
    margin-bottom:7px;
    transition: all 200ms ease-in-out;
}
#burgerbutton span:nth-child(2){
    opacity: 1;
    transition: all 10ms ease-in-out;
    /*      margin-bottom:10px; */
    margin-bottom:7px;
}
#burgerbutton span:nth-child(3){
    transition: all 200ms ease-in-out;
}

#burgerbutton.burger-close span:nth-child(1){
    transform: translateY(11px) rotate(35deg);
}
#burgerbutton.burger-close span:nth-child(2){
    opacity: 0;
}
#burgerbutton.burger-close span:nth-child(3){
    transform: translateY(-11px) rotate(-35deg);
}
/* For tablet: */
@media only screen and (min-width: 768px) {
    #burgerbutton span:nth-child(1){
        margin-bottom:7px;
    }
    #burgerbutton span:nth-child(2){
        margin-bottom:7px;
    }

    #burgerbutton.burger-close span:nth-child(1){
        transform: translateY(11px) rotate(35deg);
    }
    #burgerbutton.burger-close span:nth-child(2){
        opacity: 0;
    }
    #burgerbutton.burger-close span:nth-child(3){
        transform: translateY(-11px) rotate(-35deg);
    }

}
/* For desktop: */
@media only screen and (min-width: 1440px) {
    #burgerbutton span:nth-child(1){
        margin-bottom:10px;
    }
    #burgerbutton span:nth-child(2){
        margin-bottom:10px;
    }

    #burgerbutton.burger-close span:nth-child(1){
        transform: translateY(14px) rotate(35deg);
    }
    #burgerbutton.burger-close span:nth-child(2){
        opacity: 0;
    }
    #burgerbutton.burger-close span:nth-child(3){
        transform: translateY(-14px) rotate(-35deg);
    }
}



/*----------------------------*/
/*----------Navigation Menu-----------*/
/*----------------------------*/
#fullnav{
    position: fixed;
    z-index: 100;
    background-color: var(--white);
    width: 100vw;
}


#fullnav .fullnav-content{
    /*     position: relative; */
    width: 100%;
    padding: 90px 30px 0 30px;
    max-width: 600px;
    margin: 0 auto 0 auto;
    height: 100vh;
    display: flex;
    justify-content: space-around;
    flex-flow: column nowrap;
    align-items: flex-start;
    background-color: var(--white);
}
/* For tablet: */
@media only screen and (min-width: 768px) {
    #fullnav .fullnav-content{
        padding: 0 100px 0 100px;
        max-width: 1200px;
        margin: 0 auto 0 auto;
        justify-content: center;
        flex-flow: column nowrap;
        align-items: flex-start;
    }
}
/* For desktop: */
@media only screen and (min-width: 1440px) {
    #fullnav .fullnav-content{
        max-width: 1640px;
        margin: 0 auto 0 auto;
        padding: 0 160px 0 160px;
    }
}

#fullnav .pages{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#fullnav .languages{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 30px;
}
/* For tablet: */
@media only screen and (min-width: 768px) {
    #fullnav .languages{
        align-self: flex-end;

    }
}

#fullnav.fullnav-closed{
    display: none;
    opacity: 0;
    height: 0vh;
}

#fullnav.fullnav-open{
    display: block;
    height: 100vh;
    overflow-y: scroll;
}

#fullnav .pages li{
    /* Font Styles H1 */
    font-family: 'Avenir W02', sans-serif;
    font-weight: 800;
    font-style: oblique;
    font-size: 1.875rem;
    color: var(--black);
    text-transform: uppercase;
    padding-top: 30px;
}
/* For tablet: */
@media only screen and (min-width: 768px) {
    #fullnav .pages li{
        font-size: 3.313rem;
        padding-top: 54px;
    }
}
/* For desktop: */
@media only screen and (min-width: 1440px) {
    #fullnav .pages li{
        font-size: 4.125rem;
    }
}


#fullnav .languages li{
    /* font styles H2 */
    font-family: 'Avenir W02', sans-serif;
    font-weight: 800;
    font-style: oblique;
    font-size: 1.25rem;
    color: var(--black);
    text-transform: uppercase;
    padding-right: 30px;
}
/* For tablet: */
@media only screen and (min-width: 768px) {
    #fullnav .languages li{
        font-size: 1.688rem;
        padding-left: 30px;
    }
}
/* For desktop: */
@media only screen and (min-width: 1440px) {
    #fullnav .languages li{
        font-size: 2.125rem;
    }
}
#fullnav .languages li a.active-language{
    text-decoration: underline;
}

#fullnav .pages li,
#fullnav .languages li{
    transition: 400ms;
    transition-timing-function: cubic-bezier(0,0,5,2);
    /*   line-height: 1.15; */
}

#fullnav.fullnav-open .pages li,
#fullnav.fullnav-open .languages li{
    animation-name: example;
    animation-duration: 400ms;
    animation-iteration-count: 1;
}

@keyframes example {
    from { -webkit-transform:translateY(80px);
        transform:translateY(80px);}
    to {-webkit-transform:translateY(0);
        transform:translateY(0);}
}

/* For desktop: */
@media only screen and (min-width: 1440px) {
    #fullnav.fullnav-open .pages li:hover{
        transform: translateX(20px);
    }
    #fullnav.fullnav-open .languages li:hover{
        transform: translateX(5px);
    }
}

/*----------------------------*/
/*----------Page Title-----------*/
/*----------------------------*/
.pagetitle{
    margin: 60px 0 0 0;
}

.pagetitle span{
    padding-left: 0%;
    text-align: left;
    display: inline;
}

@media only screen and (min-width: 370px){
    .pagetitle span{
        text-align: right;
        display: block;
    }
}
/* For tabletand desktop: */
@media only screen and (min-width: 1000px) {
    .pagetitle{
        margin: 120px 0 0 0;
    }
    .pagetitle span{
        padding-left: 25%;
        text-align: left;
    }
}

/*----------------------------*/
/*----------Textbox bodytext and chapterheading plain-----------*/
/*----------------------------*/

.tile-bodytext-wrapper,
.collection-chapter-heading,
.imprint-chapter-heading {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .tile-bodytext-wrapper,
    .collection-chapter-heading,
    .imprint-chapter-heading{
        width:calc((100% - 60px) / 2);
    }
}

.tile-bodytext{
    margin: 40px 0 0 0;
    width: 100%;
}

.tile-bodytext p + p {
    margin-top: 40px;
}

/*----------------------------*/
/*----------home-----------*/
/*----------------------------*/
.home-wrapper{
    display: flex;
    flex-direction: column;

}

.home-section-wrapper{
    display: flex;
    width: 100%;
    justify-content: flex-start;
}
.home-section-wrapper a{
    width: 100%;
}
/* Desktop */
@media only screen and (min-width: 1440px) {
    .home-section-wrapper a:hover .arrow-link{
        transform: translateX(8px);
    }
}

/*  Tablet and Desktop */
@media only screen and (min-width: 768px) {
    .home-section-wrapper a{
        /*   width: calc(50% - 30px); */
        width: calc((100% - 60px) / 2);
    }
    .home-section-wrapper:nth-child(odd){
        justify-content: flex-end;
    }
}

.home-image-wrapper{
    display: flex;
    width: 100%;
    justify-content: flex-end;
}
.home-image{
    width: calc(91.66% - 25px);
    align-self: flex-start;
}
/*  Tablet and Desktop */
@media only screen and (min-width: 768px) {
    .home-image{
        width: calc(66.66% - 30px);
    }
}

h2.subheading{
    text-transform: none;
}
/*----------------------------*/
/*----------Textbox with subheading -----------*/
/*----------------------------*/
.tile-with-heading{
    margin: 70px 0 0 0;
    align-self: flex-start;
}
/* For tablet and desktop: */
@media only screen and (min-width: 768px) {
    .tile-with-heading{
        margin: 120px 0 0 0;

    }
}
/*----------------------------*/
/*----------arrow-----------*/
/*----------------------------*/
.heading-with-arrow{
    display: inline;
}
.arrow-link{
    display: inline;
    width: 30px;
    margin: 0 0 0 9px;
    transition: all 400ms;
    transition-timing-function: cubic-bezier(0,0,5,2);
}
.arrow-link.small{
    width: 20px;
    margin: 0 0 0 5px;
}
/* For tablet: */
@media only screen and (min-width: 768px) {
    .arrow-link{
        display: inline;
        width: 36px;
        margin: 0 0 0 14px;
    }
    .arrow-link.small{
        width: 20px;
        margin: 0 0 0 5px;
    }
}

/* For desktop: */
@media only screen and (min-width: 1440px) {
    .arrow-link{
        display: inline;
        width: 55px;
        margin: 0 0 0 14px;
    }
    .arrow-link.small{
        width: 29px;
        margin: 0 0 0 5px;
    }

}
/*----------------------------*/
/*----------tile image with subheading heading and arrow-----------*/
/*----------------------------*/

/*----------------------------*/
/*----------exhibitions and page-----------*/
/*----------------------------*/

.exhibitions-publications-content-wrapper{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    /*     margin-bottom: -40px; */
    align-items: flex-start;
}
.link-tile-with-image{
    width: 100%;
    /*     background-color: bisque; */
    display: flex;
    justify-self: flex-end;
}

/* For tablet: */
@media only screen and (min-width: 768px) and (max-width: 1440px){
    .link-tile-with-image{
        width:calc((100% - 60px) / 2);
        justify-self: flex-start;
    }
    .link-tile-with-image:nth-child(even)  {
        margin-top: 240px;
    }
}

/* For desktop: */
@media only screen and (min-width: 1440px) {
    .link-tile-with-image{
        width:calc((100% - 80px) / 3);
    }
    .link-tile-with-image:nth-child(3n + 2)  {
        margin-top: 240px;
    }
    .content-tile-with-image-image img{
        transition: all 400ms;
        transition-timing-function: cubic-bezier(0,0,5,2);
        transform: scale(0.8);
        transform-origin: 100% 100%;
        opacity: 0;
    }
    .link-tile-with-image:hover .content-tile-with-image-image img{
        transform: scale(1);
        opacity: 1;
    }

    .link-tile-with-image:hover .arrow-link{
        transform: translateX(8px);
    }
}

.content-tile-with-image-image{
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

/* For tablet and desktop: */
@media only screen and (min-width: 768px) {
    .content-tile-with-image-image{
        justify-content: center;
    }
}

.content-tile-with-image-text{
    margin-top: 15px;
}

/*----------------------------*/
/*----------detail page-----------*/
/*----------------------------*/

.detailpage-content-wrapper .pagetitle{
    /*  H2 Styles */
    margin: 0;
    padding: 0;
    font-family: 'Avenir W02', sans-serif;
    font-weight: 800;
    font-style: oblique;
    font-size: 1.25rem;
    color: var(--black);
    text-transform: uppercase;
}
/* For tablet: */
@media only screen and (min-width: 768px) {
    .detailpage-content-wrapper .pagetitle{
        font-size: 1.688rem;
    }
}
/* For desktop: */
@media only screen and (min-width: 1440px) {
    .detailpage-content-wrapper .pagetitle{
        font-size: 2.125rem;
    }
}


.detailpage-content-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: column;

}

/* For tablet and desktop: */
@media only screen and (min-width: 768px) {
    .detailpage-content-wrapper{
        flex-direction: row;
    }
}

.tile-title-detailpage{
    width: 100%;
}
/* For tablet and desktop: */
@media only screen and (min-width: 768px) {
    .tile-title-detailpage{
        /*   width: calc(50% - 30px); */
        width: calc((100% - 60px) / 2);
        align-self: flex-end;
    }
}



.detailpage-content{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

/* For tablet and desktop: */
@media only screen and (min-width: 768px) {
    .detailpage-content{
        flex-direction: row;
    }
}

.tile-title-detailpage .pagetitle{
    margin: 0 0 0 0;
}
.tile-image-facts-detailpage{
    width: 100%;
    margin: 30px 0 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
}
/* For tablet and desktop: */
@media only screen and (min-width: 768px) {
    .tile-image-facts-detailpage{
        /*     width: calc(50% - 30px); */
        width: calc((100% - 60px) / 2);
        margin: 60px 0 0 0;
        margin: -1.6rem 0 0 0;
    }
}

/* For desktop: */
@media only screen and (min-width: 1440px) {
    .tile-image-facts-detailpage{
        margin: -2.1rem 0 0 0;
    }
}

.tile-image-facts-detailpage .image-landscape{
    width: 100%;
    align-self: flex-start;
}
.tile-image-facts-detailpage .image-portrait{
    width: 60%;
    margin: 0 0 0 40%;
    align-self: flex-start;
}
.detailpage-fact{
    width: calc(50% - 15px);
    margin: 30px 0 0 0;
}

/* For desktop: */
@media only screen and (min-width: 1440px) {
    .detailpage-fact{
        width: calc(50% - 15px);
        margin: 30px 0 0 0;
    }
}

.detailpage-fact-title{
    margin: 0 0 10px 0;
}
.detailpage-fact.link p{
    display: inline;
}
/* For desktop: */
@media only screen and (min-width: 1440px) {
    .detailpage-fact.link:hover .arrow-link{
        transform: translateX(4px);
    }
}

.detailpage-back-button a:hover .arrow-link{
    transform: translateX(-8px);
}
.detailpage-fact li{
    /*bodytext styles*/
    line-height: 1.35;
    margin: 0;
    padding: 0;
    font-family: 'Avenir W02', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 0.875rem;
    color: var(--black);
}
/* For tablet: */
@media only screen and (min-width: 768px) {
    .detailpage-fact li{
        font-size: 0.875rem;
    }
}
/* For desktop: */
@media only screen and (min-width: 1440px) {
    .detailpage-fact  li{
        font-size: 1.125rem;
    }
}
.detailpage-content .tile-bodytext-wrapper{
    width: 100%;
}

/* For tablet and desktop: */
@media only screen and (min-width: 768px) {
    .detailpage-content .tile-bodytext-wrapper{
        /*        width: calc(50% - 30px); */
        width: calc((100% - 60px) / 2);
    }
}

.detailpage-back-button{
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.detailpage-back-button .heading-medium{
    display:inline;
}
/*----------------------------*/
/*----------artists page-----------*/
/*----------------------------*/

.artists-content-wrapper{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.artists-tile{
    width: 100%;
}

/* For tablet and desktop: */
@media only screen and (min-width: 768px) {
    .artists-tile{
        /*     width:calc((100% - 30px) / 2);   */
        width:calc((100% - 60px) / 2);

    }
    .artists-tile:nth-child(2) {
        margin: 160px 0 0 0;
    }
}

.artists-tile .subheading{
    text-transform: lowercase;
}
.artists-tile ul.heading-medium{
    margin-top: 10px;
}

/*----------------------------*/
/*----------collection page-----------*/
/*----------------------------*/
.collection-content-wrapper,
.imprint-content-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.collection-bodytext p + p,
.imprint-bodytext p + p{
    margin-top: 40px;
}

/* For tablet: */
@media only screen and (min-width: 768px) {
    .collection-bodytext,
    .imprint-bodytext{
        margin-top: calc(80px + 1.688rem);
    }
}

/* For desktop: */
@media only screen and (min-width: 1440px) {
    .collection-bodytext,
    .imprint-bodytext{
        margin-top: calc(80px + 2.125rem);
    }
}

/*----------------------------*/
/*----------subheading-----------*/
/*----------------------------*/
.subheading{
    /* p styles */

    font-family: 'Avenir W02', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 0.875rem;
    color: var(--black);
}
/* For tablet: */
@media only screen and (min-width: 768px) {
    .subheading{
        font-size: 0.875rem;
    }
}
/* For desktop: */
@media only screen and (min-width: 1440px) {
    .subheading{
        font-size: 1.125rem;
    }
}


/*----------------------------*/
/*----------heading-medium-----------*/
/*----------------------------*/
.heading-medium{
    /* H2 Styles */
    font-family: 'Avenir W02', sans-serif;
    font-weight: 800;
    font-style: oblique;
    font-size: 1.25rem;
    color: var(--black);
    text-transform: uppercase;
}
/* For tablet: */
@media only screen and (min-width: 768px) {
    .heading-medium{
        font-size: 1.688rem;
    }
    /* For desktop: */
    @media only screen and (min-width: 1440px) {
        .heading-medium{
            font-size: 2.125rem;
        }
    }

}

/*----------------------------*/
/*----------Footer-----------*/
/*----------------------------*/

footer{
    width: 100%;
    background-color: var(--lightgrey);
    margin: 100px 0 0 0;
}

footer .footer-content{
    width: 100%;
    padding: 30px 30px 50px 30px;
    max-width: 600px;
    margin: 0 auto 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;

}
/* For tablet: */
@media only screen and (min-width: 768px) {
    footer .footer-content{
        margin: 160px auto 0 auto;
        padding: 60px 40px 100px 40px;
        max-width: 1200px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-end;
    }
}
/* For desktop: */
@media only screen and (min-width: 1440px) {
    footer .footer-content{
        max-width: 1640px;
        margin: 160px auto 0 auto;
        padding: 60px 160px 130px 160px;
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;

    }
}
.footer-content-item.small{
    /*     flex-basis: 100%; */
    width: 100%;
    margin: 30px 0 0 0;
}
.footer-content-item.big{
    /*  flex-basis: 100%; */
    width: 100%;
    margin: 60px 0 0 0;
}
/* For tablet: */
@media only screen and (min-width: 768px) {
    .footer-content-item.small{
        /*  flex-basis: 50%; */
        /*   flex-basis: calc((100% - 30px) / 2); */
        width: calc((100% - 60px) / 2);
        margin: 0;
    }
    .footer-content-item.big{
        /* flex-basis: 80%; */
        width: 80%;
    }
}
/* For desktop: */
@media only screen and (min-width: 1440px) {
    .footer-content-item.small{
        /*    flex-basis: 25%; */
        /* flex-basis: calc((50% - 30px) / 2); */
        width: calc((50% - 60px) / 2);
        /* width: calc((100% - 30px) / 4); */
        margin: 0;
    }
    .footer-content-item.big{
        /* flex-basis: 42.66%; */
        /* flex-basis: calc((100% -30px) / 2); */
        width: calc((100% - 60px) / 2);
        margin: 0;
        text-align: right;
    }
}