Senzationelle Lebenswelten

Analog gemalte Bilder als Repräsentation realer Lebenswelten, angereichert mit Augmented Reality Inhalten, welche durch Experimente mit künstlichen Intelligenzen und anderen digitalen Werkzeugen erarbeitet worden sind.

Durchgehend im Foyer

#footer { position: fixed; height: 60px; border-top: 1px solid rgb(var(--c-red)); background-image: none; } #htplogosvg.site-preload #HTP23_Logo_Shape_container { fill: rgba(var(--c-black),1); stroke: rgb(var(--c-white)); } #htplogosvg.site-preload #HTP23_Logo_Text { transition: 0.1s; fill: rgb(var(--c-white)); } #htplogosvg.site-preload #HTP23_Logo_Container:hover #HTP23_Logo_Text { transition: 0.1s; fill: rgb(var(--c-black)); } #wrapper.preload #htp_pagetitle text { opacity: 1; } .no-js .anim404, .no-js #social, .no-js #mobMenu hr, .no-js #content svg { display: none; } .no-js #mobMenu { display: block; } .no-js #footer .container { display: inherit; } .no-js #consFootCook { position: absolute; right: 1rem; left: auto; top: 1.5rem; } .no-js #content #consFootCook { top: auto; bottom: 1.2rem; left: 1rem; position: fixed; } .no-js img[class*="wp-image-"] { -webkit-mask-image: none; mask-image: none; } .no-js img.icon { object-position: 0px 0px; } .no-js.error404 article .header, .no-js.single article .header, .no-js.page article .header { background: linear-gradient(0deg, rgba(var(--ca-cyan),0.42) 0%, rgba(var(--ca-green),0.42) 100%) !important; color: #00ffff;} .no-js .preload #header { height: 48px; } @media only screen and (min-width: 768px) and (max-width: 980px) { .no-js .preload #header { height: 69px; } } @media only screen and (min-width: 599px) and (max-width: 767px) { .no-js .preload #header { height: 48px; } } @media only screen and (max-width: 599px) { .no-js .preload #header { height: 0px; } .no-js #nosfb_hamburger { margin: 2rem 0 0 1rem; top: 0; left: 0; filter: drop-shadow(3px 5px 6px rgba(var(--ca-cyan),0.5));} .no-js #actioncontain { position: relative; height: auto; bottom: 0; padding: 0 0 1rem; } .no-js #actionline { top: 0; } .no-js #mobMenu { position: relative; bottom: 0; height: auto; padding: 1rem; } .no-js #mobMenuNav { opacity: 1; height: auto; } } .no-js #spinner { width: 1px; height: 1px; display: inline-block; }