@media screen and (max-width:1350px){.context{width:320px}.illustration{padding-right:0;height:350px}.moreinfos p{padding-right:14%}}@media screen and (max-width:1160px){.illustration{height:300px}.ref{width:70px}.moreinfos nav,.moreinfos p{margin-left:70px}}@media screen and (max-width:1020px){.flexleft{width:55%}.togglecontent:active,.togglecontent:focus{opacity:1}}@media screen and (max-width:950px){.illustration{height:280px}.moreinfos p{padding-right:10%}.context{display:none}.flexleft{margin-right:20px}.ref{width:50px}.moreinfos nav,.moreinfos p{margin-left:50px}}@media screen and (max-width:920px){.moreinfos nav,.moreinfos p{padding-right:0;margin-left:0}.morecontent{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.is-open{height:800px}.titleref{width:96%}.flexright{width:30%}.illustration{width:100%;height:420px}.moreinfos{width:70%;margin-top:20px}.moreinfos p{font-size:16px}.moreinfos nav a{font-size:18px}}@media screen and (max-width:700px){.moreinfos{width:80%}.moreinfos p{font-size:16px}.grid.responsive{width:96%}.grid{margin-bottom:50px!important;margin-top:80px!important}.flexleft{margin-right:0}.infos h3.name{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;width:80%}.datecontext.flexright{width:20%}.element-item.is-open .dropdown{-webkit-transform:translate(0) rotate(90deg);-ms-transform:translate(0) rotate(90deg);transform:translate(0) rotate(90deg)}.ref{width:60px}}@media screen and (max-width:600px){.moreinfos{width:100%}.datecontext{width:30%}.illustration{height:350px}.is-open{height:700px}.archivedate{display:none}.headarchive{display:none}.grid{border-top:1px solid #ccc}#archivehead h1{font-size:35px}}@media screen and (max-width:500px){.illustration{height:280px}}@media screen and (max-width:400px){.moreinfos{margin-top:0}.element-item{padding-bottom:20px}.titleref{width:100%;overflow:hidden}.datecontext{width:25px}.infos h3.name{font-size:14px}.ref{width:40px}.body{font-size:14px}.carousel-status{font-size:12px}.illustration{height:240px}#archivehead h1{font-size:30px}.is-open{height:650px}}@media screen and (max-width:360px){.illustration{height:180px}.is-open{height:680px}}@media screen and (max-width:300px){.is-open{height:780px}}