/*!
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(/content/themes/vonderhaardt/assets/Noe-Display-Regular.eot);src:url(/content/themes/vonderhaardt/assets/Noe-Display-Regular.eot?#iefix)format("embedded-opentype"),url(/content/themes/vonderhaardt/assets/Noe-Display-Regular.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:Noe Display;src:url(/content/themes/vonderhaardt/assets/Noe-Display-Medium.eot);src:url(/content/themes/vonderhaardt/assets/Noe-Display-Medium.eot?#iefix)format("embedded-opentype"),url(/content/themes/vonderhaardt/assets/Noe-Display-Medium.woff)format("woff");font-weight:500;font-style:normal}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}body,html{width:100%;min-height:100%;margin:0;padding:0;font-size:5.1vw;line-height:1.1;position:relative}body{color:#fff;background-color:#000603;padding-bottom:50vh;padding-left:34.1439vw;padding-right:1rem;font-family:Noe Display,Times New Roman,serif;font-weight:400}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{background:linear-gradient(#000603 0%,#001e0a 100%);width:100%;position:absolute;top:0;left:0}a,a:hover,a:visited,a:active{color:#fff;text-decoration:none}article{min-height:1em;padding:25vw 0;position:relative}.cf:after{content:"";clear:both;display:table}h1{z-index:1;color:#fff;margin:0;font-style:normal;font-weight:500;display:inline-block;position:relative}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;z-index:3;position:relative}.content p,.content p:first-of-type:before{white-space:pre-line;-webkit-hyphens:none;hyphens:none;word-wrap:break-word}.content p:first-child{margin-top:0}.content p:first-of-type:before{content:attr(data-title);pointer-events:none;color:#fff;cursor:pointer;opacity:0;font-weight:500;display:inline}.content{z-index:1;height:0;position:relative;overflow:hidden}article .links a{display:block}body>header{height:100%;min-height:1em;padding-top:42vh;position:relative}body>canvas{width:100%}.about-nav{opacity:0;letter-spacing:.025em;font-size:.5rem;transition:opacity .42s;position:fixed;top:50%;left:3.25vw}.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{letter-spacing:.025em;font-size:.5rem}.imprint .content p:first-child{margin-top:1em}@media screen and (width<=767px){body,html{font-size:32px}body{padding:0 .5em}.about-nav{display:none}article{padding:30vw 0}}@media screen and (width<=320px){body,html{font-size:30px}}body.ready{height:auto;overflow:unset}body>header h1{opacity:1;transform-origin:50%;font-weight:500}body.ready>header h1{opacity:1}header .intro-text{color:#fff;-webkit-user-select:none;user-select:none;opacity:0;display:inline;position:absolute}header .intro-text span{opacity:0}header .intro-text p:first-of-type:before{content:attr(data-title);pointer-events:none;color:#fff;cursor:pointer;opacity:0;font-weight:500;display:inline}header .intro-text+p,header .about-text,header .content-wrapper,header .about-text p:first-child{display:inline}header .intro-text p{z-index:1;display:inline;position:relative}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);pointer-events:none;opacity:0;display:inline}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{letter-spacing:.03em;opacity:0;font-size:.25rem;position:absolute;top:-1.2em}.artist.show .credit{opacity:1}.artist .title{opacity:.65;transform-origin:100%;perspective:50rem;z-index:3;font-weight:500}.spacing-wrapper{display:inline}.artist .title,.artist .spacing{flex-direction:row;align-items:flex-start;display:flex}.artist .year-of-birth,.artist .spacing div:last-child{padding-left:.5em;font-size:.5rem}.artist .spacing{visibility:hidden;display:none}.artist.show .title,.artist.show-portrait .title{opacity:1;transform:scale(1)}.artist .portrait-wrapper{display:block;position:relative;overflow:hidden}.artist .portrait{z-index:0;opacity:.1;pointer-events:none;filter:blur(4px);width:7.2rem;position:absolute;top:25vw;left:15.8561vw;transform:translateY(calc(.5rem - 50%))}.artist.show-portrait .portrait,.artist.show .portrait{filter:blur();opacity:1;pointer-events:auto}.artist .portrait img{object-fit:cover;pointer-events:none;width:100%;height:6.2rem}.artist .links{margin-top:1rem}.year-of-birth{color:#fff;opacity:0;padding-left:.5em;font-size:.5rem}.artist.show-portrait .year-of-birth{opacity:1}.artist.show.show-portrait .year-of-birth{opacity:0}.artist .close{cursor:pointer;font-size:.5rem}@media screen and (width<=767px){.artist .portrait{top:33%;right:.85rem;left:unset;opacity:0;position:fixed}.artist.show .portrait{opacity:0}.artist.show.show-portrait .portrait{opacity:1}article.artist:not(.near) .portrait{display:none}}.team .list{padding:0}.team .member{padding:25vw 0;position:relative}.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{width:5.2rem;position:absolute}.team .artist .portrait img{height:5.2rem}.team .member-name{z-index:2;max-width:10em;position:relative}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{opacity:0;pointer-events:none;z-index:41;background:#fff;flex-direction:column;justify-content:center;margin:0;padding:0 0 0 34.1439vw;display:flex;position:fixed;inset:0}.navigation.show .navigation-items{opacity:1;pointer-events:auto;transition:all .38s ease-in-out}.navigation .navigation-item{opacity:0;margin:0;padding:0;line-height:1.3;list-style:none;transform:translateY(.6em)}.navigation.show .navigation-item{opacity:1;transition:all .56s;transform:translateY(0)}.navigation.show .navigation-item:first-child{transition-delay:.58s}.navigation.show .navigation-item:nth-child(2){transition-delay:.62s}.navigation.show .navigation-item:nth-child(3){transition-delay:.66s}.navigation.show .navigation-item:nth-child(4){transition-delay:.7s}.navigation.show .navigation-item:nth-child(5){transition-delay:.74s}.navigation.show .navigation-item:nth-child(6){transition-delay:.78s}.navigation.show .navigation-item:nth-child(7){transition-delay:.82s}.navigation.show .navigation-item:nth-child(8){transition-delay:.86s}.navigation.show .navigation-item:nth-child(9){transition-delay:.9s}.navigation.show .navigation-item:nth-child(10){transition-delay:.94s}.navigation.show .navigation-item:nth-child(11){transition-delay:.98s}.navigation .navigation-item a{--underline-offset:.12em;color:#000603}.navigation .navigation-item a:hover{text-decoration-line:underline;-webkit-text-decoration-color:var(--underline-color,currentColor);-webkit-text-decoration-color:var(--underline-color,currentColor);text-decoration-color:var(--underline-color,currentColor);text-decoration-style:solid;text-decoration-thickness:var(--underline-thickness,1px);text-underline-offset:var(--underline-offset,.1825em)}.navigation .navigation-item--top{font-size:.5rem;line-height:1;position:fixed;top:.5rem}.navigation .navigation-item--small{margin-top:3rem;font-size:.5rem}.navigation .trigger{z-index:44;color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;z-index:44;font-size:.5rem;line-height:1;position:fixed;top:.5rem;right:1rem}.navigation.show .trigger{color:#000603}.filterable{display:none}.filterable--show{display:block}.filter{z-index:40;flex-direction:row;gap:1em;font-size:.5rem;transition:opacity .24s;display:flex;position:fixed;top:.5rem;left:.5rem}.filter.-hide{opacity:0;pointer-events:0}.filter__label{z-index:2;align-self:flex-start;min-width:6ch;position:relative;overflow:hidden}.filter__label span{width:fit-content;display:block}.filter__label,.filter__option{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fiter__options{z-index:2;pointer-events:none;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@media screen and (width>=767px){.fiter__options{position:fixed;left:34.1439vw}}.filter__option{visibility:collapse;opacity:0;order:2}.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{pointer-events:none;z-index:1;opacity:0;background-color:#000;position:fixed;inset:0}.newsletter-form{--border-color:#c4c4c4;padding-top:4rem}.newsletter-form .title{font-weight:400;position:relative}.newsletter-form .content{height:unset;color:#c4c4c4;overflow:visible}.newsletter-form .form-wrapper{flex-direction:column;gap:.3rem;width:100%;display:flex}.newsletter-form p{margin-block:0}.newsletter-form form{color:#c4c4c4;flex-direction:column;gap:.3rem;margin-block-start:1.5rem;display:flex}.newsletter-form form[inert]{pointer-events:none;animation:2s infinite blur-pulse}.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;border:none;border-bottom:1px solid var(--border-color);background:0 0;outline:0;width:100%;padding:.05em .5em 0 0;font-family:Noe Display,Times New Roman,serif;font-size:1rem;line-height:.9}.newsletter-form form input::placeholder{color:#c4c4c4}.newsletter-form form input:autofill{background-color:#0000}.newsletter-form form input[type=checkbox]{appearance:none;border:1px solid var(--border-color);cursor:pointer;background-color:#0000;width:max(.3rem,14px);height:max(.3rem,14px);margin:0;font-size:0;display:block;position:relative}.newsletter-form form input[type=checkbox]:checked:after{content:"";background-color:var(--border-color);border:1px solid var(--border-color);display:block;position:absolute;inset:2px}.newsletter-form form button[type=submit]{border-bottom:1px solid var(--border-color);text-transform:uppercase;cursor:pointer;color:var(--border-color);padding-inline:1em;font-size:.5rem}.newsletter-form form button[type=submit]:hover{color:#fff}.newsletter-form form input,.newsletter-form form button{transition:color .22s,border-color .22s}.newsletter-form form input[aria-hidden=true],.newsletter-form form label[aria-hidden=true]{display:none}.form-row{width:100%}.form-row--mail{grid-template-columns:1fr auto;display:grid}.form-row--optin{grid-template-columns:.2rem 1fr;place-items:start;column-gap:.5rem;display:grid}.form-row--optin input[type=checkbox]{z-index:1;grid-area:1/1}.form-row--optin label{color:#c4c4c4;cursor:pointer;grid-area:1/1/2/-1;justify-self:stretch;margin:-8px 0 -12px;padding:8px 0 12px .7rem;font-size:.35rem}.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 .42s}:is(main:has(form:focus-within)>:not(.newsletter-form),main:has(form.loading)>:not(.newsletter-form)){filter:blur(12px)}dialog{border:unset;color:#fff;background-color:#0000;margin-inline-start:34.1439vw;padding-inline:0 1rem}dialog::backdrop{-webkit-backdrop-filter:blur(36px);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()}50%{filter:blur(5px)}to{filter:blur()}}body.debug>header h1:after{content:"";border:1px solid #ff0;position:absolute;inset:0}body .debug{display:none}body.debug .debug{z-index:9999;display:block;position:relative}body.debug .artist:after,body.debug>header :after{content:"";border:1px solid tomato;position:absolute;inset:0}