body{font-family:"Roboto",sans-serif}a{text-decoration:underline;color:#000}.sub-headline-horizontal{font-family:"Roboto",sans-serif;font-weight:200;text-transform:uppercase;font-size:2rem}.main-headline-horizontal{margin:0;padding:0;font-family:"Roboto",sans-serif;font-weight:600;text-transform:uppercase;font-size:6rem;line-height:5rem;padding-bottom:1.5rem;border-bottom:1px solid #000;margin-bottom:1rem}.flex{display:flex;flex-wrap:wrap;gap:100px;margin-bottom:3rem}.vertical-headline-container{max-width:100%;min-width:150px;position:relative;display:flex;align-items:flex-start}.margin-4{margin-bottom:4rem}.main-headline-vertical,.sub-headline-vertical{writing-mode:tb-rl;transform:rotate(180deg);display:block}.main-headline-vertical{font-size:5rem;margin-left:-1rem;margin-top:-0.3rem;order:2}.overlength{font-size:3.5rem}.sub-headline-vertical{font-weight:200;order:2}.download-element{list-style-type:none}@media screen and (max-width: 984px){.flex{flex-direction:column;gap:0}.vertical-headline-container{height:auto;display:inline;width:100%}.margin-4{margin-bottom:2rem}.main-headline-vertical,.sub-headline-vertical{writing-mode:inherit;writing-mode:horizontal-tb;transform:unset;display:block;position:relative}.main-headline-vertical{font-size:2.5rem;margin-left:0;border-right:none;border-bottom:1px solid #000;margin-bottom:2rem;padding-bottom:1rem}.sub-headline-vertical{margin-left:0}.main-headline-horizontal{font-size:4rem;line-height:3rem}.impressum .main-headline-vertical,.impressionen-atelier .main-headline-vertical,.impressionen-ausstellungen .main-headline-vertical,.drawings .main-headline-vertical,.kunst-am-bau .main-headline-vertical{font-size:2.2rem;line-height:2.2rem}.impressum .sub-headline-vertical,.impressionen-atelier .sub-headline-vertical,.impressionen-ausstellungen .sub-headline-vertical,.drawings .sub-headline-vertical,.kunst-am-bau .sub-headline-vertical{font-size:1.2rem}.impressum .main-headline-horizontal,.impressionen-atelier .main-headline-horizontal,.impressionen-ausstellungen .main-headline-horizontal,.drawings .main-headline-horizontal,.kunst-am-bau .main-headline-horizontal{font-size:2.2rem;line-height:2.2rem}.impressum .sub-headline-horizontal,.impressionen-atelier .sub-headline-horizontal,.impressionen-ausstellungen .sub-headline-horizontal,.drawings .sub-headline-horizontal,.kunst-am-bau .sub-headline-horizontal{font-size:1.2rem}.datenschutzerklaerung .main-headline-vertical{font-size:2rem}}*{box-sizing:border-box;margin:0;padding:0}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}#header{width:100%;height:85px;text-transform:lowercase;background-color:#fff;z-index:1000;position:fixed;top:0}header div.inside{max-width:1250px;height:auto;position:relative;margin:auto;z-index:1;padding:0 25px}.header-logo{position:absolute;padding-top:25px;font-size:2.5rem;font-weight:300}@media only screen and (max-width: 984px){#header{height:auto;overflow:hidden;border-bottom:0px;background-color:#fff}header div.inside{width:100%;padding:0}.header-logo{padding-top:15px;padding-left:25px}}:root{--nav-breakpoint: 984;--nav-color: #000;--nav-active-color: #000;--nav-font-size: 1rem;--nav-font-weight: normal;--nav-item-line-height: 1.5;--nav-submenu-background: #fff;--nav-mobile-background: #f2f1f1;--nav-mobile-color: #000;--nav-mobile-active-background: #000;--nav-mobile-active-color: #fff;--nav-mobile-active-border-color: #000;--nav-mobile-separator-color: rgba(0, 0, 0, 0.12);--nav-mobile-font-size: 1rem;--nav-mobile-padding: 100px 25px 25px;--nav-mobile-icon: url('data:image/svg+xml;charset=utf-8,');--nav-burger-line-color: rgba(0, 0, 0, 0.85);--skip-background: #f2f1f1;--skip-color: #000;--skip-focus-border-color: #000}body.nav-is-desktop .navigation-main .btn-toggle-submenu{display:none}body.nav-is-desktop .navigation-main .level_1>li.submenu{padding-right:0}body.nav-is-desktop .navigation-main .level_1>li.submenu:hover>ul,body.nav-is-desktop .navigation-main .level_1>li.submenu:focus-within>ul{display:flex}body.nav-is-desktop .nav-wrapper{float:right;justify-content:flex-end}body.nav-is-desktop .navigation-main .level_1{gap:0}body.nav-is-desktop .navigation-main .level_1>li{padding:22px 0 0}body.nav-is-desktop .navigation-main .level_1>li>a,body.nav-is-desktop .navigation-main .level_1>li>strong{padding:20px 22px}body.nav-is-desktop .navigation-main .level_1 ul a,body.nav-is-desktop .navigation-main .level_1 ul strong{padding:10px 20px}body.nav-is-desktop .navigation-main .level_2:not(.bounds-left):not(.bounds-right){left:0;transform:none}body.nav-is-desktop .navigation-main .level_2:before{content:none}body.nav-is-desktop .navigation-main .level_1>li:hover{background-color:#ccc}body.nav-is-desktop .navigation-main .level_2 li:hover{background-color:#ccc}body.nav-is-desktop .navigation-main .level_1>li.trail,body.nav-is-desktop .navigation-main .level_1>li.active,body.nav-is-desktop .navigation-main .level_1>li.trail:hover,body.nav-is-desktop .navigation-main .level_1>li.active:hover{background-color:#000}body.nav-is-desktop .navigation-main .level_1>li.trail>a,body.nav-is-desktop .navigation-main .level_1>li.trail>strong,body.nav-is-desktop .navigation-main .level_1>li.active>a,body.nav-is-desktop .navigation-main .level_1>li.active>strong{color:#fff}body.nav-is-desktop .navigation-main .level_2 .active{background:#707070;color:#fff;font-weight:bold}.navigation-main a:focus-visible,.navigation-main button:focus-visible,.nav-burger:focus-visible{outline:2px solid #000;outline-offset:2px}body.nav-is-mobile #header .inside{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.85);position:relative;z-index:7}body.nav-is-mobile #header .header-logo{position:relative;z-index:7}body.nav-is-mobile.navigation-open #header .header-logo{visibility:hidden}body.nav-is-mobile #header .inside>a{text-decoration:none}body.nav-is-mobile .nav-wrapper{display:flex;justify-content:flex-end;padding-right:21px}body.nav-is-mobile .nav-burger{position:relative}body.nav-is-mobile .nav-burger::before{content:"";position:absolute;inset:-14px}body.nav-is-mobile .navigation-main li.active{background:#000}body.nav-is-mobile .navigation-main li.active>a,body.nav-is-mobile .navigation-main li.active>strong{color:#fff !important}body.nav-is-mobile #header .inside>nav.mod_changelanguage{display:none}body.nav-is-mobile.navigation-open #header .inside>nav.mod_changelanguage{display:flex;align-items:center;position:absolute;top:0;bottom:0;left:25px;right:auto;z-index:8}.mod_breadcrumb{margin-bottom:50px;margin-right:40px}.mod_breadcrumb li{display:inline-block}.mod_breadcrumb li:after{content:" > ";margin:0 .3rem}.mod_breadcrumb li.active:after{content:""}.mod_breadcrumb li img{height:25px;margin-bottom:-6px}.mod_breadcrumb li a:hover{font-weight:bold;color:#777}.mod_breadcrumb a{position:relative;display:inline-block}.mod_breadcrumb a svg{height:1rem}.mod_breadcrumb a svg ::after{line-height:.2rem}nav.mod_changelanguage{position:absolute;top:0;right:25px}nav.mod_changelanguage li{float:left;list-style-type:none;padding:0 5px 0 5px}nav.mod_changelanguage a{text-decoration:underline}nav.mod_changelanguage a:hover{font-weight:bold}nav.mod_changelanguage strong{font-weight:normal}footer{background-color:#000;margin-top:100px;min-height:300px;width:100%;bottom:0;padding-bottom:20px;color:#fff;font-size:1.3rem;font-weight:200}footer a{text-decoration:none}footer a:hover{font-weight:bold}footer .footer-nav-2{margin:4rem 0}footer .inside{padding:40px 40px 0}footer .inside ul li{list-style-type:none;margin-bottom:10px}footer .inside ul li a{color:#fff}footer .inside .copyright{position:absolute;bottom:1rem;font-size:1rem;opacity:.5;max-width:calc(100% - 80px)}.back-to-top{width:40px;height:40px;position:fixed;bottom:2em;right:2em;opacity:.7;z-index:1000;display:none;text-decoration:none;transition:all ease .2s}.back-to-top:hover{width:46px;height:46px;margin-bottom:-3px;margin-right:-3px}.back-to-top:hover svg #circle-path{stroke-width:15px}.back-to-top:hover svg #line-path1,.back-to-top:hover svg #line-path2{stroke-width:30px}.back-to-top svg{fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5}.back-to-top svg #circle-path{fill:#000;stroke:#fff;stroke-width:10px}.back-to-top svg #line-path1,.back-to-top svg #line-path2{fill:none;stroke:#fff;stroke-width:24px}@media screen and (max-width: 980px){.back-to-top{bottom:1em;right:1em}}.link-underline{font-size:1.3rem;font-weight:300;text-decoration:none;margin:10px 0;position:relative;display:inline-block}.link-underline::before{content:"";width:50%;border-bottom:1px solid #000;position:absolute;bottom:0;left:0;margin-bottom:-5px;transition:all .2s ease-in;pointer-events:none}.link-underline a{display:inline-block;text-decoration:none;color:inherit;transition:all .2s ease-in}.link-underline a::after{content:" ->";transition:all .2s ease-in}.link-underline:hover::before{width:100%;border-bottom:1px solid #56818a}.link-underline:hover a{color:#56818a}.link-minimal{font-size:1.5rem;font-weight:300;position:relative;display:inline-block}.link-minimal a{position:relative;z-index:10;display:block;padding:10px 15px;text-decoration:none;color:inherit}.link-minimal::before,.link-minimal::after{content:"";position:absolute;height:25px;width:25px;z-index:1;transition:all .2s ease-in;pointer-events:none}.link-minimal::before{top:0;left:0;border-left:1px solid #000;border-top:1px solid #000}.link-minimal::after{bottom:0;right:0;border-right:1px solid #000;border-bottom:1px solid #000}.link-minimal:hover a{color:#56818a}.link-minimal:hover::before,.link-minimal:hover::after{height:100%;width:100%;border-color:#56818a}.link-large{font-size:1.5rem;text-transform:uppercase;font-weight:500;box-shadow:1px 2px 2px #ccc;display:inline-block;border:2px solid #000}.link-large a{display:block;padding:10px;text-decoration:none;color:inherit}.link-large-outline{border-radius:0;border:1px solid #000;background:none;text-transform:uppercase;font-family:"Roboto",sans-serif;font-size:1.2rem;font-weight:600;box-shadow:2px 2px 5px #a8a8a8;display:inline-block;transition:all .2s ease}.link-large-outline a{display:block;padding:15px;text-decoration:none;color:inherit;transition:padding .2s ease}.link-large-outline:hover{border-width:2px;box-shadow:4px 4px 8px #939393;transform:scale(1.04)}.link-large-outline:hover a{padding:14px}button.link-button{padding:15px;border-radius:0;border:1px solid #000;background:none;text-transform:uppercase;font-family:"Roboto",sans-serif;font-size:1.2rem;font-weight:600;box-shadow:2px 2px 5px #a8a8a8;transition:all ease .2s}button.link-button:hover{border-width:2px;padding:14px;box-shadow:4px 4px 8px #939393;transform:scale(1.04)}a,.jg-gallery .content-image,.jg-gallery .content-image a,button.link-button{cursor:url("/files/icons/cursor-pinsel-schraeg.png") 8 4,pointer}#filters button,.nav-burger,.btn-toggle-submenu,.pswp__button{cursor:pointer}.filter-container{position:relative;min-height:150px;margin-bottom:50px}.filter-container .filter-headline-vertical-left,.filter-container .filter-headline-vertical-right{writing-mode:sideways-lr;writing-mode:tb-rl;transform:rotate(180deg);position:absolute;top:20px;text-transform:uppercase}.filter-container .filter-headline-vertical-left{left:0;font-weight:200;font-size:2rem;line-height:2rem}.filter-container .filter-headline-vertical-right{left:30px;font-size:2.4rem;padding-left:20px;border-left:1px solid #000}.filter-container #filters{position:absolute;left:150px;top:50%;transform:translateY(-50%);max-width:800px}.filter-container #filters button{font-family:"Roboto",sans-serif;margin-bottom:1rem;background:none;border:none;cursor:pointer;font-size:1.5rem;font-weight:200}.filter-container #filters button::after{content:"|";margin:0 20px;font-size:2rem;font-weight:100}.filter-container #filters button:hover{color:#56818a;font-weight:400}.filter-container #filters button.is-checked{font-weight:600}@media screen and (max-width: 980px){.filter-container{display:flex;align-items:flex-start}.filter-container .filter-headline-vertical-left,.filter-container .filter-headline-vertical-right{display:none}.filter-container #filters{position:unset;left:unset;top:unset;transform:unset}.filter-container #filters button{font-size:1.2rem}.filter-container #filters button::after{margin:0 5px}}.full-vh{min-height:100vh;position:relative}.horizontal-vertical-middle{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.horizontal-vertical-middle p{font-size:4rem;font-weight:700}@media screen and (max-width: 984px){.horizontal-vertical-middle{min-width:70%;font-size:4rem}}@media screen and (max-width: 700px){.horizontal-vertical-middle{min-width:80%}.horizontal-vertical-middle p{font-size:2rem}}.malerei .flex{gap:20px 100px;align-items:stretch}.malerei .flex .vertical-headline-container{align-items:flex-end}.malerei .flex .flex-grow-3 img,.malerei .flex .flex-grow-3{max-height:calc(100vh - 300px);max-width:100%;width:auto}@media screen and (max-width: 984px){.malerei .flex .vertical-headline-container{width:100%}}.teaser-section{display:flex;gap:5%;margin-bottom:250px}.teaser-container{flex-grow:1;max-width:30%;padding:10px;margin-bottom:50px}.teaser-container .teaser-container__small-headline{font-weight:300;font-size:1rem}.teaser-container .teaser-container__large-headline{text-transform:uppercase;font-weight:600;font-size:2rem;padding-bottom:10px;border-bottom:2px solid #ccc;margin-bottom:30px}.teaser-container img{width:100%;height:auto;margin-bottom:20px}.actual-work-section-teaser{margin-bottom:5rem}.hyperlink-article{margin-bottom:10rem}@media screen and (max-width: 984px){.actual-work-section-teaser{margin-bottom:3rem}.teaser-section{flex-direction:column;margin-bottom:50px}.teaser-section .teaser-container{max-width:100%}.teaser-section .teaser-container img{max-height:400px;width:auto;max-width:100%}}.text-container-column{column-count:3;column-width:300px;column-gap:40px;margin-bottom:5rem}.text-container-column p{break-inside:avoid;display:inline-block}.text-container-column .teaser-text-large{font-size:2rem;font-weight:800;margin-bottom:35px}@media screen and (max-width: 984px){.text-container-column{column-count:1;margin-bottom:2rem}.teaser-container .teaser-container__large-headline{font-size:1.5rem}}.mod_newslist{max-width:90ch}.mod_newslist .layout_full{margin-bottom:100px}.mod_newslist .info{margin-bottom:3rem;border-bottom:1px solid #000;display:none}.mod_newslist h1{font-size:2.5rem;line-height:2.5rem;margin-bottom:2.5rem}.mod_newslist .ce_image img{margin-bottom:2.5rem;max-width:100%;height:auto}.mod_newslist .ce_text{margin-bottom:50px}.mod_newslist p{font-size:1.2rem}.news__flexbox{display:flex;flex-wrap:wrap;align-items:flex-start}.news__flexbox .news__vertical-headline-1,.news__flexbox .news__vertical-headline-2{writing-mode:tb-rl;transform:rotate(180deg)}.news__flexbox .news__vertical-headline-1{order:1}.news__flexbox .news__vertical-headline-2{order:2;order:2;font-size:3.9rem;line-height:3rem;font-weight:100;margin-right:20px;border-left:1px solid #000;padding-left:8px}.news__flexbox h1:first-child{order:3;width:100%}.news__flexbox>div,.news__flexbox>figure{order:4}.news__flexbox figcaption{display:none}.news__flexbox .ce_image img{margin:0 40px 40px 0}.contact .flex{align-items:flex-start;justify-content:flex-start;gap:0}.contact .flex .vertical-headline-container{position:unset}.contact .flex .vertical-headline-container .main-headline-vertical,.contact .flex .vertical-headline-container .sub-headline-vertical{position:relative;bottom:unset;display:inline-block;height:auto}.contact .flex .kontakt-text-wrapper{position:relative;height:auto;max-width:500px}.contact .flex .form-kontakt{width:800px;max-width:calc(100vw - 70px);margin-top:30px}.contact .kontakt-teaser-text-small{font-size:2rem;margin-bottom:10px}.contact .kontakt-teaser-text-large{position:relative;font-size:1.2rem;font-weight:400;text-transform:none}.contact .kontakt-teaser-text-large p{margin-bottom:30px}.contact label{display:block;margin-bottom:.3rem;color:#707070;font-size:1rem}.contact .mandatory{color:inherit}.contact .form-pflicht{margin-bottom:1.5rem;color:#707070;font-size:.8rem}.contact input{width:100%;margin-bottom:30px;padding:10px;border:none;border-bottom:1px solid #000;outline:none;font-family:"Roboto",sans-serif;font-size:1rem}.contact textarea{width:100%;margin-bottom:25px;padding:10px;border:1px solid #000;outline:none;font-family:"Roboto",sans-serif;font-size:1rem}.contact input:focus{border-bottom:2px solid #56818a}.contact textarea:focus{border:2px solid #56818a}.contact .widget-explanation{margin-bottom:60px;font-style:italic}.contact .form-hinweis{margin:0}.contact .form-hinweis a{color:inherit;text-decoration:underline;text-underline-offset:.2em;transition:color .2s ease}.contact .form-hinweis a:hover{color:#56818a}@media screen and (max-width: 980px){.contact .flex .vertical-headline-container{display:block}.contact .flex .vertical-headline-container .main-headline-vertical,.contact .flex .vertical-headline-container .sub-headline-vertical{display:block}.contact .flex .vertical-headline-container .main-headline-vertical{margin-left:unset}.contact .flex .kontakt-text-wrapper{min-height:200px}}.texte-seite{--kopfbreite: 14rem;--kopfhoehe: 6rem;--lesebreite: 68ch;flex-grow:3;flex-basis:0;min-width:0}@media screen and (max-width: 768px){.texte-seite p{font-size:1.2rem}}.texte-seite>h2{margin:7rem 0 3rem;padding-bottom:1rem;border-bottom:1px solid #000;font-size:2rem;font-weight:700;letter-spacing:.02em;text-transform:lowercase}.texte-seite>h2:first-child{margin-top:0}.text-eintrag{margin-bottom:5rem}.text-eintrag+.text-eintrag{padding-top:5rem;border-top:1px solid #ccc}@media screen and (min-width: 900px){.text-eintrag{display:grid;grid-template-columns:var(--kopfbreite) minmax(0, 1fr);column-gap:2.5rem;align-items:start}}.text-kopf{margin-bottom:1.5rem}@media screen and (min-width: 900px){.text-kopf{position:sticky;top:calc(var(--kopfhoehe) + 2rem);margin-bottom:0}}.text-kopf h3{margin:0 0 .4rem;font-size:1.4rem;font-weight:500;line-height:1.25}.text-untertitel{margin:0 0 1rem;font-size:.95rem;font-weight:300;font-style:italic;line-height:1.35}.text-quelle{margin:0;color:#707070;font-size:.8rem;font-weight:300;line-height:1.5;letter-spacing:.06em;text-transform:uppercase}.text-korpus{hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:12 4 4;-webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:4}.text-korpus p{margin:0 0 1.3rem;line-height:2rem}.text-anriss{background:#f7f7f7;padding:1.8rem 2rem;max-width:var(--lesebreite);hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:12 4 4;-webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:4}.text-anriss p{margin:0 0 1.3rem;line-height:2rem}.text-anriss p:last-child{margin-bottom:0}.text-anriss>p:first-child{font-size:1.05rem}@media screen and (min-width: 1400px){.text-anriss{max-width:none;columns:2;column-gap:3rem}.text-anriss p{orphans:2;widows:2}}.text-mehr{margin-top:2rem}@media screen and (min-width: 1400px){.text-mehr{text-align:right}}.text-mehr>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.7rem;padding:.7rem 1.4rem;border:1px solid #000;font-size:.95rem;font-weight:500;letter-spacing:.03em;transition:all .2s ease}.text-mehr>summary::-webkit-details-marker{display:none}.text-mehr>summary::before{content:"Gesamter Artikel lesen"}.text-mehr>summary::after{content:"";width:.5em;height:.5em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-0.15em) rotate(45deg);transition:transform .2s ease}.text-mehr>summary:hover{color:#fff;background:#000}.text-mehr>summary:focus-visible{outline:2px solid #56818a;outline-offset:3px}.text-mehr[open]>summary{display:none}.text-mehr[open]>.text-mehr__inhalt{margin-top:2rem}html[lang=en] .text-mehr>summary::before{content:"Read the full article"}.text-mehr__inhalt{margin-top:2.5rem;text-align:left}.text-mehr__inhalt p{margin:0 0 1.3rem;line-height:2rem}.text-mehr__inhalt h4{margin:2.5rem 0 .8rem;font-size:1.05rem;font-weight:500;letter-spacing:.02em;break-after:avoid}.text-mehr__inhalt h4:first-child{margin-top:0}.text-nachweise p{margin:0 0 .8rem;padding-left:1.2rem;border-left:2px solid #ccc;line-height:1.5}.text-nachweise a{color:inherit;text-decoration:underline;text-underline-offset:.2em;transition:color .2s ease}.text-nachweise a:hover{color:#56818a}.text-spalten{display:flex;gap:4rem}.text-spalte{flex:1;min-width:0}.text-spalte--2{margin-left:-2rem;padding-left:2rem;border-left:1px solid #ccc}.spalten-weiter{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.5rem;padding:.5rem 0;border:0;background:none;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;color:#000;letter-spacing:.03em;border-bottom:1px solid #000;transition:color .2s ease,border-color .2s ease}.spalten-weiter::after{content:"";width:.45em;height:.45em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-0.15em) rotate(45deg)}.spalten-weiter:hover{color:#56818a;border-bottom-color:#56818a}.spalten-weiter:focus-visible{outline:2px solid #56818a;outline-offset:3px}.keine-trennung{hyphens:manual;-webkit-hyphens:manual}.mod_sitemap ul>li>ul>li{margin-left:2rem}.mod_sitemap li{list-style-type:none}.mod_sitemap li a{text-decoration:none}.mod_sitemap li a:hover{font-weight:bold}.filter-painting-series .filter-headline-vertical-right{font-size:2.2rem;border:none}.filter-painting-series .left-60{left:60px;border-left:1px solid #000}.teaser-text-large-reference-text{font-size:1.3rem;font-weight:600;margin-bottom:5px}.biography .flex{gap:10px;justify-content:flex-start}.biography .flex .inline-img{display:inline-block}@media screen and (max-width: 980px){.biography .flex{margin-bottom:unset}.biography .flex img{max-height:400px;width:auto}}.text-site .flex{align-items:flex-start;gap:0}@media screen and (max-width: 980px){.text-site .flex .vertical-headline-container{display:block;width:100%}.text-site .flex .vertical-headline-container .main-headline-vertical,.text-site .flex .vertical-headline-container .sub-headline-vertical{display:block}.text-site .flex .vertical-headline-container .main-headline-vertical{margin-left:unset}}#wrapper{position:relative;min-height:100%;height:auto !important;height:100%}#container{position:relative;max-width:1250px;margin:150px auto 0;padding-bottom:100px;min-height:calc(100vh - 85px)}@media screen and (max-width: 984px){#container{margin:100px auto 0}}#main{padding:0 25px}.height-60{min-height:60vh;position:relative;margin-bottom:75px}.text-normal{max-width:60ch;line-height:2rem;font-size:1.2rem;margin-bottom:20px}.inline-img,.inline-img .image_container{display:inline}.justified-gallery{margin-bottom:5rem}@media screen and (max-width: 984px){.inline-img{height:auto;width:100%}.inline-img img{width:100%;height:auto;margin-bottom:2rem}}@font-face{font-family:"Roboto";font-style:normal;font-weight:100;font-display:swap;src:url("../../files/fonts/roboto-v29-latin-100.woff2") format("woff2"),url("../../files/fonts/roboto-v29-latin-100.woff") format("woff")}@font-face{font-family:"Roboto";font-style:italic;font-weight:100;font-display:swap;src:url("../../files/fonts/roboto-v29-latin-100italic.woff2") format("woff2"),url("../../files/fonts/roboto-v29-latin-100italic.woff") format("woff")}@font-face{font-family:"Roboto";font-style:normal;font-weight:300;font-display:swap;src:url("../../files/fonts/roboto-v29-latin-300.woff2") format("woff2"),url("../../files/fonts/roboto-v29-latin-300.woff") format("woff")}@font-face{font-family:"Roboto";font-style:italic;font-weight:300;font-display:swap;src:url("../../files/fonts/roboto-v29-latin-300italic.woff2") format("woff2"),url("../../files/fonts/roboto-v29-latin-300italic.woff") format("woff")}@font-face{font-family:"Roboto";font-style:normal;font-weight:400;font-display:swap;src:url("../../files/fonts/roboto-v29-latin-regular.woff2") format("woff2"),url("../../files/fonts/roboto-v29-latin-regular.woff") format("woff")}@font-face{font-family:"Roboto";font-style:italic;font-weight:400;font-display:swap;src:url("../../files/fonts/roboto-v29-latin-italic.woff2") format("woff2"),url("../../files/fonts/roboto-v29-latin-italic.woff") format("woff")}@font-face{font-family:"Roboto";font-style:normal;font-weight:500;font-display:swap;src:url("../../files/fonts/roboto-v29-latin-500.woff2") format("woff2"),url("../../files/fonts/roboto-v29-latin-500.woff") format("woff")}@font-face{font-family:"Roboto";font-style:italic;font-weight:500;font-display:swap;src:url("../../files/fonts/roboto-v29-latin-500italic.woff2") format("woff2"),url("../../files/fonts/roboto-v29-latin-500italic.woff") format("woff")}@font-face{font-family:"Roboto";font-style:normal;font-weight:700;font-display:swap;src:url("../../files/fonts/roboto-v29-latin-700.woff2") format("woff2"),url("../../files/fonts/roboto-v29-latin-700.woff") format("woff")}@font-face{font-family:"Roboto";font-style:italic;font-weight:700;font-display:swap;src:url("../../files/fonts/roboto-v29-latin-700italic.woff2") format("woff2"),url("../../files/fonts/roboto-v29-latin-700italic.woff") format("woff")}@font-face{font-family:"Roboto";font-style:normal;font-weight:900;font-display:swap;src:url("../../files/fonts/roboto-v29-latin-900.woff2") format("woff2"),url("../../files/fonts/roboto-v29-latin-900.woff") format("woff")}@font-face{font-family:"Roboto";font-style:italic;font-weight:900;font-display:swap;src:url("../../files/fonts/roboto-v29-latin-900italic.woff2") format("woff2"),url("../../files/fonts/roboto-v29-latin-900italic.woff") format("woff")}@media screen and (max-width: 768px){#serien-texte p{line-height:1.5rem}#serien-texte p+p{font-size:1.2rem}.filter-container{min-height:0}#filters{margin-bottom:0}.content-text{font-size:1.2rem;line-height:1.5rem}.content-text p{font-size:1.2rem;line-height:1.5rem}.form-hinweis{font-size:1.2rem;line-height:1.5rem}.pswp__caption__center{font-size:1.2rem}}.pswp__caption__center{letter-spacing:normal}#serien-texte{margin:30px 0}@media screen and (min-width: 769px){html[lang=en] .filter-container.filter-painting-series{min-height:180px}} /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ .pswp__button { width: 44px; height: 44px; position: relative; background: 0; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: 0.75; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-box-shadow: none; box-shadow: none; } .pswp__button:focus, .pswp__button:hover { opacity: 1; } .pswp__button:active { outline: 0; opacity: 0.9; } .pswp__button::-moz-focus-inner { padding: 0; border: 0; } .pswp__ui--over-close .pswp__button--close { opacity: 1; } .pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: url(../../files/scripts/photoswipe/default-skin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px; } @media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { /* (background-image: url(../../files/scripts/photoswipe/default-skin.svg); */ } .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: 0; } } .pswp__button--close { background-position: 0 -44px; } .pswp__button--share { background-position: -44px -44px; } .pswp__button--fs { display: none; } .pswp--supports-fs .pswp__button--fs { display: block; } .pswp--fs .pswp__button--fs { background-position: -44px 0; } .pswp__button--zoom { display: none; background-position: -88px 0; } .pswp--zoom-allowed .pswp__button--zoom { display: block; } .pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; } .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; } .pswp__button--arrow--left, .pswp__button--arrow--right { background: 0; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; } .pswp__button--arrow--left { left: 0; } .pswp__button--arrow--right { right: 0; } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ''; top: 35px; background-color: rgba(255, 255, 255, 0.3); height: 30px; width: 32px; position: absolute; } .pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px; } .pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px; } .pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pswp__share-modal { display: block; background: rgba(255, 255, 255, 0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__share-modal--hidden { display: none; } .pswp__share-tooltip { z-index: 1620; position: absolute; background: #fff; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-backface-visibility: hidden; will-change: transform; } .pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px; } .pswp__share-tooltip a:hover { text-decoration: none; color: #000; } .pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0; } .pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px; } .pswp__share-modal--fade-in { opacity: 1; } .pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .pswp--touch .pswp__share-tooltip a { padding: 16px 12px; } a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #fff; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; } a.pswp__share--facebook:hover { background: #3e5c9a; color: #fff; } a.pswp__share--facebook:hover:before { border-bottom-color: #3e5c9a; } a.pswp__share--twitter:hover { background: #55acee; color: #fff; } a.pswp__share--pinterest:hover { background: #ccc; color: #ce272d; } a.pswp__share--download:hover { background: #ddd; } .pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: #000; opacity: 0.75; padding: 0 10px; } .pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; } .pswp__caption small { font-size: 11px; color: #000; } .pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #000; } .pswp__caption--empty { display: none; } .pswp__caption--fake { visibility: hidden; } .pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity; direction: ltr; } .pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; } .pswp__preloader--active { opacity: 1; } .pswp__preloader--active .pswp__preloader__icn { background: url(../../files/scripts/photoswipe/preloader.gif) 0 0 no-repeat; } .pswp--css_animation .pswp__preloader--active { opacity: 1; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; } .pswp--css_animation .pswp__preloader__icn { background: 0; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; } .pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden; } .pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #000; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: 0; margin: 0; } @media screen and (max-width: 1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; } } @-webkit-keyframes clockwise { 0 { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes clockwise { 0 { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes donut-rotate { 0 { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes donut-rotate { 0 { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; } .pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; } .pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; } .pswp__top-bar, .pswp__caption { background-color: rgba(255, 255, 255, 0.5); } .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(255, 255, 255, 0.3); } .pswp__ui--idle .pswp__top-bar { opacity: 0; } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0; } .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { opacity: 0.001; } .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; } .pswp__element--disabled { display: none !important; } .pswp--minimal--dark .pswp__top-bar { background: 0; } /* Refused to apply style from 'https://joenu.com/files/joenu_files/photoswipe/photoswipe.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled. */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0; transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } .pswp__caption__center { text-align: center; /* max-width: 420px; */ max-width: 90%; /* margin: 0 auto; */ margin: 0; font-size: 1.2rem; padding: 10px; /* ................ */ padding-left: 10%; line-height: 20px; color: #000; font-family: 'Roboto', sans-serif; font-weight: 400; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #fff; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #000; } .pswp__error-msg a { color: #000; text-decoration: underline; } /** * jg-gallery.css * ------------------------------------------------------------------------ * Styling der Justified-Galerie. * * Alle Regeln sind bewusst mit ".jg-gallery" eingeleitet. Dadurch wirken * sie ausschliesslich innerhalb der Galerie-Container. Bilder an anderen * Stellen der Website bleiben von diesem Stylesheet unberührt. * * Die Geometrie (Zeilenhöhe, Bildbreite, Abstände) wird von jg-gallery.js * per Inline-Style gesetzt, weil sie sich aus den Seitenverhältnissen der * Bilder errechnet. Dieses Stylesheet regelt nur, wie der Inhalt innerhalb * dieser vorgegebenen Flächen dargestellt wird. * ------------------------------------------------------------------------ */ .jg-gallery { position: relative; width: 100%; } .jg-rows { display: block; width: 100%; } /* Eine Galerie-Zeile. Flexbox stellt die Bilder nebeneinander; die konkreten Breiten kommen als Inline-Style von JavaScript. */ .jg-row { display: flex; flex-direction: row; align-items: stretch; width: 100%; } /* Letzte Zeile mit nur einem übrig gebliebenen Bild: linksbündig statt auf volle Breite gestreckt. Für zentrierte Darstellung stattdessen "justify-content: center" verwenden. */ .jg-row--single { justify-content: flex-start; } /* Wrapper des Contao-Bild-Inhaltselements. Breite und Höhe kommen als Inline-Style von JavaScript. */ .jg-gallery .content-image { position: relative; overflow: hidden; margin: 0; border-radius: 2px; background-color: #ececec; /* sichtbar, solange das Bild noch lädt */ } /* Diese Zwischenelemente müssen die vorgegebene Fläche vollständig ausfüllen, sonst kann object-fit auf dem nicht greifen. Hier wird bewusst der Nachfahren-Selektor (Leerzeichen) und NICHT der Kind-Kombinator (>) verwendet: Das ist kein direktes Kind von .content-image, sondern liegt eine Ebene tiefer in
(.content-image > figure > a > picture > img). Mit ">" würde die Regel für nicht greifen, die Prozenthöhen darunter liefen ins Leere und das Bild würde in Originalgrösse gerendert und vom overflow:hidden beschnitten. */ .jg-gallery .content-image figure, .jg-gallery .content-image a, .jg-gallery .content-image picture { display: block; width: 100%; height: 100%; margin: 0; } .jg-gallery .content-image img { display: block; width: 100%; height: 100%; object-fit: cover; } /* Solange nur der Platzhalter geladen ist, bleibt das Bild unsichtbar und die graue Wrapper-Fläche ist zu sehen. */ .jg-gallery .content-image img.jg-lazy { opacity: 0; } /* Wird gesetzt, sobald die echten Bilddaten geladen sind. */ .jg-gallery .content-image img.jg-loaded { opacity: 1; transition: opacity 0.35s ease; } .jg-gallery .content-image:hover img.jg-loaded { transform: scale(1.03); transition: opacity 0.35s ease, transform 0.35s ease; } /* Weggefilterte Bilder. Die Klasse wird von der Filterfunktion in jg-gallery.js gesetzt und zusätzlich von der PhotoSwipe-Anbindung ausgewertet, damit ausgeblendete Bilder auch nicht in der Lightbox erscheinen. */ .jg-filtered { display: none !important; } /* Bildunterschriften würden das feste Höhenraster sprengen und werden in der Galerie ausgeblendet. Soll die Unterschrift sichtbar bleiben, diese Regel entfernen und z. B. als Overlay gestalten. */ .jg-gallery .content-image figcaption { display: none; } @media (prefers-reduced-motion: reduce) { .jg-gallery .content-image img, .jg-gallery .content-image:hover img { transition: none; transform: none; } }