/*!
Theme Name: von der Haardt
Author: basics09 <Ove Numrich>
Version: 1.2
Text Domain: haardt
Domain Path: /languages
*/@font-face{font-family:"Noe Display";src:url(Noe-Display-Regular.eot);src:url(Noe-Display-Regular.eot?#iefix) format("embedded-opentype"),url(Noe-Display-Regular.woff) format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Noe Display";src:url(Noe-Display-Medium.eot);src:url(Noe-Display-Medium.eot?#iefix) format("embedded-opentype"),url(Noe-Display-Medium.woff) format("woff");font-weight:500;font-style:normal}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body,html{margin:0;padding:0;font-size:5.1vw;line-height:1.1;position:relative;min-height:100%;width:100%}body{padding-left:34.1438802083vw;padding-right:1rem;padding-bottom:50vh;background-color:#000603;color:#fff;font-family:"Noe Display","Times New Roman",serif;font-weight:normal}button{all:unset;outline:revert;-webkit-user-select:none;user-select:none;cursor:pointer}.text{font-size:1rem}.text-medium{font-size:.5rem}.text-dark{color:#c4c4c4}.background{position:absolute;top:0;left:0;width:100%;background:linear-gradient(180deg, #000603 0%, #001e0a 100%)}a,a:hover,a:visited,a:active{color:#fff;-webkit-text-decoration:none;text-decoration:none}article{position:relative;padding:25vw 0;min-height:1em}.cf::after{content:"";display:table;clear:both}h1{margin:0;display:inline-block;font-weight:500;font-style:normal;position:relative;z-index:1;color:#fff}h1,p{font-size:1rem}main{opacity:0}body.ready main{opacity:1}header,article{color:#c4c4c4;opacity:1}.title{position:absolute}header h1,article h1{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;z-index:3}.content p,.content p:first-of-type::before{white-space:pre-line;hyphens:none;word-wrap:break-word}.content p:first-child{margin-top:0}.content p:first-of-type::before{content:attr(data-title);display:inline;pointer-events:none;color:#fff;cursor:pointer;opacity:0;font-weight:500}.content{position:relative;overflow:hidden;height:0;z-index:1}article .links a{display:block}body>header{height:100%;position:relative;min-height:1em;padding-top:42vh}body>canvas{width:100%}.about-nav{position:fixed;left:3.25vw;top:50%;font-size:.5rem;opacity:0;transition:opacity ease 420ms;letter-spacing:.025em}.about-nav.show{opacity:1}.imprint .content p:first-of-type::before{display:block}.about-text p a,.imprint p a,.about-text p a:visited,.about-text p a:hover,.about-text p a:active,.imprint p a:visited,.imprint p a:hover,.imprint p a:active{color:#c4c4c4}.imprint h1,.imprint p,.imprint a{font-size:.5rem;letter-spacing:.025em}.imprint .content p:first-child{margin-top:1em}@media screen and (max-width: 767px){body,html{font-size:32px}body{padding:0 .5em}.about-nav{display:none}article{padding:30vw 0}}@media screen and (max-width: 320px){body,html{font-size:30px}}body.ready{height:auto;overflow:unset}body>header h1{opacity:1;font-weight:500;transform-origin:center center}body.ready>header h1{opacity:1}header .intro-text{color:#fff;display:inline;-webkit-user-select:none;user-select:none;opacity:0;position:absolute}header .intro-text span{opacity:0}header .intro-text p:first-of-type::before{content:attr(data-title);display:inline;pointer-events:none;color:#fff;cursor:pointer;opacity:0;font-weight:500}header .intro-text+p{display:inline}header .about-text,header .content-wrapper,header .about-text p:first-child{display:inline}header .intro-text p{position:relative;display:inline;z-index:1}header .intro-text.show,header .intro-text.show-readmore span:last-child::after{opacity:1}header.show .intro-text span:last-child::after{display:none}header .about-text::before{content:attr(data-intro_text);display:inline;pointer-events:none;opacity:0}header.show .content{overflow:visible}.artist.filterable--show{margin-top:33vh}.artist.filterable--show~.filterable{margin-top:unset}.artist .content span{display:inline-block}.artist .credit{font-size:.25rem;position:absolute;top:-1.2em;letter-spacing:.03em;opacity:0}.artist.show .credit{opacity:1}.artist .title{opacity:.65;transform-origin:right center;perspective:50rem;z-index:3;font-weight:500}.spacing-wrapper{display:inline}.artist .title,.artist .spacing{display:flex;flex-direction:row;align-items:flex-start}.artist .year-of-birth,.artist .spacing div:last-child{font-size:.5rem;padding-left:.5em}.artist .spacing{display:none;visibility:hidden}.artist.show .title,.artist.show-portrait .title{opacity:1;transform:scale(1)}.artist .portrait-wrapper{position:relative;display:block;overflow:hidden}.artist .portrait{position:absolute;top:25vw;left:15.8561197917vw;z-index:0;width:7.2rem;opacity:.1;pointer-events:none;filter:blur(4px);transform:translateY(calc(-50% + 0.5rem))}.artist.show-portrait .portrait,.artist.show .portrait{filter:blur(0);opacity:1;pointer-events:auto}.artist .portrait img{width:100%;height:6.2rem;object-fit:cover;pointer-events:none}.artist .links{margin-top:1rem}.year-of-birth{font-size:.5rem;color:#fff;opacity:0;padding-left:.5em}.artist.show-portrait .year-of-birth{opacity:1}.artist.show.show-portrait .year-of-birth{opacity:0}.artist .close{font-size:.5rem;cursor:pointer}@media screen and (max-width: 767px){.artist .portrait{position:fixed;top:33%;right:.85rem;left:unset;opacity:0}.artist.show .portrait{opacity:0}.artist.show.show-portrait .portrait{opacity:1}}.team .list{padding:0}.team .member{position:relative;padding:25vw 0}.team li{list-style:none;position:relative}.team .links{margin-top:0;font-size:.5rem;position:relative}.team .links a{color:#c4c4c4}.team .artist .portrait{position:absolute;width:5.2rem}.team .artist .portrait img{height:5.2rem}.team .member-name{position:relative;z-index:2;max-width:10em}main .team .artist:first-child{margin-top:unset}.contact{padding-top:2rem}.contact .title{position:relative}.contact .content{height:unset;color:#c4c4c4}.contact .content a{color:#c4c4c4}.navigation{opacity:0}.navigation.ready{opacity:1}.navigation .navigation-items{padding:0 0 0 34.1438802083vw;margin:0;opacity:0;position:fixed;display:flex;flex-direction:column;justify-content:center;pointer-events:none;left:0;top:0;bottom:0;right:0;background:#fff;z-index:41}.navigation.show .navigation-items{opacity:1;pointer-events:auto;transition:all 380ms ease-in-out}.navigation .navigation-item{list-style:none;padding:0;margin:0;line-height:1.3;opacity:0;transform:translateY(0.6em)}.navigation.show .navigation-item{transform:translateY(0);opacity:1;transition:all 560ms ease}.navigation.show .navigation-item:nth-child(1){transition-delay:580ms}.navigation.show .navigation-item:nth-child(2){transition-delay:620ms}.navigation.show .navigation-item:nth-child(3){transition-delay:660ms}.navigation.show .navigation-item:nth-child(4){transition-delay:700ms}.navigation.show .navigation-item:nth-child(5){transition-delay:740ms}.navigation.show .navigation-item:nth-child(6){transition-delay:780ms}.navigation.show .navigation-item:nth-child(7){transition-delay:820ms}.navigation.show .navigation-item:nth-child(8){transition-delay:860ms}.navigation.show .navigation-item:nth-child(9){transition-delay:900ms}.navigation.show .navigation-item:nth-child(10){transition-delay:940ms}.navigation.show .navigation-item:nth-child(11){transition-delay:980ms}.navigation .navigation-item a{--underline-offset: 0.12em;color:#000603}.navigation .navigation-item a:hover{text-decoration-line:underline;text-decoration-color:var(--underline-color, currentColor);text-decoration-style:solid;text-decoration-thickness:var(--underline-thickness, 1px);text-underline-offset:var(--underline-offset, 0.1825em)}.navigation .navigation-item--top{position:fixed;top:.5rem;font-size:.5rem;line-height:1}.navigation .navigation-item--small{font-size:.5rem;margin-top:3rem}.navigation .trigger{line-height:1;z-index:44;font-size:.5rem;color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;position:fixed;right:1rem;top:.5rem;z-index:44}.navigation.show .trigger{color:#000603}.filterable{display:none}.filterable--show{display:block}.filter{position:fixed;left:.5rem;top:.5rem;font-size:.5rem;display:flex;flex-direction:row;z-index:40;gap:1em;transition:opacity 240ms ease}.filter.-hide{opacity:0;pointer-events:0}.filter__label{position:relative;min-width:6ch;z-index:2;overflow:hidden;align-self:flex-start}.filter__label span{display:block;width:fit-content}.filter__label,.filter__option{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fiter__options{display:flex;flex-direction:column;z-index:2;pointer-events:none;margin:0;padding:0;list-style:none}@media screen and (min-width: 767px){.fiter__options{position:fixed;left:34.1438802083vw}}.filter__option{order:2;visibility:collapse;opacity:0}.filter__option--active{order:1}.filter__option a{padding-block-end:.85em;display:block}.filter__option--active{visibility:visible;opacity:1;pointer-events:auto}.filter__option--highlight{visibility:visible;opacity:1;pointer-events:auto;order:0}.filter--show-options .filter__option{visibility:visible;opacity:1;pointer-events:auto}.filter__backdrop{position:fixed;pointer-events:none;inset:0;background-color:#000;z-index:1;opacity:0}.newsletter-form{--border-color: #c4c4c4;padding-top:4rem}.newsletter-form .title{position:relative;font-weight:400}.newsletter-form .content{height:unset;overflow:visible;color:#c4c4c4}.newsletter-form .form-wrapper{width:100%;display:flex;flex-direction:column;gap:.3rem}.newsletter-form p{margin-block:0}.newsletter-form form{color:#c4c4c4;display:flex;flex-direction:column;gap:.3rem;margin-block-start:1.5rem}.newsletter-form form[inert]{animation:blur-pulse 2s infinite;pointer-events:none}.newsletter-form form:focus-within{--border-color: #fff}.newsletter-form form label{-webkit-user-select:none;user-select:none}.newsletter-form form input{color:#fff;font-size:1rem;font-family:"Noe Display","Times New Roman",serif;padding:.05em .5em 0 0;background:rgba(0,0,0,0);border:none;border-bottom:1px solid var(--border-color);line-height:.9;width:100%;outline:0}.newsletter-form form input::placeholder{color:#c4c4c4}.newsletter-form form input:autofill{background-color:rgba(0,0,0,0)}.newsletter-form form input:-webkit-autofill{background-color:rgba(0,0,0,0)}.newsletter-form form input[type=checkbox]{appearance:none;border:1px solid var(--border-color);width:max(.3rem,14px);height:max(.3rem,14px);font-size:0;margin:0;display:block;cursor:pointer;background-color:rgba(0,0,0,0);position:relative}.newsletter-form form input[type=checkbox]:checked::after{content:"";display:block;position:absolute;top:2px;left:2px;right:2px;bottom:2px;background-color:var(--border-color);border:1px solid var(--border-color)}.newsletter-form form button[type=submit]{border-bottom:1px solid var(--border-color);padding-inline:1em;font-size:.5rem;text-transform:uppercase;cursor:pointer;color:var(--border-color)}.newsletter-form form button[type=submit]:hover{color:#fff}.newsletter-form form input,.newsletter-form form button{transition:color 220ms ease,border-color 220ms ease}.newsletter-form form input[aria-hidden=true],.newsletter-form form label[aria-hidden=true]{display:none}.form-row{width:100%}.form-row--mail{display:grid;grid-template-columns:1fr auto}.form-row--optin{display:grid;grid-template-columns:.2rem 1fr;align-items:start;justify-items:start;column-gap:.5rem}.form-row--optin label{font-size:.35rem;color:#c4c4c4;cursor:pointer}.newsletter-message{font-size:.35rem}.newsletter-message p{color:#c4c4c4;font-size:inherit;letter-spacing:.02em;line-height:1.4}main>*:not(.newsletter-form){transition:filter 420ms ease}main:has(form:focus-within)>*:not(.newsletter-form),main:has(form.loading)>*:not(.newsletter-form){filter:blur(12px)}dialog{border:unset;background-color:rgba(0,0,0,0);color:#fff;margin-inline-start:34.1438802083vw;padding-inline-start:0;padding-inline-end:1rem}dialog::backdrop{backdrop-filter:blur(36px)}.dialog-content{color:#c4c4c4}.dialog-content em{color:#fff;font-style:normal;font-weight:500}@keyframes blur-pulse{0%{filter:blur(0px)}50%{filter:blur(5px)}100%{filter:blur(0px)}}body.debug>header h1::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid #ff0}body .debug{display:none}body.debug .debug{display:block;position:relative;z-index:9999}body.debug .artist::after,body.debug>header ::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid tomato}