1 line
No EOL
7.6 KiB
CSS
1 line
No EOL
7.6 KiB
CSS
blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@-webkit-keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.splide__track--fade>.splide__list{display:block}.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{-webkit-animation:splide-loading 1s linear infinite;animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}:root{--text-font-family:Helvetica,sans-serif;--title-font-family:Helvetica,sans-serif;--regular-font-weight:400;--medium-font-weight:500;--semi-bold-font-weight:600;--bold-font-weight:700;--text-font-size:1rem;--text-line-height:calc(var(--text-font-size)*1.2);--footnote-font-size:0.8rem;--footnote-line-height:calc(var(--footnote-font-size)*1.2);--h1-font-size:1.6rem;--h1-line-height:calc(var(--h1-font-size)*1.2);--h2-font-size:1.4rem;--h2-line-height:calc(var(--h2-font-size)*1.2);--h3-font-size:1.2rem;--h3-line-height:calc(var(--h3-font-size)*1.2);--logo-width:6rem;--logo-height:3rem;--logo-padding:1rem;--icon-size:2.25rem;--sidebar-padding:1rem;--black:#000;--transparent-black:rgba(0,0,0,.3);--white:#fff;--transparent-white:hsla(0,0%,100%,.9);--feldgrau:#4b6259;--transparent-feldgrau:rgba(75,98,89,.9)}@-webkit-keyframes expand-outline{0%{outline-offset:0}to{outline-offset:2px}}@keyframes expand-outline{0%{outline-offset:0}to{outline-offset:2px}}@-webkit-keyframes rotate-horizontal-bottom{0%{transform:rotateX(0);transform-origin:bottom}50%{transform:rotateX(180deg);transform-origin:bottom}to{transform:rotateX(0);transform-origin:bottom}}@keyframes rotate-horizontal-bottom{0%{transform:rotateX(0);transform-origin:bottom}50%{transform:rotateX(180deg);transform-origin:bottom}to{transform:rotateX(0);transform-origin:bottom}}body{background-color:var(--feldgrau);color:var(--black);font-family:var(--text-font-family);font-size:var(--text-font-size);line-height:var(--text-line-height)}h1{font-family:var(--title-font-family);font-size:var(--h1-font-size);line-height:var(--h1-line-height)}h2{font-size:var(--h2-font-size);line-height:var(--h2-line-height);margin:0 0 4rem}h2,h3{font-family:var(--text-font-family)}h3{font-size:var(--h3-font-size);line-height:var(--h3-line-height);margin:2rem 0 1rem}p{text-align:justify}strong{font-weight:var(--bold-font-weight)}em{font-style:italic}@media screen and (min-width:62rem){.body--white-background{background-color:var(--white)}}a{color:var(--black);text-decoration:none;transition:-webkit-text-decoration .2s ease-in-out;transition:text-decoration .2s ease-in-out;transition:text-decoration .2s ease-in-out,-webkit-text-decoration .2s ease-in-out}a:active,a:focus,a:hover{text-decoration:underline}a:focus-visible{-webkit-animation:expand-outline .2s ease-in-out;animation:expand-outline .2s ease-in-out;outline:1px dashed var(--black);outline-offset:2px}body{min-height:100vh;overflow-x:hidden}@media screen and (min-width:62rem){body{overflow-y:hidden}}.logo{display:flex;justify-content:center;padding:var(--logo-padding);width:100%}.logo--fixed-center{display:block;padding:0;position:fixed;right:calc(50vw - var(--logo-width)/2);top:1rem;width:auto;z-index:2}.logo .logo__link{align-items:center;display:flex;height:var(--logo-height);justify-content:center;width:var(--logo-width)}.logo .logo__icon{height:100%;width:100%}.logo .logo__icon--black{stroke:var(--black);transition:stroke .4s ease-in-out}.logo .logo__icon--white{stroke:var(--white);transition:stroke .4s ease-in-out}.logo .logo__icon--rotate-horizontal-bottom{-webkit-animation:rotate-horizontal-bottom .8s ease-in-out infinite;animation:rotate-horizontal-bottom .8s ease-in-out infinite}@media screen and (min-width:62rem){.logo--fixed-right{display:block;padding:0;position:fixed;right:1.5rem;top:1rem;width:auto;z-index:2}}.sidebar{align-items:flex-start;background-color:transparent;display:flex;flex-direction:column;justify-content:space-between;padding:var(--sidebar-padding);transition:background-color .4s ease-in-out;width:100%}.sidebar .sidebar__nav{max-width:100%}.sidebar .sidebar__nav-item+.sidebar__nav-item{margin:.5rem 0 0}.sidebar .sidebar__nav-link{color:var(--black);display:inline-block;max-width:100%;overflow-x:hidden;text-overflow:ellipsis;transition:color .4s ease-in-out;white-space:nowrap}.sidebar .sidebar__social{align-items:center;display:flex;justify-content:center;margin:1rem 0 0;width:100%}.sidebar .sidebar__social-link{align-items:center;display:flex;height:var(--icon-size);justify-content:center;width:var(--icon-size)}.sidebar .sidebar__social-link+.sidebar__social-link{margin:0 0 0 1rem}.sidebar .sidebar__email-icon,.sidebar .sidebar__instagram-icon{fill:var(--black);height:100%;transition:fill .4s ease-in-out;width:100%}@media screen and (min-width:62rem){.sidebar--fixed{bottom:0;left:0;overflow-y:auto;position:fixed;top:0;z-index:1}.sidebar--slimmed{min-width:15rem;width:15%}.sidebar--slimmed .sidebar__nav-link{color:var(--transparent-black)}.sidebar--slimmed .sidebar__email-icon,.sidebar--slimmed .sidebar__instagram-icon{fill:var(--transparent-black)}.sidebar--slimmed:hover{background-color:var(--transparent-feldgrau)}.sidebar--slimmed:hover .sidebar__nav-link{color:var(--black)}.sidebar--slimmed:hover .sidebar__email-icon,.sidebar--slimmed:hover .sidebar__instagram-icon{fill:var(--black)}.sidebar--white-background:hover{background-color:var(--transparent-white)}.sidebar .sidebar__social{justify-content:flex-start;width:auto}}.splide__image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.exhibition-section{display:none}@media screen and (min-width:62rem){.exhibition-section{display:block;height:100vh;width:100vw}.exhibition{height:100%;opacity:0;transition:opacity .4s ease-in-out;width:100%}.exhibition--visible{opacity:1}} |