@font-face{font-family:"Mank Sans";src:url(https://terheyden-art.de/wp-content/themes/thesa/assets/fonts/MankSans-Medium.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-family-base:"Mank Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size-base:14px;--line-height-base:1.6;--color-text:#5b5b5b;--color-link:#5e5e5e;--color-bg:#ffffff;--color-black:#000000;--color-border:#ddd;--color-border-light:#eee;--color-muted:#999;--color-muted-2:#888;--color-muted-3:#aaa;--color-overlay-bg:rgba(255, 255, 255, 0.8);--color-shadow:rgba(0, 0, 0, 0.10);--logo-background:yellow;--color-lightbox-bg:rgba(0, 0, 0, 0.9);--color-lightbox-border:#ffffff;--color-lightbox-caption:#ccc;--color-lightbox-close:#f1f1f1;--color-lightbox-close-hover:#bbb;--color-slider-placeholder:#f4f4f4;--color-slider-control-bg:rgba(0, 0, 0, 0.3);--color-slider-control-bg-hover:rgba(0, 0, 0, 0.8);--layout-max-width:1400px;--sidebar-width:250px;--content-max-width:1200px;--space-xxs:5px;--space-xs:10px;--space-s:15px;--space-m:20px;--space-l:40px;--space-xl:80px;--radius-xs:3px;--radius-s:10px;--radius-pill:15px;--radius-round:50%;--dur-fast:0.2s;--dur:0.3s;--dur-med:0.4s;--dur-slow:1s;--z-sticky:1100;--z-sticky-bar:1101;--z-overlay:2000;--z-overlay-close:2001;--hero-max-width:1000px;--hero-height:400px;--gallery-columns:3;--gallery-gap:20px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);line-height:var(--line-height-base)}img{max-width:100%;height:auto;display:block}.site-container{display:flex;max-width:var(--layout-max-width);margin:0 auto;position:relative}.sidebar{width:var(--sidebar-width);height:100vh;position:sticky;top:0;padding:var(--space-l) var(--space-m);background:var(--color-bg);display:flex;flex-direction:column;justify-content:space-between}.content-area{flex:1;padding:var(--space-l)}section{margin-bottom:var(--space-xl);padding-top:var(--space-m)}h2{font-size:20px;font-weight:700;margin-bottom:var(--space-m);text-transform:uppercase;letter-spacing:2px}h3{font-size:16px;font-weight:700;margin-bottom:var(--space-xs)}.logo-wrapper{display:block;margin-bottom:var(--space-l);text-decoration:none}.circle-logo{width:100px;height:100px;background-color:var(--color-border);border-radius:var(--radius-round);margin:0 auto;overflow:hidden}.circle-logo img{background-color:var(--logo-background);width:100%;height:100%;object-fit:cover}.menu-list{list-style:none;text-align:center}.menu-list li{margin-bottom:8px}.menu-list a{text-decoration:none;color:var(--color-link);font-weight:400;font-size:14px;transition:color var(--dur) ease;text-transform:uppercase;letter-spacing:1px}.menu-list a:hover{color:var(--color-black);text-decoration:underline}.menu-list li.separator{height:1px;background-color:var(--color-border);width:40px;margin:var(--space-s) auto}.menu-list a.active{font-weight:700;color:var(--color-black);text-decoration:underline}.legal-links{font-size:11px;line-height:1.8}.copyright{font-size:10px;text-align:center;color:var(--color-muted);margin-top:var(--space-m)}.gallery-grid{column-count:var(--gallery-columns);column-gap:var(--gallery-gap)}.gallery-item{break-inside:avoid;margin-bottom:var(--gallery-gap);position:relative;opacity:1;transform:scale(1);animation:fadeIn 0.5s ease-in-out}.gallery-item:hover{cursor:pointer}.gallery-item.hide{display:none}.overlay{position:absolute;bottom:0;left:0;width:100%;background:var(--color-overlay-bg);padding:var(--space-xxs) var(--space-xs);font-size:11px;opacity:0;transition:opacity var(--dur);text-align:center}.gallery-item:hover .overlay{opacity:1}.sort-controls{text-align:center;margin-bottom:var(--space-m);font-size:12px;color:var(--color-muted)}.sort-controls span{margin-right:var(--space-xs)}.btn-sort{background:none;border:1px solid #ccc;color:#666;padding:var(--space-xxs) var(--space-xs);margin:0 2px;cursor:pointer;border-radius:var(--radius-pill);transition:all var(--dur-fast);font-size:11px}.btn-sort:hover{background:#eee;color:#333;border-color:var(--color-muted)}.text-columns{display:flex;gap:var(--space-l)}.text-columns .col{flex:1}.text-columns ul{list-style:none;margin-top:var(--space-xs)}.text-columns li{margin-bottom:var(--space-xxs)}.btn-clean{background:#fff0;border:1px solid var(--color-text);color:var(--color-text);padding:var(--space-xs) 30px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;font-size:12px;transition:all var(--dur)}.btn-clean:hover{background:var(--color-text);color:var(--color-bg)}.text-content{line-height:1.8;margin-bottom:var(--space-m)}.vita-block{margin-bottom:30px}.intro-section{text-align:center;max-width:800px;margin:0 auto var(--space-xl) auto}.intro-quote{font-style:italic;font-size:18px;margin-bottom:30px;color:var(--color-muted-2)}.intro-quote footer{display:block;margin-top:var(--space-xs);font-size:12px;font-style:normal;color:var(--color-muted-3)}.lightbox{display:none;position:fixed;z-index:var(--z-overlay);left:0;top:0;width:100%;height:100%;background-color:var(--color-lightbox-bg);flex-direction:column;justify-content:center;align-items:center}.lightbox-content{display:block;max-width:90%;max-height:80vh;border:5px solid var(--color-lightbox-border);box-shadow:0 0 20px rgb(0 0 0 / .5);animation-name:zoom;animation-duration:var(--dur)}#lightbox-caption{display:block;width:80%;text-align:center;color:var(--color-lightbox-caption);padding:var(--space-s) 0;min-height:50px}.lightbox-close{position:absolute;top:var(--space-m);right:30px;color:var(--color-lightbox-close);font-size:40px;font-weight:700;transition:color var(--dur);cursor:pointer;z-index:var(--z-overlay-close)}.lightbox-close:hover,.lightbox-close:focus{color:var(--color-lightbox-close-hover);text-decoration:none;cursor:pointer}.text-modal-content{background:var(--color-bg);width:80%;max-width:800px;height:80vh;overflow-y:auto;padding:var(--space-l);margin:50px auto;position:relative;box-shadow:0 0 20px rgb(0 0 0 / .5);animation-name:zoom;animation-duration:var(--dur)}.hero-slider-container{position:relative;max-width:var(--hero-max-width);height:var(--hero-height);margin:0 auto var(--space-xl) auto;overflow:hidden;background:var(--color-slider-placeholder)}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--dur-slow) ease-in-out;z-index:1}.hero-slide.active{opacity:1;z-index:2}.slider-prev,.slider-next{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);padding:16px;color:#fff;font-weight:700;font-size:24px;transition:background-color var(--dur);border:none;background-color:var(--color-slider-control-bg);z-index:10;user-select:none}.slider-prev{left:0;border-radius:0 var(--radius-xs) var(--radius-xs) 0}.slider-next{right:0;border-radius:var(--radius-xs) 0 0 var(--radius-xs)}.slider-prev:hover,.slider-next:hover{background-color:var(--color-slider-control-bg-hover)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}@keyframes popOutAnimation{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}@keyframes popInAnimation{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.gallery-item.anim-out{animation:popOutAnimation var(--dur-med) forwards;pointer-events:none}.gallery-item.anim-in{animation:popInAnimation var(--dur-med) ease-out}.menu-toggle{display:none}@media screen and (max-width:768px){.site-container{flex-direction:column}.sidebar{width:100%;height:auto;position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-bg);padding:var(--space-xs) var(--space-m);border-bottom:1px solid var(--color-border-light);box-shadow:0 2px 5px rgb(0 0 0 / .05)}.mobile-header-bar{display:flex;justify-content:space-between;align-items:center;background:var(--color-bg);position:relative;z-index:var(--z-sticky-bar)}.circle-logo{width:50px;height:50px}.logo-wrapper{margin-bottom:0}.menu-toggle{display:block;background:none;border:none;cursor:pointer;padding:var(--space-xs)}.menu-toggle span{display:block;width:25px;height:2px;background-color:var(--color-text);margin:5px 0;transition:var(--dur)}.main-nav{display:none;position:absolute;top:100%;left:0;width:100%;background:var(--color-bg);padding-bottom:var(--space-m);border-bottom:1px solid var(--color-border);box-shadow:0 10px 20px rgb(0 0 0 / .1);z-index:1000;text-align:center}.main-nav.is-open{display:block}.copyright{margin-bottom:var(--space-m)}.content-area{padding:var(--space-m)}.gallery-grid{column-count:1}.text-columns{flex-direction:column;gap:var(--space-m)}}