{"id":258763,"date":"2026-11-07T20:09:49","date_gmt":"2026-11-07T20:09:49","guid":{"rendered":"https:\/\/sherdin.de\/?page_id=258763"},"modified":"2026-11-10T20:29:18","modified_gmt":"2026-11-10T20:29:18","slug":"new06","status":"publish","type":"page","link":"https:\/\/sherdin.de\/en\/","title":{"rendered":"sherdin \u00b7 Startseite (NEW06)"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_pb_section--absolute et_section_regular et_flex_section\"><div class=\"et_pb_row_0 et_pb_row et_flex_row\"><div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\"><div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><nav id=\"ssn-new-nav\" aria-label=\"Hauptnavigation\" data-scrolled=\"false\">\n<div id=\"ssn-new-nav-links\" class=\"ssn-nav-links\"><a href=\"#home\">Studio<\/a><a href=\"#about\">About<\/a><a href=\"#sherdinart\">Sherdin Art<\/a><a href=\"#projects\">Projects<\/a><a href=\"#services\">Services<\/a><a href=\"#art\">Art<\/a><a href=\"#gallery\">Gallery<\/a><a href=\"#illberlin\">Ill Berlin<\/a><a href=\"#nft-exhibitions\">NFT &amp; Exhibitions<\/a><a href=\"#sashassherdin\">Me<\/a><a href=\"#contact\">Contact<\/a><\/div>\n<p><button type=\"button\" class=\"ssn-menu-toggle\" data-ssn-toggle=\"true\" aria-label=\"Men\u00fc \u00f6ffnen\" aria-controls=\"ssn-new-nav-links\" aria-expanded=\"false\"><span class=\"ssn-menu-icon\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/span><\/button><\/nav>\n<\/div><\/div><div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><span class=\"ssn-new01-controller-marker\" hidden><\/span>\n<style>\n\/* SHERDIN \u00b7 NEW STYLE 01 \u00b7 Bereichslayout und Navigation *\/\n.et_pb_code:has(.ssn-new01-controller-marker){position:absolute!important;width:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important}\n.et_pb_section:has(.ssn-screen-head){height:100vh!important;min-height:100vh!important;padding:clamp(32px,6vh,76px) clamp(24px,6vw,104px)!important;display:flex!important;flex-direction:column;justify-content:center}\n.et_pb_section:has(.ssn-screen-head)>.et_pb_row{width:100%!important;max-width:1280px!important;padding:0!important;margin:0 auto!important}\n.et_pb_section:has(.ssn-screen-head)>.et_pb_row>.et_pb_column{float:none!important;display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:clamp(40px,7vw,112px);align-items:start}\n.et_pb_section:has(.ssn-screen-head) .et_pb_text{margin:0!important;padding:0!important;min-width:0}\n.ssn-screen-head,.ssn-screen-copy{color:#fff;font-family:\"Open Sans\",Arial,sans-serif;text-align:left}\n.ssn-screen-label{font:500 11px\/1.4 \"Open Sans\",Arial,sans-serif!important;letter-spacing:.22em!important;text-transform:uppercase;margin:0 0 24px!important;padding:0!important;opacity:.85}\n.ssn-screen-head h1,.ssn-screen-head h2{font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif!important;font-size:clamp(40px,4.1vw,64px)!important;line-height:1.03!important;letter-spacing:-.045em!important;font-weight:600!important;text-transform:uppercase!important;color:#fff!important;margin:0!important;padding:0!important;max-width:none;text-wrap:balance}\n.ssn-screen-intro{font-size:clamp(17px,1.35vw,20px)!important;line-height:1.65!important;font-weight:400!important;color:#fff!important;max-width:59ch;margin:0 0 26px!important;padding:0!important}\n.ssn-info-tablist{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 24px;padding:0;border-bottom:1px solid rgba(255,255,255,.28)}\n.ssn-info-tablist a{display:inline-block;min-height:44px;box-sizing:border-box;font:500 12px\/1.35 \"Open Sans\",Arial,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important;color:rgba(255,255,255,.7)!important;padding:11px 0 12px!important;border-bottom:2px solid transparent;transition:color .3s,border-color .3s}\n.ssn-info-tablist a[aria-selected=\"true\"]{color:#fff!important;border-bottom-color:#fff}\n.ssn-info-tablist a:hover{color:#fff!important}\n.ssn-info-tablist a:focus-visible,#ssn-new-nav a:focus-visible,#ssn-new-nav button:focus-visible{outline:2px solid #8bd8f8!important;outline-offset:5px}\n.ssn-info-tabs{display:grid;grid-template-columns:minmax(0,1fr)}\n.ssn-info-tablist{grid-column:1;grid-row:1}\n.ssn-info-panel{grid-column:1;grid-row:2;max-width:65ch;font:400 16px\/1.7 \"Open Sans\",Arial,sans-serif;min-height:190px;animation:ssn-info-in .8s cubic-bezier(.25,.1,.25,1) both}\n.ssn-info-panel[hidden]{display:block!important;visibility:hidden;pointer-events:none;animation:none}\n.ssn-info-panel h2,.ssn-info-panel h3{font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif!important;font-size:clamp(20px,1.6vw,24px)!important;line-height:1.25!important;letter-spacing:-.02em!important;font-weight:500!important;text-transform:none!important;color:#fff!important;margin:0 0 14px!important;padding:0!important}\n.ssn-info-panel p,.ssn-info-panel li{font:400 16px\/1.7 \"Open Sans\",Arial,sans-serif!important;color:rgba(255,255,255,.92)!important}\n.ssn-info-panel p{padding:0!important;margin:0 0 12px!important}\n.ssn-info-panel ul{padding:0 0 0 18px!important;margin:12px 0 0!important}\n.ssn-info-panel li{padding:0 0 3px!important}\n.ssn-info-panel a{color:#fff!important;text-decoration:none!important;border-bottom:1px solid rgba(255,255,255,.6)}\n@keyframes ssn-info-in{from{opacity:0}to{opacity:1}}\n.et_pb_section:has(#ssn-new-nav){position:fixed!important;inset:0 0 auto!important;width:100%!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;background:transparent!important;overflow:visible!important;z-index:100000!important;pointer-events:none}\n.et_pb_section:has(#ssn-new-nav)>.et_pb_row{padding:0!important;margin:0!important;width:100%!important;max-width:none!important}\n.et_pb_text:has(#ssn-new-nav){margin:0!important;padding:0!important}\n#ssn-new-nav{position:fixed;top:calc(20px + var(--wp-admin--admin-bar--height,0px));right:clamp(20px,3vw,52px);z-index:100001;display:flex;align-items:start;color:#fff;font-family:\"Open Sans\",Arial,sans-serif;pointer-events:none}\n#ssn-new-nav .ssn-nav-links{display:flex;align-items:center;gap:22px;background:transparent;border:0;padding:14px 22px;pointer-events:auto;transition:opacity .55s ease,transform .55s ease,visibility .55s}\n#ssn-new-nav a{font:500 11px\/1.4 \"Open Sans\",Arial,sans-serif!important;text-transform:uppercase;letter-spacing:.06em;color:#fff!important;text-decoration:none!important;white-space:nowrap}\n#ssn-new-nav a:hover,#ssn-new-nav a[aria-current=\"location\"]{color:#9edff8!important}\n#ssn-new-nav .ssn-menu-toggle{position:absolute;right:0;top:0;display:grid;place-items:center;width:48px!important;height:48px!important;min-width:48px;margin:0!important;padding:0!important;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff;opacity:0;visibility:hidden;pointer-events:none;cursor:pointer;transition:opacity .55s ease,visibility .55s}\n#ssn-new-nav .ssn-menu-icon{display:flex;flex-direction:column;gap:5px;width:20px}\n#ssn-new-nav .ssn-menu-icon i{display:block;width:20px;height:1px;background:currentColor;transition:transform .3s,opacity .3s}\n#ssn-new-nav[data-scrolled=\"true\"] .ssn-nav-links{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px)}\n#ssn-new-nav[data-scrolled=\"true\"] .ssn-menu-toggle{opacity:1;visibility:visible;pointer-events:auto}\n#ssn-new-nav.ssn-nav-open .ssn-nav-links{position:absolute;right:0;top:62px;width:min(340px,calc(100vw - 40px));max-height:calc(100vh - 150px);overflow:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:18px 26px;background:transparent;opacity:1;visibility:visible;pointer-events:auto;transform:none}\n#ssn-new-nav.ssn-nav-open .ssn-nav-links a{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.12)}\n#ssn-new-nav.ssn-nav-open .ssn-menu-icon i:nth-child(1){transform:translateY(6px) rotate(45deg)}\n#ssn-new-nav.ssn-nav-open .ssn-menu-icon i:nth-child(2){opacity:0}\n#ssn-new-nav.ssn-nav-open .ssn-menu-icon i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}\nbody:has(#ssn-new-nav){scrollbar-width:none}\nbody:has(#ssn-new-nav)::-webkit-scrollbar{width:0;height:0}\nbody:has(#ssn-new-nav) .et_pb_scroll_top{display:none!important}\n@media(min-width:768px){\n .ssn-screen-head{position:relative}\n .ssn-screen-head .ssn-screen-label{position:absolute;left:0;bottom:100%;margin:0 0 24px!important}\n}\n@media(max-width:1100px){\n .et_pb_section:has(.ssn-screen-head){padding:44px 36px!important}\n .et_pb_section:has(.ssn-screen-head)>.et_pb_row>.et_pb_column{column-gap:40px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}\n .ssn-screen-head h1,.ssn-screen-head h2{font-size:clamp(34px,4.2vw,50px)!important}\n .ssn-screen-intro{font-size:17px!important}\n .ssn-info-panel p,.ssn-info-panel li{font-size:14px!important}\n #ssn-new-nav .ssn-nav-links{gap:15px;padding:14px 18px}\n #ssn-new-nav a{font-size:10px!important}\n}\n@media(max-width:980px){\n #ssn-new-nav .ssn-nav-links{opacity:0;visibility:hidden;pointer-events:none}\n #ssn-new-nav .ssn-menu-toggle{opacity:1;visibility:visible;pointer-events:auto}\n #ssn-new-nav.ssn-nav-open .ssn-nav-links{opacity:1;visibility:visible;pointer-events:auto}\n}\n@media(max-width:767px){\n html:has(#ssn-new-nav){scroll-padding-top:0!important}\n .et_pb_section:has(.ssn-screen-head){height:100svh!important;min-height:100svh!important;padding:72px 24px 28px!important;justify-content:center}\n .et_pb_section:has(.ssn-screen-head)>.et_pb_row{max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}\n .et_pb_section:has(.ssn-screen-head)>.et_pb_row::-webkit-scrollbar{width:0;height:0}\n .et_pb_section:has(.ssn-screen-head)>.et_pb_row>.et_pb_column{grid-template-columns:minmax(0,1fr);row-gap:24px;align-items:start}\n .ssn-screen-head h1,.ssn-screen-head h2{font-size:clamp(30px,8.3vw,44px)!important;max-width:17ch;line-height:1.04!important}\n .ssn-screen-label{font-size:10px!important;margin-bottom:12px!important}\n .ssn-screen-intro{font-size:15px!important;line-height:1.6!important;margin-bottom:16px!important}\n .ssn-info-tablist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;margin-bottom:18px}\n #projects .ssn-info-tablist,#contact .ssn-info-tablist{grid-template-columns:repeat(2,minmax(0,1fr))}\n .ssn-info-tablist a{font-size:10px!important;padding:8px 0!important}\n .ssn-info-panel{min-height:0}\n .ssn-info-panel h2,.ssn-info-panel h3{font-size:19px!important}\n .ssn-info-panel p,.ssn-info-panel li{font-size:14px!important;line-height:1.6!important}\n #ssn-new-nav{top:calc(14px + var(--wp-admin--admin-bar--height,0px));right:20px}\n #ssn-new-nav .ssn-menu-toggle{width:44px!important;height:44px!important;min-width:44px}\n}\n@media(prefers-reduced-motion:reduce){\n .ssn-info-panel{animation:none}\n #ssn-new-nav *,#ssn-new-nav{transition:none!important}\n}\n\n\/* Kontakt \u00b7 native Divi-Funktion, ruhiges Liniendesign *\/\n#contact>.et_pb_row>.et_pb_column{grid-template-rows:min-content 1fr;row-gap:28px}\n#contact .et_pb_text:has(.ssn-screen-head){grid-column:1;grid-row:1}\n#contact .et_pb_text:has(.ssn-contact-copy){grid-column:1;grid-row:2;align-self:start}\n#contact .et_pb_contact_form_container{grid-column:2;grid-row:1\/span 2;min-width:0;width:100%;margin:0!important;padding:0!important}\n#contact .et_pb_contact_form{display:grid!important;grid-template-columns:1fr 1fr;gap:24px 28px;margin:0!important}\n#contact .et_pb_contact_field{float:none!important;display:block!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important;min-width:0}\n#contact .et_pb_contact_field:has(select){grid-column:1\/-1;grid-row:1}\n#contact .et_pb_contact_field:has([data-original_id=name]){grid-column:1;grid-row:2}\n#contact .et_pb_contact_field:has([data-original_id=email]){grid-column:2;grid-row:2}\n#contact .et_pb_contact_field:has(textarea){grid-column:1\/-1;grid-row:3}\n#contact .et_pb_contact_form_label{font:500 10px\/1.5 \"Open Sans\",Arial,sans-serif!important;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.65)!important;margin:0 0 3px!important}\n#contact input.input,#contact textarea.input,#contact select.input{display:block;width:100%;background:transparent!important;color:#fff!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.5)!important;border-radius:0!important;box-shadow:none!important;padding:12px 0!important;margin:0!important;font:400 17px\/1.5 \"Open Sans\",Arial,sans-serif!important;transition:border-color .35s}\n#contact input.input:focus,#contact textarea.input:focus,#contact select.input:focus{border-bottom-color:#fff!important;outline:0}\n#contact input.input:focus-visible,#contact textarea.input:focus-visible,#contact select.input:focus-visible{outline:1px solid #9edff8;outline-offset:5px}\n#contact input::placeholder,#contact textarea::placeholder{opacity:0}\n#contact textarea.input{height:112px!important;min-height:112px!important;resize:vertical}\n#contact select.input{cursor:pointer;color-scheme:dark}\n#contact select option{background:#141414;color:#fff}\n#contact .et_contact_bottom_container{grid-column:1\/-1;grid-row:4;display:flex!important;justify-content:space-between;align-items:center;gap:24px;float:none!important;width:100%;margin:6px 0 0!important}\n#contact .et_contact_bottom_container .et_pb_contact_right{width:auto!important;color:rgba(255,255,255,.65);font-size:12px!important}\n#contact .et_contact_bottom_container .et_pb_contact_right p{padding:0!important}\n#contact input.et_pb_contact_captcha{display:inline-block;width:44px!important;padding:6px 0!important;margin-left:6px!important;font-size:14px!important}\n#contact .et_pb_contact_submit.et_pb_button{border:0!important;border-radius:0!important;background:none!important;color:#fff!important;font:500 12px\/1.5 \"Open Sans\",Arial,sans-serif!important;letter-spacing:.14em;text-transform:uppercase;padding:12px 22px 12px 0!important;margin:0!important;min-height:44px;box-shadow:none!important}\n#contact .et_pb_contact_submit.et_pb_button::after{content:\"\u2197\"!important;display:inline-block!important;position:absolute;right:0;top:12px;font-family:Arial,sans-serif!important;font-size:18px!important;line-height:1!important;margin:0!important;opacity:1!important}\n#contact .et_pb_contact_submit:focus-visible{outline:2px solid #9edff8;outline-offset:5px}\n#contact .et-pb-contact-message{color:#fff;font:400 14px\/1.6 \"Open Sans\",Arial,sans-serif}\n#contact .ssn-contact-direct{font:400 15px\/1.8 \"Open Sans\",Arial,sans-serif!important;color:rgba(255,255,255,.85)!important;margin:0 0 24px!important;padding:0!important}\n#contact .ssn-contact-direct a{color:#fff!important;text-decoration:none!important}\n#contact .ssn-contact-note{font:400 12px\/1.7 \"Open Sans\",Arial,sans-serif!important;color:rgba(255,255,255,.6)!important;max-width:42ch;margin:0!important;padding:0!important}\n@media(max-width:767px){\n #contact>.et_pb_row>.et_pb_column{grid-template-columns:1fr;grid-template-rows:auto;row-gap:22px}\n #contact .et_pb_text:has(.ssn-contact-copy){grid-column:1;grid-row:2}\n #contact .et_pb_contact_form_container{grid-column:1;grid-row:3}\n #contact .ssn-screen-intro{margin-bottom:12px!important}\n #contact .ssn-contact-direct{font-size:13px!important;margin-bottom:10px!important}\n #contact .ssn-contact-note{font-size:10px!important;line-height:1.5!important;max-width:none}\n #contact .et_pb_contact_form{gap:16px 18px}\n #contact input.input,#contact textarea.input,#contact select.input{font-size:16px!important;padding:9px 0!important}\n #contact textarea.input{height:72px!important;min-height:72px!important}\n #contact .et_contact_bottom_container{gap:12px;margin-top:0!important}\n #contact .et_pb_contact_submit.et_pb_button{font-size:10px!important}\n}\n\n\/* SHERDIN \u00b7 Art carousel 2 \u00b7 continuous cards, stable overlays *\/\n.et_pb_section:has(.ssn-art-stage){overflow:hidden!important}\n.et_pb_section:has(.ssn-art-stage)>.et_pb_row{overflow:visible!important;max-height:none!important}\n.et_pb_section:has(.ssn-art-stage) .et_pb_code:has(.ssn-art-stage){position:absolute!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;width:100vw!important;height:100vh!important;min-height:0!important;margin:0!important;padding:0!important;transform:translate(-50%,-50%);z-index:0!important}\n.et_pb_code:has(.ssn-art-stage) .et_pb_code_inner{height:100%;width:100%}\n.ssn-art-stage{position:relative;width:100%;height:100%;overflow:hidden;background:#111;touch-action:pan-y;cursor:zoom-in!important}\n.ssn-art-track{position:relative;isolation:isolate;z-index:0;display:flex;width:100%;height:100%;will-change:transform}\n.ssn-art-slot{position:relative;flex:0 0 25%;height:100%;min-width:0}\n.ssn-art-card{position:absolute;top:0;bottom:0;left:-12px;width:calc(100% + 24px);height:100%;margin:0!important;padding:0!important;z-index:1;overflow:hidden;background:#111;outline:0;cursor:zoom-in!important;transition:left .85s cubic-bezier(.45,0,.2,1),width .85s cubic-bezier(.45,0,.2,1)}\n.ssn-art-card :is(img,video){position:absolute;left:50%;top:0;transform:translateX(-50%);display:block!important;width:var(--image-width,75vh)!important;max-width:none!important;height:100%!important;object-fit:cover;object-position:center;user-select:none;pointer-events:none}\n.ssn-art-card.is-preview,.ssn-art-card.is-open{width:var(--reveal-width,75vw);left:var(--reveal-left,0px)}\n.ssn-art-card.is-open{cursor:zoom-out!important}\n.ssn-art-card figcaption{position:absolute;left:24px;bottom:calc(25px + var(--wp-admin--admin-bar--height,0px));color:#fff;white-space:nowrap;font:500 10px\/1.4 \"Open Sans\",Arial,sans-serif;letter-spacing:.2em;opacity:0;transition:opacity .55s;pointer-events:none}\n.ssn-art-card.is-preview figcaption,.ssn-art-card.is-open figcaption{opacity:1}\n.ssn-art-card:focus-visible{outline:2px solid #9edff8;outline-offset:-3px}\n.ssn-art-stage::after{content:\"\";position:absolute;inset:0;z-index:4;background:var(--layer-farbe,#000);opacity:var(--layer-deckkraft,.56);pointer-events:none}\n.et_pb_section:has(.ssn-art-stage) .et_pb_text{position:relative;z-index:5!important;opacity:1!important;pointer-events:none;transition:opacity .7s ease}\n.et_pb_section:has(.ssn-art-stage) .ssn-info-tablist,.et_pb_section:has(.ssn-art-stage) .ssn-info-panel{pointer-events:auto}\n.et_pb_section:has(.ssn-art-stage[data-open=true]) .et_pb_text{opacity:0!important;pointer-events:none!important}\n.et_pb_section:has(.ssn-art-stage[data-open=true]) .et_pb_text *{pointer-events:none!important}\n.ssn-art-zone{position:absolute;z-index:7;top:0;bottom:0;width:clamp(44px,6vw,100px);padding:0;margin:0;border:0;background:transparent!important;border-radius:0;box-shadow:none;opacity:1}\n#gallery .ssn-art-zone-prev,#nft-exhibitions .ssn-art-zone-prev{left:0;cursor:url(\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2228%22%20viewBox%3D%220%200%2038%2028%22%3E%3Cpath%20d%3D%22M33%2014H5M14%205l-9%209%209%209%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M33%2014H5M14%205l-9%209%209%209%22%20fill%3D%22none%22%20stroke%3D%22%232EA3F2%22%20stroke-width%3D%221.4%22%2F%3E%3C%2Fsvg%3E\") 19 14, auto!important}\n#gallery .ssn-art-zone-next,#nft-exhibitions .ssn-art-zone-next{right:0;cursor:url(\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2228%22%20viewBox%3D%220%200%2038%2028%22%3E%3Cpath%20d%3D%22M5%2014h28M24%205l9%209-9%209%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M5%2014h28M24%205l9%209-9%209%22%20fill%3D%22none%22%20stroke%3D%22%232EA3F2%22%20stroke-width%3D%221.4%22%2F%3E%3C%2Fsvg%3E\") 19 14, auto!important}\n.ssn-art-zone:focus-visible{outline:0}\n.ssn-art-zone:focus-visible::after{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:32px;outline:1px solid #9edff8;outline-offset:5px;color:#fff;font:300 30px\/1 Arial,sans-serif}\n.ssn-art-zone-prev:focus-visible::after{content:\"\u2190\"}\n.ssn-art-zone-next:focus-visible::after{content:\"\u2192\"}\n.ssn-art-help,.ssn-art-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}\nbody:has(.ssn-art-stage:hover) #cursor-root{opacity:0!important}\n@media(max-width:1200px){\n #ssn-new-nav .ssn-nav-links{opacity:0;visibility:hidden;pointer-events:none}\n #ssn-new-nav .ssn-menu-toggle{opacity:1;visibility:visible;pointer-events:auto}\n #ssn-new-nav.ssn-nav-open .ssn-nav-links{opacity:1;visibility:visible;pointer-events:auto}\n}\n@media(max-width:767px){\n .et_pb_section:has(.ssn-art-stage) .et_pb_code:has(.ssn-art-stage){height:100svh!important;transform:translate(-50%,calc(-50% - 22px))}\n .ssn-art-zone{width:32px;min-width:32px}\n .ssn-art-card figcaption{left:16px;bottom:22px;font-size:9px}\n \n}\n@media(prefers-reduced-motion:reduce){.ssn-art-card,.ssn-art-card figcaption,.et_pb_section:has(.ssn-art-stage) .et_pb_text{transition:none!important}.ssn-art-track{transition:none!important}}\n\n#gallery .ssn-art-stage,#nft-exhibitions .ssn-art-stage{outline:0;cursor:zoom-in!important}\n#gallery .ssn-art-card,#nft-exhibitions .ssn-art-card{cursor:zoom-in!important}\n#gallery .ssn-art-card.is-open,#nft-exhibitions .ssn-art-card.is-open{cursor:zoom-out!important}\n.ssn-art-card :is(img,video){transition:transform .85s cubic-bezier(.45,0,.2,1)}\n.ssn-art-card.is-preview :is(img,video),.ssn-art-card.is-open :is(img,video){transform:translateX(-50%) scale(var(--open-scale,1))}\n.ssn-art-card.is-closing{pointer-events:none}\n@media(prefers-reduced-motion:reduce){.ssn-art-card :is(img,video){transition:none!important}}\n\n.ssn-art-stage::after{transition:opacity .9s cubic-bezier(.4,0,.2,1)}\n.ssn-art-stage[data-open=true]::after{opacity:0!important}\n.et_pb_section:has(.ssn-art-stage[data-open=false]) .et_pb_text{transition-delay:.15s}\n.et_pb_section:has(.ssn-art-stage[data-open=true]) .et_pb_text{transition-delay:0s}\n@media(prefers-reduced-motion:reduce){.ssn-art-stage::after{transition:none!important}.et_pb_section:has(.ssn-art-stage) .et_pb_text{transition-delay:0s!important}}\n\n\/* Stable card boxes: reveal by a compositor mask instead of layout changes. *\/\n.ssn-art-card{\n left:var(--reveal-left,0px)!important;\n width:var(--reveal-width,75vw)!important;\n clip-path:inset(0 var(--clip-right,0px) 0 var(--clip-left,0px));\n transform:translateZ(0);\n backface-visibility:hidden;\n will-change:clip-path;\n transition:clip-path .85s cubic-bezier(.45,0,.2,1)!important;\n}\n.ssn-art-card.is-preview,.ssn-art-card.is-open{clip-path:inset(0 0px 0 0px)}\n.ssn-art-card :is(img,video){\n transform:translateX(calc(-50% + var(--crop-shift,0px)));\n backface-visibility:hidden;\n will-change:transform;\n}\n.ssn-art-card.is-preview :is(img,video),.ssn-art-card.is-open :is(img,video){transform:translateX(-50%) scale(var(--open-scale,1))}\n@media(prefers-reduced-motion:reduce){.ssn-art-card{transition:none!important}}\n\n.ssn-art-card,.ssn-art-card :is(img,video){transition:none!important}\n@media(prefers-reduced-motion:no-preference){\n .ssn-art-card.is-preview,.ssn-art-card.is-open,.ssn-art-card.is-closing{transition:clip-path .85s cubic-bezier(.45,0,.2,1)!important}\n .ssn-art-card.is-preview :is(img,video),.ssn-art-card.is-open :is(img,video),.ssn-art-card.is-closing :is(img,video){transition:transform .85s cubic-bezier(.45,0,.2,1)!important}\n}\n\n\/* Shared accent and fine, matching art cursors. *\/\nbody:has(#ssn-new-nav){--ssn-accent:#2EA3F2}\n#gallery .ssn-art-stage,#nft-exhibitions .ssn-art-stage,\n#gallery .ssn-art-card,#nft-exhibitions .ssn-art-card{cursor:url(\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2214%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%223%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2214%22%20fill%3D%22none%22%20stroke%3D%22%232EA3F2%22%20stroke-width%3D%221.25%22%2F%3E%3Cpath%20d%3D%22M14%2020h12M20%2014v12%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.4%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M14%2020h12M20%2014v12%22%20fill%3D%22none%22%20stroke%3D%22%232EA3F2%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\") 20 20, pointer!important}\n#gallery .ssn-art-card.is-open,#nft-exhibitions .ssn-art-card.is-open{cursor:url(\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2214%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%223%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2214%22%20fill%3D%22none%22%20stroke%3D%22%232EA3F2%22%20stroke-width%3D%221.25%22%2F%3E%3Cpath%20d%3D%22M14%2020h12%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.4%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M14%2020h12%22%20fill%3D%22none%22%20stroke%3D%22%232EA3F2%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\") 20 20, pointer!important}\n#ssn-new-nav a:hover,#ssn-new-nav a:focus-visible,#ssn-new-nav a[aria-current=location],\n.ssn-screen-copy a:hover,.ssn-screen-copy a:focus-visible{color:var(--ssn-accent,#2EA3F2)!important}\n.ssn-info-tablist a:hover,.ssn-info-tablist a:focus-visible{border-bottom-color:var(--ssn-accent,#2EA3F2)!important}\n\n\n\/* Contact fields: line states only, including Firefox focus and invalid states. *\/\n#contact{--ssn-field-error:#e45454}\n#contact .et_pb_contact_form input.input,\n#contact .et_pb_contact_form textarea.input,\n#contact .et_pb_contact_form select.input{\n outline:none!important;outline-offset:0!important;box-shadow:none!important;\n border-top:0!important;border-left:0!important;border-right:0!important;\n border-bottom-width:1px!important;border-bottom-style:solid!important;\n}\n#contact .et_pb_contact_form input.input:focus,\n#contact .et_pb_contact_form input.input:focus-visible,\n#contact .et_pb_contact_form textarea.input:focus,\n#contact .et_pb_contact_form textarea.input:focus-visible,\n#contact .et_pb_contact_form select.input:focus,\n#contact .et_pb_contact_form select.input:focus-visible{\n outline:none!important;box-shadow:none!important;border-bottom-color:var(--ssn-accent,#2EA3F2)!important;\n}\n#contact .et_pb_contact_field:focus-within>.et_pb_contact_form_label{color:var(--ssn-accent,#2EA3F2)!important}\n#contact .et_pb_contact_form .input.et_contact_error,\n#contact .et_pb_contact_form .input[aria-invalid=true]{\n border-width:0 0 1px!important;border-style:solid!important;border-bottom-color:var(--ssn-field-error)!important;\n outline:none!important;box-shadow:none!important;background:transparent!important;\n}\n#contact .et_pb_contact_form .input:user-invalid{border-bottom-color:var(--ssn-field-error)!important;outline:none!important;box-shadow:none!important}\n#contact .et_pb_contact_form .input:-moz-ui-invalid{border-bottom-color:var(--ssn-field-error)!important;outline:none!important;box-shadow:none!important}\n#contact .et-pb-contact-message:has(ul){color:var(--ssn-field-error)!important}\n#contact select.ssn-native-select{\n position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;min-height:0!important;\n margin:0!important;padding:0!important;opacity:0!important;clip-path:inset(50%)!important;pointer-events:none!important;border:0!important;outline:0!important;\n}\n#contact .ssn-select-trigger{\n display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:50px;\n margin:0;padding:12px 0;border:0!important;border-bottom:1px solid rgba(255,255,255,.5)!important;border-radius:0;\n background:transparent!important;color:#fff;box-shadow:none!important;outline:0!important;text-align:left;cursor:pointer;\n font:400 17px\/1.5 \"Open Sans\",Arial,sans-serif;transition:border-color .3s,color .3s;\n}\n#contact .ssn-select-trigger:hover,#contact .ssn-select-trigger:focus,#contact .ssn-select-trigger:focus-visible,#contact .ssn-select-trigger[aria-expanded=true]{\n border-bottom-color:var(--ssn-accent,#2EA3F2)!important;outline:0!important;box-shadow:none!important;\n}\n#contact .ssn-select-trigger svg{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.2;opacity:.7;transition:transform .35s,color .35s}\n#contact .ssn-select-trigger[aria-expanded=true] svg{transform:rotate(180deg);color:var(--ssn-accent,#2EA3F2);opacity:1}\n#contact .et_pb_contact_field:has(select.et_contact_error) .ssn-select-trigger,\n#contact .et_pb_contact_field.et_contact_error .ssn-select-trigger,\n#contact .ssn-select-trigger[aria-invalid=true]{border-bottom-color:var(--ssn-field-error)!important}\n.ssn-select-dropdown{\n position:fixed;z-index:100010;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;\n padding:8px 0;margin:0;border:0;border-radius:0;outline:0;box-shadow:none;\n background:rgba(13,17,23,.97);color:#fff;font:400 14px\/1.5 \"Open Sans\",Arial,sans-serif;\n opacity:0;transform:translateY(-6px);clip-path:inset(0 0 100% 0);visibility:hidden;pointer-events:none;\n transition:opacity .32s ease,transform .4s cubic-bezier(.22,.61,.36,1),clip-path .4s cubic-bezier(.22,.61,.36,1),visibility 0s .4s;\n scrollbar-width:none;\n}\n.ssn-select-dropdown::-webkit-scrollbar{width:0;height:0}\n.ssn-select-dropdown.is-open{\n opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0);visibility:visible;pointer-events:auto;\n transition:opacity .32s ease,transform .4s cubic-bezier(.22,.61,.36,1),clip-path .4s cubic-bezier(.22,.61,.36,1),visibility 0s 0s;\n}\n.ssn-select-option{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;box-sizing:border-box;padding:10px 16px;cursor:pointer;transition:background-color .22s,color .22s}\n.ssn-select-option.is-highlighted,.ssn-select-option:hover{color:var(--ssn-accent,#2EA3F2);background:rgba(46,163,242,.1)}\n.ssn-select-option[aria-selected=true]{color:var(--ssn-accent,#2EA3F2)}\n.ssn-select-option[aria-selected=true]::after{content:\"\u2713\";font-size:13px}\n@media(max-width:767px){#contact .ssn-select-trigger{font-size:16px;padding:9px 0;min-height:44px}.ssn-select-dropdown{font-size:14px}}\n@media(prefers-reduced-motion:reduce){.ssn-select-dropdown,#contact .ssn-select-trigger svg{transition:none!important}}\n\n\n#contact .et_pb_contact_field:has(.ssn-select-trigger)::after{display:none!important;content:none!important}\n.ssn-select-dropdown[data-placement=above]{transform:translateY(6px);clip-path:inset(100% 0 0 0)}\n.ssn-select-dropdown[data-placement=above].is-open{transform:translateY(0);clip-path:inset(0 0 0 0)}\n\n\/* Shared black glass and calm interaction transitions. *\/\n.ssn-select-dropdown{background:rgba(0,0,0,.66);-webkit-backdrop-filter:blur(22px) saturate(.75);backdrop-filter:blur(22px) saturate(.75)}\n#contact .et_pb_contact_form input.input,#contact .et_pb_contact_form textarea.input,#contact .et_pb_contact_form select.input,#contact .ssn-select-trigger{transition:border-bottom-color .65s ease,color .65s ease!important}\n#contact .et_pb_contact_form_label{transition:color .65s ease!important}\n.ssn-info-tablist a{transition:color .55s ease,border-bottom-color .55s ease!important}\n.ssn-info-panel{animation:none!important;opacity:1;visibility:visible;transform:none!important;transition:opacity .65s ease,visibility 0s linear 0s}\n.ssn-info-panel[hidden]{display:block!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility 0s linear .45s}\n#ssn-new-nav .ssn-nav-panel{\n position:fixed;inset:var(--wp-admin--admin-bar--height,0px) 0 0 auto;width:50vw;height:calc(100dvh - var(--wp-admin--admin-bar--height,0px));box-sizing:border-box;\n padding:clamp(70px,10vh,112px) clamp(32px,6vw,104px) 40px;display:flex;align-items:center;overflow-y:auto;scrollbar-width:none;\n background:rgba(0,0,0,.66);-webkit-backdrop-filter:blur(22px) saturate(.75);backdrop-filter:blur(22px) saturate(.75);\n opacity:0;visibility:hidden;pointer-events:none;transform:translateX(20px);z-index:0;\n transition:opacity .55s ease,transform .65s cubic-bezier(.22,.61,.36,1),visibility 0s .65s;\n}\n#ssn-new-nav .ssn-nav-panel::-webkit-scrollbar{width:0;height:0}\n#ssn-new-nav.ssn-nav-open .ssn-nav-panel{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}\n#ssn-new-nav .ssn-panel-links{width:100%;display:flex;flex-direction:column;gap:2px;margin:auto 0}\n#ssn-new-nav .ssn-panel-links a{display:block;padding:9px 0;font:400 clamp(19px,1.8vw,29px)\/1.3 'Helvetica Neue',Helvetica,Arial,sans-serif!important;letter-spacing:.035em;white-space:normal;border:0;transition:color .5s ease,transform .5s ease}\n#ssn-new-nav .ssn-panel-links a:hover{transform:translateX(5px)}\n#ssn-new-nav.ssn-nav-open>.ssn-nav-links{position:static;width:auto;max-height:none;display:flex;flex-direction:row;align-items:center;gap:22px;padding:14px 22px;background:transparent;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px)}\n#ssn-new-nav.ssn-nav-open>.ssn-nav-links a{padding:0;border:0}\n#ssn-new-nav .ssn-menu-toggle{z-index:2}\n#ssn-new-nav.ssn-nav-open .ssn-menu-toggle{opacity:1;visibility:visible;pointer-events:auto}\n@media(max-width:767px){#ssn-new-nav .ssn-nav-panel{width:100vw;padding:80px 32px 32px}#ssn-new-nav .ssn-panel-links a{font-size:21px!important;padding:8px 0}}\n@media(max-height:680px){#ssn-new-nav .ssn-nav-panel{align-items:flex-start;padding-top:65px;padding-bottom:24px}#ssn-new-nav .ssn-panel-links a{font-size:18px!important;padding:6px 0}}\n@media(prefers-reduced-motion:reduce){.ssn-info-panel,.ssn-info-panel[hidden],.ssn-info-tablist a,#contact .et_pb_contact_form .input,#contact .ssn-select-trigger,#contact .et_pb_contact_form_label{transition:none!important}}\n\n\n\/* Quiet social links and form guidance. *\/\n.ssn-social-row{margin:0 0 22px!important;padding:0!important}\n.ssn-social-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#fff!important;text-decoration:none!important;border:0!important;font:400 12px\/1.4 'Open Sans',Arial,sans-serif!important;letter-spacing:.06em;transition:color .5s ease,opacity .5s ease}\n.ssn-social-link:hover{color:var(--ssn-accent,#2EA3F2)!important}\n.ssn-social-link svg{display:block;flex:none;width:23px;height:23px}\n.ssn-social-link:focus-visible{outline:1px solid var(--ssn-accent,#2EA3F2);outline-offset:6px}\n.ssn-objkt-link img{display:block!important;width:82px!important;max-width:none!important;height:50px!important;object-fit:contain;margin:-12px 0!important;transition:opacity .5s ease}\n#contact .ssn-contact-direct{margin-bottom:8px!important}\n#contact .ssn-form-info-toggle{display:inline-flex;align-items:center;gap:8px;padding:10px 0;margin:0;background:none!important;border:0!important;box-shadow:none!important;color:rgba(255,255,255,.66);font:400 11px\/1.4 'Open Sans',Arial,sans-serif;cursor:pointer;text-align:left;transition:color .55s ease}\n#contact .ssn-form-info-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.1;flex:none}\n#contact .ssn-form-info-toggle:hover,#contact .ssn-form-info-toggle[aria-expanded=true]{color:var(--ssn-accent,#2EA3F2)}\n#contact .ssn-form-info-toggle:focus-visible{outline:1px solid var(--ssn-accent,#2EA3F2);outline-offset:5px}\n#contact .et_pb_contact_right:empty{display:none!important}\n.ssn-form-info-panel{position:fixed;z-index:100012;box-sizing:border-box;width:min(390px,calc(100vw - 48px));max-height:70dvh;overflow:auto;scrollbar-width:none;padding:25px 27px;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);color:#fff;opacity:0;visibility:hidden;transform:translateY(6px);pointer-events:none;transition:opacity .45s ease,transform .5s ease,visibility 0s .5s}\n.ssn-form-info-panel[data-open=true]{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}\n.ssn-form-info-panel h3{font:500 19px\/1.3 'Helvetica Neue',Helvetica,Arial,sans-serif!important;letter-spacing:-.01em;color:#fff!important;text-transform:none!important;padding:0!important;margin:0 0 14px!important}\n.ssn-form-info-panel p{font:400 12px\/1.7 'Open Sans',Arial,sans-serif!important;color:rgba(255,255,255,.82)!important;padding:0!important;margin:0 0 12px!important}\n.ssn-form-info-panel p:last-child{margin-bottom:0!important}\n.ssn-form-info-panel a{color:#fff!important;text-decoration:none!important;transition:color .4s ease}\n.ssn-form-info-panel a:hover{color:#2EA3F2!important}\n@media(max-width:767px){.ssn-social-row{margin-bottom:14px!important}.ssn-social-link{font-size:11px!important}#contact .ssn-form-info-toggle{font-size:10px;gap:6px}.ssn-form-info-panel{padding:21px 23px}}\n@media(prefers-reduced-motion:reduce){.ssn-form-info-panel,.ssn-social-link,#contact .ssn-form-info-toggle{transition:none!important}}\n\n\n@media(max-width:767px){#contact{padding-bottom:64px!important}#contact+.et_pb_section{padding:0 24px 10px 58px!important}#contact+.et_pb_section .et_pb_text{padding:0!important}#contact+.et_pb_section p{font-size:10px!important;line-height:1.6!important;padding:0!important;margin:0!important}}\n\n\/* More restrained menu proportions and one link accent. *\/\n#ssn-new-nav .ssn-nav-panel{width:min(300px,86vw);padding-left:28px;padding-right:28px}\n#ssn-new-nav .ssn-panel-links a{font-size:clamp(17px,1.25vw,21px)!important;line-height:1.35!important;padding:9px 0;letter-spacing:.045em}\n#ssn-new-nav .ssn-panel-links a:hover{transform:translateX(2px)}\n#ssn-new-nav>.ssn-nav-links{gap:18px}\n#ssn-new-nav>.ssn-nav-links a{font-size:10px!important;letter-spacing:.065em}\nbody:has(#ssn-new-nav) .et_pb_section a[href]:hover,\nbody:has(#ssn-new-nav) .et_pb_section a[href]:focus-visible,\n#ssn-new-nav .ssn-nav-links a:hover,#ssn-new-nav .ssn-panel-links a:hover,\n#ssn-new-nav .ssn-nav-links a:focus-visible,#ssn-new-nav .ssn-panel-links a:focus-visible,\n.ssn-form-info-panel a:hover,.ssn-form-info-panel a:focus-visible{color:#2EA3F2!important}\n@media(max-width:767px){#ssn-new-nav .ssn-nav-panel{width:min(270px,82vw);padding:76px 28px 28px}#ssn-new-nav .ssn-panel-links a{font-size:17px!important;padding:8px 0}}\n@media(max-height:680px){#ssn-new-nav .ssn-panel-links a{font-size:16px!important;padding:6px 0}}\n\n\/* Copyright follows the same content edge as Contact. *\/\n#contact+.et_pb_section{box-sizing:border-box!important;width:100%!important;padding:0 clamp(24px,6vw,104px) 12px!important}\n#contact+.et_pb_section>.et_pb_row{box-sizing:border-box!important;width:100%!important;max-width:1280px!important;padding:0!important;margin:0 auto!important}\n#contact+.et_pb_section .et_pb_column,#contact+.et_pb_section .et_pb_text{padding:0!important;margin:0!important;width:100%!important}\n#contact+.et_pb_section p{text-align:left!important;line-height:1.6!important;padding:0!important;margin:0!important}\n@media(max-width:1100px){#contact+.et_pb_section{padding-left:36px!important;padding-right:36px!important}}\n@media(max-width:767px){#contact+.et_pb_section{padding:0 24px 10px!important}#contact .et_contact_bottom_container{box-sizing:border-box;padding-left:54px!important}body:has(#ssn-new-nav a[href=\"#contact\"][aria-current=\"location\"]) .ssn-mp3-toggle{bottom:60px!important}}\n\n\/* Copyright and player share one horizontal centre line. *\/\n@media(min-width:768px){#contact+.et_pb_section{bottom:calc(clamp(18px,2vw,40px) + 3px)!important;padding-bottom:0!important;transform:translateY(50%)!important}}\n\n\/* Fixed art canvas, clipped to its own fullscreen gallery section. *\/\n.et_pb_section:has(.ssn-art-stage){clip-path:inset(0);isolation:isolate}\n.et_pb_section:has(.ssn-art-stage) .et_pb_code:has(.ssn-art-stage){transform:none!important;top:0!important;left:0!important}\n#gallery .ssn-art-stage,#nft-exhibitions .ssn-art-stage{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important}\n@media(max-width:767px){#gallery .ssn-art-stage,#nft-exhibitions .ssn-art-stage{height:100svh!important}}\n@media(prefers-reduced-motion:reduce){.et_pb_section:has(.ssn-art-stage) .et_pb_code:has(.ssn-art-stage){top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}#gallery .ssn-art-stage,#nft-exhibitions .ssn-art-stage{position:relative!important;inset:auto!important}}\n\n\/* About \u00b7 erg\u00e4nzende Zeile unter der Headline *\/\n#about .ssn-screen-head .ssn-screen-subline{font:400 clamp(18px,1.5vw,24px)\/1.4 \"Open Sans\",Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;margin:24px 0 0!important;padding:0!important;color:rgba(255,255,255,.94)!important}\n\n\/* Kontakt \u00b7 Signet vor der Mailadresse *\/\n#contact .ssn-contact-identity{display:grid!important;grid-template-columns:5.4em minmax(0,1fr);gap:18px;align-items:start;}\n#contact .ssn-contact-brandmark{position:relative;overflow:hidden;width:5.4em;height:5.4em;min-height:0;aspect-ratio:1\/1;}\n#contact .ssn-contact-brandmark .ssn-contact-logo{position:static;display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;margin:0!important;padding:0;border:0;}\n#contact .ssn-contact-details{min-width:0;}\n#contact .ssn-contact-details .ssn-contact-mail{display:inline!important;line-height:inherit;}\n@media(max-width:767px){#contact .ssn-contact-identity{grid-template-columns:5.4em minmax(0,1fr);gap:14px;}#contact .ssn-contact-brandmark .ssn-contact-logo{object-fit:contain;}}\n<\/style>\n<script>\n(function(){\n \"use strict\";\n const key=\"__ssnNewStyle01\";\n if(window[key]){window[key].controller.abort();window[key].observer.disconnect();}\n const controller=new AbortController();\n const signal=controller.signal;\n function nav(){return document.getElementById(\"ssn-new-nav\");}\n function closeMenu(){const n=nav();if(!n)return;n.classList.remove(\"ssn-nav-open\");const panel=n.querySelector(\".ssn-nav-panel\");if(panel)panel.inert=true;syncNav();const b=n.querySelector(\"[data-ssn-toggle]\");if(b){b.setAttribute(\"aria-expanded\",\"false\");b.setAttribute(\"aria-label\",\"Men\u00fc \u00f6ffnen\");}}\n function syncNav(){\n  const n=nav();if(!n)return;\n  let panel=n.querySelector('.ssn-nav-panel');const topLinks=n.querySelector('.ssn-nav-links');\n  if(!panel&&topLinks){panel=document.createElement('div');panel.className='ssn-nav-panel';panel.id='ssn-new-nav-panel';panel.inert=true;const links=topLinks.cloneNode(true);links.removeAttribute('id');links.className='ssn-panel-links';const brand=document.createElement('a');brand.className='ssn-nav-brand';brand.href='#home';brand.setAttribute('aria-label','Sherdin \u2013 zum Start');brand.innerHTML='<img loading=\"lazy\" src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/10\/SHERDIN-Logo-small01.jpg\" alt=\"\" width=\"400\" height=\"400\" decoding=\"async\">';const social=document.createElement('a');social.className='ssn-nav-instagram';social.href='https:\/\/www.instagram.com\/sherdin.art\/';social.target='_blank';social.rel='noopener noreferrer';social.setAttribute('aria-label','Sherdin Art auf Instagram \u2013 \u00f6ffnet in neuem Tab');social.innerHTML='<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.35\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"><\/rect><circle cx=\"12\" cy=\"12\" r=\"4.2\"><\/circle><circle cx=\"17.5\" cy=\"6.5\" r=\".85\" fill=\"currentColor\" stroke=\"none\"><\/circle><\/svg>';panel.append(brand,links,social);n.append(panel);n.querySelector('[data-ssn-toggle]')?.setAttribute('aria-controls',panel.id);signal.addEventListener('abort',()=>{panel.remove();topLinks.inert=false;},{once:true});}\n  const home=document.getElementById('home'),scrolled=window.scrollY>72||!!(home&&home.getBoundingClientRect().bottom<=0);\n  n.setAttribute('data-scrolled',String(scrolled));if(topLinks)topLinks.inert=scrolled||n.classList.contains('ssn-nav-open')||innerWidth<=1200;\n  const sections=[document.getElementById(\"home\"),...Array.from(document.querySelectorAll(\".ssn-screen-head,.ssn-instagram-strip\")).map(e=>e.closest(\".et_pb_section\"))].filter(Boolean);\n  let active=\"home\";\n  sections.forEach(s=>{if(s.getBoundingClientRect().top<=window.innerHeight*.45)active=s.id;});\n  n.querySelectorAll(\"a[href^='#']\").forEach(a=>{if(a.getAttribute(\"href\")===\"#\"+active)a.setAttribute(\"aria-current\",\"location\");else a.removeAttribute(\"aria-current\");});\n }\n function selectTab(tab,focus){\n  const group=tab.closest(\".ssn-info-tabs\");if(!group)return;\n  group.querySelectorAll(\"[role='tab']\").forEach(a=>{const on=a===tab;a.setAttribute(\"aria-selected\",String(on));a.setAttribute(\"tabindex\",on?\"0\":\"-1\");});\n  group.querySelectorAll(\"[role='tabpanel']\").forEach(p=>{const on=p.id===tab.getAttribute(\"aria-controls\");p.hidden=!on;p.inert=!on;p.setAttribute(\"aria-hidden\",String(!on));});\n  if(focus)tab.focus({preventScroll:true});\n }\n document.addEventListener(\"click\",function(event){\n  if(!(event.target instanceof Element))return;\n  const toggle=event.target.closest(\"#ssn-new-nav [data-ssn-toggle]\");\n  if(toggle){event.preventDefault();event.stopPropagation();const n=nav(),open=n.classList.toggle(\"ssn-nav-open\");toggle.setAttribute(\"aria-expanded\",String(open));toggle.setAttribute(\"aria-label\",open?\"Men\u00fc schlie\u00dfen\":\"Men\u00fc \u00f6ffnen\");const panel=n.querySelector(\".ssn-nav-panel\");if(panel)panel.inert=!open;syncNav();if(open)requestAnimationFrame(()=>panel?.querySelector(\"a\")?.focus({preventScroll:true}));return;}\n  const tab=event.target.closest(\".ssn-info-tablist [role='tab']\");\n  if(tab){event.preventDefault();event.stopPropagation();selectTab(tab,false);return;}\n  const link=event.target.closest(\"#ssn-new-nav a[href^='#']\");\n  if(link){const target=document.getElementById(link.getAttribute(\"href\").slice(1));if(target){event.preventDefault();event.stopPropagation();closeMenu();window.__ssnArtCarouselV2?.closeAll();target.scrollIntoView({behavior:matchMedia(\"(prefers-reduced-motion:reduce)\").matches?\"auto\":\"smooth\",block:\"start\"});}return;}\n  const n=nav();if(n&&!n.contains(event.target))closeMenu();\n },{capture:true,signal});\n let returnLocked=false,returnUnlockTimer=0;\n function releaseReturn(){returnLocked=false;clearTimeout(returnUnlockTimer);}\n window.addEventListener(\"scrollend\",releaseReturn,{signal});\n signal.addEventListener(\"abort\",()=>clearTimeout(returnUnlockTimer),{once:true});\n document.addEventListener(\"keydown\",function(event){\n  const openNav=nav();if(openNav?.classList.contains('ssn-nav-open')&&event.key==='Tab'){const items=[...openNav.querySelectorAll('.ssn-nav-panel a,[data-ssn-toggle]')],first=items[0],last=items[items.length-1];if(event.shiftKey&&document.activeElement===first){event.preventDefault();last?.focus();}else if(!event.shiftKey&&document.activeElement===last){event.preventDefault();first?.focus();}return;}\n  if(!openNav?.classList.contains('ssn-nav-open')&&window.__ssnArtCarouselV2?.key(event))return;\n  if(event.key===\"Enter\"){\n   if(event.defaultPrevented||event.isComposing||event.altKey||event.ctrlKey||event.metaKey||event.shiftKey)return;\n   const origin=event.target instanceof Element?event.target:null;\n   if(origin?.closest(\".ssn-gallery-filters\"))return;\n   if(origin&&(origin.isContentEditable||origin.closest(\"input,textarea,select,[contenteditable]:not([contenteditable=false])\")))return;\n   const menuOpen=nav()?.classList.contains(\"ssn-nav-open\");\n   const galleryActive=!menuOpen&&Array.from(document.querySelectorAll(\".ssn-art-stage\")).some(stage=>{const r=stage.closest(\".et_pb_section\").getBoundingClientRect();return r.top<=innerHeight*.5&&r.bottom>innerHeight*.5;});\n   const hiddenNavFocus=!menuOpen&&origin?.closest(\"#ssn-new-nav\");\n   if(origin&&!galleryActive&&!hiddenNavFocus&&origin.closest(\"button,a,summary,iframe,video,audio,[role=button],[role=link],[role=tab],[role=combobox]\"))return;\n   const sections=[document.getElementById(\"home\"),...Array.from(document.querySelectorAll(\".ssn-screen-head,.ssn-instagram-strip\")).map(e=>e.closest(\".et_pb_section\"))].filter(Boolean);\n   if(sections.length<2)return;\n   event.preventDefault();event.stopPropagation();\n   if(event.repeat||returnLocked)return;\n   let current=0;\n   sections.forEach((section,i)=>{if(section.getBoundingClientRect().top<=window.innerHeight*.45)current=i;});\n   const target=sections[(current+1)%sections.length];\n   returnLocked=true;returnUnlockTimer=setTimeout(releaseReturn,1600);\n   closeMenu();window.__ssnArtCarouselV2?.closeAll();\n   const focusTarget=target.querySelector(\".ssn-screen-head h1,.ssn-screen-head h2\")||target;\n   focusTarget.setAttribute(\"tabindex\",\"-1\");focusTarget.focus({preventScroll:true});\n   window.scrollTo({top:Math.max(0,window.scrollY+target.getBoundingClientRect().top),behavior:matchMedia(\"(prefers-reduced-motion:reduce)\").matches?\"auto\":\"smooth\"});\n   return;\n  }\n  if(event.key===\"Escape\"){const n=nav();if(n?.classList.contains(\"ssn-nav-open\")){closeMenu();n.querySelector(\"[data-ssn-toggle]\")?.focus();}return;}\n  const tab=event.target instanceof Element?event.target.closest(\".ssn-info-tablist [role='tab']\"):null;\n  if(!tab||![\"ArrowLeft\",\"ArrowRight\",\"Home\",\"End\"].includes(event.key))return;\n  const tabs=Array.from(tab.closest(\"[role='tablist']\").querySelectorAll(\"[role='tab']\"));\n  let i=tabs.indexOf(tab);\n  if(event.key===\"Home\")i=0;else if(event.key===\"End\")i=tabs.length-1;else i=(i+(event.key===\"ArrowRight\"?1:-1)+tabs.length)%tabs.length;\n  event.preventDefault();event.stopPropagation();selectTab(tabs[i],true);\n },{capture:true,signal});\n let queued=false;\n function queue(){if(queued)return;queued=true;requestAnimationFrame(()=>{queued=false;syncNav();});}\n window.addEventListener(\"scroll\",queue,{passive:true,signal});\n window.addEventListener(\"resize\",queue,{passive:true,signal});\n const observer=new MutationObserver(queue);\n observer.observe(document.body,{childList:true,subtree:true});\n window[key]={controller,observer};\n\n function enhanceContact(){\n  document.querySelectorAll(\"#contact .et_pb_contact_form\").forEach(form=>{\n   const infoPanel=document.getElementById('ssn-form-info-panel'),bottom=form.querySelector('.et_contact_bottom_container');\n   if(infoPanel&&bottom&&!bottom.querySelector('.ssn-form-info-toggle')){\n    const originalParent=infoPanel.parentElement,button=document.createElement('button');\n    button.type='button';button.className='ssn-form-info-toggle';button.setAttribute('aria-expanded','false');button.setAttribute('aria-controls',infoPanel.id);\n    button.innerHTML='<svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\"\/><path d=\"M10 9v5\"\/><circle cx=\"10\" cy=\"6\" r=\".65\" fill=\"currentColor\" stroke=\"none\"\/><\/svg><span>Hinweise<\/span>';\n    bottom.prepend(button);document.body.append(infoPanel);infoPanel.hidden=false;infoPanel.inert=true;infoPanel.setAttribute('aria-hidden','true');\n    let infoOpen=false;\n    function placeInfo(){const r=button.getBoundingClientRect(),w=infoPanel.offsetWidth;infoPanel.style.left=Math.max(12,Math.min(innerWidth-w-12,r.left))+'px';const h=infoPanel.offsetHeight;infoPanel.style.top=Math.max(12,r.top-h-12)+'px';}\n    function closeInfo(){infoOpen=false;button.setAttribute('aria-expanded','false');infoPanel.dataset.open='false';infoPanel.setAttribute('aria-hidden','true');infoPanel.inert=true;}\n    button.addEventListener('click',()=>{if(infoOpen){closeInfo();return;}placeInfo();infoOpen=true;button.setAttribute('aria-expanded','true');infoPanel.setAttribute('aria-hidden','false');infoPanel.inert=false;infoPanel.dataset.open='true';},{signal});\n    document.addEventListener('pointerdown',e=>{if(infoOpen&&!infoPanel.contains(e.target)&&!button.contains(e.target))closeInfo();},{capture:true,signal});\n    document.addEventListener('keydown',e=>{if(infoOpen&&e.key==='Escape'){closeInfo();button.focus({preventScroll:true});}},{signal});\n    window.addEventListener('resize',()=>{if(infoOpen)placeInfo();},{passive:true,signal});\n    window.addEventListener('scroll',e=>{if(infoOpen&&!infoPanel.contains(e.target))closeInfo();},{capture:true,passive:true,signal});\n    signal.addEventListener('abort',()=>{button.remove();infoPanel.hidden=true;originalParent.append(infoPanel);},{once:true});\n   }\n\n   const email=form.querySelector(\"[data-original_id=email]\"),name=form.querySelector(\"[data-original_id=name]\"),select=form.querySelector(\"select\"),captcha=form.querySelector(\".et_pb_contact_captcha\");\n   if(email){email.type=\"text\";email.autocomplete=\"email\";email.inputMode=\"email\";}if(name)name.autocomplete=\"name\";\n   if(captcha)captcha.setAttribute(\"aria-label\",\"Ergebnis der Rechenaufgabe\");\n   if(!select||select.dataset.ssnEnhanced===\"true\")return;\n   if(select.options[0])select.options[0].textContent=\"Bitte ausw\u00e4hlen\";\n   const field=select.closest(\".et_pb_contact_field\"),label=field.querySelector(\"label\"),originalFor=label?.htmlFor;\n   const trigger=document.createElement(\"button\"),value=document.createElement(\"span\"),panel=document.createElement(\"div\");\n   const choices=Array.from(select.options).filter(o=>o.value&&!o.disabled);\n   if(!choices.length)return;\n   select.dataset.ssnEnhanced=\"true\";select.classList.add(\"ssn-native-select\");select.tabIndex=-1;select.setAttribute(\"aria-hidden\",\"true\");\n   trigger.type=\"button\";trigger.id=select.id+\"-trigger\";trigger.className=\"ssn-select-trigger\";trigger.setAttribute(\"role\",\"combobox\");trigger.setAttribute(\"aria-haspopup\",\"listbox\");trigger.setAttribute(\"aria-expanded\",\"false\");\n   value.id=trigger.id+\"-value\";value.className=\"ssn-select-value\";trigger.append(value);\n   trigger.insertAdjacentHTML(\"beforeend\",'<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"m3 6 5 5 5-5\"\/><\/svg>');\n   panel.id=select.id+\"-list\";panel.className=\"ssn-select-dropdown\";panel.setAttribute(\"role\",\"listbox\");panel.setAttribute(\"aria-label\",label?.textContent||\"Ihr Anliegen\");panel.inert=true;\n   trigger.setAttribute(\"aria-controls\",panel.id);\n   if(label){if(!label.id)label.id=select.id+\"-label\";trigger.setAttribute(\"aria-labelledby\",label.id+\" \"+value.id);label.htmlFor=trigger.id;}\n   else trigger.setAttribute(\"aria-label\",\"Ihr Anliegen\");\n   field.append(trigger);document.body.append(panel);\n   const optionNodes=choices.map((option,i)=>{const node=document.createElement(\"div\");node.className=\"ssn-select-option\";node.id=panel.id+\"-\"+i;node.setAttribute(\"role\",\"option\");node.dataset.value=option.value;node.textContent=option.textContent;panel.append(node);return node;});\n   let opened=false,active=-1,typeBuffer=\"\",typeTimer=0;\n   function mark(index){\n    active=Math.max(0,Math.min(optionNodes.length-1,index));\n    optionNodes.forEach((node,i)=>node.classList.toggle(\"is-highlighted\",i===active));\n    const node=optionNodes[active];if(node){trigger.setAttribute(\"aria-activedescendant\",node.id);if(node.offsetTop<panel.scrollTop)panel.scrollTop=node.offsetTop;else if(node.offsetTop+node.offsetHeight>panel.scrollTop+panel.clientHeight)panel.scrollTop=node.offsetTop+node.offsetHeight-panel.clientHeight;}\n   }\n   function sync(){\n    const index=choices.findIndex(o=>o.value===select.value);value.textContent=index>=0?choices[index].textContent:\"Bitte ausw\u00e4hlen\";\n    optionNodes.forEach(node=>node.setAttribute(\"aria-selected\",String(node.dataset.value===select.value)));\n    trigger.disabled=select.disabled;\n    const invalid=select.classList.contains(\"et_contact_error\")||select.getAttribute(\"aria-invalid\")===\"true\"||field.classList.contains(\"et_contact_error\");\n    trigger.setAttribute(\"aria-invalid\",String(invalid));\n   }\n   function position(){\n    const rect=trigger.getBoundingClientRect(),below=innerHeight-rect.bottom-20,above=rect.top-20;\n    const needed=Math.min(380,optionNodes.length*42+16),up=below<needed&&above>below,space=Math.max(100,up?above:below);\n    panel.dataset.placement=up?\"above\":\"below\";panel.style.width=rect.width+\"px\";panel.style.left=Math.max(12,Math.min(innerWidth-rect.width-12,rect.left))+\"px\";\n    panel.style.maxHeight=Math.min(380,space)+\"px\";\n    panel.style.top=(up?Math.max(12,rect.top-8-Math.min(panel.scrollHeight,space,380)):rect.bottom+8)+\"px\";\n   }\n   function close(){opened=false;trigger.setAttribute(\"aria-expanded\",\"false\");trigger.removeAttribute(\"aria-activedescendant\");panel.classList.remove(\"is-open\");panel.inert=true;}\n   function open(){\n    if(trigger.disabled)return;position();opened=true;panel.inert=false;trigger.setAttribute(\"aria-expanded\",\"true\");panel.classList.add(\"is-open\");\n    const selected=choices.findIndex(o=>o.value===select.value);mark(selected>=0?selected:0);\n   }\n   function choose(index){\n    if(index<0||index>=choices.length)return;\n    select.value=choices[index].value;select.classList.remove(\"et_contact_error\");select.setAttribute(\"aria-invalid\",\"false\");field.classList.remove(\"et_contact_error\");\n    select.dispatchEvent(new Event(\"input\",{bubbles:true}));select.dispatchEvent(new Event(\"change\",{bubbles:true}));sync();close();trigger.focus({preventScroll:true});\n   }\n   trigger.addEventListener(\"click\",()=>opened?close():open(),{signal});\n   trigger.addEventListener(\"keydown\",event=>{\n    if([\"ArrowDown\",\"ArrowUp\",\"Home\",\"End\",\"Enter\",\" \"].includes(event.key)){\n     event.preventDefault();event.stopPropagation();\n     if(event.key===\"Enter\"||event.key===\" \"){if(opened)choose(active);else open();return;}\n     if(!opened)open();\n     if(event.key===\"Home\")mark(0);else if(event.key===\"End\")mark(optionNodes.length-1);else mark((active+(event.key===\"ArrowDown\"?1:-1)+optionNodes.length)%optionNodes.length);\n    }else if(event.key===\"Escape\"&&opened){event.preventDefault();event.stopPropagation();close();}\n    else if(event.key===\"Tab\")close();\n    else if(event.key.length===1&&!event.ctrlKey&&!event.metaKey&&!event.altKey){\n     typeBuffer+=event.key.toLocaleLowerCase();clearTimeout(typeTimer);typeTimer=setTimeout(()=>{typeBuffer=\"\";},500);\n     if(!opened)open();const found=choices.findIndex(o=>o.textContent.toLocaleLowerCase().startsWith(typeBuffer));if(found>=0)mark(found);\n    }\n   },{signal});\n   panel.addEventListener(\"pointerdown\",event=>event.preventDefault(),{signal});\n   panel.addEventListener(\"pointermove\",event=>{const node=event.target.closest(\".ssn-select-option\");if(node)mark(optionNodes.indexOf(node));},{signal});\n   panel.addEventListener(\"click\",event=>{const node=event.target.closest(\".ssn-select-option\");if(node)choose(optionNodes.indexOf(node));},{signal});\n   document.addEventListener(\"pointerdown\",event=>{if(opened&&!trigger.contains(event.target)&&!panel.contains(event.target))close();},{capture:true,signal});\n   window.addEventListener(\"resize\",()=>{if(opened)position();},{passive:true,signal});\n   window.addEventListener(\"scroll\",event=>{if(opened&&event.target!==panel)position();},{capture:true,passive:true,signal});\n   select.addEventListener(\"change\",sync,{signal});select.addEventListener(\"focus\",()=>trigger.focus({preventScroll:true}),{signal});\n   form.addEventListener(\"reset\",()=>{close();setTimeout(sync,0);},{signal});\n   const observer=new MutationObserver(sync);observer.observe(select,{attributes:true,attributeFilter:[\"class\",\"aria-invalid\",\"disabled\"]});observer.observe(field,{attributes:true,attributeFilter:[\"class\"]});\n   signal.addEventListener(\"abort\",()=>{observer.disconnect();clearTimeout(typeTimer);trigger.remove();panel.remove();select.classList.remove(\"ssn-native-select\");delete select.dataset.ssnEnhanced;select.removeAttribute(\"tabindex\");select.removeAttribute(\"aria-hidden\");if(label&&originalFor)label.htmlFor=originalFor;},{once:true});\n\n   const message=form.closest(\".et_pb_contact_form_container\")?.querySelector(\".et-pb-contact-message\");\n   function translateErrors(){\n    if(!message)return;\n    message.querySelectorAll(\"p\").forEach(p=>{if(p.textContent.trim()===\"Please, fill in the following fields:\")p.textContent=\"Bitte f\u00fclle diese Felder aus:\";});\n    message.querySelectorAll(\"li\").forEach(li=>{if(li.textContent.trim()===\"Captcha\")li.textContent=\"Rechenaufgabe\";});\n   }\n   const messageObserver=new MutationObserver(translateErrors);\n   if(message)messageObserver.observe(message,{childList:true,subtree:true,characterData:true});\n   translateErrors();\n   signal.addEventListener(\"abort\",()=>messageObserver.disconnect(),{once:true});\n   sync();\n  });\n }\n if(document.readyState===\"loading\")document.addEventListener(\"DOMContentLoaded\",enhanceContact,{once:true,signal});else enhanceContact();\n syncNav();\n}());\n<\/script>\n<script>\n(function(){\n\"use strict\";\nconst key=\"__ssnArtCarouselV2\";\nif(window[key])window[key].destroy();\nconst events=new AbortController(),signal=events.signal,instances=new Map();\nconst reduce=()=>matchMedia(\"(prefers-reduced-motion:reduce)\").matches;\n\nfunction create(stage){\n const track=stage.querySelector(\".ssn-art-track\");if(!track)return null;\n const cards=Array.from(track.querySelectorAll(\".ssn-art-card\")),allSlots=Array.from(track.children),closeTimers=new Map();\n function shuffle(list){const result=[...list];for(let i=result.length-1;i>0;i--){const j=Math.floor(Math.random()*(i+1));[result[i],result[j]]=[result[j],result[i]];}return result;}\n track.replaceChildren(...shuffle(allSlots));\n let columnCount=allSlots.length===2?2:4,inView=false,moveSerial=0;\n const columns=()=>columnCount;\n const mediaPromises=new WeakMap();\n function loadSlot(slot){\n  const media=slot?.querySelector(\"img,video\");if(!media)return Promise.resolve();\n  if(mediaPromises.has(media))return mediaPromises.get(media);\n  const promise=new Promise(resolve=>{\n   let timer=0,done=false;\n   function ready(){if(done)return;done=true;clearTimeout(timer);media.removeEventListener(\"load\",ready);media.removeEventListener(\"loadeddata\",ready);media.removeEventListener(\"error\",ready);geometry();resolve();}\n   media.addEventListener(\"load\",ready,{once:true});media.addEventListener(\"loadeddata\",ready,{once:true});media.addEventListener(\"error\",ready,{once:true});\n   timer=setTimeout(ready,10000);\n   if(media.tagName===\"VIDEO\"){media.muted=true;media.defaultMuted=true;media.loop=true;media.playsInline=true;media.preload=\"auto\";}\n   if(!media.getAttribute(\"src\"))media.src=media.dataset.src;\n   if(media.tagName===\"VIDEO\"){if(media.readyState>=2)ready();else media.load();}\n   else if(media.complete)ready();\n  });\n  mediaPromises.set(media,promise);return promise;\n }\n function syncMedia(){\n  const shown=new Set(dragSlots());\n  cards.forEach(card=>{const media=card.querySelector(\"img,video\"),slot=card.parentElement;const on=inView&&!document.hidden&&shown.has(slot)&&track.contains(slot);\n   if(media.tagName===\"VIDEO\"&&!on)media.pause();\n   if(on)loadSlot(slot).then(()=>{if(media.tagName===\"VIDEO\"&&!signal.aborted&&inView&&!document.hidden&&track.contains(slot)&&dragSlots().includes(slot)){media.muted=true;media.play().catch(()=>{});}});\n  });\n }\n stage.dataset.loop=\"true\";stage.dataset.actualCount=String(allSlots.length);stage.dataset.layout=columnCount===2?\"pair\":\"slices\";\n let filtering=false,filterTimer=0,filterSerial=0,activeCategory=\"all\",filterResize=null,filterAnimations=[],filterGhost=null;\n let pendingDir=0,pinned=null,openMode=false,moving=false,serial=10,stepTimer=0,wheelSum=0,down=null,ignoreClickUntil=0,finishMove=null,geometryShift=0;\n let dragActive=false,dragFrame=0,dragHeld=null;\n let hoverTimer=0,hoverCandidate=null,leaveTimer=0,lastPointerCard=null,queuedPreview=null,queuedOpen=null;\n const cardDuration=()=>reduce()?0:850,moveDuration=()=>reduce()?0:850;\n function slots(){return Array.from(track.children);}\n function setMode(open){openMode=open;stage.dataset.open=String(open);}\n function geometry(shift=geometryShift){\n  const w=stage.clientWidth,h=stage.clientHeight,unit=w\/columns(),list=slots();\n  list.forEach((slot,index)=>{const i=(index+shift+list.length)%list.length,card=slot.querySelector(\".ssn-art-card\");if(!card)return;const img=card.querySelector(\"img,video\"),mw=img.naturalWidth||img.videoWidth||Number(img.dataset.width),mh=img.naturalHeight||img.videoHeight||Number(img.dataset.height),ratio=mw&&mh?mw\/mh:.7;\n   if(card.classList.contains(\"is-closing\")||card===dragHeld&&(card.classList.contains(\"is-preview\")||card.classList.contains(\"is-open\")))return;\n   const imageWidth=h*ratio,rw=Math.min(w,imageWidth),center=(i+.5)*unit,left=i<columns()?Math.max(0,Math.min(w-rw,center-rw\/2)):center-rw\/2;\n   card.style.setProperty(\"--clip-left\",Math.max(0,i*unit-left)+\"px\");card.style.setProperty(\"--clip-right\",Math.max(0,left+rw-(i+1)*unit)+\"px\");card.style.setProperty(\"--crop-shift\",(center-left-rw\/2)+\"px\");card.style.setProperty(\"--image-width\",imageWidth+\"px\");card.style.setProperty(\"--open-scale\",String(rw\/imageWidth));card.style.setProperty(\"--reveal-width\",rw+\"px\");card.style.setProperty(\"--reveal-left\",(left-i*unit)+\"px\");\n  });\n }\n function visible(){\n  stage.style.setProperty(\"--ssn-art-columns\",String(columns()));\n  stage.dataset.layout=columns()===2?\"pair\":\"slices\";\n   slots().forEach((slot,i)=>{const off=i>=columns()||!slot.querySelector(\".ssn-art-card\");slot.inert=off;slot.setAttribute(\"aria-hidden\",String(off));});\n  (stage.querySelector(\".ssn-art-status\")||{}).textContent=\"Sichtbare Werke: \"+slots().slice(0,columns()).filter(s=>s.querySelector(\".ssn-art-card\")).map(s=>s.querySelector(\".ssn-art-card\").dataset.artId).join(\", \");\n  [...slots().slice(columns(),columns()+2),...slots().slice(-2)].forEach(loadSlot);\n  syncMedia();\n }\n function settleCard(card){closeTimers.delete(card);if(!card.classList.contains(\"is-preview\")&&!card.classList.contains(\"is-open\")){card.classList.remove(\"is-closing\");card.style.zIndex=\"\";geometry();}flushOpen();flushPreview();}\n function closeCard(card,suppress){\n  if(card===dragHeld)dragHeld=null;\n  if(!card.classList.contains(\"is-preview\")&&!card.classList.contains(\"is-open\"))return;\n  clearTimeout(closeTimers.get(card));card.classList.remove(\"is-preview\",\"is-open\");card.classList.add(\"is-closing\");card.setAttribute(\"aria-expanded\",\"false\");\n  if(suppress)card.dataset.suppressed=\"true\";if(pinned===card)pinned=null;\n  closeTimers.set(card,setTimeout(()=>settleCard(card),cardDuration()+60));\n }\n function collapse(suppress){queuedOpen=null;queuedPreview=null;clearTimeout(hoverTimer);clearTimeout(leaveTimer);hoverCandidate=null;cards.forEach(c=>closeCard(c,!!suppress));pinned=null;}\n function closeAll(suppress){collapse(suppress);setMode(false);}\n function flushPreview(){\n  const card=queuedPreview;if(!card)return;\n  if(moving||openMode||card.dataset.suppressed===\"true\"||(hoverCandidate!==card&&document.activeElement!==card)){queuedPreview=null;return;}\n  if(cards.some(c=>c!==card&&(c.classList.contains(\"is-preview\")||c.classList.contains(\"is-closing\")||c.classList.contains(\"is-open\"))))return;\n  queuedPreview=null;preview(card);\n }\n function preview(card){\n  if(moving||filtering||openMode||card.dataset.suppressed===\"true\")return;\n  const previous=cards.filter(c=>c!==card&&(c.classList.contains(\"is-preview\")||c.classList.contains(\"is-closing\")));\n  if(previous.length){queuedPreview=card;previous.forEach(c=>closeCard(c,false));return;}\n  queuedPreview=null;clearTimeout(closeTimers.get(card));closeTimers.delete(card);card.classList.remove(\"is-closing\");\n  card.style.zIndex=String(++serial);card.classList.add(\"is-preview\");\n }\n function alignGallery(){\n  const section=stage.closest('.et_pb_section'),bar=document.getElementById('wpadminbar');\n  if(!section)return;\n  const offset=bar&&getComputedStyle(bar).position==='fixed'?bar.getBoundingClientRect().height:0;\n  const top=Math.max(0,scrollY+section.getBoundingClientRect().top-offset);\n  if(Math.abs(scrollY-top)>2)window.scrollTo({top,behavior:reduce()?'auto':'smooth'});\n }\n function revealOpen(card){\n  queuedOpen=null;clearTimeout(closeTimers.get(card));closeTimers.delete(card);pinned=card;\n  loadSlot(card.parentElement);card.classList.remove('is-closing','is-preview');card.classList.add('is-open');card.style.zIndex=String(++serial);card.setAttribute('aria-expanded','true');geometry();\n }\n function flushOpen(){\n  const card=queuedOpen;if(!card||moving||!openMode)return;\n  if(cards.some(c=>c!==card&&(c.classList.contains('is-preview')||c.classList.contains('is-open')||c.classList.contains('is-closing'))))return;\n  revealOpen(card);\n }\n function openCard(card){\n  alignGallery();queuedPreview=null;clearTimeout(hoverTimer);clearTimeout(leaveTimer);hoverCandidate=null;queuedOpen=card;setMode(true);\n  const previous=cards.filter(c=>c!==card&&(c.classList.contains('is-preview')||c.classList.contains('is-open')||c.classList.contains('is-closing')));\n  previous.forEach(c=>closeCard(c,false));flushOpen();\n }\n function clickCard(card){\n  if(moving||filtering)return;\n  if(openMode&&(pinned===card||queuedOpen===card)){closeAll(true);ignoreClickUntil=performance.now()+450;return;}\n  openCard(card);\n }\n function drainStep(){const dir=pendingDir;pendingDir=0;if(dir&&!filtering&&!signal.aborted)requestAnimationFrame(()=>move(dir));}\n async function move(dir,keepExpanded=false){\n  if(filtering)return;if(moving){pendingDir=dir;return;}\n  const ticket=++moveSerial,items=slots(),entering=dir>0?items[Math.min(columns(),items.length-1)]:items[items.length-1];\n  moving=true;stage.dataset.moving=\"true\";\n  if(inView)await loadSlot(entering);\n  if(ticket!==moveSerial||filtering||signal.aborted)return;\n  moving=false;\n  const realSlots=slots().filter(s=>s.querySelector(\".ssn-art-card\"));\n  if(realSlots.length<=columns()){\n   if(realSlots.length<2){stage.dataset.moving=\"false\";return;}\n   if(!keepExpanded)collapse(true);moving=true;stage.dataset.moving=\"true\";\n   const blanks=slots().filter(s=>!s.querySelector(\".ssn-art-card\"));\n   const order=dir>0?[...realSlots.slice(1),realSlots[0]]:[realSlots[realSlots.length-1],...realSlots.slice(0,-1)];\n   track.replaceChildren(...order,...blanks);geometry();visible();\n   const animations=reduce()?[]:order.map((slot,i)=>slot.animate([{opacity:keepExpanded?1:0,transform:\"translate3d(\"+(dir*24)+\"px,0,0)\"},{opacity:1,transform:\"translate3d(0,0,0)\"}],{duration:780,delay:i*55,easing:\"cubic-bezier(.2,.7,.2,1)\",fill:\"both\"}));\n   let done=false;function finishSmall(){if(done)return;done=true;animations.forEach(a=>a.cancel());moving=false;stage.dataset.moving=\"false\";finishMove=null;geometry();visible();drainStep();}\n   finishMove=finishSmall;Promise.all(animations.map(a=>a.finished.catch(()=>{}))).then(finishSmall);return;\n  }\n  if(!keepExpanded)collapse(true);moving=true;stage.dataset.moving=\"true\";wheelSum=0;const unit=stage.clientWidth\/columns();\n\n  let done=false;\n  function finish(){if(done)return;done=true;clearTimeout(stepTimer);track.removeEventListener(\"transitionend\",end);if(dir>0)track.append(track.firstElementChild);track.style.transition=\"none\";track.style.transform=\"translateX(0px)\";geometryShift=0;moving=false;stage.dataset.moving=\"false\";finishMove=null;geometry();visible();drainStep();}\n  function end(e){if(e.target===track&&e.propertyName===\"transform\")finish();}\n  finishMove=finish;track.addEventListener(\"transitionend\",end,{signal});\n  const transition=\"transform \"+moveDuration()+\"ms cubic-bezier(.45,0,.2,1)\";\n  if(dir>0){geometryShift=-1;geometry();track.style.transition=transition;track.style.transform=\"translateX(\"+(-unit)+\"px)\";}\n  else{geometryShift=0;track.style.transition=\"none\";track.prepend(track.lastElementChild);track.style.transform=\"translateX(\"+(-unit)+\"px)\";geometry();track.getBoundingClientRect();requestAnimationFrame(()=>{if(done)return;track.style.transition=transition;track.style.transform=\"translateX(0px)\";});}\n  slots().slice(0,columns()+1).forEach(s=>{s.inert=false;s.setAttribute(\"aria-hidden\",\"false\");});\n  stepTimer=setTimeout(finish,moveDuration()+100);if(reduce())finish();\n }\n cards.forEach(card=>{\n\n  card.addEventListener(\"focus\",()=>{if(!openMode)preview(card);},{signal});\n  card.addEventListener(\"blur\",()=>{if(!moving&&!dragActive&&card!==pinned)closeCard(card,false);},{signal});\n  const media=card.querySelector(\"img,video\");media.addEventListener(media.tagName===\"VIDEO\"?\"loadedmetadata\":\"load\",()=>geometry(),{signal});\n });\n\n const section=stage.closest(\".et_pb_section\");\n\n \/* NEW02 gallery filters V1.1: thematic tags, original card reveal preserved. *\/\n if(stage.dataset.gallery===\"gallery\"){\n  const labels={all:\"Alle\",scifi:\"Sci-Fi\",music:\"Music\",surreal:\"Surreal\",sw:\"SW\"};\n  const ui=section.querySelector(\".ssn-gallery-filters\"),list=ui?.querySelector(\".ssn-gallery-filter-list\");\n  const tabs=ui?Array.from(ui.querySelectorAll(\"[data-gallery-filter]\")):[];\n  const note=section.querySelector(\".ssn-gallery-filter-status\");\n  const prev=ui?.querySelector(\"[data-filter-prev]\"),next=ui?.querySelector(\"[data-filter-next]\");\n  stage.dataset.category=\"all\";track.id=\"ssn-gallery-filter-results\";track.setAttribute(\"role\",\"tabpanel\");track.tabIndex=-1;\n  const matches=(slot,key)=>key===\"all\"||(slot.querySelector(\".ssn-art-card\").dataset.artCategories||\"\").split(\" \").includes(key);\n  function measureFilters(){\n   if(!ui||!list)return;\n   const overflow=list.scrollWidth>ui.clientWidth+2;ui.dataset.overflow=String(overflow);\n   const max=list.scrollWidth-list.clientWidth;\n   if(prev){prev.disabled=!overflow||list.scrollLeft<2;prev.setAttribute(\"aria-hidden\",String(!overflow));}\n   if(next){next.disabled=!overflow||list.scrollLeft>max-2;next.setAttribute(\"aria-hidden\",String(!overflow));}\n  }\n  function keepInView(tab){\n   if(!list||!tab)return;\n   const a=tab.getBoundingClientRect(),b=list.getBoundingClientRect();\n   let delta=0;if(a.left<b.left+8)delta=a.left-b.left-8;else if(a.right>b.right-8)delta=a.right-b.right+8;\n   if(delta)list.scrollBy({left:delta,behavior:reduce()?\"auto\":\"smooth\"});\n  }\n\n  async function selectFilter(key,focus){\n   if(!labels[key])return;\n   const matching=shuffle(allSlots.filter(slot=>matches(slot,key)));\n   const selected=tabs.find(t=>t.dataset.galleryFilter===key);\n   tabs.forEach(t=>{const on=t===selected;t.setAttribute(\"aria-selected\",String(on));t.tabIndex=on?0:-1;});\n   section.querySelectorAll(\"[data-gallery-copy]\").forEach(panel=>{const on=panel.dataset.galleryCopy===key;panel.hidden=!on;panel.inert=!on;panel.setAttribute(\"aria-hidden\",String(!on));});\n   if(focus)selected?.focus({preventScroll:true});keepInView(selected);\n   track.setAttribute(\"aria-labelledby\",selected?.id||\"\");\n   if(note)note.textContent=labels[key]+\" \u00b7 \"+matching.length+\" \"+(matching.length===1?\"Werk\":\"Werke\");\n   if(key===activeCategory&&!filtering)return;\n   pendingDir=0;if(down?.active)endDrag(null,true);const ticket=++filterSerial;activeCategory=key;clearTimeout(filterTimer);\n   if(finishMove)finishMove();++moveSerial;moving=false;stage.dataset.moving=\"false\";\n   closeAll(false);filtering=true;stage.dataset.filtering=\"true\";stage.dataset.transition=\"out\";stage.setAttribute(\"aria-busy\",\"true\");\n   clearTimeout(hoverTimer);clearTimeout(leaveTimer);hoverCandidate=null;lastPointerCard=null;down=null;\n   filterAnimations.forEach(a=>a.cancel());filterAnimations=[];filterGhost?.remove();filterGhost=null;\n   track.style.transition=\"none\";track.style.opacity=\"1\";\n   const nextColumns=matching.length===2?2:4;\n   \/\/ Keep the previous works visible while the requested ones load.\n   stage.dataset.transition=\"loading\";\n   if(inView)await Promise.all(matching.slice(0,nextColumns).map(loadSlot));\n   if(ticket!==filterSerial||signal.aborted)return;\n   let ghost=null;\n   if(!reduce()){\n    ghost=document.createElement(\"div\");ghost.className=\"ssn-art-track ssn-art-filter-ghost\";ghost.inert=true;ghost.setAttribute(\"aria-hidden\",\"true\");\n    ghost.style.setProperty(\"--ssn-art-columns\",String(columns()));\n    const freeze=(source,target,props)=>{const css=getComputedStyle(source);props.forEach(prop=>target.style.setProperty(prop,css.getPropertyValue(prop),\"important\"));};\n    slots().slice(0,columns()).forEach(slot=>{\n     const copy=slot.cloneNode(true),original=slot.querySelector(\".ssn-art-card\"),cloned=copy.querySelector(\".ssn-art-card\");\n     copy.style.flexBasis=(100\/columns())+\"%\";\n     if(original&&cloned){\n      const source=original.querySelector(\"img,video\");let target=cloned.querySelector(\"img,video\");\n      if(source.tagName===\"VIDEO\"){\n       const still=document.createElement(\"img\");still.alt=\"\";\n       try{const canvas=document.createElement(\"canvas\");canvas.width=Math.min(960,source.videoWidth||960);canvas.height=Math.round(canvas.width*(source.videoHeight||1)\/(source.videoWidth||1));canvas.getContext(\"2d\").drawImage(source,0,0,canvas.width,canvas.height);still.src=canvas.toDataURL(\"image\/jpeg\",.85);}catch(_){}\n       target.removeAttribute(\"src\");target.replaceWith(still);target=still;\n      }\n      freeze(original,cloned,[\"left\",\"width\",\"height\",\"clip-path\",\"transform\",\"z-index\"]);\n      freeze(source,target,[\"position\",\"left\",\"top\",\"width\",\"height\",\"transform\",\"object-fit\",\"object-position\"]);\n      cloned.removeAttribute(\"tabindex\");cloned.removeAttribute(\"role\");\n     }\n     copy.querySelectorAll(\"[id]\").forEach(n=>n.removeAttribute(\"id\"));ghost.append(copy);\n    });\n    stage.append(ghost);filterGhost=ghost;\n   }\n   closeTimers.forEach(clearTimeout);closeTimers.clear();queuedOpen=null;queuedPreview=null;pinned=null;\n   cards.forEach(card=>{card.classList.remove(\"is-open\",\"is-preview\",\"is-closing\");card.setAttribute(\"aria-expanded\",\"false\");card.style.zIndex=\"\";delete card.dataset.suppressed;});\n   allSlots.forEach(slot=>{slot.inert=true;slot.setAttribute(\"aria-hidden\",\"true\");slot.style.opacity=\"\";slot.style.transform=\"\";});\n   const padded=[...matching];columnCount=nextColumns;\n   while(padded.length<columns()){\n    const empty=document.createElement(\"div\");empty.className=\"ssn-art-slot ssn-art-placeholder\";empty.dataset.empty=\"true\";empty.setAttribute(\"aria-hidden\",\"true\");empty.setAttribute(\"role\",\"presentation\");empty.inert=true;padded.push(empty);\n   }\n   track.replaceChildren(...padded);track.style.transform=\"translateX(0px)\";\n   geometryShift=0;moving=false;geometry();visible();stage.dataset.category=key;\n   stage.dataset.actualCount=String(matching.length);stage.dataset.placeholderCount=String(Math.max(0,columns()-matching.length));stage.dataset.transition=\"blend\";\n   const incoming=reduce()?[]:[track.animate([{opacity:0},{opacity:1}],{duration:1800,easing:\"cubic-bezier(.4,0,.2,1)\",fill:\"both\"})];\n   if(ghost)incoming.push(ghost.animate([{opacity:1},{opacity:0}],{duration:1800,easing:\"cubic-bezier(.4,0,.2,1)\",fill:\"both\"}));\n   filterAnimations=incoming;\n   await Promise.all(incoming.map(a=>a.finished.catch(()=>{})));\n   if(ticket!==filterSerial||signal.aborted)return;\n   incoming.forEach(a=>a.cancel());ghost?.remove();filterGhost=null;filterAnimations=[];filtering=false;stage.dataset.filtering=\"false\";stage.dataset.transition=\"idle\";stage.setAttribute(\"aria-busy\",\"false\");syncMedia();measureFilters();\n  }\n  if(ui&&list&&tabs.length){\n   tabs.forEach(tab=>{\n    const total=allSlots.filter(slot=>matches(slot,tab.dataset.galleryFilter)).length;\n    const count=tab.querySelector(\".ssn-gallery-filter-count\");if(count)count.textContent=String(total);\n    tab.setAttribute(\"aria-label\",labels[tab.dataset.galleryFilter]+\", \"+total+\" \"+(total===1?\"Werk\":\"Werke\"));\n    tab.addEventListener(\"click\",()=>selectFilter(tab.dataset.galleryFilter,false),{signal});\n    tab.addEventListener(\"keydown\",e=>{\n     if(![\"ArrowLeft\",\"ArrowRight\",\"Home\",\"End\"].includes(e.key)||e.altKey||e.ctrlKey||e.metaKey)return;\n     e.preventDefault();e.stopPropagation();let i=tabs.indexOf(tab);\n     if(e.key===\"Home\")i=0;else if(e.key===\"End\")i=tabs.length-1;else i=(i+(e.key===\"ArrowRight\"?1:-1)+tabs.length)%tabs.length;\n     selectFilter(tabs[i].dataset.galleryFilter,true);\n    },{signal});\n   });\n   function scrollFilters(direction){list.scrollBy({left:direction*Math.max(100,list.clientWidth*.7),behavior:reduce()?\"auto\":\"smooth\"});}\n   prev?.addEventListener(\"click\",()=>scrollFilters(-1),{signal});next?.addEventListener(\"click\",()=>scrollFilters(1),{signal});\n   list.addEventListener(\"scroll\",measureFilters,{passive:true,signal});\n   filterResize=new ResizeObserver(()=>{measureFilters();keepInView(tabs.find(t=>t.dataset.galleryFilter===activeCategory));});filterResize.observe(ui);filterResize.observe(list);\n   if(document.fonts)document.fonts.ready.then(measureFilters);\n   selectFilter(\"all\",false);measureFilters();requestAnimationFrame(measureFilters);\n  }\n }\n\n section.addEventListener(\"pointermove\",e=>{\n  if(e.pointerType!==\"mouse\"||moving||openMode||!matchMedia(\"(hover:hover)\").matches)return;\n  clearTimeout(leaveTimer);const rect=stage.getBoundingClientRect(),index=Math.max(0,Math.min(columns()-1,Math.floor((e.clientX-rect.left)\/(rect.width\/columns()))));\n  const hit=e.target.closest(\".ssn-art-card.is-preview,.ssn-art-card.is-open\");\n  const card=e.target.closest(\".ssn-art-zone,#ssn-new-nav,.ssn-gallery-filters\")?null:hit||slots()[index]?.querySelector(\".ssn-art-card\");\n  if(card!==lastPointerCard){if(lastPointerCard)delete lastPointerCard.dataset.suppressed;lastPointerCard=card;}\n  if(card===hoverCandidate)return;hoverCandidate=card;clearTimeout(hoverTimer);\n  if(!card){queuedPreview=null;cards.forEach(c=>{if(c.classList.contains(\"is-preview\"))closeCard(c,false);});return;}\n  hoverTimer=setTimeout(()=>{if(hoverCandidate===card)preview(card);},90);\n },{passive:true,signal});\n section.addEventListener(\"pointerleave\",()=>{if(dragActive||down?.active)return;queuedPreview=null;clearTimeout(hoverTimer);hoverCandidate=null;if(lastPointerCard)delete lastPointerCard.dataset.suppressed;lastPointerCard=null;leaveTimer=setTimeout(()=>{if(!openMode)cards.forEach(c=>{if(c.classList.contains(\"is-preview\"))closeCard(c,false);});},100);},{signal});\n stage.addEventListener(\"click\",e=>{\n  if(dragActive||performance.now()<ignoreClickUntil){e.preventDefault();e.stopImmediatePropagation();return;}\n  if(e.target.closest(\"[data-art-prev]\")){e.preventDefault();move(-1);return;}\n  if(e.target.closest(\"[data-art-next]\")){e.preventDefault();move(1);return;}\n  const card=e.target.closest(\".ssn-art-card\");if(card){e.preventDefault();clickCard(card,e);}\n },{capture:true,signal});\n\n stage.addEventListener(\"keydown\",e=>{const card=e.target.closest(\".ssn-art-card\");if(e.key===\" \"&&card){e.preventDefault();if(!moving){if(openMode&&(pinned===card||queuedOpen===card))closeAll(true);else openCard(card);}}},{signal});\n \/* Direct pointer drag: one buffered column on either side, recycled continuously. *\/\n function dragSlots(){return dragActive?slots().slice(0,columns()+2):slots().slice(0,columns());}\n function dragMedia(){\n  const list=slots();\n  list.forEach((slot,i)=>{const off=i>columns()+1;slot.inert=off;slot.setAttribute('aria-hidden',String(off));});\n  [...list.slice(0,columns()+3),...list.slice(-2)].forEach(loadSlot);syncMedia();\n }\n function beginDrag(d){\n  d.active=true;dragActive=true;moving=true;pendingDir=0;\n  stage.dataset.dragging='true';stage.dataset.moving='true';ignoreClickUntil=Infinity;\n  \/\/ Keep the card that was expanded when the pointer went down, including its crop and position.\n  queuedOpen=null;queuedPreview=null;clearTimeout(hoverTimer);clearTimeout(leaveTimer);\n  closeTimers.forEach(clearTimeout);closeTimers.clear();\n  const held=d.expanded&&track.contains(d.expanded)?d.expanded:null;\n  dragHeld=held;pinned=held&&d.expandedKind==='is-open'?held:null;\n  hoverCandidate=held&&d.expandedKind==='is-preview'?held:null;lastPointerCard=held;\n  cards.forEach(card=>{\n   if(card===held){card.classList.remove('is-closing');card.classList.add(d.expandedKind);card.setAttribute('aria-expanded',String(d.expandedKind==='is-open'));return;}\n   card.classList.remove('is-open','is-preview','is-closing');card.style.zIndex='';card.setAttribute('aria-expanded','false');\n  });\n  d.unit=stage.clientWidth\/columns();d.offset=0;d.renderedX=d.x;d.targetX=d.x;\n  d.buffered=slots().filter(s=>s.querySelector('.ssn-art-card')).length>columns();\n  track.style.transition='none';\n  if(d.buffered){track.prepend(track.lastElementChild);geometryShift=-1;}\n  geometry();track.style.transform='translate3d('+(d.buffered?-d.unit:0)+'px,0,0)';dragMedia();\n  try{stage.setPointerCapture(d.id);}catch(_){}\n }\n function renderDrag(d){\n  dragFrame=0;if(!d?.active)return;\n  d.offset+=d.targetX-d.renderedX;d.renderedX=d.targetX;\n  if(d.buffered){\n   let changed=false;\n   while(d.offset<=-d.unit){track.append(track.firstElementChild);d.offset+=d.unit;changed=true;}\n   while(d.offset>=d.unit){track.prepend(track.lastElementChild);d.offset-=d.unit;changed=true;}\n   if(changed){geometry();dragMedia();}\n  }\n  const offset=d.buffered?d.offset:Math.max(-d.unit*.4,Math.min(d.unit*.4,d.offset*.4));\n  track.style.transform='translate3d('+(offset-(d.buffered?d.unit:0))+'px,0,0)';\n  stage.dataset.dragOffset=String(Math.round(offset));\n }\n function endDrag(e,cancelled=false){\n  const d=down;if(!d||e&&e.pointerId!==d.id)return;\n  stage.dataset.pressing='false';\n  if(!d.active){down=null;return;}\n  if(e&&!cancelled)d.targetX=e.clientX;\n  cancelAnimationFrame(dragFrame);renderDrag(d);down=null;\n  try{if(stage.hasPointerCapture(d.id))stage.releasePointerCapture(d.id);}catch(_){}\n  ignoreClickUntil=performance.now()+550;\n  const threshold=d.unit*(d.buffered?.5:.25);\n  const direction=d.offset<-threshold?1:d.offset>threshold?-1:0;\n  const target=d.buffered?-direction*d.unit:0;\n  let done=false;\n  function finish(){\n   if(done)return;done=true;clearTimeout(stepTimer);track.removeEventListener('transitionend',ended);\n   if(d.buffered){\n    if(direction>0)track.append(track.firstElementChild);else if(direction<0)track.prepend(track.lastElementChild);\n    track.append(track.firstElementChild);\n   }\n   track.style.transition='none';track.style.transform='translateX(0px)';geometryShift=0;\n   dragActive=false;moving=false;finishMove=null;stage.dataset.dragging='false';stage.dataset.moving='false';delete stage.dataset.dragOffset;\n   geometry();visible();\n   if(!d.buffered&&direction&&!cancelled)move(direction,true);else drainStep();\n  }\n  function ended(event){if(event.target===track&&event.propertyName==='transform')finish();}\n  finishMove=finish;track.addEventListener('transitionend',ended,{signal});\n  track.getBoundingClientRect();\n  track.style.transition=reduce()?'none':'transform 380ms cubic-bezier(.22,.61,.36,1)';\n  track.style.transform='translate3d('+(target-(d.buffered?d.unit:0))+'px,0,0)';\n  stepTimer=setTimeout(finish,reduce()?0:460);\n  if(reduce())finish();\n }\n stage.addEventListener('pointerdown',e=>{\n  if(!dragActive)ignoreClickUntil=0;\n  if(e.isPrimary===false||e.button!==0||moving||filtering||e.target.closest('.ssn-art-zone,a,input,select,textarea,button'))return;\n  const expanded=queuedOpen||pinned||cards.find(card=>card.classList.contains('is-preview'));\n  down={id:e.pointerId,x:e.clientX,y:e.clientY,lastX:e.clientX,time:performance.now(),velocity:0,active:false,expanded,expandedKind:expanded&&(expanded===pinned||expanded===queuedOpen||expanded.classList.contains('is-open'))?'is-open':'is-preview'};\n  stage.dataset.pressing='true';\n },{signal});\n stage.addEventListener('pointermove',e=>{\n  const d=down;if(!d||d.id!==e.pointerId)return;\n  const dx=e.clientX-d.x,dy=e.clientY-d.y;\n  if(!d.active){\n   if(Math.abs(dy)>12&&Math.abs(dy)>Math.abs(dx)*1.2){down=null;stage.dataset.pressing='false';return;}\n   if(Math.abs(dx)<9||Math.abs(dx)<Math.abs(dy)*1.15)return;\n   beginDrag(d);\n  }\n  const now=performance.now();d.velocity=(e.clientX-d.lastX)\/Math.max(8,now-d.time);d.lastX=e.clientX;d.time=now;d.targetX=e.clientX;\n  if(!dragFrame)dragFrame=requestAnimationFrame(()=>renderDrag(d));\n  e.preventDefault();\n },{passive:false,signal});\n stage.addEventListener('pointerup',e=>endDrag(e),{signal});\n stage.addEventListener('pointercancel',e=>endDrag(e,true),{signal});\n stage.addEventListener('lostpointercapture',e=>{if(down?.active)endDrag(e,true);},{signal});\n stage.addEventListener('pointerleave',()=>{if(down&&!down.active){down=null;stage.dataset.pressing='false';}},{signal});\n stage.addEventListener('dragstart',e=>e.preventDefault(),{signal});\n window.addEventListener('blur',()=>{if(down?.active)endDrag(null,true);else{down=null;stage.dataset.pressing='false';}},{signal});\n stage.addEventListener(\"wheel\",e=>{\n  const dx=e.shiftKey&&Math.abs(e.deltaX)<2?e.deltaY:e.deltaX;if(Math.abs(dx)<=Math.abs(e.shiftKey?0:e.deltaY)*1.15||Math.abs(dx)<1)return;\n  e.preventDefault();if(moving)return;wheelSum+=dx*(e.deltaMode===1?16:1);if(Math.abs(wheelSum)>=40)move(wheelSum>0?1:-1);\n },{passive:false,signal});\n window.addEventListener(\"resize\",()=>{dragHeld=null;if(down?.active)endDrag(null,true);if(finishMove)finishMove();geometry();},{passive:true,signal});\n const observer=new IntersectionObserver(entries=>{inView=entries[0].isIntersecting;if(!inView){if(down?.active)endDrag(null,true);closeAll(false);}syncMedia();},{threshold:0});observer.observe(section);\n document.addEventListener(\"visibilitychange\",syncMedia,{signal});\n const help=stage.querySelector(\".ssn-art-help\");if(help)help.textContent=\"Ziehen mit gedr\u00fcckter Maustaste oder horizontalem Wischen verschiebt die Gallery. Links und Rechts bl\u00e4ttern ebenfalls. Ein Klick \u00f6ffnet den Gallery-Modus. Ein weiterer Klick auf dieselbe Karte oder Leertaste schlie\u00dft ihn. Return f\u00fchrt zum n\u00e4chsten Bereich.\";\n geometry();visible();stage.tabIndex=-1;setMode(false);stage.dataset.ready=\"v5\";\n return {move,close:()=>closeAll(true),destroy(){cancelAnimationFrame(dragFrame);if(down?.active)endDrag(null,true);++moveSerial;++filterSerial;filterGhost?.remove();cards.forEach(c=>c.querySelector(\"video\")?.pause());filterAnimations.forEach(a=>a.cancel());if(finishMove)finishMove();clearTimeout(filterTimer);filterResize?.disconnect();clearTimeout(stepTimer);clearTimeout(hoverTimer);clearTimeout(leaveTimer);closeTimers.forEach(clearTimeout);observer.disconnect();}};\n}\nfunction init(){document.querySelectorAll(\".ssn-art-stage\").forEach(s=>{if(!instances.has(s)){const instance=create(s);if(instance)instances.set(s,instance);}});}\nfunction keydown(e){\n if(![\"ArrowLeft\",\"ArrowRight\"].includes(e.key)||e.altKey||e.ctrlKey||e.metaKey)return false;\n const target=e.target instanceof Element?e.target:null;\n if(target&&(target.isContentEditable||target.closest(\"input,textarea,select,[role=tab],.ssn-gallery-filters\")))return false;\n let stage=target?.closest(\".ssn-art-stage\");\n if(!stage)stage=Array.from(instances.keys()).find(s=>{const r=s.closest(\".et_pb_section\").getBoundingClientRect();return r.top<=innerHeight*.5&&r.bottom>innerHeight*.5;});\n const instance=instances.get(stage);if(!instance)return false;\n e.preventDefault();e.stopImmediatePropagation();instance.move(e.key===\"ArrowRight\"?1:-1);\n stage.focus({preventScroll:true});return true;\n}\nlet scheduled=false;\nconst observer=new MutationObserver(()=>{if(scheduled)return;scheduled=true;requestAnimationFrame(()=>{scheduled=false;init();});});\nobserver.observe(document.body,{childList:true,subtree:true});\nwindow[key]={key:keydown,closeAll(){instances.forEach(i=>i.close());},destroy(){events.abort();observer.disconnect();instances.forEach(i=>i.destroy());}};\nif(document.readyState===\"loading\")document.addEventListener(\"DOMContentLoaded\",init,{once:true,signal});else init();\n}());\n<\/script>\n<style id=\"ssn-instagram-strip-style\">\n\/* NEW02 \u00b7 Instagram: zwei bildf\u00fcllende Reihen, 100vh und Standbild-Parallax *\/\n.et_pb_section:has(.ssn-instagram-strip),\n.et_pb_section:has(.ssn-instagram-strip) > .et_pb_row,\n.et_pb_section:has(.ssn-instagram-strip) .et_pb_column,\n.et_pb_section:has(.ssn-instagram-strip) .et_pb_text{\n margin:0!important;padding:0!important;width:100%!important;max-width:none!important;\n height:100vh!important;min-height:100vh!important;display:block!important;\n}\n.et_pb_section:has(.ssn-instagram-strip){\n position:relative!important;overflow:hidden!important;clip-path:inset(0);\n background:#080808!important;isolation:isolate;\n}\n.ssn-instagram-strip{position:relative;width:100%;height:100vh;color:#fff;}\n.ssn-instagram-strip p:empty,.ssn-instagram-strip .instagram-gallery__actions{display:none!important;}\n.ssn-instagram-strip .instagram-gallery-feed{margin:0!important;padding:0!important;}\n.ssn-instagram-strip .instagram-gallery-list{\n position:fixed!important;inset:0!important;z-index:0;\n display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;\n grid-template-rows:repeat(2,minmax(0,1fr))!important;\n gap:0!important;width:100%!important;height:100vh!important;\n padding:0!important;margin:0!important;overflow:hidden!important;\n}\n.ssn-instagram-strip .instagram-gallery-list::before,.ssn-instagram-strip .instagram-gallery-list::after{display:none!important;content:none!important;}\n.ssn-instagram-strip .instagram-gallery-list > .instagram-gallery-item{\n display:block!important;position:relative!important;width:100%!important;height:100%!important;\n min-width:0!important;min-height:0!important;\n margin:0!important;padding:0!important;border:0!important;border-radius:0!important;\n transform:none!important;overflow:hidden!important;\n}\n.ssn-instagram-strip .instagram-gallery-item__wrap,\n.ssn-instagram-strip .instagram-gallery-item__media-wrap{\n display:block!important;width:100%!important;height:100%!important;\n padding:0!important;margin:0!important;aspect-ratio:auto!important;border-radius:0!important;\n}\n.ssn-instagram-strip .instagram-gallery-item__media{\n display:block!important;position:absolute!important;inset:0!important;\n width:100%!important;height:100%!important;object-fit:cover!important;\n border:0!important;border-radius:0!important;transform:none!important;\n}\n.ssn-instagram-strip .instagram-gallery-item__media-mask,\n.ssn-instagram-strip .instagram-gallery-item__icon{display:none!important;}\n.ssn-instagram-strip .instagram-gallery-item:focus-visible{outline:2px solid #2ea3f2!important;outline-offset:-3px;}\n.ssn-instagram-strip::after{content:\"\";position:absolute;inset:0;background:rgba(0,0,0,.47);z-index:1;pointer-events:none;}\n.ssn-instagram-copy{\n position:relative;z-index:2;box-sizing:border-box;height:100vh;\n display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);\n column-gap:clamp(40px,7vw,112px);align-content:center;align-items:start;\n max-width:1488px;margin:0 auto;padding:clamp(32px,6vh,76px) clamp(24px,6vw,104px);\n pointer-events:none;font-family:\"Open Sans\",Arial,sans-serif;text-align:left;\n}\n.ssn-instagram-copy h2{\n font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif!important;\n font-size:clamp(40px,4.1vw,64px)!important;line-height:1.03!important;\n letter-spacing:-.045em!important;font-weight:600!important;text-transform:uppercase!important;\n color:#fff!important;margin:0!important;padding:0!important;text-wrap:balance;\n}\n.ssn-instagram-description{padding-top:39px;}\n.ssn-instagram-description p{font-size:clamp(17px,1.35vw,20px)!important;line-height:1.65!important;\n color:#fff!important;margin:0 0 26px!important;padding:0!important;max-width:49ch;}\n.ssn-instagram-description a{\n pointer-events:auto;display:inline-flex;align-items:center;gap:14px;\n font:500 12px\/1.4 \"Open Sans\",Arial,sans-serif!important;letter-spacing:.12em;text-transform:uppercase;\n text-decoration:none!important;color:#fff!important;transition:color .5s ease,filter .5s ease;\n}\n.ssn-instagram-description a:hover{color:#2ea3f2!important;}\n.ssn-instagram-description a:focus-visible{outline:2px solid #2ea3f2;outline-offset:7px;}\n@media(max-width:767px){\n .ssn-instagram-copy{display:flex;flex-direction:column;justify-content:center;gap:30px;padding:40px 24px;}\n .ssn-instagram-description{padding-top:0;}\n .ssn-instagram-copy h2{font-size:clamp(38px,8.5vw,56px)!important;}\n .ssn-instagram-strip .instagram-gallery-list{width:150%!important;left:-25%!important;right:auto!important;}\n}\n@media(prefers-reduced-motion:reduce){.ssn-instagram-description a{transition:none!important;}}\n<\/style>\n\n<style id=\"ssn-instagram-view-style\">\n.ssn-instagram-strip .ssn-instagram-copy{opacity:1;transition:opacity .75s ease,visibility .75s ease;}\n.ssn-instagram-strip::after{opacity:1;transition:opacity .75s ease;}\n.ssn-instagram-strip.is-viewing .ssn-instagram-copy{opacity:0;visibility:hidden;}\n.ssn-instagram-strip.is-viewing::after{opacity:0;}\n.ssn-instagram-strip .instagram-gallery-list > .instagram-gallery-item{cursor:zoom-in!important;}\n.ssn-instagram-strip .instagram-gallery-list > .instagram-gallery-item[aria-pressed=\"true\"]{cursor:zoom-out!important;}\n@media(prefers-reduced-motion:reduce){.ssn-instagram-strip .ssn-instagram-copy,.ssn-instagram-strip::after{transition:none!important;}}\n<\/style>\n<script>\n(function(){\n function init(){\n var root=document.querySelector('.ssn-instagram-strip');\n if(!root)return;\n var selected=null;\n root.dataset.open='false';\n function close(){\n   if(selected)selected.setAttribute('aria-pressed','false');\n   selected=null;root.classList.remove('is-viewing');root.dataset.open='false';\n   root.querySelector('.ssn-instagram-copy').inert=false;\n }\n function alignInstagram(){\n   var section=root.closest('.et_pb_section'),bar=document.getElementById('wpadminbar');\n   if(!section)return;\n   var offset=bar&&getComputedStyle(bar).position==='fixed'?bar.getBoundingClientRect().height:0;\n   var top=Math.max(0,window.scrollY+section.getBoundingClientRect().top-offset);\n   if(Math.abs(window.scrollY-top)>2)window.scrollTo({top:top,behavior:matchMedia('(prefers-reduced-motion: reduce)').matches?'auto':'smooth'});\n }\n function select(card){\n   alignInstagram();\n   if(selected===card){close();return;}\n   if(selected)selected.setAttribute('aria-pressed','false');\n   selected=card;card.setAttribute('aria-pressed','true');\n   root.classList.add('is-viewing');root.dataset.open='true';\n   root.querySelector('.ssn-instagram-copy').inert=true;\n }\n function prepare(){\n   root.querySelectorAll('.instagram-gallery-list > .instagram-gallery-item').forEach(function(card){\n     if(card.dataset.ssnPrepared)return;\n     card.dataset.ssnPrepared='true';card.setAttribute('role','button');card.setAttribute('aria-pressed','false');\n     card.setAttribute('aria-label','Instagram-Bild ansehen. Erneut klicken, um den Text einzublenden.');\n   });\n }\n prepare();\n var obs=new MutationObserver(prepare);\n obs.observe(root.querySelector('.ssn-instagram-images'),{childList:true,subtree:true});\n root.addEventListener('click',function(event){\n   var card=event.target instanceof Element?event.target.closest('.instagram-gallery-list > .instagram-gallery-item'):null;\n   if(!card)return;\n   event.preventDefault();event.stopPropagation();select(card);\n },true);\n root.addEventListener('keydown',function(event){\n   if(event.key==='Escape'&&selected){event.preventDefault();close();return;}\n   var card=event.target instanceof Element?event.target.closest('.instagram-gallery-list > .instagram-gallery-item'):null;\n   if(card&&(event.key===' '||event.key==='Enter')){event.preventDefault();event.stopPropagation();select(card);}\n },true);\n}\n if(document.readyState===\"loading\")document.addEventListener(\"DOMContentLoaded\",init,{once:true});else init();\n})();\n<\/script>\n<style id=\"ssn-menu-brand-social-style\">\n#ssn-new-nav .ssn-nav-panel{flex-direction:column!important;align-items:flex-start!important;gap:20px;padding-top:36px!important;padding-bottom:28px!important;}\n#ssn-new-nav .ssn-nav-brand{display:block;flex:none;width:64px;height:64px;padding:0;border:0;transition:opacity .5s ease;}\n#ssn-new-nav .ssn-nav-brand img{display:block;width:100%;height:100%;object-fit:contain;}\n#ssn-new-nav .ssn-nav-brand:hover{opacity:.75;}\n#ssn-new-nav .ssn-panel-links{flex:none;margin:auto 0!important;}\n#ssn-new-nav .ssn-nav-instagram{display:inline-flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;transition:color .5s ease;}\n#ssn-new-nav .ssn-nav-instagram svg{display:block;width:26px;height:26px;}\n#ssn-new-nav .ssn-nav-instagram:hover{color:#2ea3f2!important;}\n@media(max-height:740px){\n #ssn-new-nav .ssn-nav-panel{gap:12px;padding-top:28px!important;padding-bottom:20px!important;}\n #ssn-new-nav .ssn-nav-brand{width:48px;height:48px;}\n #ssn-new-nav .ssn-panel-links a{font-size:16px!important;padding:6px 0!important;}\n}\n<\/style>\n<style id=\"ssn-contact-spacing-arrow-fix\">\n\/* Kontakt: Instagram 20px tiefer; identische Linkpfeile in allen Browsern. *\/\n#contact .ssn-social-row{position:relative;top:20px}\n.ssn-social-link>span[aria-hidden=\"true\"],.ssn-instagram-description a>span[aria-hidden=\"true\"],#contact .et_pb_contact_submit.et_pb_button::after{\n content:\"\"!important;display:inline-block!important;flex:0 0 10px!important;width:10px!important;height:10px!important;min-width:10px!important;font-size:0!important;line-height:0!important;background:currentColor!important;\n -webkit-mask:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 12.5l9-9m-8 0h8v8' fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\") center\/contain no-repeat!important;\n mask:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 12.5l9-9m-8 0h8v8' fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\") center\/contain no-repeat!important;\n}\n#contact .et_pb_contact_submit.et_pb_button::after{top:50%!important;transform:translateY(-50%)!important;margin:0!important;opacity:1!important}\n<\/style>\n<style id=\"ssn-about-subline-headline-style\">\n#about .ssn-screen-head .ssn-screen-subline{\n font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif!important;\n font-size:clamp(40px,4.1vw,64px)!important;\n font-weight:600!important;line-height:1.03!important;\n text-transform:uppercase!important;letter-spacing:-.045em!important;\n color:#fff!important;text-wrap:balance;max-width:none;\n margin:24px 0 0!important;padding:0!important;\n}\n@media(max-width:1100px){#about .ssn-screen-head .ssn-screen-subline{font-size:clamp(34px,4.2vw,50px)!important}}\n@media(max-width:767px){#about .ssn-screen-head .ssn-screen-subline{font-size:clamp(30px,8.3vw,44px)!important;line-height:1.04!important;max-width:17ch;margin-top:18px!important}}\n<\/style>\n<style id=\"ssn-gallery-filters-style\">\n\/* NEW02 gallery categories: shared type and rhythm, horizontal controls only on overflow. *\/\n#gallery .ssn-art-slot{flex-basis:calc(100% \/ var(--ssn-art-columns,4))}\n#gallery .ssn-art-track{opacity:1;transition:opacity .55s ease}\n#gallery .ssn-art-stage[data-filtering=true] .ssn-art-track{opacity:1;pointer-events:none}\n#gallery .ssn-gallery-filters{display:flex;align-items:center;min-width:0;width:100%;gap:4px;pointer-events:auto!important}\n#gallery .ssn-gallery-filter-list{display:flex;flex:1 1 auto;min-width:0;gap:20px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;border-bottom:1px solid rgba(255,255,255,.28);padding:0}\n#gallery .ssn-gallery-filter-list::-webkit-scrollbar{display:none}\n#gallery .ssn-gallery-filter-list button{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:12px 0!important;margin:0!important;background:none!important;border:0;border-radius:0;color:rgba(255,255,255,.65)!important;font:500 12px\/1.35 \"Open Sans\",Arial,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .3s ease}\n#gallery .ssn-gallery-filter-list button::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;opacity:0;transition:opacity .3s}\n#gallery .ssn-gallery-filter-list button[aria-selected=true]{color:#fff!important}\n#gallery .ssn-gallery-filter-list button[aria-selected=true]::after{opacity:1}\n#gallery .ssn-gallery-filter-list button:hover{color:#fff!important}\n#gallery .ssn-gallery-filter-count{font-size:9px;letter-spacing:0;opacity:.62;align-self:center}\n#gallery .ssn-gallery-filter-list button:focus-visible{outline:2px solid #9edff8;outline-offset:-2px}\n#gallery .ssn-filter-nav{display:none;flex:0 0 40px;align-items:center;justify-content:center;width:40px;min-width:40px;height:46px;padding:0!important;margin:0!important;background:none!important;border:0;border-radius:0;color:#fff;cursor:pointer;transition:opacity .3s}\n#gallery .ssn-gallery-filters[data-overflow=true] .ssn-filter-nav{display:inline-flex}\n#gallery .ssn-filter-nav svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3}\n#gallery .ssn-filter-nav:disabled{opacity:.22;cursor:default}\n#gallery .ssn-filter-nav:focus-visible{outline:2px solid #9edff8;outline-offset:-2px}\n#gallery .ssn-gallery-filter-status{font:400 11px\/1.5 \"Open Sans\",Arial,sans-serif!important;letter-spacing:.04em;color:rgba(255,255,255,.65)!important;padding:0!important;margin:15px 0 0!important;min-height:17px}\n@media(max-width:767px){\n #gallery .ssn-gallery-filter-list{gap:18px}\n #gallery .ssn-gallery-filter-list button{font-size:10px!important;letter-spacing:.06em}\n #gallery .ssn-filter-nav{flex-basis:36px;width:36px;min-width:36px}\n #gallery .ssn-gallery-filter-status{font-size:10px!important;margin-top:10px!important}\n}\n@media(prefers-reduced-motion:reduce){\n #gallery .ssn-art-track,#gallery .ssn-gallery-filter-list button,#gallery .ssn-gallery-filter-list button::after{transition:none!important}\n}\n<\/style>\n<style id=\"ssn-gallery-v2-style\">\n#gallery .ssn-art-stage,#gallery .ssn-art-slot.ssn-art-placeholder{background:#000}\n#gallery .ssn-art-slot.ssn-art-placeholder{pointer-events:none}\n#gallery .ssn-gallery-category-copy{display:grid;grid-template-columns:minmax(0,1fr);margin-top:24px;min-width:0}\n#gallery .ssn-gallery-category-panel{grid-area:1\/1!important;min-height:0!important;max-width:65ch;animation:ssn-info-in .7s ease both}\n#gallery .ssn-gallery-category-panel[hidden]{display:block!important;visibility:hidden;pointer-events:none;animation:none}\n#gallery .ssn-gallery-category-panel h3{font-size:clamp(20px,1.6vw,24px)!important;line-height:1.25!important;text-transform:none!important;margin:0 0 14px!important}\n#gallery .ssn-gallery-category-panel p{font:400 16px\/1.7 \"Open Sans\",Arial,sans-serif!important;color:rgba(255,255,255,.92)!important;margin:0!important;padding:0!important}\n#gallery .ssn-gallery-filter-status{margin-top:12px!important}\n#gallery .ssn-art-slot{will-change:auto}\n#gallery .ssn-art-stage[data-filtering=true] .ssn-art-slot{will-change:transform,opacity}\n@media(max-width:767px){\n #gallery .ssn-gallery-category-copy{margin-top:20px}\n #gallery .ssn-gallery-category-panel h3{font-size:19px!important;margin-bottom:10px!important}\n #gallery .ssn-gallery-category-panel p{font-size:14px!important;line-height:1.6!important}\n}\n@media(prefers-reduced-motion:reduce){#gallery .ssn-gallery-category-panel{animation:none!important}}\n<\/style>\n<style id=\"ssn-gallery-media-v3\">\n\/* Both galleries: original media, loaded only on demand. *\/\n#nft-exhibitions .ssn-art-slot{flex-basis:calc(100% \/ var(--ssn-art-columns,4))}\n.ssn-art-stage[data-layout=pair] .ssn-art-card:not(.is-open):not(.is-preview):not(.is-closing){left:0!important;width:100%!important;clip-path:inset(0)!important}\n.ssn-art-stage[data-layout=pair] .ssn-art-card:not(.is-open):not(.is-preview):not(.is-closing) :is(img,video){left:0!important;transform:none!important;width:100%!important;height:100%!important;object-fit:contain!important}\n.ssn-art-stage[data-filtering=true] .ssn-art-slot{will-change:transform,clip-path,opacity;overflow:hidden}\n.ssn-art-card video{pointer-events:none}\n<\/style>\n\n<style id=\"ssn-gallery-crossfade-v4\">\n.ssn-art-filter-ghost{position:absolute!important;inset:0!important;z-index:3!important;pointer-events:none!important;transform:none!important;overflow:hidden}\n.ssn-art-filter-ghost *{pointer-events:none!important;transition:none!important}\n<\/style>\n\n<script>\n\/* NEW03: native video URLs removed; only the visible background receives a source. *\/\n(function(){\n if(new URLSearchParams(location.search).get('et_fb')==='1')return;\n const cfg={\"hero\":{\"1\":{\"video\":\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/10\/SherdinArt-SashaSherdin-Banner006-small.mp4\",\"poster\":\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/10\/SherdinArt-SashaSherdin-Banner006-small.jpg\"},\"3\":{\"video\":\"https:\/\/sherdin.de\/wp-content\/uploads\/2026\/09\/sherdinart-bgv-girlsofsound-01-02.mp4\",\"poster\":\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/10\/SherdinArt-SashaSherdin-0911-Banner02small01.jpg\"},\"4\":{\"video\":\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/02\/SherdinArt-SashaSherdin-0797-Banner02.mp4\",\"poster\":\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/10\/SherdinArt-SashaSherdin-0797-Banner02-Slider.jpg\"},\"6\":{\"video\":\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/04\/SherdinArt-SashaSherdin-X001-Banner.mp4\",\"poster\":\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/10\/SherdinArt-SashaSherdin-X001-Banner-Slider.jpg\"},\"10\":{\"video\":\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/02\/SherdinArt-SashaSherdin-0904-Banner02.mp4\",\"poster\":\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/10\/SherdinArt-SashaSherdin-0904-Banner02-Slider.jpg\"},\"16\":{\"video\":\"https:\/\/sherdin.de\/wp-content\/uploads\/2026\/09\/SherdinArt-BGV13-1.mp4\",\"poster\":\"https:\/\/sherdin.de\/wp-content\/uploads\/2026\/09\/SherdinArt-BGV13-2.jpg\"}},\"sections\":{\"about\":{\"video\":\"https:\/\/sherdin.de\/wp-content\/uploads\/2026\/09\/sherdinart-bgv-girlsofsound-01-02.mp4\",\"poster\":\"@about\"},\"sherdinart\":{\"video\":\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/04\/SherdinArt-SashaSherdin-X001-Banner.mp4\",\"poster\":\"@sherdinart\"},\"projects\":{\"video\":\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/03\/BG001.mp4\",\"poster\":\"@projects\"},\"services\":{\"video\":\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/02\/SherdinArt-SashaSherdin-0904-Banner02.mp4\",\"poster\":\"@services\"},\"art\":{\"video\":\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/02\/SherdinArt-SashaSherdin-Banner006-1.mp4\",\"poster\":\"@art\"},\"illberlin\":{\"video\":\"https:\/\/ill.berlin\/wp-content\/uploads\/2025\/10\/BGV01.mp4\",\"poster\":\"@illberlin\"},\"sashassherdin\":{\"video\":\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/05\/SashaSherdin-MJ-20250527-002-2-2.mp4\",\"poster\":\"@sashassherdin\"}}},key='__ssnManagedBackgrounds';window[key]?.destroy();\n const events=new AbortController(),signal=events.signal,records=[],changes=[];\n const reduced=matchMedia('(prefers-reduced-motion:reduce)');let chosen=null;\n function poster(r){\n  if(!r.still.getAttribute('src')){r.still.src=r.cfg.poster;r.still.decode?.().catch(()=>{});}\n }\n function revealFrame(r){\n  if(r.frameReady||r.framePending||!r.active)return;\n  r.framePending=true;\n  function ready(){r.framePending=false;if(signal.aborted)return;r.frameReady=true;r.video.classList.add('ssn-frame-ready');}\n  if(typeof r.video.requestVideoFrameCallback==='function'){\n   r.video.requestVideoFrameCallback(()=>{\n    if(signal.aborted)return;\n    r.video.requestVideoFrameCallback(ready);\n   });\n  }else{requestAnimationFrame(()=>requestAnimationFrame(ready));}\n }\n function play(r){\n  if(!r.active||document.hidden||reduced.matches||r.pending)return;\n  if(!r.video.paused){revealFrame(r);return;}\n  r.pending=true;\n  Promise.resolve(r.video.play()).catch(()=>{}).finally(()=>{\n   r.pending=false;if(!r.active||document.hidden)r.video.pause();\n  });\n }\n function source(r){\n  if(r.video.getAttribute('src'))return;\n  r.video.preload='auto';r.video.src=r.cfg.video;r.video.load();\n }\n function sync(){\n  const choices=records.filter(r=>r.inView&&r.ratio>.02&&(r.kind!=='slide'||r.el.classList.contains('et-pb-active-slide')||r.el.classList.contains('et_pb_slide_active')));\n  choices.forEach(poster);choices.sort((a,b)=>b.ratio-a.ratio);\n  let next=choices[0];\n  if(chosen&&choices.includes(chosen)&&next&&chosen.ratio>=next.ratio-.12)next=chosen;\n  chosen=!document.hidden&&!reduced.matches?next:null;\n  records.forEach(r=>{\n   r.active=r===chosen;r.wrap.dataset.active=String(r.active);\n   if(!r.active){if(!r.video.paused)r.video.pause();return;}\n   source(r);play(r);\n  });\n }\n function add(el,conf,kind){\n  if(!el)return;\n  if(conf.poster?.startsWith('@')){\n   const payload=document.getElementById('ssn-poster-'+conf.poster.slice(1));\n   if(!payload?.getAttribute('data-src'))return;conf={...conf,poster:payload.getAttribute('data-src')};\n  }\n  const wrap=document.createElement('div');wrap.className='ssn-managed-bg';wrap.setAttribute('aria-hidden','true');wrap.inert=true;\n  const still=document.createElement('img');still.alt='';still.decoding='async';still.loading='eager';still.draggable=false;\n  const v=document.createElement('video');v.muted=true;v.defaultMuted=true;v.loop=true;v.playsInline=true;v.preload='none';v.setAttribute('muted','');v.setAttribute('playsinline','');v.setAttribute('disablepictureinpicture','');\n  wrap.append(still,v);el.prepend(wrap);\n  const r={el,cfg:conf,kind,still,video:v,wrap,inView:false,ratio:0,active:false,pending:false,frameReady:false,framePending:false};records.push(r);\n  if(kind==='section')poster(r);\n  v.addEventListener('playing',()=>revealFrame(r),{signal});\n  v.addEventListener('loadeddata',()=>{if(!r.frameReady)play(r);},{signal});\n  v.addEventListener('error',()=>{r.frameReady=false;r.framePending=false;v.classList.remove('ssn-frame-ready');},{signal});\n  return r;\n }\n function init(){\n  Object.entries(cfg.sections).forEach(([id,c])=>add(document.getElementById(id),c,'section'));\n  document.querySelectorAll('#zufall-slider,#sherdin-slider').forEach(slider=>{\n   const slides=[...slider.querySelectorAll('.et_pb_slide')];Object.entries(cfg.hero).forEach(([n,c])=>add(slides[Number(n)-1],c,'slide'));\n   const change=new MutationObserver(sync);change.observe(slider,{subtree:true,attributes:true,attributeFilter:['class']});changes.push(change);\n  });\n  const observe=new IntersectionObserver(entries=>{\n   entries.forEach(e=>{const r=records.find(r=>r.el===e.target);if(r){r.inView=e.isIntersecting;r.ratio=e.intersectionRatio;}});sync();\n  },{threshold:[0,.02,.15,.35,.5,.65,.85,1]});\n  records.forEach(r=>observe.observe(r.el));changes.push(observe);\n  const nearby=new IntersectionObserver(entries=>entries.forEach(e=>{\n   if(!e.isIntersecting)return;const r=records.find(r=>r.el===e.target);if(r)poster(r);nearby.unobserve(e.target);\n  }),{rootMargin:'100% 0px'});\n  records.forEach(r=>nearby.observe(r.el));changes.push(nearby);\n  document.addEventListener('visibilitychange',sync,{signal});reduced.addEventListener('change',sync,{signal});\n }\n window[key]={destroy(){events.abort();changes.forEach(o=>o.disconnect());records.forEach(r=>{r.active=false;r.video.pause();r.wrap.remove();});}};\n if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init,{once:true,signal});else init();\n})();\n<\/script>\n<style id=\"ssn-new03-bg-and-copy\">\n#logo-startbanner .et_pb_text_inner .ssn-hero-caption{display:block!important;width:100%!important;white-space:nowrap}\n@media(max-width:767px){#logo-startbanner .et_pb_text_inner .ssn-hero-caption{font-size:14px!important;letter-spacing:.12em;margin-top:24px!important}}\n.ssn-managed-bg{position:absolute;inset:0;overflow:hidden;clip-path:inset(0);z-index:0;isolation:isolate;pointer-events:none;background:#000}\n.ssn-managed-bg>img,.ssn-managed-bg>video{position:fixed;inset:0;display:block;width:100vw;height:100vh;max-width:none;object-fit:cover;object-position:center}\n.ssn-managed-bg>video{opacity:0;backface-visibility:hidden;transition:opacity 1.8s cubic-bezier(.25,.1,.25,1)}\n.ssn-managed-bg[data-active=true]>video{will-change:opacity}\n.ssn-managed-bg>video.ssn-frame-ready{opacity:1}\n.et_pb_slide>.ssn-managed-bg{clip-path:inset(0)}\n.et_pb_slide:has(>.ssn-managed-bg)>.et-pb-parallax-wrapper{visibility:hidden}\n.et_pb_slide>.ssn-managed-bg>:is(img,video){object-position:calc(50% + var(--mobile-shift,0px)) center}\n@media(max-width:767px){.ssn-managed-bg>img,.ssn-managed-bg>video{height:100svh}}\n@media(prefers-reduced-motion:reduce){.ssn-managed-bg>video{transition:none}}\n<\/style>\n<script>\n\/* NEW03: quiet compositor fade, prepared before the copy enters the viewport. *\/\n(function(){\n if(new URLSearchParams(location.search).get('et_fb')==='1')return;\n const key='__ssnInfoRevealV1';window[key]?.destroy();\n const events=new AbortController(),signal=events.signal,reduced=matchMedia('(prefers-reduced-motion:reduce)');\n const records=[];let observer;\n function finish(r){\n  if(r.done)return;r.done=true;r.animation?.cancel();\n  if(r.opacity)r.el.style.setProperty('opacity',r.opacity,r.priority);else r.el.style.removeProperty('opacity');\n  r.el.dataset.revealState='done';\n }\n function enter(r){\n  if(r.started||r.done)return;r.started=true;r.el.dataset.revealState='running';\n  if(reduced.matches){finish(r);return;}\n  try{\n   r.animation=r.el.animate([{opacity:0},{opacity:1}],{duration:1900,easing:'cubic-bezier(.25,.1,.25,1)',fill:'both'});\n   r.animation.finished.then(()=>finish(r),()=>finish(r));\n  }catch(_){finish(r);}\n }\n function init(){\n  const elements=[...document.querySelectorAll('.ssn-screen-copy,.ssn-instagram-description')];\n  observer=new IntersectionObserver(entries=>entries.forEach(e=>{\n   if(e.isIntersecting){const r=records.find(r=>r.el===e.target);if(r)enter(r);observer.unobserve(e.target);}\n  }),{threshold:0,rootMargin:'0px 0px -3% 0px'});\n  elements.forEach(el=>{\n   const r={el,opacity:el.style.getPropertyValue('opacity'),priority:el.style.getPropertyPriority('opacity'),started:false,done:false};records.push(r);\n   el.dataset.copyReveal='soft-fade-v2';el.dataset.revealState='waiting';\n   if(reduced.matches||typeof el.animate!=='function'){finish(r);return;}\n   el.style.opacity='0';\n   el.addEventListener('focusin',()=>finish(r),{signal});el.addEventListener('pointerdown',()=>finish(r),{signal});\n   observer.observe(el);\n  });\n }\n reduced.addEventListener('change',()=>{if(reduced.matches)records.forEach(finish);},{signal});\n window[key]={destroy(){events.abort();observer?.disconnect();records.forEach(finish);}};\n if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init,{once:true,signal});else init();\n})();\n<\/script>\n\n\n\n<style id=\"ssn-gallery-pointer-drag\">\n.ssn-art-stage{touch-action:pan-y;user-select:none;-webkit-user-select:none}\n.ssn-art-stage[data-pressing=true],.ssn-art-stage[data-pressing=true] .ssn-art-card,\n.ssn-art-stage[data-dragging=true],.ssn-art-stage[data-dragging=true] .ssn-art-card{cursor:grabbing!important}\n.ssn-art-stage[data-dragging=true] .ssn-art-card,.ssn-art-stage[data-dragging=true] .ssn-art-card *{transition:none!important;user-select:none!important}\n<\/style>\n\n<\/div><\/div><\/div><\/div><\/div><div class=\"et_pb_section_1 et_pb_section et_section_regular et_block_section\" id=\"home\"><div class=\"et_pb_row_1 et_pb_row et_block_row\" id=\"STUDIO\"><div class=\"et_pb_column_1 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_code_1 et_pb_code et_pb_module\" id=\"ssn-header-loader\"><div class=\"et_pb_code_inner\"><span class=\"ssn-new03-intro-marker\" hidden><\/span>\n<style>\n.et_pb_code:has(.ssn-new03-intro-marker){position:absolute!important;width:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important}\n#logo-startbanner .startlogotext{display:inline-block}\n#logo-startbanner .et_pb_text_inner>p:first-child{padding-bottom:0!important;margin-bottom:0!important}\n#logo-startbanner .ssn-hero-caption{font:400 11px\/1.6 \"Open Sans\",Arial,sans-serif!important;letter-spacing:.22em;text-transform:uppercase;margin:24px 0 0!important;padding:0!important;color:#fff;text-align:center}\n@media(max-width:767px){#logo-startbanner .ssn-hero-caption{font-size:9px!important;letter-spacing:.14em;margin-top:19px!important}}\n\n\/* One quiet entrance, with the first image and the wordmark ready before revealing. *\/\nhtml.ssn-new03-intro #home :is(#zufall-slider,#sherdin-slider){opacity:0!important;transition:opacity 2.2s cubic-bezier(.22,.61,.36,1)!important;will-change:opacity}\nhtml.ssn-new03-intro #logo-startbanner .et_pb_text_inner{opacity:0;transition:opacity 2.2s cubic-bezier(.22,.61,.36,1) .18s;will-change:opacity}\nhtml.ssn-new03-intro #logo-startbanner .ssn-hero-caption{opacity:0;transition:opacity 1.7s cubic-bezier(.22,.61,.36,1) .55s}\nhtml.ssn-new03-intro #ssn-new-nav{opacity:0;visibility:hidden;transition:opacity 1.5s cubic-bezier(.22,.61,.36,1) .8s;will-change:opacity}\nhtml.ssn-new03-intro.ssn-new03-intro-go #home :is(#zufall-slider,#sherdin-slider),\nhtml.ssn-new03-intro.ssn-new03-intro-go #logo-startbanner .et_pb_text_inner,\nhtml.ssn-new03-intro.ssn-new03-intro-go #logo-startbanner .ssn-hero-caption{opacity:1!important}\nhtml.ssn-new03-intro.ssn-new03-intro-go #ssn-new-nav{opacity:1;visibility:visible;animation:ssn-new03-nav-in 1.5s cubic-bezier(.22,.61,.36,1) .8s both}\n@keyframes ssn-new03-nav-in{from{opacity:0}to{opacity:1}}\n\n@media(hover:hover) and (pointer:fine){\n html.ssn-new03-cursor #cursor-root{transition:opacity .6s cubic-bezier(.22,.61,.36,1)!important}\n html.ssn-new03-cursor.ssn-cursor-away #cursor-root{opacity:0!important}\n html.ssn-new03-cursor.ssn-cursor-down #cursor-dot{width:34px!important;height:34px!important;background:transparent!important}\n html.ssn-new03-cursor.ssn-cursor-down #cursor-dot::before{content:\"\u2193\";opacity:1;transform:translate(-50%,-52%) scale(1);font-family:Arial,sans-serif;font-size:30px;font-weight:300;line-height:1;color:#2EA3F2}\n html.ssn-new03-cursor.ssn-cursor-down #home,html.ssn-new03-cursor.ssn-cursor-down #home *{cursor:none!important}\n}\n@media(prefers-reduced-motion:reduce){\n html.ssn-new03-intro #home :is(#zufall-slider,#sherdin-slider),html.ssn-new03-intro #logo-startbanner .et_pb_text_inner,html.ssn-new03-intro #logo-startbanner .ssn-hero-caption,html.ssn-new03-intro #ssn-new-nav{opacity:1!important;visibility:visible;transition:none!important}\n html.ssn-new03-cursor #cursor-root{transition:none!important}\n}\n<\/style>\n<script>\n(function(){\n const root=document.documentElement;\n if(new URLSearchParams(location.search).get('et_fb')==='1')return;\n const key='__ssnNew03Entrance';window[key]?.destroy();\n const events=new AbortController(),signal=events.signal,reduced=matchMedia('(prefers-reduced-motion:reduce)');\n let finished=false,timer=0,guard=0;\n function finish(){\n  if(finished)return;finished=true;clearTimeout(timer);clearTimeout(guard);\n  root.classList.remove('ssn-new03-intro','ssn-new03-intro-go');root.dataset.ssnIntroState='done';\n  window.dispatchEvent(new Event('sherdin:intro-ready'));\n }\n window[key]={destroy(){finish();events.abort();}};\n if(reduced.matches||scrollY>40||location.hash&&location.hash!=='#home'){finish();return;}\n root.classList.add('ssn-new03-intro');root.dataset.ssnIntroState='preparing';\n guard=setTimeout(finish,5200);\n function limit(job,ms){return Promise.race([Promise.resolve(job).catch(()=>{}),new Promise(r=>setTimeout(r,ms))]);}\n function imageReady(image){\n  if(!image)return Promise.resolve();\n  const loaded=image.complete&&image.naturalWidth>0?Promise.resolve():new Promise(resolve=>{\n   image.addEventListener('load',resolve,{once:true,signal});image.addEventListener('error',resolve,{once:true,signal});\n  });\n  return loaded.then(()=>image.decode?.().catch(()=>{}));\n }\n async function backgroundReady(){\n  const slider=[...document.querySelectorAll('#zufall-slider,#sherdin-slider')].find(s=>getComputedStyle(s).display!=='none'&&s.getBoundingClientRect().width>0);\n  if(!slider)return;\n  const slide=slider.querySelector('.et-pb-active-slide,.et_pb_slide_active')||slider.querySelector('.et_pb_slide');if(!slide)return;\n  const poster=slide.querySelector('.ssn-managed-bg>img');\n  if(poster){await imageReady(poster);return;}\n  const backgrounds=[slide,...slide.querySelectorAll('.et_parallax_bg,.et_pb_slide_image')];\n  const jobs=backgrounds.map(el=>{\n   const match=\/url\\([\"']?([^\"')]+)[\"']?\\)\/.exec(getComputedStyle(el).backgroundImage);if(!match)return Promise.resolve();\n   const image=new Image();image.decoding='async';image.src=match[1];return imageReady(image);\n  });\n  await Promise.all(jobs);\n }\n async function init(){\n  await new Promise(resolve=>requestAnimationFrame(()=>requestAnimationFrame(resolve)));\n  if(finished)return;\n  const logo=document.querySelector('#logo-startbanner .startlogo');if(!logo){finish();return;}\n  logo.fetchPriority='high';\n  await limit(Promise.all([document.fonts?.ready||Promise.resolve(),imageReady(logo),backgroundReady()]),1800);\n  if(finished)return;\n  requestAnimationFrame(()=>{\n   if(finished)return;root.classList.add('ssn-new03-intro-go');root.dataset.ssnIntroState='revealing';timer=setTimeout(finish,2650);\n  });\n }\n addEventListener('scroll',()=>{if(scrollY>40)finish();},{passive:true,signal});\n addEventListener('pagehide',finish,{signal});addEventListener('pageshow',e=>{if(e.persisted)finish();},{signal});\n reduced.addEventListener('change',finish,{signal});\n if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init,{once:true,signal});else init();\n})();\n<\/script>\n<script>\n(function(){\n if(new URLSearchParams(location.search).get('et_fb')==='1')return;\n const key='__ssnNew03Cursor';window[key]?.destroy();\n const root=document.documentElement,events=new AbortController(),signal=events.signal;\n const fine=matchMedia('(hover:hover) and (pointer:fine)');let point=null,pressed=null;\n root.classList.add('ssn-new03-cursor','ssn-cursor-away');\n const controls='a,button,[role=\"button\"],input,textarea,select,label,iframe,#logo-startbanner,#mp3player01,.ssn-mp3-panel,#ssn-new-nav,#wpadminbar';\n function lowerBanner(x,y,target){\n  if(!fine.matches||target?.closest(controls))return false;\n  const home=document.getElementById('home');if(!home)return false;\n  const r=home.getBoundingClientRect();\n  return r.top<innerHeight*.2&&r.bottom>innerHeight*.25&&x>=r.left&&x<=r.right&&y>=Math.max(0,r.top+r.height*.76)&&y<Math.min(innerHeight-2,r.bottom);\n }\n function hide(){root.classList.add('ssn-cursor-away');pressed=null;}\n function update(e){\n  if(e.pointerType&&e.pointerType!=='mouse'){hide();return;}\n  point={x:e.clientX,y:e.clientY,target:e.target instanceof Element?e.target:null};\n  if(!fine.matches||document.hidden||e.clientX<=2||e.clientY<=2||e.clientX>=innerWidth-2||e.clientY>=innerHeight-2){hide();return;}\n  root.classList.remove('ssn-cursor-away');\n  root.classList.toggle('ssn-cursor-down',lowerBanner(point.x,point.y,point.target));\n }\n document.addEventListener('pointermove',update,{passive:true,signal});\n document.addEventListener('mousemove',update,{passive:true,signal});\n document.addEventListener('pointerdown',e=>{pressed=e.button===0?{x:e.clientX,y:e.clientY}:null;},{passive:true,signal});\n document.documentElement.addEventListener('pointerleave',hide,{signal});\n document.addEventListener('mouseleave',hide,{signal});\n window.addEventListener('mouseout',e=>{if(!e.relatedTarget)hide();},{passive:true,signal});\n window.addEventListener('blur',hide,{signal});\n document.addEventListener('visibilitychange',()=>{if(document.hidden)hide();},{signal});\n window.addEventListener('scroll',()=>{if(point)root.classList.toggle('ssn-cursor-down',lowerBanner(point.x,point.y,point.target));},{passive:true,signal});\n fine.addEventListener('change',hide,{signal});\n window.addEventListener('click',e=>{\n  const target=e.target instanceof Element?e.target:null;\n  const moved=pressed&&Math.hypot(e.clientX-pressed.x,e.clientY-pressed.y)>9;pressed=null;\n  if(e.defaultPrevented||e.detail===0||e.button!==0||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||moved||!lowerBanner(e.clientX,e.clientY,target))return;\n  const next=document.getElementById('about');if(!next)return;\n  e.preventDefault();e.stopImmediatePropagation();\n  next.scrollIntoView({behavior:matchMedia('(prefers-reduced-motion:reduce)').matches?'auto':'smooth',block:'start'});\n },{capture:true,signal});\n window[key]={destroy(){events.abort();root.classList.remove('ssn-new03-cursor','ssn-cursor-away','ssn-cursor-down');}};\n})();\n<\/script>\n<\/div><\/div><div class=\"et_pb_text_1 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module sherdin-no-overlay\" id=\"logo-startbanner\"><div class=\"et_pb_text_inner\" data-et-mv-hidden-tablet=\"true\" data-et-mv-hidden-phone=\"true\"><p><button class=\"ssn-logo-play\" type=\"button\" aria-label=\"Sherdin Playlist starten\"><img loading=\"lazy\" decoding=\"async\" class=\"startlogo\" style=\"margin: 0px 1px -6px 0px!important;\" src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/10\/SHERDIN-Logo-small01.jpg\" width=\"98\" height=\"98\" \/> <span class=\"startlogotext\" style=\"font-size: 120px!important; font-weight: -11px!important;\">sherdin<\/span><\/button><\/p>\n<p class=\"ssn-hero-caption\">Visual Arts, Film, Web, AI &amp; Sound Design<\/p>\n<\/div><\/div><div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><span class=\"sxd-liquid-marker\" hidden><\/span>\n<style>\n\/* SHERDIN \u00b7 NEW STYLE 02 \u00b7 sxd-liquid v1.5 \u00b7 Headline-\u00dcberg\u00e4nge, separates ruhiges NEW03-Intro *\/\n.et_pb_code:has(.sxd-liquid-marker){position:absolute!important;width:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}\n#sxd-liquid-canvas{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:99990;pointer-events:none;display:block}\n\/* Intro: Logo \u00f6ffnet sich, der Schriftzug entsteht aus Fl\u00fcssigkeit *\/\n<\/style>\n<script>\n(function(){\n \"use strict\";\n if(location.search.indexOf(\"et_fb=1\")!==-1||window.self!==window.top&&\/et_fb|et_vb\/.test(location.search+document.documentElement.className))return;\n if(window.__sxdLiquid){window.__sxdLiquid.destroy();}\n if(matchMedia(\"(prefers-reduced-motion: reduce)\").matches)return;\n\n var root=document.documentElement;\n var canvas=document.createElement(\"canvas\");\n canvas.id=\"sxd-liquid-canvas\";\n canvas.setAttribute(\"aria-hidden\",\"true\");\n var opts={alpha:true,premultipliedAlpha:true,antialias:false,depth:false,stencil:false,preserveDrawingBuffer:false};\n var gl=canvas.getContext(\"webgl\",opts)||canvas.getContext(\"experimental-webgl\",opts);\n if(!gl)return;\n\n \/* ---------- Einstellungen ---------- *\/\n var CFG={\n  amp:.42,          \/* Feldst\u00e4rke je Tropfen *\/\n  threshold:.3,     \/* Grenze, ab der Fl\u00fcssigkeit sichtbar ist *\/\n  spread:.46,       \/* Versatz, mit dem die Buchstaben nacheinander schmelzen *\/\n  sigmaFactor:1,    \/* Tropfengr\u00f6\u00dfe im Verh\u00e4ltnis zum Raster *\/\n  rest:.6,          \/* Feldst\u00e4rke der ruhenden Schrift *\/\n  flow:.58,         \/* Dichte des Strahls: kleiner = feiner *\/\n  smooth:7.5,       \/* Tr\u00e4gheit des Scrollens: kleiner = weicher *\/\n  introMs:1550\n };\n\n var vsSplat=\"attribute vec4 a;uniform vec2 v;uniform float s;varying float k;varying vec3 c;void main(){gl_Position=vec4(a.x\/v.x*2.0-1.0,1.0-a.y\/v.y*2.0,0.0,1.0);gl_PointSize=ceil(a.z*6.0*s)+2.0;k=a.w;c=vec3(a.x*s,(v.y-a.y)*s,1.0\/(a.z*s));}\";\n var fsSplat=\"precision highp float;varying float k;varying vec3 c;void main(){vec2 d=(gl_FragCoord.xy-c.xy)*c.z;float r=dot(d,d);if(r>9.0)discard;gl_FragColor=vec4(k*exp(-r));}\";\n var vsQuad=\"attribute vec2 p;varying vec2 u;void main(){u=p*0.5+0.5;gl_Position=vec4(p,0.0,1.0);}\";\n var fsQuad=\"precision highp float;uniform sampler2D f;uniform vec2 t;uniform float th;uniform float ratio;uniform vec3 c;uniform float al;varying vec2 u;void main(){float v=texture2D(f,u).r;float gx=texture2D(f,u+vec2(t.x,0.0)).r-texture2D(f,u-vec2(t.x,0.0)).r;float gy=texture2D(f,u+vec2(0.0,t.y)).r-texture2D(f,u-vec2(0.0,t.y)).r;float g=max(length(vec2(gx,gy))*0.5*ratio,0.0008);float a=clamp((v-th)\/g+0.5,0.0,1.0)*al;gl_FragColor=vec4(c*a,a);}\";\n\n function shader(type,src){var s=gl.createShader(type);gl.shaderSource(s,src);gl.compileShader(s);return s;}\n function program(vs,fs){var p=gl.createProgram();gl.attachShader(p,shader(gl.VERTEX_SHADER,vs));gl.attachShader(p,shader(gl.FRAGMENT_SHADER,fs));gl.linkProgram(p);return gl.getProgramParameter(p,gl.LINK_STATUS)?p:null;}\n var pSplat=program(vsSplat,fsSplat),pQuad=program(vsQuad,fsQuad);\n if(!pSplat||!pQuad)return;\n var maxPoint=gl.getParameter(gl.ALIASED_POINT_SIZE_RANGE)[1]||64;\n var bufPts=gl.createBuffer(),bufQuad=gl.createBuffer();\n gl.bindBuffer(gl.ARRAY_BUFFER,bufQuad);\n gl.bufferData(gl.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,1,1]),gl.STATIC_DRAW);\n var L={a:gl.getAttribLocation(pSplat,\"a\"),v:gl.getUniformLocation(pSplat,\"v\"),s:gl.getUniformLocation(pSplat,\"s\"),\n  p:gl.getAttribLocation(pQuad,\"p\"),f:gl.getUniformLocation(pQuad,\"f\"),t:gl.getUniformLocation(pQuad,\"t\"),th:gl.getUniformLocation(pQuad,\"th\"),\n  ratio:gl.getUniformLocation(pQuad,\"ratio\"),c:gl.getUniformLocation(pQuad,\"c\"),al:gl.getUniformLocation(pQuad,\"al\")};\n var tex=null,fbo=null,fieldW=0,fieldH=0,fieldScale=1,vw=0,vh=0,dpr=1,lastW=0;\n\n function resizeGL(){\n  vw=innerWidth;vh=innerHeight;dpr=Math.min(window.devicePixelRatio||1,2);\n  fieldScale=Math.min(dpr,1.5);\n  canvas.width=Math.round(vw*dpr);canvas.height=Math.round(vh*dpr);\n  canvas.style.width=vw+\"px\";canvas.style.height=vh+\"px\";\n  fieldW=Math.max(1,Math.round(vw*fieldScale));fieldH=Math.max(1,Math.round(vh*fieldScale));\n  if(tex)gl.deleteTexture(tex);if(fbo)gl.deleteFramebuffer(fbo);\n  tex=gl.createTexture();gl.bindTexture(gl.TEXTURE_2D,tex);\n  gl.texImage2D(gl.TEXTURE_2D,0,gl.RGBA,fieldW,fieldH,0,gl.RGBA,gl.UNSIGNED_BYTE,null);\n  gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MIN_FILTER,gl.LINEAR);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MAG_FILTER,gl.LINEAR);\n  gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_S,gl.CLAMP_TO_EDGE);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_T,gl.CLAMP_TO_EDGE);\n  fbo=gl.createFramebuffer();gl.bindFramebuffer(gl.FRAMEBUFFER,fbo);\n  gl.framebufferTexture2D(gl.FRAMEBUFFER,gl.COLOR_ATTACHMENT0,gl.TEXTURE_2D,tex,0);\n  gl.bindFramebuffer(gl.FRAMEBUFFER,null);\n  dirty=true;\n }\n\n var data=new Float32Array(4*8000),dirty=false;\n function render(count,color,alpha){\n  gl.bindFramebuffer(gl.FRAMEBUFFER,fbo);gl.viewport(0,0,fieldW,fieldH);\n  gl.clearColor(0,0,0,0);gl.clear(gl.COLOR_BUFFER_BIT);\n  gl.useProgram(pSplat);gl.enable(gl.BLEND);gl.blendFunc(gl.ONE,gl.ONE);\n  gl.bindBuffer(gl.ARRAY_BUFFER,bufPts);gl.bufferData(gl.ARRAY_BUFFER,data.subarray(0,count*4),gl.DYNAMIC_DRAW);\n  gl.enableVertexAttribArray(L.a);gl.vertexAttribPointer(L.a,4,gl.FLOAT,false,0,0);\n  gl.uniform2f(L.v,vw,vh);gl.uniform1f(L.s,fieldScale);\n  gl.drawArrays(gl.POINTS,0,count);\n  gl.disableVertexAttribArray(L.a);gl.disable(gl.BLEND);\n  gl.bindFramebuffer(gl.FRAMEBUFFER,null);gl.viewport(0,0,canvas.width,canvas.height);\n  gl.clear(gl.COLOR_BUFFER_BIT);\n  gl.useProgram(pQuad);gl.activeTexture(gl.TEXTURE0);gl.bindTexture(gl.TEXTURE_2D,tex);\n  gl.uniform1i(L.f,0);gl.uniform2f(L.t,1\/fieldW,1\/fieldH);gl.uniform1f(L.th,CFG.threshold);\n  gl.uniform1f(L.ratio,fieldScale\/dpr);gl.uniform3f(L.c,color[0],color[1],color[2]);gl.uniform1f(L.al,alpha);\n  gl.bindBuffer(gl.ARRAY_BUFFER,bufQuad);gl.enableVertexAttribArray(L.p);gl.vertexAttribPointer(L.p,2,gl.FLOAT,false,0,0);\n  gl.drawArrays(gl.TRIANGLE_STRIP,0,4);gl.disableVertexAttribArray(L.p);\n  dirty=true;\n }\n function clearCanvas(){if(!dirty)return;gl.bindFramebuffer(gl.FRAMEBUFFER,null);gl.viewport(0,0,canvas.width,canvas.height);gl.clearColor(0,0,0,0);gl.clear(gl.COLOR_BUFFER_BIT);dirty=false;}\n\n \/* ---------- Schrift in Tropfen zerlegen ---------- *\/\n var samples=new Map(),pairs=new Map();\n function cap(){return vw<768?2600:5200;}\n function rgb(str){var m=str.match(\/[0-9.]+\/g)||[255,255,255];return [m[0]\/255,m[1]\/255,m[2]\/255];}\n function visible(el){var r=el.getBoundingClientRect();return r.width>2&&r.height>2;}\n function sample(el){\n  if(samples.has(el))return samples.get(el);\n  var box=el.getBoundingClientRect(),cs=getComputedStyle(el),pad=Math.ceil(parseFloat(cs.fontSize)*.4);\n  var W=Math.ceil(box.width+pad*2),H=Math.ceil(box.height+pad*2);\n  var c=document.createElement(\"canvas\");c.width=W;c.height=H;\n  var x=c.getContext(\"2d\",{willReadFrequently:true});x.fillStyle=\"#fff\";x.textBaseline=\"alphabetic\";\n  var walker=document.createTreeWalker(el,NodeFilter.SHOW_TEXT),node,range=document.createRange();\n  while((node=walker.nextNode())){\n   var ps=getComputedStyle(node.parentElement),fs=parseFloat(ps.fontSize);\n   x.font=ps.fontStyle+\" \"+ps.fontWeight+\" \"+fs+\"px \"+ps.fontFamily;\n   var upper=ps.textTransform===\"uppercase\",txt=node.nodeValue;\n   for(var i=0;i<txt.length;i++){\n    var ch=txt.charAt(i);if(ch.trim()===\"\")continue;\n    range.setStart(node,i);range.setEnd(node,i+1);\n    var rs=range.getClientRects();if(!rs.length)continue;var r=rs[0];\n    if(upper){ch=ch===\"\u00df\"?\"SS\":ch.toLocaleUpperCase(\"de\");}\n    var mt=x.measureText(ch),asc=mt.fontBoundingBoxAscent;if(!(asc>0))asc=fs*.82;\n    var desc=mt.fontBoundingBoxDescent;if(!(desc>0))desc=fs*.22;\n    var base=r.top+(r.height-(asc+desc))\/2+asc;\n    x.fillText(ch,r.left-box.left+pad,base-box.top+pad);\n   }\n  }\n  var img=x.getImageData(0,0,W,H).data,fsEl=parseFloat(cs.fontSize);\n  var h=Math.max(1.6,Math.min(3.2,fsEl\/26)),pts;\n  for(var pass=0;pass<4;pass++){\n   pts=[];\n   for(var yy=h\/2;yy<H;yy+=h)for(var xx=h\/2;xx<W;xx+=h){if(img[((yy|0)*W+(xx|0))*4+3]>127)pts.push(xx-pad,yy-pad);}\n   if(pts.length\/2<=cap())break;h*=Math.sqrt(pts.length\/2\/cap())*1.02;\n  }\n  var s={pts:pts,n:pts.length\/2,w:box.width,h:box.height,step:h,color:rgb(cs.color)};\n  samples.set(el,s);return s;\n }\n function restAmp(){return CFG.rest\/(Math.PI*CFG.sigmaFactor*CFG.sigmaFactor);}\n function hash(i){var v=Math.sin(i*127.1+311.7)*43758.5453;return v-Math.floor(v);}\n function gauss(i){return (hash(i)+hash(i+71.3)+hash(i+19.9)-1.5)*1.15;}\n function order(s,count){\n  var idx=[],keys=[];\n  for(var i=0;i<count;i++){var j=i<s.n?i:Math.floor(hash(i*3.1)*s.n);idx.push(j);\n   keys.push(.64*(s.pts[j*2]\/Math.max(1,s.w))+.36*(1-s.pts[j*2+1]\/Math.max(1,s.h))+.012*hash(i*1.7));}\n  var o=idx.map(function(_,i){return i;});o.sort(function(a,b){return keys[a]-keys[b];});\n  return o.map(function(i){return idx[i];});\n }\n function buildPair(A,B){\n  var sa=sample(A.el),sb=sample(B.el),n=Math.min(Math.max(sa.n,sb.n),cap()),oa=order(sa,n),ob=order(sb,n),P=new Float32Array(n*10),ca=new Uint16Array(sa.n),cb=new Uint16Array(sb.n),ra=restAmp();\n  for(var r=0;r<n;r++){ca[oa[r]]++;cb[ob[r]]++;}\n  for(r=0;r<n;r++){var a=oa[r],b=ob[r],k=r*10;P[k+8]=ra\/ca[a];P[k+9]=ra\/cb[b];\n   P[k]=sa.pts[a*2];P[k+1]=sa.pts[a*2+1];P[k+2]=sb.pts[b*2];P[k+3]=sb.pts[b*2+1];\n   P[k+4]=CFG.spread*r\/n+(hash(r*4.7)-.5)*.008;P[k+5]=gauss(r);P[k+6]=hash(r*8.3)*6.283;P[k+7]=hash(r*6.1);}\n  return {n:n,P:P,sa:sa,sb:sb};\n }\n\n \/* ---------- Bewegung ---------- *\/\n function clamp(v,a,b){return v<a?a:v>b?b:v;}\n function sstep(a,b,v){v=clamp((v-a)\/(b-a),0,1);return v*v*(3-2*v);}\n function bez(a,b,c,d,t){var u=1-t;return u*u*u*a+3*u*u*t*b+3*u*t*t*c+t*t*t*d;}\n\n var synced=false,items=[],secs=[],smoothY=scrollY,last=0,running=false,lastMove=0,active=-1,faded=new Set();\n function collect(){\n  items=[];\n  var logo=Array.prototype.slice.call(document.querySelectorAll(\"#logo-startbanner .startlogotext\")).filter(visible)[0];\n  var heads=Array.prototype.slice.call(document.querySelectorAll(\".ssn-screen-head h1,.ssn-screen-head h2,.ssn-instagram-copy h2\")).filter(visible);\n  (logo?[logo]:[]).concat(heads).forEach(function(el){var sec=el.closest(\".et_pb_section\");if(sec)items.push({el:el,sec:sec});});\n }\n \/* Sichtbarkeit des Textmoduls bis zum Bereich, z. B. 0 bei offener Galerie *\/\n function textVis(item){var o=1;for(var n=item.el.parentElement;n&&n!==item.sec;n=n.parentElement){var cs=getComputedStyle(n);if(cs.visibility===\"hidden\")return 0;o*=parseFloat(cs.opacity);if(!(o>0))return 0;}return o;}\n function setOpacity(el,v){var s=v>=.999?\"\":String(Math.round(v*1000)\/1000);if(el.style.opacity!==s)el.style.opacity=s;if(s)faded.add(el);else faded.delete(el);}\n function restoreAll(except){faded.forEach(function(el){if(!except||except.indexOf(el)<0)setOpacity(el,1);});}\n\n function frameScroll(now,dt){\n  if(root.classList.contains(\"ssn-new03-intro\")&&scrollY<innerHeight*.15){restoreAll();clearCanvas();return false;}\n  \/* Nach Laden oder Zur\u00fcck-Navigation: Scrollposition \u00fcbernehmen statt nachzuflie\u00dfen *\/\n  if(!synced){synced=true;smoothY=scrollY;}\n  \/* Spr\u00fcnge \u00fcber mehrere Bereiche (Men\u00fc, Return): nur den letzten \u00dcbergang zeigen *\/\n  var jump=scrollY-smoothY,lim=innerHeight*1.15;\n  if(Math.abs(jump)>lim)smoothY=scrollY-(jump>0?lim:-lim);\n  smoothY+=(scrollY-smoothY)*(1-Math.exp(-dt*CFG.smooth));\n  if(Math.abs(scrollY-smoothY)<.25)smoothY=scrollY;\n  var found=-1,m=0;\n  for(var i=0;i<items.length-1;i++){\n   var ta=items[i].sec.getBoundingClientRect().top+scrollY,tb=items[i+1].sec.getBoundingClientRect().top+scrollY;if(tb-ta>innerHeight)ta=tb-innerHeight;\n   if(tb<=ta)continue;var t=(smoothY-ta)\/(tb-ta);\n   if(t>0&&t<1){found=i;m=clamp((t-.04)\/.9,0,1);break;}\n  }\n  if(found<0||m<=0||m>=1){active=-1;restoreAll();clearCanvas();return false;}\n  if(active!==found){restoreAll();active=found;}\n  var A=items[found],B=items[found+1],vis=Math.min(textVis(A),textVis(B));\n  if(vis<.02){active=-1;restoreAll();clearCanvas();return true;}\n  if(!pairs.has(found))pairs.set(found,buildPair(A,B));\n  var pr=pairs.get(found),ra=A.el.getBoundingClientRect(),rb=B.el.getBoundingClientRect();\n  setOpacity(A.el,1-sstep(.008,.05,m));setOpacity(B.el,sstep(.955,.995,m));\n  var left=Math.min(ra.left,rb.left),xc=Math.max(8,left*.5),width=clamp(left*.035,1.2,4);\n  var narrow=vw<768,D=Math.max(40,rb.top-ra.top),grip=Math.min(D*.2,220),time=now\/1000,P=pr.P,n=pr.n;\n  var sigA=pr.sa.step*CFG.sigmaFactor,sigB=pr.sb.step*CFG.sigmaFactor,soft=sstep(0,.14,m);\n  for(var r=0;r<n;r++){\n   var k=r*10,sx=ra.left+P[k],sy=ra.top+P[k+1],gx=rb.left+P[k+2],gy=rb.top+P[k+3],d=P[k+4];\n   var p=clamp((m-d)\/(1-CFG.spread),0,1),x,y,sig,amp,o=r*4;\n   if(p<=0){\n    var sag=sstep(d-.07,d,m);x=sx;y=sy+sag*sigA*3.2;sig=sigA*(1+.12*soft+.45*sag);amp=P[k+8];\n   }else if(p>=1){x=gx;y=gy;sig=sigB;amp=P[k+9];}\n   else{\n    var q=.5-.5*Math.cos(Math.PI*p),mx=xc+P[k+5]*width,my=(sy+gy)*.5,bump=Math.sin(Math.PI*p);\n    if(narrow){\n     \/* Schmale Spalte: Fl\u00fcssigkeit l\u00e4uft nur durch den Rand, nie \u00fcber den Flie\u00dftext *\/\n     if(q<.5){var v=q*2;x=sx+(mx-sx)*sstep(0,.42,v);y=sy+(my-sy)*sstep(.3,1,v);}\n     else{var w=q*2-1;y=my+(gy-my)*sstep(0,.7,w);x=mx+(gx-mx)*sstep(.58,1,w);}\n    }else if(q<.5){var v=q*2,ex=1-(1-v)*(1-v)*(1-v);x=sx+(mx-sx)*ex;y=bez(sy,sy+grip,my-grip,my,v);}\n    else{var w=q*2-1,ew=w*w*(3-2*w);x=mx+(gx-mx)*ew;y=bez(my,my+grip,gy-grip,gy,w);}\n    x+=(Math.sin(y*.0075+time*1.3)*(narrow?1.5:7)+Math.sin(time*2.1+P[k+6])*.8)*bump;\n    var base=sigA+(sigB-sigA)*p;sig=Math.max(base,Math.min(base*(1+1.05*Math.pow(bump,.6))*(.92+.16*P[k+7]),xc*.38));\n    amp=Math.max(P[k+8]+(P[k+9]-P[k+8])*p,CFG.amp*CFG.flow*Math.min(1,bump*3));\n   }\n   data[o]=x;data[o+1]=y;data[o+2]=Math.min(sig,(maxPoint-3)\/6\/fieldScale);data[o+3]=amp;\n  }\n  var ca=pr.sa.color,cb=pr.sb.color;\n  render(n,[ca[0]+(cb[0]-ca[0])*m,ca[1]+(cb[1]-ca[1])*m,ca[2]+(cb[2]-ca[2])*m],sstep(0,.02,m)*(1-sstep(.97,1,m))*vis);\n  return true;\n }\n\n \/* ---------- Schleife ---------- *\/\n function loop(now){\n  var dt=Math.min(.05,last?(now-last)\/1000:.016);last=now;\n  var busy=false;\n  var act=frameScroll(now,dt);busy=Math.abs(scrollY-smoothY)>.25||(act&&now-lastMove<2500);\n  if(busy&&!document.hidden){requestAnimationFrame(loop);}else{running=false;last=0;}\n }\n function kick(){lastMove=performance.now();if(!running){running=true;requestAnimationFrame(loop);}}\n\n var ctrl=new AbortController(),sig=ctrl.signal,resizeTimer=0;\n function onResize(){\n  clearTimeout(resizeTimer);\n  resizeTimer=setTimeout(function(){var wChanged=innerWidth!==lastW;lastW=innerWidth;resizeGL();if(wChanged){samples.clear();pairs.clear();restoreAll();collect();}kick();},160);\n }\n function init(){\n  document.body.appendChild(canvas);lastW=innerWidth;resizeGL();collect();\n  addEventListener(\"scroll\",kick,{passive:true,signal:sig});\n  addEventListener(\"resize\",onResize,{passive:true,signal:sig});\n  document.addEventListener(\"visibilitychange\",kick,{signal:sig});\n  addEventListener(\"pageshow\",function(){synced=false;kick();},{signal:sig});\n  addEventListener(\"load\",function(){synced=false;kick();},{signal:sig});\n  canvas.addEventListener(\"webglcontextlost\",function(e){e.preventDefault();window.__sxdLiquid.destroy();},{signal:sig});\n  \/* Galerie \u00f6ffnen\/schlie\u00dfen: Canvas sofort nachziehen *\/\n  var stageObs=new MutationObserver(kick);\n  stageObs.observe(document.body,{attributes:true,subtree:true,attributeFilter:[\"data-open\"]});\n  sig.addEventListener(\"abort\",function(){stageObs.disconnect();});\n  document.addEventListener(\"transitionend\",function(e){if(active>=0&&e.target instanceof Element&&(e.target.classList.contains(\"et_pb_text\")||e.target.classList.contains(\"ssn-instagram-copy\")))kick();},{signal:sig});\n  if(document.fonts&&document.fonts.addEventListener)document.fonts.addEventListener(\"loadingdone\",function(){samples.clear();pairs.clear();},{signal:sig});\n }\n\n function boot(){\n  var b=document.body.classList;\n  if(b.contains(\"et-fb\")||b.contains(\"et_fb\")||b.contains(\"et-vb-app-ancestor\")||root.classList.contains(\"et-vb-root-ancestor\")){root.classList.remove(\"sxd-intro\");return;}\n  init();\n  var ready=document.fonts&&document.fonts.ready?document.fonts.ready:Promise.resolve();\n  Promise.race([ready,new Promise(function(resolve){setTimeout(resolve,700);})]).then(function(){samples.clear();collect();kick();});\n  addEventListener(\"sherdin:intro-ready\",kick,{signal:sig});\n }\n if(document.readyState===\"loading\")document.addEventListener(\"DOMContentLoaded\",boot,{once:true});else boot();\n\n window.__sxdLiquid={destroy:function(){ctrl.abort();restoreAll();canvas.remove();root.classList.remove(\"sxd-intro\",\"sxd-intro-logo\",\"sxd-intro-text\");},config:CFG};\n}());\n<\/script>\n<\/div><\/div><div class=\"et_pb_slider_0 et_pb_slider et_pb_slider_fullwidth_off et_pb_slider_no_arrows et_slider_auto et_slider_auto_ignore_hover et_slider_speed_8000 et_pb_module et_block_module\" id=\"zufall-slider\"><div class=\"et_pb_slides\"><div class=\"et_pb_slide_0 et_pb_slide et_pb_media_alignment_center et_pb_bg_layout_dark et_pb_text_align_center et_pb_section_parallax\" data-slide-id=\"divi\/slide-0\"><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background--css et-pb-parallax-background-module--divi-slide-0\" style=\"background-image:url(https:\/\/sherdin.de\/wp-content\/uploads\/2025\/10\/SherdinArt-SashaSherdin-Banner006-small.jpg)\"><\/span><\/span><div class=\"et_pb_container\"><div class=\"et_pb_slider_container_inner\"><div class=\"et_pb_slide_description\"><\/div><\/div><\/div><\/div><div class=\"et_pb_slide_1 et_pb_slide et_pb_media_alignment_center et_pb_bg_layout_dark et_pb_text_align_center et_pb_section_parallax\" data-slide-id=\"divi\/slide-1\"><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background--css et-pb-parallax-background-module--divi-slide-1\" style=\"background-image:url(https:\/\/sherdin.de\/wp-content\/uploads\/2024\/11\/SherdinArt-SashaSherdin-0793-1.jpg)\"><\/span><\/span><div class=\"et_pb_container\"><div class=\"et_pb_slider_container_inner\"><div class=\"et_pb_slide_description\"><\/div><\/div><\/div><\/div><div class=\"et_pb_slide_2 et_pb_slide et_pb_media_alignment_center et_pb_bg_layout_dark et_pb_text_align_center et_pb_section_parallax\" data-slide-id=\"divi\/slide-2\"><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background--css et-pb-parallax-background-module--divi-slide-2\" style=\"background-image:url(https:\/\/sherdin.de\/wp-content\/uploads\/2025\/10\/SherdinArt-SashaSherdin-0911-Banner02small01.jpg)\"><\/span><\/span><div class=\"et_pb_container\"><div class=\"et_pb_slider_container_inner\"><div class=\"et_pb_slide_description\"><\/div><\/div><\/div><\/div><div class=\"et_pb_slide_3 et_pb_slide et_pb_media_alignment_center et_pb_bg_layout_dark et_pb_text_align_center et_pb_section_parallax\" data-slide-id=\"divi\/slide-3\"><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background--css et-pb-parallax-background-module--divi-slide-3\" style=\"background-image:url(https:\/\/sherdin.de\/wp-content\/uploads\/2025\/10\/SherdinArt-SashaSherdin-0797-Banner02-Slider.jpg)\"><\/span><\/span><div class=\"et_pb_container\"><div class=\"et_pb_slider_container_inner\"><div class=\"et_pb_slide_description\"><\/div><\/div><\/div><\/div><div class=\"et_pb_slide_4 et_pb_slide et_pb_media_alignment_center et_pb_bg_layout_dark et_pb_text_align_center et_pb_section_parallax\" data-slide-id=\"divi\/slide-4\"><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background--css et-pb-parallax-background-module--divi-slide-4\" style=\"background-image:url(https:\/\/sherdin.de\/wp-content\/uploads\/2025\/10\/SherdinArt-SashaSherdin-0934-Banner-small02.jpg)\"><\/span><\/span><div class=\"et_pb_container\"><div class=\"et_pb_slider_container_inner\"><div class=\"et_pb_slide_description\"><\/div><\/div><\/div><\/div><div class=\"et_pb_slide_5 et_pb_slide et_pb_media_alignment_center et_pb_bg_layout_dark et_pb_text_align_center et_pb_section_parallax\" data-slide-id=\"divi\/slide-5\"><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background--css et-pb-parallax-background-module--divi-slide-5\" style=\"background-image:url(https:\/\/sherdin.de\/wp-content\/uploads\/2025\/10\/SherdinArt-SashaSherdin-X001-Banner-Slider.jpg)\"><\/span><\/span><div class=\"et_pb_container\"><div class=\"et_pb_slider_container_inner\"><div class=\"et_pb_slide_description\"><\/div><\/div><\/div><\/div><div class=\"et_pb_slide_6 et_pb_slide et_pb_media_alignment_center et_pb_bg_layout_dark et_pb_text_align_center et_pb_section_parallax\" data-slide-id=\"divi\/slide-6\"><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background--css et-pb-parallax-background-module--divi-slide-6\" style=\"background-image:url(https:\/\/sherdin.de\/wp-content\/uploads\/2025\/04\/SherdinArt-SashaSherdin-0916-Banner.jpg)\"><\/span><\/span><div class=\"et_pb_container\"><div class=\"et_pb_slider_container_inner\"><div class=\"et_pb_slide_description\"><\/div><\/div><\/div><\/div><div class=\"et_pb_slide_7 et_pb_slide et_pb_media_alignment_center et_pb_bg_layout_dark et_pb_text_align_center et_pb_section_parallax\" data-slide-id=\"divi\/slide-7\"><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background--css et-pb-parallax-background-module--divi-slide-7\" style=\"background-image:url(https:\/\/sherdin.de\/wp-content\/uploads\/2025\/02\/SherdinArt-SashaSherdin-0912-Banner.jpg)\"><\/span><\/span><div class=\"et_pb_container\"><div class=\"et_pb_slider_container_inner\"><div class=\"et_pb_slide_description\"><\/div><\/div><\/div><\/div><div class=\"et_pb_slide_8 et_pb_slide et_pb_media_alignment_center et_pb_bg_layout_dark et_pb_text_align_center et_pb_section_parallax\" data-slide-id=\"divi\/slide-8\"><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background--css et-pb-parallax-background-module--divi-slide-8\" style=\"background-image:url(https:\/\/sherdin.de\/wp-content\/uploads\/2025\/02\/SherdinArt-SashaSherdin-0918-Banner02.jpg)\"><\/span><\/span><div class=\"et_pb_container\"><div class=\"et_pb_slider_container_inner\"><div class=\"et_pb_slide_description\"><\/div><\/div><\/div><\/div><div class=\"et_pb_slide_9 et_pb_slide et_pb_media_alignment_center et_pb_bg_layout_dark et_pb_text_align_center et_pb_section_parallax\" data-slide-id=\"divi\/slide-9\"><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background--css et-pb-parallax-background-module--divi-slide-9\" style=\"background-image:url(https:\/\/sherdin.de\/wp-content\/uploads\/2025\/10\/SherdinArt-SashaSherdin-0904-Banner02-Slider.jpg)\"><\/span><\/span><div class=\"et_pb_container\"><div class=\"et_pb_slider_container_inner\"><div class=\"et_pb_slide_description\"><\/div><\/div><\/div><\/div><div class=\"et_pb_slide_10 et_pb_slide et_pb_media_alignment_center et_pb_bg_layout_dark et_pb_text_align_center et_pb_section_parallax\" data-slide-id=\"divi\/slide-10\"><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background--css et-pb-parallax-background-module--divi-slide-10\" style=\"background-image:url(https:\/\/sherdin.de\/wp-content\/uploads\/2024\/12\/SherdinArt-SashaSherdin-0902.jpg)\"><\/span><\/span><div class=\"et_pb_container\"><div class=\"et_pb_slider_container_inner\"><div class=\"et_pb_slide_description\"><\/div><\/div><\/div><\/div><div class=\"et_pb_slide_11 et_pb_slide et_pb_media_alignment_center et_pb_bg_layout_dark et_pb_text_align_center et_pb_section_parallax\" data-slide-id=\"divi\/slide-11\"><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background--css et-pb-parallax-background-module--divi-slide-11\" style=\"background-image:url(https:\/\/sherdin.de\/wp-content\/uploads\/2024\/02\/SherdinArt-SashaSherdin-0794-Banner.jpg)\"><\/span><\/span><div class=\"et_pb_container\"><div class=\"et_pb_slider_container_inner\"><div class=\"et_pb_slide_description\"><\/div><\/div><\/div><\/div><div class=\"et_pb_slide_12 et_pb_slide et_pb_media_alignment_center et_pb_bg_layout_dark et_pb_text_align_center et_pb_section_parallax\" data-slide-id=\"divi\/slide-12\"><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background--css et-pb-parallax-background-module--divi-slide-12\" style=\"background-image:url(https:\/\/sherdin.de\/wp-content\/uploads\/2024\/11\/SherdinArt-SashaSherdin-0795-Banner-1.jpg)\"><\/span><\/span><div class=\"et_pb_container\"><div class=\"et_pb_slider_container_inner\"><div class=\"et_pb_slide_description\"><\/div><\/div><\/div><\/div><div class=\"et_pb_slide_13 et_pb_slide et_pb_media_alignment_center et_pb_bg_layout_dark et_pb_text_align_center et_pb_section_parallax\" data-slide-id=\"divi\/slide-13\"><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background--css et-pb-parallax-background-module--divi-slide-13\" style=\"background-image:url(https:\/\/sherdin.de\/wp-content\/uploads\/2024\/11\/SherdinArt-SashaSherdin-0792-Banner-1.jpg)\"><\/span><\/span><div class=\"et_pb_container\"><div class=\"et_pb_slider_container_inner\"><div class=\"et_pb_slide_description\"><\/div><\/div><\/div><\/div><div class=\"et_pb_slide_14 et_pb_slide et_pb_media_alignment_center et_pb_bg_layout_dark et_pb_text_align_center et_pb_section_parallax\" data-slide-id=\"divi\/slide-14\"><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background--css et-pb-parallax-background-module--divi-slide-14\" style=\"background-image:url(https:\/\/sherdin.de\/wp-content\/uploads\/2025\/03\/SherdinArt-SashaSherdin-0923-Banner.jpg)\"><\/span><\/span><div class=\"et_pb_container\"><div class=\"et_pb_slider_container_inner\"><div class=\"et_pb_slide_description\"><\/div><\/div><\/div><\/div><div class=\"et_pb_slide_15 et_pb_slide et_pb_media_alignment_center et_pb_bg_layout_dark et_pb_text_align_center et_pb_section_parallax\" data-slide-id=\"divi\/slide-15\"><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background--css et-pb-parallax-background-module--divi-slide-15\" style=\"background-image:url(https:\/\/sherdin.de\/wp-content\/uploads\/2026\/09\/SherdinArt-BGV13-2.jpg)\"><\/span><\/span><div class=\"et_pb_container\"><div class=\"et_pb_slider_container_inner\"><div class=\"et_pb_slide_description\"><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/*\n * SHERDIN \u00b7 Videodarstellung au\u00dferhalb des Divi Builders.\n * Im Builder gelten Divis eigene Video- und Gr\u00f6\u00dfenregeln.\n *\/\n\nbody:not(.et-fb):not(.et_fb):not(.et-vb-app-ancestor):not(.et-vb-root-ancestor) .et_pb_section_video_bg .mejs-mediaelement {\n  clip-path: inset(0% 0% 0% 0%);\n}\n\nbody:not(.et-fb):not(.et_fb):not(.et-vb-app-ancestor):not(.et-vb-root-ancestor) .et_pb_section_video_bg video {\n  position: fixed;\n  top: 0;\n  left: 0;\n  min-width: 100%;\n  min-height: 100%;\n  object-fit: cover;\n  object-position: center center;\n}\n\n\/* Slider-Punkte au\u00dferhalb des Builders ausblenden *\/\nbody:not(.et-fb):not(.et_fb):not(.et-vb-app-ancestor):not(.et-vb-root-ancestor) #zufall-slider .et-pb-controllers,\nbody:not(.et-fb):not(.et_fb):not(.et-vb-app-ancestor):not(.et-vb-root-ancestor) #sherdin-slider .et-pb-controllers {\n  display: none !important;\n}\n\n\/* Normaler Cursor im Startbanner *\/\nbody:not(.et-fb):not(.et_fb):not(.et-vb-app-ancestor):not(.et-vb-root-ancestor) #home,\nbody:not(.et-fb):not(.et_fb):not(.et-vb-app-ancestor):not(.et-vb-root-ancestor) #zufall-slider,\nbody:not(.et-fb):not(.et_fb):not(.et-vb-app-ancestor):not(.et-vb-root-ancestor) #sherdin-slider {\n  cursor: default !important;\n}\n\n\/* Startbanner f\u00fcllt die sichtbare Fl\u00e4che *\/\nbody:not(.et-fb):not(.et_fb):not(.et-vb-app-ancestor):not(.et-vb-root-ancestor) #home {\n  height: 100dvh !important;\n  min-height: 100dvh !important;\n  max-height: 100dvh !important;\n  overflow: hidden !important;\n}\n\n\/* Tablet und Handy *\/\n@media only screen and (max-width: 980px) {\n  body:not(.et-fb):not(.et_fb):not(.et-vb-app-ancestor):not(.et-vb-root-ancestor) #zufall-slider.et_pb_slider_0 {\n    display: block !important;\n  }\n\n  body:not(.et-fb):not(.et_fb):not(.et-vb-app-ancestor):not(.et-vb-root-ancestor) #home.et_pb_section_0.et_pb_section {\n    margin-top: 0 !important;\n    height: 100dvh !important;\n    min-height: 100dvh !important;\n    max-height: 100dvh !important;\n  }\n\n  body:not(.et-fb):not(.et_fb):not(.et-vb-app-ancestor):not(.et-vb-root-ancestor) #home .et_pb_row,\n  body:not(.et-fb):not(.et_fb):not(.et-vb-app-ancestor):not(.et-vb-root-ancestor) #home .et_pb_column,\n  body:not(.et-fb):not(.et_fb):not(.et-vb-app-ancestor):not(.et-vb-root-ancestor) #zufall-slider,\n  body:not(.et-fb):not(.et_fb):not(.et-vb-app-ancestor):not(.et-vb-root-ancestor) #zufall-slider .et_pb_slides,\n  body:not(.et-fb):not(.et_fb):not(.et-vb-app-ancestor):not(.et-vb-root-ancestor) #zufall-slider .et_pb_slide,\n  body:not(.et-fb):not(.et_fb):not(.et-vb-app-ancestor):not(.et-vb-root-ancestor) #zufall-slider .et_pb_container {\n    height: 100dvh !important;\n    min-height: 100dvh !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  \"use strict\";\n\n  \/* Divi Builder zuverl\u00e4ssig erkennen *\/\n  function isBuilder() {\n    var selector =\n      \".et-fb, .et_fb, .et-fb-root-ancestor, \" +\n      \".et-vb-root-ancestor, .et-vb-app-ancestor\";\n\n    var query = new URLSearchParams(window.location.search);\n\n    return (\n      document.documentElement.matches(selector) ||\n      (document.body && document.body.matches(selector)) ||\n      query.get(\"et_fb\") === \"1\" ||\n      query.get(\"et_bfb\") === \"1\" ||\n      query.get(\"et_tb\") === \"1\" ||\n      query.get(\"app_window\") === \"1\"\n    );\n  }\n\n  \/* Keine eigene Slidersteuerung im Builder installieren *\/\n  if (isBuilder()) return;\n\n  \/* Sichtbaren Slider holen *\/\n  function getActiveSlider() {\n    var desktop = document.getElementById(\"zufall-slider\");\n    var mobile = document.getElementById(\"sherdin-slider\");\n\n    if (\n      desktop &&\n      window.getComputedStyle(desktop).display !== \"none\" &&\n      desktop.getBoundingClientRect().width > 0\n    ) {\n      return desktop;\n    }\n\n    if (\n      mobile &&\n      window.getComputedStyle(mobile).display !== \"none\" &&\n      mobile.getBoundingClientRect().width > 0\n    ) {\n      return mobile;\n    }\n\n    return desktop || mobile || null;\n  }\n\n  \/* Slider-Controller holen *\/\n  function getControllers(slider) {\n    if (!slider) return [];\n\n    return Array.prototype.slice.call(\n      slider.querySelectorAll(\".et-pb-controllers a\")\n    );\n  }\n\n  \/* Aktuelle Slide ermitteln *\/\n  function getCurrentIndex(controllers) {\n    for (var i = 0; i < controllers.length; i++) {\n      if (controllers[i].classList.contains(\"et-pb-active-control\")) {\n        return i;\n      }\n    }\n\n    var slider = getActiveSlider();\n    if (!slider) return 0;\n\n    var slides = slider.querySelectorAll(\".et_pb_slide\");\n\n    for (var j = 0; j < slides.length; j++) {\n      if (slides[j].classList.contains(\"et-pb-active-slide\")) {\n        return j;\n      }\n    }\n\n    return 0;\n  }\n\n  \/* Zu einer bestimmten Slide wechseln *\/\n  function goToSlide(index) {\n    var slider = getActiveSlider();\n    if (!slider) return;\n\n    var controllers = getControllers(slider);\n    if (!controllers.length) return;\n\n    if (index < 0) {\n      index = controllers.length - 1;\n    }\n\n    if (index >= controllers.length) {\n      index = 0;\n    }\n\n    controllers[index].click();\n  }\n\n  function previousSlide() {\n    var slider = getActiveSlider();\n    var controllers = getControllers(slider);\n    if (!controllers.length) return;\n\n    goToSlide(getCurrentIndex(controllers) - 1);\n  }\n\n  function nextSlide() {\n    var slider = getActiveSlider();\n    var controllers = getControllers(slider);\n    if (!controllers.length) return;\n\n    goToSlide(getCurrentIndex(controllers) + 1);\n  }\n\n  \/*\n   * Mausklick:\n   * linke Bannerh\u00e4lfte = zur\u00fcck\n   * rechte Bannerh\u00e4lfte = weiter\n   *\/\n  document.addEventListener(\"click\", function (event) {\n    if (isBuilder()) return;\n\n    var section = document.getElementById(\"home\");\n    if (!section) return;\n\n    \/* Links, Formulare, Logo und Player bleiben normal bedienbar *\/\n    if (\n      event.target.closest(\n        \"a, button, input, textarea, select, \" +\n        \"#logo-startbanner, #mp3player01, \" +\n        \".ssn-mp3-toggle, .ssn-mp3-panel\"\n      )\n    ) {\n      return;\n    }\n\n    var rect = section.getBoundingClientRect();\n\n    if (\n      event.clientX < rect.left ||\n      event.clientX > rect.right ||\n      event.clientY < rect.top ||\n      event.clientY > rect.bottom\n    ) {\n      return;\n    }\n\n    var middle = rect.left + rect.width \/ 2;\n\n    if (event.clientX < middle) {\n      previousSlide();\n    } else {\n      nextSlide();\n    }\n  }, true);\n\n  \/* Tastatur: Pfeil links \/ rechts *\/\n  document.addEventListener(\"keydown\", function (event) {\n    if (isBuilder()) return;\n\n    if (\n      event.key !== \"ArrowLeft\" &&\n      event.key !== \"ArrowRight\"\n    ) {\n      return;\n    }\n\n    var target = event.target;\n\n    if (\n      target &&\n      (\n        target.tagName === \"INPUT\" ||\n        target.tagName === \"TEXTAREA\" ||\n        target.tagName === \"SELECT\" ||\n        target.isContentEditable\n      )\n    ) {\n      return;\n    }\n\n    event.preventDefault();\n\n    if (event.key === \"ArrowLeft\") {\n      previousSlide();\n    } else {\n      nextSlide();\n    }\n  }, true);\n}());\n<\/script><\/div><\/div><div class=\"et_pb_code_4 et_pb_code et_pb_module\" id=\"mp3player01\"><div class=\"et_pb_code_inner\"><!-- SHERDIN \u00b7 SoundCloud Player v3 \u00b7 Playlist, Logo-Start und Lautst\u00e4rke -->\n<div class=\"ssn-mp3\">\n  <button\n    class=\"ssn-mp3-toggle\"\n    type=\"button\"\n    aria-label=\"Player starten\"\n    aria-controls=\"ssn-mp3-panel\"\n    aria-expanded=\"false\"\n  >\n    <span class=\"ssn-mp3-eq\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><\/span>\n  <\/button>\n\n  <section\n    id=\"ssn-mp3-panel\"\n    class=\"ssn-mp3-panel\"\n    aria-label=\"Sherdin Musikplayer\"\n    aria-hidden=\"true\"\n    inert\n  >\n    <button class=\"ssn-mp3-drag\" type=\"button\" aria-label=\"Player verschieben \u2013 ziehen oder Pfeiltasten verwenden\" title=\"Ziehen zum Verschieben\"><span aria-hidden=\"true\"><\/span><\/button>\n    <button class=\"ssn-mp3-dock\" type=\"button\" aria-label=\"Player unten andocken\" title=\"Unten andocken\" hidden><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 20h14M12 3v12m-5-5 5 5 5-5\"\/><\/svg><\/button>\n    <div class=\"ssn-mp3-inner\">\n      <div class=\"ssn-mp3-controls\">\n        <button class=\"ssn-mp3-skip ssn-mp3-prev\" type=\"button\" aria-label=\"Vorheriger Track\">\u2039<\/button>\n\n        <button class=\"ssn-mp3-play\" type=\"button\" aria-label=\"Wiedergabe starten\">\n          <span class=\"ssn-mp3-play-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" focusable=\"false\">\n              <path d=\"M8 5v14l11-7z\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <span class=\"ssn-mp3-pause-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" focusable=\"false\">\n              <path d=\"M7 5h4v14H7zM13 5h4v14h-4z\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/button>\n\n        <button class=\"ssn-mp3-skip ssn-mp3-next\" type=\"button\" aria-label=\"N\u00e4chster Track\">\u203a<\/button>\n      <\/div>\n\n      <div class=\"ssn-mp3-meta\">\n        <div class=\"ssn-mp3-artist\">SHERDIN<\/div>\n        <div class=\"ssn-mp3-track\" aria-live=\"polite\">PLAYLIST 01<\/div>\n\n        <div class=\"ssn-mp3-progress-row\">\n          <button\n            class=\"ssn-mp3-progress-eq\"\n            type=\"button\"\n            aria-label=\"Player minimieren\"\n            aria-controls=\"ssn-mp3-panel\"\n          >\n            <span class=\"ssn-mp3-eq\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><\/span>\n          <\/button>\n\n          <span class=\"ssn-mp3-current\">0:00<\/span>\n\n          <input\n            class=\"ssn-mp3-seek\"\n            type=\"range\"\n            min=\"0\"\n            max=\"1000\"\n            value=\"0\"\n            step=\"1\"\n            aria-label=\"Wiedergabeposition\"\n          >\n\n          <span class=\"ssn-mp3-duration\">0:00<\/span>\n        <\/div>\n\n        <a\n          class=\"ssn-mp3-link\"\n          href=\"https:\/\/soundcloud.com\/sherdin\/sets\/sherdin-playlist-01\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >SoundCloud<\/a>\n      <\/div>\n      <div class=\"ssn-mp3-volume-control\">\n        <button class=\"ssn-mp3-mute\" type=\"button\" aria-label=\"Stummschalten\" aria-pressed=\"false\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M11 5 6 9H3v6h3l5 4V5Z\"\/><path class=\"ssn-volume-waves\" d=\"M15 8a6 6 0 0 1 0 8m3-11a10 10 0 0 1 0 14\"\/><path class=\"ssn-volume-off\" d=\"m15 9 6 6m0-6-6 6\"\/><\/svg><\/button>\n        <input class=\"ssn-mp3-volume\" type=\"range\" min=\"0\" max=\"100\" value=\"70\" step=\"1\" aria-label=\"Lautst\u00e4rke\" aria-valuetext=\"70 Prozent\">\n      <\/div>\n    <\/div>\n\n    <button class=\"ssn-mp3-close\" type=\"button\" aria-label=\"Player schlie\u00dfen\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m6 6 12 12M18 6 6 18\"\/><\/svg><\/button>\n\n    <p class=\"ssn-mp3-status\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p>\n\n    <iframe\n      class=\"ssn-mp3-frame\"\n      title=\"Sherdin SoundCloud Player\"\n      allow=\"autoplay\"\n      scrolling=\"no\"\n      frameborder=\"0\"\n    ><\/iframe>\n  <\/section>\n<\/div>\n\n<style>\n\/* =========================================================\n   DIVI-CODE-MODUL\n========================================================= *\/\n\n#mp3player01.et_pb_code,\n#mp3player01 .et_pb_code_inner{\n  position:absolute !important;\n  width:0 !important;\n  height:0 !important;\n  min-height:0 !important;\n  margin:0 !important;\n  padding:0 !important;\n  overflow:visible !important;\n}\n\n\/* =========================================================\n   KLEINER EQUALIZER\n========================================================= *\/\n\n.ssn-mp3-toggle{\n  --ssn-player-edge:clamp(18px,2vw,40px);\n\n  position:fixed;\n  z-index:99996;\n  bottom:calc(var(--ssn-player-edge) - 18px);\n  left:calc(var(--ssn-player-edge) - 10px);\n\n  width:42px;\n  height:42px;\n  display:grid;\n  place-items:center;\n  padding:0;\n\n  color:rgba(255,255,255,.68);\n  background:transparent;\n  border:0;\n  border-radius:50%;\n  box-shadow:none;\n  cursor:pointer;\n  opacity:1;\n  visibility:visible;\n\n  -webkit-backdrop-filter:none;\n  backdrop-filter:none;\n\n  transition:\n    color .35s ease,\n    background-color .35s ease,\n    opacity .35s ease,\n    transform .55s cubic-bezier(.22,.61,.36,1),\n    visibility 0s linear 0s;\n}\n\n.ssn-mp3-toggle:hover{\n  color:#fff;\n  transform:scale(1.08);\n}\n\n.ssn-mp3-toggle:focus-visible,\n.ssn-mp3-skip:focus-visible,\n.ssn-mp3-play:focus-visible,\n.ssn-mp3-progress-eq:focus-visible,\n.ssn-mp3-link:focus-visible{\n  outline:2px solid #fff;\n  outline-offset:3px;\n}\n\n\/* Aktive Musik: Equalizer bleibt dezent und ohne Hintergrund *\/\n.ssn-mp3-toggle.is-playing{\n  color:#fff;\n  background:transparent;\n  box-shadow:none;\n  -webkit-backdrop-filter:none;\n  backdrop-filter:none;\n}\n\n\/* Solange das Panel offen ist, verschwindet der \u00e4u\u00dfere EQ *\/\nbody.ssn-mp3-is-open .ssn-mp3-toggle{\n  opacity:0;\n  visibility:hidden;\n  pointer-events:none;\n  transform:translateY(12px) scale(.82);\n  transition:\n    color .35s ease,\n    background-color .35s ease,\n    opacity .25s ease,\n    transform .35s ease,\n    visibility 0s linear .35s;\n}\n\n\/* =========================================================\n   EQUALIZER-ANIMATION\n========================================================= *\/\n\n.ssn-mp3-eq{\n  width:18px;\n  height:18px;\n  display:flex;\n  align-items:flex-end;\n  justify-content:center;\n  gap:2px;\n}\n\n.ssn-mp3-eq i{\n  display:block;\n  width:3px;\n  background:currentColor;\n  border-radius:3px;\n  transform-origin:center bottom;\n}\n\n.ssn-mp3-eq i:nth-child(1){ height:7px; }\n.ssn-mp3-eq i:nth-child(2){ height:14px; }\n.ssn-mp3-eq i:nth-child(3){ height:10px; }\n.ssn-mp3-eq i:nth-child(4){ height:5px; }\n\n.ssn-mp3-toggle.is-playing,\n.ssn-mp3-progress-eq.is-playing{\n  color:#fff;\n}\n\n.ssn-mp3-toggle.is-playing .ssn-mp3-eq i:nth-child(1),\n.ssn-mp3-progress-eq.is-playing .ssn-mp3-eq i:nth-child(1){\n  animation:ssn-eq-1 .78s ease-in-out infinite;\n}\n\n.ssn-mp3-toggle.is-playing .ssn-mp3-eq i:nth-child(2),\n.ssn-mp3-progress-eq.is-playing .ssn-mp3-eq i:nth-child(2){\n  animation:ssn-eq-2 .64s ease-in-out infinite;\n}\n\n.ssn-mp3-toggle.is-playing .ssn-mp3-eq i:nth-child(3),\n.ssn-mp3-progress-eq.is-playing .ssn-mp3-eq i:nth-child(3){\n  animation:ssn-eq-3 .88s ease-in-out infinite;\n}\n\n.ssn-mp3-toggle.is-playing .ssn-mp3-eq i:nth-child(4),\n.ssn-mp3-progress-eq.is-playing .ssn-mp3-eq i:nth-child(4){\n  animation:ssn-eq-4 .70s ease-in-out infinite;\n}\n\n@keyframes ssn-eq-1{\n  0%,100%{ transform:scaleY(.45); }\n  25%{ transform:scaleY(1.45); }\n  50%{ transform:scaleY(.70); }\n  75%{ transform:scaleY(1.15); }\n}\n\n@keyframes ssn-eq-2{\n  0%,100%{ transform:scaleY(.32); }\n  30%{ transform:scaleY(.70); }\n  55%{ transform:scaleY(1); }\n  78%{ transform:scaleY(.48); }\n}\n\n@keyframes ssn-eq-3{\n  0%,100%{ transform:scaleY(.50); }\n  20%{ transform:scaleY(1.20); }\n  45%{ transform:scaleY(.40); }\n  72%{ transform:scaleY(1.35); }\n}\n\n@keyframes ssn-eq-4{\n  0%,100%{ transform:scaleY(.65); }\n  28%{ transform:scaleY(1.75); }\n  52%{ transform:scaleY(.50); }\n  80%{ transform:scaleY(1.30); }\n}\n\n\/* =========================================================\n   PLAYER-PANEL\n========================================================= *\/\n\n.ssn-mp3-panel{\n  position:fixed;\n  z-index:99995;\n  right:0;\n  bottom:0;\n  left:0;\n\n  min-height:106px;\n  display:flex;\n  align-items:center;\n  background:rgba(0,0,0,.84);\n\n  opacity:0;\n  visibility:hidden;\n  pointer-events:none;\n  transform:translateY(100%);\n  touch-action:pan-y;\n\n  transition:\n    opacity .55s ease,\n    transform .70s cubic-bezier(.22,.61,.36,1),\n    visibility 0s linear .70s;\n}\n\n@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){\n  .ssn-mp3-panel{\n    background:rgba(0,0,0,.58);\n    -webkit-backdrop-filter:blur(18px);\n    backdrop-filter:blur(18px);\n  }\n}\n\nbody.ssn-mp3-is-open .ssn-mp3-panel{\n  opacity:1;\n  visibility:visible;\n  pointer-events:auto;\n  transform:translateY(0);\n  transition:\n    opacity .55s ease,\n    transform .70s cubic-bezier(.22,.61,.36,1),\n    visibility 0s linear 0s;\n}\n\n.ssn-mp3-inner{\n  width:min(800px, calc(100% - 40px));\n  min-height:106px;\n  margin:0 auto;\n\n  display:flex;\n  align-items:center;\n  gap:22px;\n\n  color:#fff;\n  font-family:\"le-havre\",Arial,sans-serif;\n}\n\n\/* =========================================================\n   STEUERUNG\n========================================================= *\/\n\n.ssn-mp3-controls{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  flex:0 0 auto;\n}\n\n.ssn-mp3-skip,\n.ssn-mp3-play,\n.ssn-mp3-progress-eq{\n  display:grid;\n  place-items:center;\n  border:0;\n  padding:0;\n  color:#fff;\n  background:transparent;\n  cursor:pointer;\n}\n\n.ssn-mp3-skip,\n.ssn-mp3-play{\n  transition:opacity .35s ease, transform .55s cubic-bezier(.22,.61,.36,1);\n}\n\n.ssn-mp3-skip{\n  width:30px;\n  height:30px;\n  font-family:Arial,sans-serif;\n  font-size:31px;\n  font-weight:200;\n  line-height:1;\n  opacity:.56;\n}\n\n.ssn-mp3-skip:hover{\n  opacity:1;\n  transform:scale(1.16);\n}\n\n.ssn-mp3-play{\n  width:48px;\n  height:48px;\n  border-radius:50%;\n  color:#050505;\n  background:#fff;\n}\n\n.ssn-mp3-play:hover{ transform:scale(1.08); }\n\n.ssn-mp3-play svg{\n  display:block;\n  width:19px;\n  height:19px;\n  fill:currentColor;\n}\n\n.ssn-mp3-play-icon{\n  display:grid;\n  transform:translateX(1px);\n}\n\n.ssn-mp3-pause-icon{ display:none; }\n.ssn-mp3-play.is-playing .ssn-mp3-play-icon{ display:none; }\n.ssn-mp3-play.is-playing .ssn-mp3-pause-icon{ display:grid; }\n\n\/* =========================================================\n   TRACKDATEN\n========================================================= *\/\n\n.ssn-mp3-meta{\n  min-width:0;\n  flex:1 1 auto;\n  display:flex;\n  flex-direction:column;\n  align-items:flex-start;\n}\n\n.ssn-mp3-artist{\n  color:rgba(255,255,255,.52);\n  font-size:10px;\n  font-weight:500;\n  letter-spacing:.12em;\n  line-height:1.2;\n  text-transform:uppercase;\n}\n\n.ssn-mp3-track{\n  width:100%;\n  max-width:100%;\n  margin-top:4px;\n  overflow:hidden;\n  color:#fff;\n  font-size:15px;\n  font-weight:500;\n  letter-spacing:.02em;\n  line-height:1.2;\n  text-overflow:ellipsis;\n  text-transform:uppercase;\n  white-space:nowrap;\n}\n\n\/* =========================================================\n   ZEITLEISTE\n========================================================= *\/\n\n.ssn-mp3-progress-row{\n  width:100%;\n  max-width:430px;\n  min-width:0;\n  margin-top:7px;\n\n  display:grid;\n  grid-template-columns:22px max-content minmax(120px,1fr) max-content;\n  align-items:center;\n  column-gap:4px;\n}\n\n.ssn-mp3-progress-eq{\n  width:22px;\n  height:24px;\n  color:rgba(255,255,255,.68);\n  transition:color .35s ease, transform .45s ease;\n}\n\n.ssn-mp3-progress-eq:hover{\n  color:#fff;\n  transform:scale(1.08);\n}\n\n.ssn-mp3-current,\n.ssn-mp3-duration{\n  min-width:29px;\n  color:rgba(255,255,255,.58);\n  font-family:Arial,sans-serif;\n  font-size:9px;\n  font-variant-numeric:tabular-nums;\n  line-height:1;\n  white-space:nowrap;\n}\n\n.ssn-mp3-duration{ text-align:right; }\n\n.ssn-mp3-seek{\n  --ssn-progress:0%;\n\n  width:100%;\n  min-width:0;\n  height:14px;\n  margin:0;\n  padding:0;\n  border:0;\n  border-radius:999px;\n  outline:0;\n  cursor:pointer;\n  appearance:none;\n  -webkit-appearance:none;\n\n  background:\n    linear-gradient(\n      to right,\n      rgba(255,255,255,.95) 0,\n      rgba(255,255,255,.95) var(--ssn-progress),\n      rgba(255,255,255,.25) var(--ssn-progress),\n      rgba(255,255,255,.25) 100%\n    ) center \/ 100% 2px no-repeat;\n}\n\n.ssn-mp3-seek::-webkit-slider-runnable-track{\n  height:14px;\n  background:transparent;\n}\n\n.ssn-mp3-seek::-webkit-slider-thumb{\n  width:8px;\n  height:8px;\n  margin-top:3px;\n  border:0;\n  border-radius:50%;\n  background:#fff;\n  box-shadow:none;\n  appearance:none;\n  -webkit-appearance:none;\n}\n\n.ssn-mp3-seek::-moz-range-track{\n  height:2px;\n  border:0;\n  background:transparent;\n}\n\n.ssn-mp3-seek::-moz-range-progress{\n  height:2px;\n  background:transparent;\n}\n\n.ssn-mp3-seek::-moz-range-thumb{\n  width:8px;\n  height:8px;\n  border:0;\n  border-radius:50%;\n  background:#fff;\n  box-shadow:none;\n}\n\n.ssn-mp3-seek:focus-visible{\n  outline:2px solid #fff;\n  outline-offset:3px;\n}\n\n\/* =========================================================\n   SOUNDCLOUD-LINK \/ TECHNIK\n========================================================= *\/\n\n.ssn-mp3-link,\n.ssn-mp3-link:link,\n.ssn-mp3-link:visited{\n  margin-top:5px;\n  color:#2ea3f2 !important;\n  font-size:9px;\n  font-weight:500;\n  letter-spacing:.15em;\n  line-height:1;\n  text-decoration:none;\n  text-transform:uppercase;\n  transition:color .8s ease !important;\n}\n\nhtml body > .ssn-mp3-panel .ssn-mp3-link:hover,\nhtml body > .ssn-mp3-panel .ssn-mp3-link:focus-visible{\n  color:#fff !important;\n}\n\n.ssn-mp3-frame,\n.ssn-mp3-status{\n  position:absolute;\n  width:1px;\n  height:1px;\n  margin:-1px;\n  padding:0;\n  overflow:hidden;\n  clip:rect(0 0 0 0);\n  clip-path:inset(50%);\n  white-space:nowrap;\n  border:0;\n}\n\n.ssn-mp3-frame{\n  opacity:0;\n  pointer-events:none;\n}\n\n\/* =========================================================\n   DESKTOP\n========================================================= *\/\n\n@media (min-width:981px){\n  .ssn-mp3-link{ margin-top:10px; }\n\n  \/* Desktop: Equalizer 5px h\u00f6her und insgesamt 20px Luft nach rechts *\/\n  .ssn-mp3-progress-eq{\n    transform:translateY(-5px);\n  }\n\n  .ssn-mp3-progress-eq:hover{\n    transform:translateY(-5px) scale(1.08);\n  }\n\n  .ssn-mp3-current{\n    margin-left:16px;\n  }\n}\n\n\/* =========================================================\n   iPAD \/ TABLET\n========================================================= *\/\n\n@media (min-width:621px) and (max-width:1180px){\n  .ssn-mp3-toggle{\n    transform:translateY(-15px);\n  }\n\n  .ssn-mp3-toggle:hover{\n    transform:translateY(-15px) scale(1.08);\n  }\n\n  .ssn-mp3-inner{\n    width:auto;\n    margin-left:32px;\n    margin-right:32px;\n  }\n\n  .ssn-mp3-meta{\n    width:auto;\n    min-width:0;\n    flex:1 1 auto;\n    overflow:visible;\n  }\n\n  .ssn-mp3-track,\n  .ssn-mp3-progress-row{\n    max-width:100%;\n  }\n}\n\n\/* =========================================================\n   HANDY\n========================================================= *\/\n\n@media (max-width:620px){\n  .ssn-mp3-toggle{\n    --ssn-player-edge:14px;\n    width:40px;\n    height:40px;\n    bottom:calc(var(--ssn-player-edge) + 7px);\n  }\n\n  .ssn-mp3-panel,\n  .ssn-mp3-inner{\n    min-height:108px;\n  }\n\n  .ssn-mp3-inner{\n    width:auto;\n    margin-left:4px;\n    margin-right:24px;\n\n    display:grid;\n    grid-template-columns:max-content minmax(0,1fr);\n    align-items:center;\n    column-gap:10px;\n  }\n\n  .ssn-mp3-controls{ gap:8px; }\n\n  .ssn-mp3-skip{\n    width:28px;\n    height:34px;\n    font-size:28px;\n  }\n\n  .ssn-mp3-play{\n    width:46px;\n    height:46px;\n  }\n\n  .ssn-mp3-meta{\n    width:auto;\n    min-width:0;\n    max-width:none;\n    display:flex;\n    flex:none;\n    overflow:visible;\n  }\n\n  .ssn-mp3-track{\n    width:100%;\n    min-width:0;\n    max-width:100%;\n    font-size:13px;\n  }\n\n  .ssn-mp3-progress-row{\n    width:100%;\n    min-width:0;\n    max-width:100%;\n    display:flex;\n    align-items:center;\n    gap:3px;\n    overflow:hidden;\n  }\n\n  .ssn-mp3-progress-eq{\n    flex:0 0 20px;\n    margin-right:15px;\n    transform:translateY(-5px);\n  }\n\n  .ssn-mp3-progress-eq:hover{\n    transform:translateY(-5px) scale(1.08);\n  }\n\n  .ssn-mp3-current,\n  .ssn-mp3-duration{\n    flex:0 0 auto;\n    min-width:27px;\n    font-size:8px;\n  }\n\n  .ssn-mp3-seek{\n    width:0;\n    min-width:20px;\n    max-width:100%;\n    flex:1 1 0;\n  }\n\n  .ssn-mp3-link{ margin-top:5px; }\n}\n\n@media (max-width:360px){\n  .ssn-mp3-play{\n    width:44px;\n    height:44px;\n  }\n}\n\n\/* =========================================================\n   REDUZIERTE BEWEGUNG\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce){\n  .ssn-mp3-toggle,\n  .ssn-mp3-panel,\n  .ssn-mp3-skip,\n  .ssn-mp3-play,\n  .ssn-mp3-progress-eq,\n  .ssn-mp3-link{\n    transition:none !important;\n  }\n\n  .ssn-mp3-toggle.is-playing .ssn-mp3-eq i,\n  .ssn-mp3-progress-eq.is-playing .ssn-mp3-eq i{\n    animation:none !important;\n  }\n}\n\n\/* NEW02 \u00b7 Logo-Start und erg\u00e4nzte Player-Steuerung *\/\n#logo-startbanner .ssn-logo-play{pointer-events:auto!important;display:inline-block;appearance:none;-webkit-appearance:none;background:none;border:0;box-shadow:none;padding:0;margin:0;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;text-transform:none;vertical-align:baseline;cursor:pointer;filter:blur(0);transition:filter .7s ease,opacity .7s ease}\n#logo-startbanner .ssn-logo-play:hover{filter:blur(1.2px)}\n#logo-startbanner .ssn-logo-play:focus-visible{outline:1px solid #2ea3f2;outline-offset:10px;border-radius:2px}\n.ssn-mp3-close,.ssn-mp3-mute{display:grid;place-items:center;border:0;padding:0;background:transparent;color:rgba(255,255,255,.65);cursor:pointer;transition:color .55s ease,opacity .55s ease}\n.ssn-mp3-close{position:absolute;right:clamp(18px,2vw,40px);top:50%;transform:translateY(-50%);width:32px;height:32px}\n.ssn-mp3-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2}\n.ssn-mp3-close:hover,.ssn-mp3-mute:hover{color:#2ea3f2}\n.ssn-mp3-close:focus-visible,.ssn-mp3-mute:focus-visible,.ssn-mp3-volume:focus-visible{outline:1px solid #2ea3f2;outline-offset:4px}\n.ssn-mp3-volume-control{display:flex;align-items:center;gap:8px;flex:0 0 122px}\n.ssn-mp3-mute{width:28px;height:30px;flex:0 0 28px}\n.ssn-mp3-mute svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}\n.ssn-volume-off{display:none}\n.ssn-mp3-mute[aria-pressed=\"true\"] .ssn-volume-waves{display:none}\n.ssn-mp3-mute[aria-pressed=\"true\"] .ssn-volume-off{display:block}\n.ssn-mp3-volume{--ssn-volume:70%;appearance:none;-webkit-appearance:none;width:84px;min-width:0;height:20px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:linear-gradient(to right,rgba(255,255,255,.85) var(--ssn-volume),rgba(255,255,255,.23) var(--ssn-volume)) center\/100% 1px no-repeat}\n.ssn-mp3-volume::-webkit-slider-runnable-track{height:20px;background:transparent}\n.ssn-mp3-volume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:7px;height:7px;margin-top:6.5px;border:0;border-radius:50%;background:#fff;transition:background .4s ease}\n.ssn-mp3-volume::-moz-range-track{height:1px;background:transparent;border:0}\n.ssn-mp3-volume::-moz-range-progress{background:transparent}\n.ssn-mp3-volume::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:50%;background:#fff}\n.ssn-mp3-volume:hover::-webkit-slider-thumb{background:#2ea3f2}\n.ssn-mp3-volume:hover::-moz-range-thumb{background:#2ea3f2}\n@media(max-width:620px){\n .ssn-mp3-panel,.ssn-mp3-inner{min-height:132px}\n .ssn-mp3-inner{width:calc(100% - 56px);margin-left:12px;margin-right:44px;grid-template-columns:max-content minmax(0,1fr);column-gap:10px;row-gap:5px;padding:15px 0;box-sizing:border-box}\n .ssn-mp3-controls{grid-column:1;grid-row:1\/3;gap:3px}\n .ssn-mp3-skip{width:24px}\n .ssn-mp3-play{width:40px;height:40px}\n .ssn-mp3-meta{grid-column:2;grid-row:1;align-self:end}\n .ssn-mp3-volume-control{grid-column:2;grid-row:2;align-self:start;gap:5px}\n .ssn-mp3-close{right:8px;top:8px;transform:none}\n .ssn-mp3-progress-eq{margin-right:1px;transform:none}\n .ssn-mp3-progress-eq:hover{transform:scale(1.08)}\n .ssn-mp3-link{margin-top:6px}\n}\n@media(prefers-reduced-motion:reduce){#logo-startbanner .ssn-logo-play,.ssn-mp3-close,.ssn-mp3-mute{transition:none}}\n\n\n\/* Von der Leiste zum frei verschiebbaren Player *\/\n.ssn-mp3-drag{position:absolute;top:0;left:50%;transform:translateX(-50%);width:64px;height:23px;display:grid;place-items:center;border:0;padding:0;background:none;color:rgba(255,255,255,.38);cursor:grab;touch-action:none;z-index:2;transition:color .5s ease}\n.ssn-mp3-drag span{display:block;width:30px;height:2px;background:currentColor;border-radius:2px}\n.ssn-mp3-drag:hover{color:#2ea3f2}\n.ssn-mp3-drag:focus-visible,.ssn-mp3-dock:focus-visible{outline:1px solid #2ea3f2;outline-offset:1px}\n.ssn-mp3-panel.is-dragging,.ssn-mp3-panel.is-dragging .ssn-mp3-drag{cursor:grabbing}\n.ssn-mp3-panel.is-dragging{user-select:none}\n.ssn-mp3-dock{position:absolute;right:52px;top:8px;display:grid;place-items:center;width:30px;height:30px;background:none;padding:0;border:0;color:rgba(255,255,255,.65);cursor:pointer;transition:color .5s ease}\n.ssn-mp3-dock[hidden]{display:none}\n.ssn-mp3-dock:hover{color:#2ea3f2}\n.ssn-mp3-dock svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}\n.ssn-mp3-panel.is-floating{left:var(--ssn-float-x,16px);top:var(--ssn-float-y,16px);right:auto;bottom:auto;width:min(840px,calc(100vw - 32px));min-height:126px;border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.28);transform:translateY(18px);z-index:99997}\nbody.ssn-mp3-is-open .ssn-mp3-panel.is-floating{transform:none}\n.ssn-mp3-panel.is-floating .ssn-mp3-inner{width:calc(100% - 48px);min-height:126px;margin:0 auto}\n.ssn-mp3-panel.is-floating .ssn-mp3-close{right:12px;top:8px;transform:none}\n@media(max-width:620px){\n .ssn-mp3-panel.is-floating,.ssn-mp3-panel.is-floating .ssn-mp3-inner{min-height:146px}\n .ssn-mp3-panel.is-floating .ssn-mp3-inner{width:calc(100% - 48px);padding-top:28px;padding-bottom:12px}\n .ssn-mp3-panel.is-floating .ssn-mp3-dock{right:46px}\n .ssn-mp3-panel.is-floating .ssn-mp3-close{right:8px}\n}\n\n<\/style>\n\n<script>\n(function(){\n  \"use strict\";\n\n  var root = document.getElementById(\"mp3player01\");\n\n  if (!root || root.dataset.playerReady === \"true\") return;\n  root.dataset.playerReady = \"true\";\n\n  var embedUrl =\n    \"https:\/\/w.soundcloud.com\/player\/?url=https%3A%2F%2Fsoundcloud.com%2Fsherdin%2Fsets%2Fsherdin-playlist-01&auto_play=false&hide_related=true&show_comments=false&show_user=false&show_reposts=false&visual=false&start_track=0&single_active=true\";\n\n  var AUTO_CLOSE_DELAY = 5000;\n  var SWIPE_DISTANCE = 55;\n\n  var toggle = root.querySelector(\".ssn-mp3-toggle\");\n  var panel = root.querySelector(\".ssn-mp3-panel\");\n  var iframe = root.querySelector(\".ssn-mp3-frame\");\n  var playButton = root.querySelector(\".ssn-mp3-play\");\n  var previousButton = root.querySelector(\".ssn-mp3-prev\");\n  var nextButton = root.querySelector(\".ssn-mp3-next\");\n  var progressEq = root.querySelector(\".ssn-mp3-progress-eq\");\n  var artist = root.querySelector(\".ssn-mp3-artist\");\n  var track = root.querySelector(\".ssn-mp3-track\");\n  var seek = root.querySelector(\".ssn-mp3-seek\");\n  var currentTime = root.querySelector(\".ssn-mp3-current\");\n  var durationTime = root.querySelector(\".ssn-mp3-duration\");\n  var status = root.querySelector(\".ssn-mp3-status\");\n  var closeButton = root.querySelector(\".ssn-mp3-close\");\n  var volumeSlider = root.querySelector(\".ssn-mp3-volume\");\n  var muteButton = root.querySelector(\".ssn-mp3-mute\");\n  var logoButton = document.querySelector(\"#logo-startbanner .ssn-logo-play\");\n  var dragHandle = root.querySelector(\".ssn-mp3-drag\");\n  var dockButton = root.querySelector(\".ssn-mp3-dock\");\n  var dragState = null;\n  var dockAnimation = null;\n  var volumeValue = 70;\n  var lastVolume = 70;\n  try { var storedVolume = localStorage.getItem(\"ssn-new02-volume\"); if (storedVolume !== null) volumeValue = Math.max(0, Math.min(100, Number(storedVolume) || 0)); } catch (_) {}\n  if (volumeValue > 0) lastVolume = volumeValue;\n\n  document.body.appendChild(toggle);\n  document.body.appendChild(panel);\n\n  var widget = null;\n  var widgetPromise = null;\n  var isPlaying = false;\n  var hasStarted = false;\n  var duration = 0;\n  var autoCloseTimer = 0;\n  var touchStartX = 0;\n  var touchStartY = 0;\n  var swipeAllowed = false;\n\n  panel.inert = true;\n  function paintVolume(){\n    volumeSlider.value = String(volumeValue);\n    volumeSlider.style.setProperty(\"--ssn-volume\", volumeValue + \"%\");\n    volumeSlider.setAttribute(\"aria-valuetext\", volumeValue + \" Prozent\");\n    muteButton.setAttribute(\"aria-pressed\", volumeValue === 0 ? \"true\" : \"false\");\n    muteButton.setAttribute(\"aria-label\", volumeValue === 0 ? \"Ton einschalten\" : \"Stummschalten\");\n  }\n  function setVolume(value){\n    volumeValue = Math.max(0, Math.min(100, Number(value) || 0));\n    if (volumeValue > 0) lastVolume = volumeValue;\n    paintVolume();\n    if (widget) widget.setVolume(volumeValue);\n    try { localStorage.setItem(\"ssn-new02-volume\", String(volumeValue)); } catch (_) {}\n  }\n  paintVolume();\n\n  function announce(message){\n    status.textContent = \"\";\n    window.setTimeout(function(){\n      status.textContent = message;\n    }, 30);\n  }\n\n  function clearAutoClose(){\n    if (!autoCloseTimer) return;\n    window.clearTimeout(autoCloseTimer);\n    autoCloseTimer = 0;\n  }\n\n  function scheduleAutoClose(){\n    clearAutoClose();\n\n    if (!document.body.classList.contains(\"ssn-mp3-is-open\") || dragState) return;\n\n    autoCloseTimer = window.setTimeout(function(){\n      setOpen(false, true);\n    }, AUTO_CLOSE_DELAY);\n  }\n\n  function updateToggleLabel(open){\n    var label;\n\n    if (open){\n      label = \"Player ge\u00f6ffnet\";\n    } else if (!hasStarted){\n      label = \"Player starten\";\n    } else if (isPlaying){\n      label = \"Player \u00f6ffnen, Musik l\u00e4uft\";\n    } else {\n      label = \"Player \u00f6ffnen, Musik pausiert\";\n    }\n\n    toggle.setAttribute(\"aria-label\", label);\n  }\n\n  function setOpen(open, restoreFocus){\n    var isOpen = !!open;\n\n    document.body.classList.toggle(\"ssn-mp3-is-open\", isOpen);\n    toggle.setAttribute(\"aria-expanded\", isOpen ? \"true\" : \"false\");\n    panel.setAttribute(\"aria-hidden\", isOpen ? \"false\" : \"true\");\n    panel.inert = !isOpen;\n    updateToggleLabel(isOpen);\n\n    if (isOpen){\n      scheduleAutoClose();\n      return;\n    }\n\n    clearAutoClose();\n\n    if (restoreFocus && panel.contains(document.activeElement)){\n      toggle.focus({ preventScroll:true });\n    }\n  }\n\n  function setPlaying(playing){\n    isPlaying = !!playing;\n\n    toggle.classList.toggle(\"is-playing\", isPlaying);\n    progressEq.classList.toggle(\"is-playing\", isPlaying);\n    playButton.classList.toggle(\"is-playing\", isPlaying);\n    document.body.classList.toggle(\"ssn-mp3-is-playing\", isPlaying);\n\n    playButton.setAttribute(\n      \"aria-label\",\n      isPlaying ? \"Wiedergabe pausieren\" : \"Wiedergabe starten\"\n    );\n\n    updateToggleLabel(document.body.classList.contains(\"ssn-mp3-is-open\"));\n  }\n\n  function formatTime(milliseconds){\n    var seconds = Math.max(0, Math.floor((Number(milliseconds) || 0) \/ 1000));\n    var hours = Math.floor(seconds \/ 3600);\n    var minutes = Math.floor((seconds % 3600) \/ 60);\n    var rest = seconds % 60;\n\n    if (hours > 0){\n      return hours + \":\" + String(minutes).padStart(2, \"0\") + \":\" + String(rest).padStart(2, \"0\");\n    }\n\n    return minutes + \":\" + String(rest).padStart(2, \"0\");\n  }\n\n  function paintTimeline(position, total){\n    var safeTotal = Math.max(0, Number(total) || 0);\n    var safePosition = Math.min(safeTotal || Infinity, Math.max(0, Number(position) || 0));\n    var ratio = safeTotal > 0 ? safePosition \/ safeTotal : 0;\n\n    seek.value = String(Math.round(ratio * 1000));\n    seek.style.setProperty(\"--ssn-progress\", (ratio * 100) + \"%\");\n    currentTime.textContent = formatTime(safePosition);\n    durationTime.textContent = formatTime(safeTotal);\n    seek.setAttribute(\n      \"aria-valuetext\",\n      formatTime(safePosition) + \" von \" + formatTime(safeTotal)\n    );\n  }\n\n  function refreshTimeline(){\n    if (!widget) return;\n\n    widget.getDuration(function(total){\n      duration = Number(total) || 0;\n\n      widget.getPosition(function(position){\n        paintTimeline(position, duration);\n      });\n    });\n  }\n\n  function updateMeta(){\n    if (!widget) return;\n\n    widget.getCurrentSound(function(sound){\n      if (!sound) return;\n\n      artist.textContent =\n        sound.user && sound.user.username\n          ? String(sound.user.username).toUpperCase()\n          : \"SHERDIN\";\n\n      track.textContent = sound.title ? String(sound.title).toUpperCase() : \"PLAYLIST 01\";\n    });\n  }\n\n  function loadSoundCloudApi(){\n    return new Promise(function(resolve, reject){\n      if (window.SC && window.SC.Widget){\n        resolve();\n        return;\n      }\n\n      var existing = document.querySelector(\"script[data-ssn-soundcloud-api]\");\n\n      if (existing){\n        existing.addEventListener(\"load\", resolve, { once:true });\n        existing.addEventListener(\"error\", reject, { once:true });\n        return;\n      }\n\n      var script = document.createElement(\"script\");\n      script.src = \"https:\/\/w.soundcloud.com\/player\/api.js\";\n      script.async = true;\n      script.dataset.ssnSoundcloudApi = \"true\";\n      script.onload = resolve;\n      script.onerror = reject;\n      document.head.appendChild(script);\n    });\n  }\n\n  function ensureWidget(){\n    if (widgetPromise) return widgetPromise;\n\n    widgetPromise = new Promise(function(resolve, reject){\n      loadSoundCloudApi()\n        .then(function(){\n          iframe.addEventListener(\"load\", function(){\n            widget = window.SC.Widget(iframe);\n\n            widget.bind(window.SC.Widget.Events.READY, function(){\n              widget.setVolume(volumeValue);\n              updateMeta();\n              refreshTimeline();\n              resolve();\n            });\n\n            widget.bind(window.SC.Widget.Events.PLAY, function(){\n              hasStarted = true;\n              setPlaying(true);\n              updateMeta();\n              refreshTimeline();\n              scheduleAutoClose();\n              announce(\"Wiedergabe l\u00e4uft\");\n            });\n\n            widget.bind(window.SC.Widget.Events.PAUSE, function(){\n              setPlaying(false);\n              refreshTimeline();\n              scheduleAutoClose();\n              announce(\"Wiedergabe pausiert\");\n            });\n\n            widget.bind(window.SC.Widget.Events.PLAY_PROGRESS, function(event){\n              if (event && typeof event.currentPosition !== \"undefined\"){\n                paintTimeline(event.currentPosition, duration);\n              }\n            });\n\n            widget.bind(window.SC.Widget.Events.SEEK, refreshTimeline);\n\n            \/* SoundCloud spielt die Playlist selbst in ihrer Reihenfolge weiter.\n               Kein zus\u00e4tzliches next(): das k\u00f6nnte einen Titel \u00fcberspringen. *\/\n            widget.bind(window.SC.Widget.Events.FINISH, function(){\n              window.setTimeout(function(){ updateMeta(); refreshTimeline(); }, 350);\n            });\n          }, { once:true });\n\n          iframe.src = embedUrl;\n        })\n        .catch(function(error){\n          widgetPromise = null;\n          reject(error);\n        });\n    });\n\n    return widgetPromise;\n  }\n\n  function openFromToggle(){\n    setOpen(true, false);\n\n    \/* Nur der allererste Klick startet automatisch Musik. *\/\n    if (hasStarted){\n      announce(isPlaying ? \"Player ge\u00f6ffnet, Wiedergabe l\u00e4uft\" : \"Player ge\u00f6ffnet, Wiedergabe pausiert\");\n      return;\n    }\n\n    \/* Die sechs Sekunden beginnen erst, wenn SoundCloud wirklich abspielt. *\/\n    clearAutoClose();\n    announce(\"Player wird geladen\");\n\n    ensureWidget()\n      .then(function(){\n        widget.play();\n      })\n      .catch(function(){\n        setOpen(false, false);\n        announce(\"Der Player konnte nicht geladen werden\");\n      });\n  }\n\n  function startFromLogo(){\n    setOpen(false, false);\n    if (logoButton) logoButton.setAttribute(\"aria-busy\", \"true\");\n    announce(\"Playlist wird gestartet\");\n    ensureWidget().then(function(){\n      if (logoButton) logoButton.removeAttribute(\"aria-busy\");\n      widget.play();\n    }).catch(function(){\n      if (logoButton) logoButton.removeAttribute(\"aria-busy\");\n      announce(\"Die Playlist konnte nicht geladen werden. Bitte erneut versuchen.\");\n    });\n  }\n\n  function togglePlayback(){\n    scheduleAutoClose();\n\n    ensureWidget()\n      .then(function(){\n        hasStarted = true;\n\n        if (isPlaying){\n          widget.pause();\n        } else {\n          widget.play();\n        }\n      })\n      .catch(function(){\n        announce(\"Der Player konnte nicht geladen werden\");\n      });\n  }\n\n  function minimizePlayer(){\n    setOpen(false, true);\n    announce(isPlaying ? \"Player minimiert, Wiedergabe l\u00e4uft weiter\" : \"Player minimiert\");\n  }\n\n  function nextTrack(){\n    scheduleAutoClose();\n\n    ensureWidget().then(function(){\n      hasStarted = true;\n      widget.next();\n\n      window.setTimeout(function(){\n        updateMeta();\n        refreshTimeline();\n      }, 250);\n    });\n  }\n\n  function previousTrack(){\n    scheduleAutoClose();\n\n    ensureWidget().then(function(){\n      hasStarted = true;\n      widget.prev();\n\n      window.setTimeout(function(){\n        updateMeta();\n        refreshTimeline();\n      }, 250);\n    });\n  }\n\n  seek.addEventListener(\"input\", function(){\n    scheduleAutoClose();\n    paintTimeline(duration * (Number(seek.value) \/ 1000), duration);\n  });\n\n  seek.addEventListener(\"change\", function(){\n    var targetPosition = duration * (Number(seek.value) \/ 1000);\n    scheduleAutoClose();\n\n    ensureWidget().then(function(){\n      widget.seekTo(targetPosition);\n      paintTimeline(targetPosition, duration);\n    });\n  });\n\n  \/* Jede echte Bedienung gibt erneut sechs Sekunden Zeit. *\/\n  [\"pointerdown\", \"keydown\", \"input\"].forEach(function(eventName){\n    panel.addEventListener(eventName, scheduleAutoClose);\n  });\n\n  function clampFloat(x,y){\n    var rect = panel.getBoundingClientRect(), margin = 16;\n    return {x:Math.max(margin,Math.min(window.innerWidth-rect.width-margin,x)), y:Math.max(margin,Math.min(window.innerHeight-rect.height-margin,y))};\n  }\n  function placeFloat(x,y){\n    var point = clampFloat(x,y);\n    panel.style.setProperty(\"--ssn-float-x\",point.x+\"px\");\n    panel.style.setProperty(\"--ssn-float-y\",point.y+\"px\");\n  }\n  function floatPlayer(){\n    if (dockAnimation) { dockAnimation.cancel(); dockAnimation=null; }\n    if (panel.classList.contains(\"is-floating\")) return;\n    var rect = panel.getBoundingClientRect();\n    panel.classList.add(\"is-floating\");\n    dockButton.hidden = false;\n    var width = panel.getBoundingClientRect().width;\n    placeFloat((window.innerWidth-width)\/2,rect.top);\n    announce(\"Player abgekoppelt. Mit dem Griff frei verschieben.\");\n  }\n  function dockPlayer(){\n    if (!panel.classList.contains(\"is-floating\")) return;\n    if (dockAnimation) dockAnimation.cancel();\n    var from=panel.getBoundingClientRect();\n    panel.classList.remove(\"is-floating\",\"is-dragging\");\n    dockButton.hidden=true;\n    var to=panel.getBoundingClientRect();\n    if (!matchMedia(\"(prefers-reduced-motion:reduce)\").matches && panel.animate){\n      dockAnimation=panel.animate([\n        {left:from.left+\"px\",top:from.top+\"px\",right:\"auto\",bottom:\"auto\",width:from.width+\"px\",height:from.height+\"px\",borderRadius:\"12px\",transform:\"none\"},\n        {left:to.left+\"px\",top:to.top+\"px\",right:\"auto\",bottom:\"auto\",width:to.width+\"px\",height:to.height+\"px\",borderRadius:\"0px\",transform:\"none\"}\n      ],{duration:650,easing:\"cubic-bezier(.22,.61,.36,1)\"});\n      dockAnimation.onfinish=function(){dockAnimation=null;};\n    }\n    if (dockButton===document.activeElement) dragHandle.focus({preventScroll:true});\n    scheduleAutoClose();\n    announce(\"Player wieder unten angedockt.\");\n  }\n  dragHandle.addEventListener(\"pointerdown\",function(event){\n    if (event.button!==0) return;\n    event.preventDefault();\n    clearAutoClose();\n    floatPlayer();\n    var rect=panel.getBoundingClientRect();\n    dragState={id:event.pointerId,x:event.clientX,y:event.clientY,left:rect.left,top:rect.top};\n    panel.classList.add(\"is-dragging\");\n    dragHandle.setPointerCapture(event.pointerId);\n  });\n  dragHandle.addEventListener(\"pointermove\",function(event){\n    if (!dragState || event.pointerId!==dragState.id) return;\n    placeFloat(dragState.left+event.clientX-dragState.x,dragState.top+event.clientY-dragState.y);\n  });\n  function finishDrag(event){\n    if (!dragState || (event.pointerId!==undefined && event.pointerId!==dragState.id)) return;\n    dragState=null;\n    panel.classList.remove(\"is-dragging\");\n    scheduleAutoClose();\n  }\n  dragHandle.addEventListener(\"pointerup\",finishDrag);\n  dragHandle.addEventListener(\"pointercancel\",finishDrag);\n  dragHandle.addEventListener(\"lostpointercapture\",finishDrag);\n  dragHandle.addEventListener(\"dblclick\",dockPlayer);\n  dragHandle.addEventListener(\"keydown\",function(event){\n    var moves={ArrowLeft:[-1,0],ArrowRight:[1,0],ArrowUp:[0,-1],ArrowDown:[0,1]};\n    if (!moves[event.key]) return;\n    event.preventDefault();event.stopPropagation();\n    floatPlayer();\n    var rect=panel.getBoundingClientRect(),move=moves[event.key],step=event.shiftKey?40:12;\n    placeFloat(rect.left+move[0]*step,rect.top+move[1]*step);\n    scheduleAutoClose();\n  });\n  dockButton.addEventListener(\"click\",dockPlayer);\n  window.addEventListener(\"resize\",function(){\n    if (!panel.classList.contains(\"is-floating\")) return;\n    var rect=panel.getBoundingClientRect();placeFloat(rect.left,rect.top);\n  },{passive:true});\n  var logoGlideCancel=null;\n  document.addEventListener(\"click\",function(event){\n    var trigger=event.target instanceof Element ? event.target.closest(\"#logo-startbanner .ssn-logo-play\") : null;\n    if (!trigger) return;\n    event.preventDefault();\n    logoButton=trigger;\n    startFromLogo();\n    var nextSection=document.getElementById(\"about\");\n    if(nextSection){\n      var nextHeading=nextSection.querySelector(\".ssn-screen-head h1,.ssn-screen-head h2\");\n      if(nextHeading){nextHeading.setAttribute(\"tabindex\",\"-1\");nextHeading.focus({preventScroll:true});}\n      if(logoGlideCancel)logoGlideCancel();\n      var glideStart=window.scrollY;\n      var glideTarget=Math.max(0,glideStart+nextSection.getBoundingClientRect().top);\n      if(window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches){\n        window.scrollTo({top:glideTarget,behavior:\"instant\"});\n      }else{\n        var glideFrame=0,glideStarted=null,glideControl=new AbortController();\n        function endLogoGlide(){\n          cancelAnimationFrame(glideFrame);glideControl.abort();\n          if(logoGlideCancel===endLogoGlide)logoGlideCancel=null;\n        }\n        logoGlideCancel=endLogoGlide;\n        [\"wheel\",\"touchstart\",\"pointerdown\"].forEach(function(type){\n          window.addEventListener(type,endLogoGlide,{passive:true,once:true,signal:glideControl.signal});\n        });\n        window.addEventListener(\"keydown\",function(e){\n          if([\"Escape\",\"Enter\",\"ArrowUp\",\"ArrowDown\",\"PageUp\",\"PageDown\",\"Home\",\"End\",\" \"].indexOf(e.key)!==-1)endLogoGlide();\n        },{signal:glideControl.signal});\n        function glideLogo(now){\n          if(glideStarted===null)glideStarted=now;\n          var progress=Math.min(1,(now-glideStarted)\/3000);\n          var eased=progress<.5?4*progress*progress*progress:1-Math.pow(-2*progress+2,3)\/2;\n          window.scrollTo({top:glideStart+(glideTarget-glideStart)*eased,behavior:\"instant\"});\n          if(progress<1)glideFrame=requestAnimationFrame(glideLogo);else endLogoGlide();\n        }\n        glideFrame=requestAnimationFrame(glideLogo);\n      }\n    }\n  },true);\n  closeButton.addEventListener(\"click\", minimizePlayer);\n  volumeSlider.addEventListener(\"input\", function(){ setVolume(volumeSlider.value); scheduleAutoClose(); });\n  muteButton.addEventListener(\"click\", function(){ setVolume(volumeValue === 0 ? lastVolume : 0); scheduleAutoClose(); });\n  toggle.addEventListener(\"click\", openFromToggle);\n  playButton.addEventListener(\"click\", togglePlayback);\n  progressEq.addEventListener(\"click\", minimizePlayer);\n  nextButton.addEventListener(\"click\", nextTrack);\n  previousButton.addEventListener(\"click\", previousTrack);\n\n  \/* Auf Touch-Ger\u00e4ten kann das Panel nach unten weggewischt werden. *\/\n  panel.addEventListener(\"touchstart\", function(event){\n    swipeAllowed = !!(event.touches && event.touches.length === 1 && !event.target.closest(\"button,input,a\"));\n    if (!swipeAllowed) return;\n\n    touchStartX = event.touches[0].clientX;\n    touchStartY = event.touches[0].clientY;\n    scheduleAutoClose();\n  }, { passive:true });\n\n  panel.addEventListener(\"touchend\", function(event){\n    if (!swipeAllowed || !event.changedTouches || event.changedTouches.length !== 1) return;\n    swipeAllowed = false;\n\n    var deltaX = event.changedTouches[0].clientX - touchStartX;\n    var deltaY = event.changedTouches[0].clientY - touchStartY;\n\n    if (deltaY > SWIPE_DISTANCE && deltaY > Math.abs(deltaX) * 1.2){\n      minimizePlayer();\n    }\n  }, { passive:true });\n\n  document.addEventListener(\"keydown\", function(event){\n    if (event.key === \"Escape\" && document.body.classList.contains(\"ssn-mp3-is-open\")){\n      event.preventDefault();\n      minimizePlayer();\n      return;\n    }\n\n    if (event.repeat) return;\n\n    var target = event.target;\n    var tag = target && target.tagName ? target.tagName.toLowerCase() : \"\";\n\n    if (\n      tag === \"input\" ||\n      tag === \"textarea\" ||\n      tag === \"select\" ||\n      tag === \"button\" ||\n      tag === \"a\" ||\n      (target && target.isContentEditable)\n    ){\n      return;\n    }\n\n    if (event.code === \"Space\"){\n      event.preventDefault();\n\n      if (document.body.classList.contains(\"ssn-mp3-is-open\")){\n        minimizePlayer();\n      } else {\n        setOpen(true, false);\n        announce(isPlaying ? \"Player ge\u00f6ffnet, Wiedergabe l\u00e4uft\" : \"Player ge\u00f6ffnet\");\n      }\n\n      return;\n    }\n\n    if (String(event.key).toLowerCase() !== \"p\") return;\n\n    event.preventDefault();\n    togglePlayback();\n  });\n}());\n<\/script><\/div><\/div><div class=\"et_pb_code_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* SHERDIN \u00b7 Video-Parallax auf der Website und im Builder *\/\n\n.et-pb-background-video {\n  clip-path: inset(0);\n}\n\n.et-pb-background-video video {\n  position: fixed !important;\n  inset: 0 !important;\n  width: 100vw !important;\n  height: 100vh !important;\n  height: 100dvh !important;\n  min-width: 100% !important;\n  min-height: 100% !important;\n  max-width: none !important;\n  max-height: none !important;\n  margin: 0 !important;\n  transform: none !important;\n  object-fit: cover !important;\n  object-position: center center !important;\n}\n\n\/* Slider-Mindesth\u00f6he folgt der aktuellen Fensterh\u00f6he. *\/\n#home #zufall-slider {\n  min-height: 100vh !important;\n}\n<\/style><\/div><\/div><div class=\"et_pb_code_6 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><span class=\"ssn-blacklayer-code\" hidden=\"\"><\/span>\n\n<style>\n\/* ======================================\n   DEINE EINSTELLUNGEN\n   #home = ID deines Hauptcontainers\n   Deckkraft: 0 = transparent, 1 = deckend\n   ====================================== *\/\n\n#home {\n  --layer-farbe: #000000;\n  --layer-deckkraft: 0.10;\n\n  \/* Ab hier nichts \u00e4ndern. *\/\n  position: relative;\n  isolation: isolate;\n\n  &:not(:has(.et_pb_slider))::before,\n  & .et_pb_slide::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background: var(--layer-farbe);\n    opacity: var(--hero-scroll-deckkraft, var(--layer-deckkraft));\n    transition: none;\n    border-radius: inherit;\n    pointer-events: none;\n  }\n\n  \/* Inhalt bleibt \u00fcber dem Farblayer. *\/\n  & > .et_pb_row,\n  & > .et_pb_module,\n  & .et_pb_slide > .et_pb_container {\n    z-index: 2;\n  }\n}\n\n\/* Code-Modul verursacht keinen Abstand. *\/\n.et_pb_code:has(.ssn-blacklayer-code) {\n  position: absolute !important;\n  width: 0 !important;\n  height: 0 !important;\n  min-height: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n<\/style>\n<style>\n@media(prefers-reduced-motion:reduce){\n #home:not(:has(.et_pb_slider))::before,\n #home .et_pb_slide::before{transition:none!important}\n}\n<\/style>\n<script>\n(function(){\n \"use strict\";\n const key=\"__ssnHeroScrollLayer\";\n if(window[key])window[key].abort();\n const controller=new AbortController(),signal=controller.signal;\n window[key]=controller;\n function init(){\n  const home=document.getElementById(\"home\"),about=document.getElementById(\"about\");\n  if(!home||!about)return;\n  let queued=false,lastValue=\"\";\n  function update(){\n   queued=false;\n   const homeStyle=getComputedStyle(home);\n   const base=parseFloat(homeStyle.getPropertyValue(\"--layer-deckkraft\"));\n   const next=parseFloat(getComputedStyle(about,\"::before\").opacity);\n   const homeStart=window.scrollY+home.getBoundingClientRect().top;\n   const rect=home.getBoundingClientRect();\n   const progress=Math.max(0,Math.min(1,-rect.top\/(rect.height*.7)));\n   const value=String(Math.max(0,Math.min(1,(Number.isFinite(base)?base:.1)+((Number.isFinite(next)?next:.56)-(Number.isFinite(base)?base:.1))*progress)));\n   if(value!==lastValue){home.style.setProperty(\"--hero-scroll-deckkraft\",value);lastValue=value;}\n  }\n  function queue(){if(!queued){queued=true;requestAnimationFrame(update);}}\n  window.addEventListener(\"scroll\",queue,{passive:true,signal});\n  window.addEventListener(\"resize\",queue,{passive:true,signal});\n  update();\n }\n if(document.readyState===\"loading\")document.addEventListener(\"DOMContentLoaded\",init,{once:true,signal});\n else init();\n}());\n<\/script><\/div><\/div><\/div><\/div><\/div><div class=\"et_pb_section_2 et_pb_section et_section_regular et_block_section\" id=\"about\"><div class=\"et_pb_row_2 et_pb_row et_block_row\"><div class=\"et_pb_column_2 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_text_2 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div class=\"ssn-screen-head\">\n<p class=\"ssn-screen-label\">01 \/ About<\/p>\n<h1>Kunst macht sichtbar.<\/h1>\n<\/div>\n<\/div><\/div><div class=\"et_pb_text_3 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div class=\"ssn-screen-copy\">\n<p class=\"ssn-screen-intro\">\u201eKunst macht sichtbar.\u201c F\u00fcr mich ist dieser Satz keine Theorie, sondern ein Erlebnis, das sich immer gleich anf\u00fchlt: Ein Gedanke ist pl\u00f6tzlich da. Ausgel\u00f6st von einem Song, einem Schatten auf einer Hauswand, einem Satz, den jemand im Vorbeigehen sagt. Er klopft nicht an. Er weckt etwas, das schon lange da war.<\/p>\n<p class=\"ssn-screen-intro\">Wir alle gehen jeden Tag an solchen Momenten vorbei. Nicht, weil wir blind sind, sondern weil der Alltag laut ist. Kunst h\u00e4lt ihn f\u00fcr einen Augenblick an.<\/p>\n<p class=\"ssn-screen-intro\">Diese Seite erz\u00e4hlt, was passiert, wenn man stehen bleibt: wie aus einer Linie ein Bild wird, aus dem Bild Bewegung, aus Bewegung Klang \u2013 und wie heute sogar Maschinen mittr\u00e4umen.<\/p>\n<div class=\"ssn-info-tabs\" data-ssn-tabs=\"about\">\n<div class=\"ssn-info-tablist\" role=\"tablist\" aria-label=\"about \u2013 Details\"><a id=\"ssn-about-tab-0\" href=\"#ssn-about-panel-0\" role=\"tab\" aria-selected=\"true\" aria-controls=\"ssn-about-panel-0\" tabindex=\"0\">Wahrnehmung<\/a><a id=\"ssn-about-tab-2\" href=\"#ssn-about-panel-2\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-about-panel-2\" tabindex=\"-1\">Gegenwart<\/a><\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-about-panel-0\" role=\"tabpanel\" aria-labelledby=\"ssn-about-tab-0\" tabindex=\"0\">\n<h2>Was bleibt, wenn der Blick weiterzieht?<\/h2>\n<p>Eine Farbe kann an einen Ort erinnern. Eine Geste kann N\u00e4he schaffen. Ein ungewohnter Ausschnitt kann die Bedeutung eines ganzen Bildes ver\u00e4ndern. An Gustav Klimts Bildern fasziniert mich, wie K\u00f6rper und Ornament den Blick lenken. Mich interessiert dieser Moment zwischen dem, was wir sehen, und dem, was es in uns ausl\u00f6st. Dort beginnt f\u00fcr mich Kunst.<\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-about-panel-2\" role=\"tabpanel\" aria-labelledby=\"ssn-about-tab-2\" tabindex=\"0\" hidden>\n<h2>Jede Zeit findet ihre Ausdrucksformen.<\/h2>\n<p>Fotografie, bewegte Bilder und digitale Werkzeuge er\u00f6ffnen andere M\u00f6glichkeiten als Pinsel und Leinwand. Was mich daran interessiert, ist die Frage dahinter: Was l\u00e4sst sich damit ausdr\u00fccken? Aus dieser Neugier entstehen meine freien Arbeiten \u2013 und Ideen, die im Alltag von Menschen, Marken und Orten weiterleben.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div><div class=\"et_pb_code_7 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><span class=\"ssn-blacklayer-code\" hidden=\"\"><\/span>\n\n<style>\n\/* ======================================\n   DEINE EINSTELLUNGEN\n   #about = ID deines Hauptcontainers\n   Deckkraft: 0 = transparent, 1 = deckend\n   ====================================== *\/\n\n#about {\n  --layer-farbe: #000000;\n  --layer-deckkraft: 0.56;\n\n  \/* Ab hier nichts \u00e4ndern. *\/\n  position: relative;\n  isolation: isolate;\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background: var(--layer-farbe);\n    opacity: var(--layer-deckkraft);\n    border-radius: inherit;\n    pointer-events: none;\n  }\n\n  \/* Inhalt bleibt \u00fcber dem Farblayer. *\/\n  & > .et_pb_row,\n  & > .et_pb_module {\n    z-index: 2;\n  }\n}\n\n\/* Code-Modul verursacht keinen Abstand. *\/\n.et_pb_code:has(.ssn-blacklayer-code) {\n  position: absolute !important;\n  width: 0 !important;\n  height: 0 !important;\n  min-height: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n<\/style>\n<template id=\"ssn-poster-about\" data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2026\/11\/sherdin-new05-poster-about.webp\"><\/template><\/div><\/div><\/div><\/div><\/div><div class=\"et_pb_section_3 et_pb_section et_section_regular et_block_section\" id=\"sherdinart\"><div class=\"et_pb_row_3 et_pb_row et_block_row\"><div class=\"et_pb_column_3 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_text_4 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div class=\"ssn-screen-head\">\n<p class=\"ssn-screen-label\">02 \/ Sherdin Art<\/p>\n<h2>Ein Studio, das Ideen sichtbar macht.<\/h2>\n<\/div>\n<\/div><\/div><div class=\"et_pb_text_5 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div class=\"ssn-screen-copy\">\n<p class=\"ssn-screen-intro\">Jede Idee hat einen Kern, der st\u00e4rker ist als jede Pr\u00e4sentation. Ihn freizulegen ist die eigentliche Arbeit bei Sherdin Art. Deshalb h\u00f6ren wir den Song, bevor wir sein Cover zeichnen, erleben den Abend, bevor wir ihn filmen, und lassen uns eine Marke erz\u00e4hlen, bevor wir ihr ein Logo geben.<\/p>\n<p class=\"ssn-screen-intro\">Erst dann bekommt die Idee ihre Form: ein Plattencover, ein Musikvideo, eine Website oder eine ganze Bildwelt \u2013 ausgearbeitet mit viel Liebe zum Detail. Das Werkzeug wechselt. Die Haltung bleibt: erst sehen, dann gestalten.<\/p>\n<div class=\"ssn-info-tabs\" data-ssn-tabs=\"sherdinart\">\n<div class=\"ssn-info-tablist\" role=\"tablist\" aria-label=\"sherdinart \u2013 Details\"><a id=\"ssn-sherdinart-tab-0\" href=\"#ssn-sherdinart-panel-0\" role=\"tab\" aria-selected=\"true\" aria-controls=\"ssn-sherdinart-panel-0\" tabindex=\"0\">Art Direction<\/a><a id=\"ssn-sherdinart-tab-1\" href=\"#ssn-sherdinart-panel-1\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-sherdinart-panel-1\" tabindex=\"-1\">Produktion<\/a><a id=\"ssn-sherdinart-tab-2\" href=\"#ssn-sherdinart-panel-2\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-sherdinart-panel-2\" tabindex=\"-1\">Digital &amp; analog<\/a><\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-sherdinart-panel-0\" role=\"tabpanel\" aria-labelledby=\"ssn-sherdinart-tab-0\" tabindex=\"0\">\n<h3>Eine Idee, die Entscheidungen tr\u00e4gt.<\/h3>\n<p>Am Anfang steht das Zuh\u00f6ren: Was ist bereits da, was fehlt, was soll in Erinnerung bleiben? Daraus entsteht die gestalterische Richtung. Sie bestimmt, welche Bilder, Schriften und Farben zusammengeh\u00f6ren \u2013 und gibt auch dann Orientierung, wenn sich das Projekt \u00fcber viele Formate erstreckt.<\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-sherdinart-panel-1\" role=\"tabpanel\" aria-labelledby=\"ssn-sherdinart-tab-1\" tabindex=\"0\" hidden>\n<h3>Der Entwurf entwickelt sich im Machen.<\/h3>\n<p>Eine Skizze l\u00e4sst sich ver\u00e4ndern. Ein erster Schnitt l\u00e4sst sich anders erz\u00e4hlen. Ich arbeite mit solchen Zwischenst\u00e4nden, bis die Idee ihre passende Form gefunden hat. Konzept und Ausf\u00fchrung liegen dabei nah beieinander. F\u00fcr gr\u00f6\u00dfere Produktionen erg\u00e4nze ich meine Arbeit um die Erfahrung weiterer Kreativer.<\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-sherdinart-panel-2\" role=\"tabpanel\" aria-labelledby=\"ssn-sherdinart-tab-2\" tabindex=\"0\" hidden>\n<h3>Der Ort ver\u00e4ndert die Gestaltung.<\/h3>\n<p>Ein Plattencover wird anders betrachtet als eine Website, ein Plakat anders als ein Film. Ich ber\u00fccksichtige, wo eine Arbeit auftaucht, wie viel Zeit sie bekommt und was sie dort leisten soll. Ihr Charakter bleibt erkennbar; ihre Form richtet sich nach dem Ort, an dem sie gesehen wird.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div><div class=\"et_pb_code_8 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><span class=\"ssn-blacklayer-code\" hidden=\"\"><\/span>\n\n<style>\n\/* ======================================\n   DEINE EINSTELLUNGEN\n   #sherdinart = ID deines Hauptcontainers\n   Deckkraft: 0 = transparent, 1 = deckend\n   ====================================== *\/\n\n#sherdinart {\n  --layer-farbe: #000000;\n  --layer-deckkraft: 0.56;\n\n  \/* Ab hier nichts \u00e4ndern. *\/\n  position: relative;\n  isolation: isolate;\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background: var(--layer-farbe);\n    opacity: var(--layer-deckkraft);\n    border-radius: inherit;\n    pointer-events: none;\n  }\n\n  \/* Inhalt bleibt \u00fcber dem Farblayer. *\/\n  & > .et_pb_row,\n  & > .et_pb_module {\n    z-index: 2;\n  }\n}\n\n\/* Code-Modul verursacht keinen Abstand. *\/\n.et_pb_code:has(.ssn-blacklayer-code) {\n  position: absolute !important;\n  width: 0 !important;\n  height: 0 !important;\n  min-height: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n<\/style>\n<template id=\"ssn-poster-sherdinart\" data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2026\/11\/sherdin-new05-poster-sherdinart.webp\"><\/template><\/div><\/div><\/div><\/div><\/div><div class=\"et_pb_section_4 et_pb_section et_section_regular et_block_section\" id=\"projects\"><div class=\"et_pb_row_4 et_pb_row et_block_row\"><div class=\"et_pb_column_4 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_text_6 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div class=\"ssn-screen-head\">\n<p class=\"ssn-screen-label\">03 \/ Projects<\/p>\n<h2>Spuren, die geblieben sind.<\/h2>\n<\/div>\n<\/div><\/div><div class=\"et_pb_text_7 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div class=\"ssn-screen-copy\">\n<p class=\"ssn-screen-intro\">Spuren entstehen dort, wo Menschen einer Idee vertrauen. In einer Bar, deren Abende schon im Bild anfangen. Bei einem Label, das Hip-Hop und House zusammenbringt. Bei einer S\u00e4ngerin, deren Songs ein Gesicht bekommen haben. Und bei Marken wie Lufthansa, Mercedes-Benz und Steiff, deren Kampagnen gezeigt haben, wie weit eine Idee tragen kann.<\/p>\n<p class=\"ssn-screen-intro\">Dazu kommen Praxen, die Ruhe ausstrahlen sollen, und bald R\u00e4ume, die noch gar nicht gebaut sind. Hier ist eine Auswahl.<\/p>\n<div class=\"ssn-info-tabs\" data-ssn-tabs=\"projects\">\n<div class=\"ssn-info-tablist\" role=\"tablist\" aria-label=\"projects \u2013 Details\"><a id=\"ssn-projects-tab-0\" href=\"#ssn-projects-panel-0\" role=\"tab\" aria-selected=\"true\" aria-controls=\"ssn-projects-panel-0\" tabindex=\"0\">Gastronomie<\/a><a id=\"ssn-projects-tab-1\" href=\"#ssn-projects-panel-1\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-projects-panel-1\" tabindex=\"-1\">Musik<\/a><a id=\"ssn-projects-tab-2\" href=\"#ssn-projects-panel-2\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-projects-panel-2\" tabindex=\"-1\">Kultur &amp; Events<\/a><a id=\"ssn-projects-tab-3\" href=\"#ssn-projects-panel-3\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-projects-panel-3\" tabindex=\"-1\">Marken &amp; Kampagnen<\/a><a id=\"ssn-projects-tab-4\" href=\"#ssn-projects-panel-4\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-projects-panel-4\" tabindex=\"-1\">Medizin<\/a><a id=\"ssn-projects-tab-5\" href=\"#ssn-projects-panel-5\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-projects-panel-5\" tabindex=\"-1\">Architektur<\/a><\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-projects-panel-0\" role=\"tabpanel\" aria-labelledby=\"ssn-projects-tab-0\" tabindex=\"0\">\n<h3>Der Abend f\u00e4ngt vor der T\u00fcr an.<\/h3>\n<p>F\u00fcr die Bar Tausend habe ich den Moment gesucht, in dem aus einem Raum ein Abend wird. Die Musik gibt den Takt vor, das Licht ver\u00e4ndert den Raum. Daraus ist der visuelle Auftritt entstanden: Website, Bilder, Filme und die Screens in der Bar. Wer sie sieht, ist in Gedanken schon dort, bevor er die T\u00fcr \u00f6ffnet.<\/p>\n<p class=\"ssn-cta\"><a href=\"https:\/\/tausendberlin.com\" target=\"_blank\" rel=\"noopener\">tausendberlin.com<span aria-hidden=\"true\">\u2197<\/span><\/a><\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-projects-panel-1\" role=\"tabpanel\" aria-labelledby=\"ssn-projects-tab-1\" tabindex=\"0\" hidden>\n<h3>Wo Hip-Hop und House sichtbar werden.<\/h3>\n<p>Mit 4PAWS Records habe ich in Berlin erlebt, wie Hip-Hop auf House trifft. Robosonic bringt die Stimmen und die Energie des Hip-Hop in neue Clubproduktionen \u2013 dazu sind Plattencover und Musikvideos entstanden. Auf diesem Weg sind auch Arbeiten im Umfeld von B-Real und Jeru the Damaja entstanden.<\/p>\n<p>F\u00fcr Kristina Sheli sind \u00fcber viele Jahre Plattencover und Musikvideos entstanden \u2013 f\u00fcr ihre Produktionen und f\u00fcr sie als S\u00e4ngerin.<\/p>\n<p class=\"ssn-cta\"><a href=\"https:\/\/4pawsrecords.com\" target=\"_blank\" rel=\"noopener\">4pawsrecords.com<span aria-hidden=\"true\">\u2197<\/span><\/a><\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-projects-panel-2\" role=\"tabpanel\" aria-labelledby=\"ssn-projects-tab-2\" tabindex=\"0\" hidden>\n<h3>Zwei kreative K\u00f6pfe, ein Abend.<\/h3>\n<p>Mit KCA \u2013 Kikis Creative Agency \u2013 entwickelt Kristina Sheli Events, Locations und Markenerlebnisse in Berlin und dar\u00fcber hinaus. Daraus sind gemeinsame Projekte entstanden, bei denen wir Hand in Hand arbeiten: Die Ideen entstehen zusammen, und zusammen haben wir Launches, Veranstaltungen und Venues ihr Gesicht gegeben \u2013 vom Key Visual \u00fcber Social Media bis zum Film, der den Abend weitererz\u00e4hlt.<\/p>\n<p class=\"ssn-cta\"><a href=\"https:\/\/kikis.berlin\" target=\"_blank\" rel=\"noopener\">kikis.berlin<span aria-hidden=\"true\">\u2197<\/span><\/a><\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-projects-panel-3\" role=\"tabpanel\" aria-labelledby=\"ssn-projects-tab-3\" tabindex=\"0\" hidden>\n<h3>Eine Idee w\u00e4chst \u00fcber ein einzelnes Medium hinaus.<\/h3>\n<p>Wie weit eine gestalterische Idee tragen kann, habe ich \u00fcber viele Jahre bei neulandherzer in Berlin erlebt, einer Agentur f\u00fcr digitale Markenkommunikation. Dort habe ich Arbeiten f\u00fcr Lufthansa, Lufthansa Cargo, Mercedes-Benz und Steiff geschaffen: Ideen, die in sozialen Netzwerken, im Web und im Bewegtbild funktionieren mussten.<\/p>\n<p>Diese Erfahrung pr\u00e4gt bis heute, wie ich f\u00fcr gro\u00dfe Marken denke: klar in der Haltung, beweglich in der Form.<\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-projects-panel-4\" role=\"tabpanel\" aria-labelledby=\"ssn-projects-tab-4\" tabindex=\"0\" hidden>\n<h3>Vertrauen l\u00e4sst sich gestalten.<\/h3>\n<p>F\u00fcr Zahnarztpraxen in Berlin habe ich \u00fcber viele Jahre Websites, Logos und Praxisauftritte entwickelt. Dabei habe ich gelernt, was Patientinnen und Patienten beruhigt, welche Fragen sie vor dem ersten Termin haben und was das Werberecht f\u00fcr Praxen erlaubt.<\/p>\n<p>Ein guter Auftritt nimmt die Unsicherheit, bevor jemand im Behandlungsstuhl sitzt \u2013 und zeigt, mit wie viel Sorgfalt eine Praxis arbeitet.<\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-projects-panel-5\" role=\"tabpanel\" aria-labelledby=\"ssn-projects-tab-5\" tabindex=\"0\" hidden>\n<h3>R\u00e4ume, die noch entstehen.<\/h3>\n<p>Architektur hat mich nie losgelassen. Jetzt kehrt sie zur\u00fcck: Erste Projekte sind in Planung \u2013 Visualisierungen, Bildwelten und Pr\u00e4sentationen f\u00fcr Bauvorhaben, die man schon sehen soll, bevor der erste Stein gesetzt ist.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div><div class=\"et_pb_code_9 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><span class=\"ssn-blacklayer-code\" hidden=\"\"><\/span>\n\n<style>\n\/* ======================================\n   DEINE EINSTELLUNGEN\n   #projects = ID deines Hauptcontainers\n   Deckkraft: 0 = transparent, 1 = deckend\n   ====================================== *\/\n\n#projects {\n  --layer-farbe: #000000;\n  --layer-deckkraft: 0.56;\n\n  \/* Ab hier nichts \u00e4ndern. *\/\n  position: relative;\n  isolation: isolate;\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background: var(--layer-farbe);\n    opacity: var(--layer-deckkraft);\n    border-radius: inherit;\n    pointer-events: none;\n  }\n\n  \/* Inhalt bleibt \u00fcber dem Farblayer. *\/\n  & > .et_pb_row,\n  & > .et_pb_module {\n    z-index: 2;\n  }\n}\n\n\/* Code-Modul verursacht keinen Abstand. *\/\n.et_pb_code:has(.ssn-blacklayer-code) {\n  position: absolute !important;\n  width: 0 !important;\n  height: 0 !important;\n  min-height: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n<\/style>\n<template id=\"ssn-poster-projects\" data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2026\/11\/sherdin-new05-poster-projects.webp\"><\/template><\/div><\/div><\/div><\/div><\/div><div class=\"et_pb_section_5 et_pb_section et_section_regular et_block_section\" id=\"services\"><div class=\"et_pb_row_5 et_pb_row et_block_row\"><div class=\"et_pb_column_5 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_text_8 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div class=\"ssn-screen-head\">\n<p class=\"ssn-screen-label\">04 \/ Services<\/p>\n<h2>Was eine Idee braucht.<\/h2>\n<\/div>\n<\/div><\/div><div class=\"et_pb_text_9 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div class=\"ssn-screen-copy\">\n<p class=\"ssn-screen-intro\">Eine Idee ist erst fertig, wenn sie dort ankommt, wo Menschen ihr begegnen: auf dem Display, an der Wand, auf der Leinwand, im Ohr. Deshalb denken wir Website, Branding, Fotografie, Film, Motion Design und Sound nicht getrennt, sondern als eine Erz\u00e4hlung.<\/p>\n<p class=\"ssn-screen-intro\">Und wo eine Vorstellung schneller sichtbar werden soll, als ein Pinsel es erlaubt, holen wir die KI dazu. Als Werkzeug, nicht als Autor.<\/p>\n<div class=\"ssn-info-tabs\" data-ssn-tabs=\"services\">\n<div class=\"ssn-info-tablist\" role=\"tablist\" aria-label=\"services \u2013 Details\"><a id=\"ssn-services-tab-0\" href=\"#ssn-services-panel-0\" role=\"tab\" aria-selected=\"true\" aria-controls=\"ssn-services-panel-0\" tabindex=\"0\">Web &amp; SEO<\/a><a id=\"ssn-services-tab-1\" href=\"#ssn-services-panel-1\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-services-panel-1\" tabindex=\"-1\">Branding<\/a><a id=\"ssn-services-tab-7\" href=\"#ssn-services-panel-7\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-services-panel-7\" tabindex=\"-1\">Fotografie<\/a><a id=\"ssn-services-tab-2\" href=\"#ssn-services-panel-2\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-services-panel-2\" tabindex=\"-1\">KI-Produktion<\/a><a id=\"ssn-services-tab-8\" href=\"#ssn-services-panel-8\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-services-panel-8\" tabindex=\"-1\">Motion Design<\/a><a id=\"ssn-services-tab-3\" href=\"#ssn-services-panel-3\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-services-panel-3\" tabindex=\"-1\">Film &amp; Musikvideos<\/a><a id=\"ssn-services-tab-4\" href=\"#ssn-services-panel-4\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-services-panel-4\" tabindex=\"-1\">Sound<\/a><a id=\"ssn-services-tab-5\" href=\"#ssn-services-panel-5\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-services-panel-5\" tabindex=\"-1\">Kuration<\/a><\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-services-panel-0\" role=\"tabpanel\" aria-labelledby=\"ssn-services-tab-0\" tabindex=\"0\">\n<h3>Eine erste Begegnung, die weiterf\u00fchrt.<\/h3>\n<p>Wer eine Website besucht, m\u00f6chte verstehen, was ihn erwartet und wie es weitergeht. Ich entwickle daf\u00fcr einen digitalen Auftritt, in dem Gestaltung, Inhalte und Bedienung zusammenpassen. Die Struktur plane ich f\u00fcr Menschen und Suchmaschinen; auf Smartphone und Desktop soll sie gleicherma\u00dfen verst\u00e4ndlich bleiben. Nach dem Start begleite ich die Pflege und Weiterentwicklung.<\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-services-panel-1\" role=\"tabpanel\" aria-labelledby=\"ssn-services-tab-1\" tabindex=\"0\" hidden>\n<h3>Eine Marke bekommt einen eigenen Ausdruck.<\/h3>\n<p>Bevor ein Logo entsteht, kl\u00e4ren wir, wof\u00fcr eine Marke steht und wie sie wahrgenommen werden soll. Daraus entwickle ich eine visuelle Identit\u00e4t. Schrift und Farbe geben ihr ebenso Charakter wie der Umgang mit Bildern. Ich f\u00fchre diese Entscheidungen zu einem Gestaltungssystem zusammen, das sich im Alltag anwenden und \u00fcber verschiedene Medien weiterentwickeln l\u00e4sst.<\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-services-panel-7\" role=\"tabpanel\" aria-labelledby=\"ssn-services-tab-7\" tabindex=\"0\" hidden>\n<h3>Ein Bild l\u00e4sst Atmosph\u00e4re sp\u00fcrbar werden.<\/h3>\n<p>Eine Fotografie kann Atmosph\u00e4re vermitteln, noch bevor ein Wort gelesen ist. Ich entwickle Bildideen, die zum Menschen, zum Ort oder zum Projekt passen, und begleite sie von der Aufnahme bis zur fertigen Bearbeitung. Dabei achte ich darauf, wie das Bild sp\u00e4ter eingesetzt wird und welchen Teil der Geschichte es erz\u00e4hlen soll.<\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-services-panel-2\" role=\"tabpanel\" aria-labelledby=\"ssn-services-tab-2\" tabindex=\"0\" hidden>\n<h3>Eine Vorstellung bekommt eine sichtbare Form.<\/h3>\n<p>Wie k\u00f6nnte eine Szene aussehen, bevor sie gebaut oder gedreht wird? Mit KI mache ich solche Vorstellungen fr\u00fch als Bild sichtbar. Aus einer ersten Studie kann ein eigenst\u00e4ndiges Motiv f\u00fcr ein Cover entstehen. F\u00fcr gr\u00f6\u00dfere Projekte entwickle ich daraus eine Bildwelt, die sich \u00fcber mehrere Motive oder Filmszenen fortsetzen l\u00e4sst.<\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-services-panel-8\" role=\"tabpanel\" aria-labelledby=\"ssn-services-tab-8\" tabindex=\"0\" hidden>\n<h3>Bewegung gibt Gestaltung einen Rhythmus.<\/h3>\n<p>Ein Titel kann den Blick in einen Film f\u00fchren. Eine Grafik kann sich Schritt f\u00fcr Schritt aufbauen und damit verst\u00e4ndlich machen, wie etwas zusammenh\u00e4ngt. Ich entwickle die Bewegung aus der Gestaltung heraus und stimme Tempo und \u00dcberg\u00e4nge auf den Einsatz ab.<\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-services-panel-3\" role=\"tabpanel\" aria-labelledby=\"ssn-services-tab-3\" tabindex=\"0\" hidden>\n<h3>Vom Dreh bis zur erfundenen Welt.<\/h3>\n<p>Ein Film kann mit einer Begegnung vor der Kamera beginnen. Bei einem Musikvideo kann aus dem Rhythmus und der Stimmung eines Songs eine Welt entstehen, die es vorher nicht gab. Ich entwickle das Konzept und begleite die Produktion bis zum fertigen Schnitt. Je nach Idee verbinden sich gedrehte Aufnahmen mit animierten oder digital entwickelten Szenen. F\u00fcr gr\u00f6\u00dfere Produktionen stelle ich ein passendes Team zusammen.<\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-services-panel-4\" role=\"tabpanel\" aria-labelledby=\"ssn-services-tab-4\" tabindex=\"0\" hidden>\n<h3>Klang ver\u00e4ndert, was ein Bild erz\u00e4hlt.<\/h3>\n<p>Ein Klang kann einem Bild Ruhe geben, Spannung aufbauen oder eine Bewegung weiterf\u00fchren. Ich gestalte diese akustische Ebene im Zusammenspiel mit dem visuellen Konzept. Dabei entwickle und bearbeite ich Sound und Musik so, dass sie den Charakter der Arbeit tragen. Schnitt und Ton werden gemeinsam gedacht, damit beides denselben Rhythmus findet.<\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-services-panel-5\" role=\"tabpanel\" aria-labelledby=\"ssn-services-tab-5\" tabindex=\"0\" hidden>\n<h3>Eine Begegnung zwischen Kunst und Publikum.<\/h3>\n<p>Eine Ausstellung beginnt f\u00fcr mich mit der Frage, was zwischen Kunst und Publikum geschehen soll. Aus der Auswahl der Werke entwickle ich einen Zusammenhang, der ihre Eigenst\u00e4ndigkeit bewahrt und neue Verbindungen \u00f6ffnet. Die Pr\u00e4sentation und ihre begleitende Kommunikation wachsen aus diesem Gedanken. Mit ill.berlin f\u00fchre ich diesen Ansatz auch in eigenen Kunstprojekten weiter.<\/p>\n<\/div>\n<\/div>\n<p class=\"ssn-cta\"><a href=\"#contact\">Projekt anfragen<span aria-hidden=\"true\">\u2192<\/span><\/a><\/p>\n<\/div>\n<\/div><\/div><div class=\"et_pb_code_10 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><span class=\"ssn-blacklayer-code\" hidden=\"\"><\/span>\n\n<style>\n\/* ======================================\n   DEINE EINSTELLUNGEN\n   #services = ID deines Hauptcontainers\n   Deckkraft: 0 = transparent, 1 = deckend\n   ====================================== *\/\n\n#services {\n  --layer-farbe: #000000;\n  --layer-deckkraft: 0.56;\n\n  \/* Ab hier nichts \u00e4ndern. *\/\n  position: relative;\n  isolation: isolate;\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background: var(--layer-farbe);\n    opacity: var(--layer-deckkraft);\n    border-radius: inherit;\n    pointer-events: none;\n  }\n\n  \/* Inhalt bleibt \u00fcber dem Farblayer. *\/\n  & > .et_pb_row,\n  & > .et_pb_module {\n    z-index: 2;\n  }\n}\n\n\/* Code-Modul verursacht keinen Abstand. *\/\n.et_pb_code:has(.ssn-blacklayer-code) {\n  position: absolute !important;\n  width: 0 !important;\n  height: 0 !important;\n  min-height: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n<\/style>\n<template id=\"ssn-poster-services\" data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2026\/11\/sherdin-new05-poster-services.webp\"><\/template><\/div><\/div><\/div><\/div><\/div><div class=\"et_pb_section_6 et_pb_section et_section_regular et_block_section\" id=\"art\"><div class=\"et_pb_row_6 et_pb_row et_block_row\"><div class=\"et_pb_column_6 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_text_10 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div class=\"ssn-screen-head\">\n<p class=\"ssn-screen-label\">05 \/ Art<\/p>\n<h2>Die Gedanken sind frei.<\/h2>\n<\/div>\n<\/div><\/div><div class=\"et_pb_text_11 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div class=\"ssn-screen-copy\">\n<p class=\"ssn-screen-intro\">Irgendwann bleibt ein Gedanke, der in kein Projekt passt. Ein Gesicht, das aus Metall zu wachsen scheint. Ein K\u00f6rper, der sich nicht an die Schwerkraft h\u00e4lt. Eine Welt irgendwo zwischen Science-Fiction und Traum. Daf\u00fcr gibt es die freie Kunst. Keiner hat sie bestellt \u2013 genau deshalb darf sie alles.<\/p>\n<p class=\"ssn-screen-intro\">Hier mischen sich Malerei, Fotografie, 3D und KI. Die Maschine schl\u00e4gt hundert Wege vor. Welcher davon zum Bild wird, entscheidet am Ende ein Mensch.<\/p>\n<div class=\"ssn-info-tabs\" data-ssn-tabs=\"art\">\n<div class=\"ssn-info-tablist\" role=\"tablist\" aria-label=\"art \u2013 Details\"><a id=\"ssn-art-tab-0\" href=\"#ssn-art-panel-0\" role=\"tab\" aria-selected=\"true\" aria-controls=\"ssn-art-panel-0\" tabindex=\"0\">Freie Arbeiten<\/a><a id=\"ssn-art-tab-1\" href=\"#ssn-art-panel-1\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-art-panel-1\" tabindex=\"-1\">KI &amp; Autorschaft<\/a><a id=\"ssn-art-tab-2\" href=\"#ssn-art-panel-2\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-art-panel-2\" tabindex=\"-1\">Editionen<\/a><\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-art-panel-0\" role=\"tabpanel\" aria-labelledby=\"ssn-art-tab-0\" tabindex=\"0\">\n<h3>Eine Entdeckung f\u00fchrt zur n\u00e4chsten.<\/h3>\n<p>Manchmal ist es eine Oberfl\u00e4che, manchmal ein Gesicht oder ein seltsames Verh\u00e4ltnis von K\u00f6rper und Raum. Ich folge solchen Beobachtungen, ver\u00e4ndere sie und sehe, was daraus entsteht. Nicht jede Arbeit beginnt mit einer Geschichte. Einige finden sie erst unterwegs.<\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-art-panel-1\" role=\"tabpanel\" aria-labelledby=\"ssn-art-tab-1\" tabindex=\"0\" hidden>\n<h3>Aus M\u00f6glichkeiten wird eine Entscheidung.<\/h3>\n<p>KI er\u00f6ffnet Varianten, die ich ausw\u00e4hle, verwerfe und weiterbearbeite. Eine Arbeit entwickelt sich durch Komposition, Eingriffe, Kombinationen und die Entscheidung, wann sie fertig ist. Bei bewegten Werken kommen Zeit, Montage und Klang hinzu. Mich interessiert, was aus diesem Prozess als eigenst\u00e4ndiges Werk hervorgeht.<\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-art-panel-2\" role=\"tabpanel\" aria-labelledby=\"ssn-art-tab-2\" tabindex=\"0\" hidden>\n<h3>Ein Werk kann Teil des Alltags werden.<\/h3>\n<p>Ausgew\u00e4hlte Arbeiten sind als signierte Prints oder digitale Editionen erh\u00e4ltlich. Je nach Motiv ver\u00e4ndern Format, Material und Pr\u00e4sentation, wie ein Bild wirkt. Informationen zu Ausf\u00fchrung, Auflage und Verf\u00fcgbarkeit gebe ich pers\u00f6nlich \u2013 auch dann, wenn daraus der erste Kunstkauf wird.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div><div class=\"et_pb_code_11 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><span class=\"ssn-blacklayer-code\" hidden=\"\"><\/span>\n\n<style>\n\/* ======================================\n   DEINE EINSTELLUNGEN\n   #art = ID deines Hauptcontainers\n   Deckkraft: 0 = transparent, 1 = deckend\n   ====================================== *\/\n\n#art {\n  --layer-farbe: #000000;\n  --layer-deckkraft: 0.56;\n\n  \/* Ab hier nichts \u00e4ndern. *\/\n  position: relative;\n  isolation: isolate;\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background: var(--layer-farbe);\n    opacity: var(--layer-deckkraft);\n    border-radius: inherit;\n    pointer-events: none;\n  }\n\n  \/* Inhalt bleibt \u00fcber dem Farblayer. *\/\n  & > .et_pb_row,\n  & > .et_pb_module {\n    z-index: 2;\n  }\n}\n\n\/* Code-Modul verursacht keinen Abstand. *\/\n.et_pb_code:has(.ssn-blacklayer-code) {\n  position: absolute !important;\n  width: 0 !important;\n  height: 0 !important;\n  min-height: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n<\/style>\n<template id=\"ssn-poster-art\" data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2026\/11\/sherdin-new05-poster-art.webp\"><\/template><\/div><\/div><\/div><\/div><\/div><div class=\"et_pb_section_7 et_pb_section et_section_regular et_block_section\" id=\"gallery\"><div class=\"et_pb_row_7 et_pb_row et_block_row\"><div class=\"et_pb_column_7 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_text_12 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div class=\"ssn-screen-head\">\n<p class=\"ssn-screen-label\">06 \/ Gallery<\/p>\n<h2>Was sichtbar wurde.<\/h2>\n<\/div>\n<\/div><\/div><div class=\"et_pb_text_13 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div class=\"ssn-screen-copy\">\n<p class=\"ssn-screen-intro\">Eine Auswahl aus der freien Arbeit. Klicken Sie sich durch, \u00f6ffnen Sie ein Bild und bleiben Sie einen Moment l\u00e4nger als gewohnt. Manches zeigt sich erst beim zweiten Hinsehen.<\/p>\n<div class=\"ssn-gallery-filters\" data-overflow=\"false\"><button type=\"button\" class=\"ssn-filter-nav\" data-filter-prev aria-label=\"Vorherige Kategorien\" aria-hidden=\"true\" disabled><svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M10 3 5 8l5 5\"\/><\/svg><\/button><\/p>\n<div class=\"ssn-gallery-filter-list\" role=\"tablist\" aria-label=\"Galerie nach Bildwelt filtern\"><button type=\"button\" id=\"ssn-gallery-filter-all\" data-gallery-filter=\"all\" role=\"tab\" aria-selected=\"true\" aria-controls=\"ssn-gallery-filter-results\" aria-describedby=\"ssn-gallery-copy-all\" tabindex=\"0\">Alle <span class=\"ssn-gallery-filter-count\" aria-hidden=\"true\">10<\/span><\/button><button type=\"button\" id=\"ssn-gallery-filter-scifi\" data-gallery-filter=\"scifi\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-gallery-filter-results\" aria-describedby=\"ssn-gallery-copy-scifi\" tabindex=\"-1\">Sci-Fi <span class=\"ssn-gallery-filter-count\" aria-hidden=\"true\">4<\/span><\/button><button type=\"button\" id=\"ssn-gallery-filter-music\" data-gallery-filter=\"music\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-gallery-filter-results\" aria-describedby=\"ssn-gallery-copy-music\" tabindex=\"-1\">Music <span class=\"ssn-gallery-filter-count\" aria-hidden=\"true\">2<\/span><\/button><button type=\"button\" id=\"ssn-gallery-filter-surreal\" data-gallery-filter=\"surreal\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-gallery-filter-results\" aria-describedby=\"ssn-gallery-copy-surreal\" tabindex=\"-1\">Surreal <span class=\"ssn-gallery-filter-count\" aria-hidden=\"true\">2<\/span><\/button><button type=\"button\" id=\"ssn-gallery-filter-sw\" data-gallery-filter=\"sw\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-gallery-filter-results\" aria-describedby=\"ssn-gallery-copy-sw\" tabindex=\"-1\">SW <span class=\"ssn-gallery-filter-count\" aria-hidden=\"true\">2<\/span><\/button><\/div>\n<p><button type=\"button\" class=\"ssn-filter-nav\" data-filter-next aria-label=\"Weitere Kategorien\" aria-hidden=\"true\" disabled><svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"m6 3 5 5-5 5\"\/><\/svg><\/button><\/div>\n<div class=\"ssn-gallery-category-copy\">\n<div id=\"ssn-gallery-copy-all\" class=\"ssn-info-panel ssn-gallery-category-panel\" data-gallery-copy=\"all\" aria-hidden=\"false\">\n<h3>Freie Bildwelten.<\/h3>\n<p>Meine freien Arbeiten bewegen sich zwischen Mensch und Maschine, Musik und Fantasie. Hier treffen unterschiedliche Motive und Stimmungen aufeinander \u2013 verbunden durch meinen Blick auf Formen, Oberfl\u00e4chen und Ausdruck.<\/p>\n<\/div>\n<div id=\"ssn-gallery-copy-scifi\" class=\"ssn-info-panel ssn-gallery-category-panel\" data-gallery-copy=\"scifi\" aria-hidden=\"true\" hidden inert>\n<h3>Mensch und Maschine.<\/h3>\n<p>Menschliche Gesichter treffen auf futuristische K\u00f6rper, technische Details und fremde Materialien. Mich interessiert das Spannungsfeld zwischen Vertrautem und Unbekanntem \u2013 und der Ausdruck, der darin erhalten bleibt.<\/p>\n<\/div>\n<div id=\"ssn-gallery-copy-music\" class=\"ssn-info-panel ssn-gallery-category-panel\" data-gallery-copy=\"music\" aria-hidden=\"true\" hidden inert>\n<h3>Musik wird sichtbar.<\/h3>\n<p>Kopfh\u00f6rer, Lautsprecher und elektronische Ger\u00e4te werden zu K\u00f6rpern, Kleidung und Figuren. In diesen Bildern bekommen Klang und Rhythmus eine visuelle Form \u2013 mal verspielt, mal r\u00e4tselhaft, immer voller Bewegung.<\/p>\n<\/div>\n<div id=\"ssn-gallery-copy-surreal\" class=\"ssn-info-panel ssn-gallery-category-panel\" data-gallery-copy=\"surreal\" aria-hidden=\"true\" hidden inert>\n<h3>Vertrautes in fremder Form.<\/h3>\n<p>Landschaften werden zu K\u00f6rpern, Gesichter zu Oberfl\u00e4chen und vertraute Formen bekommen eine andere Bedeutung. Ich verschiebe das Gewohnte, bis eine eigene Wirklichkeit entsteht und Raum f\u00fcr neue Assoziationen \u00f6ffnet.<\/p>\n<\/div>\n<div id=\"ssn-gallery-copy-sw\" class=\"ssn-info-panel ssn-gallery-category-panel\" data-gallery-copy=\"sw\" aria-hidden=\"true\" hidden inert>\n<h3>Licht. Schatten. Ausdruck.<\/h3>\n<p>Die Reduktion auf Schwarz und Wei\u00df lenkt den Blick auf Licht, Kontraste und Gesten. Gesichter und K\u00f6rper treten in den Vordergrund; N\u00e4he und Ausdruck tragen das Bild.<\/p>\n<\/div>\n<\/div>\n<p class=\"ssn-gallery-filter-status\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">Alle \u00b7 10 Werke<\/p>\n<\/div>\n<\/div><\/div><div class=\"et_pb_code_12 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><span class=\"ssn-blacklayer-code\" hidden=\"\"><\/span>\n\n<style>\n\/* ======================================\n   DEINE EINSTELLUNGEN\n   #gallery = ID deines Hauptcontainers\n   Deckkraft: 0 = transparent, 1 = deckend\n   ====================================== *\/\n\n#gallery {\n  --layer-farbe: #000000;\n  --layer-deckkraft: 0.56;\n\n  \/* Ab hier nichts \u00e4ndern. *\/\n  position: relative;\n  isolation: isolate;\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background: var(--layer-farbe);\n    opacity: var(--layer-deckkraft);\n    border-radius: inherit;\n    pointer-events: none;\n  }\n\n  \/* Inhalt bleibt \u00fcber dem Farblayer. *\/\n  & > .et_pb_row,\n  & > .et_pb_module {\n    z-index: 2;\n  }\n}\n\n\/* Code-Modul verursacht keinen Abstand. *\/\n.et_pb_code:has(.ssn-blacklayer-code) {\n  position: absolute !important;\n  width: 0 !important;\n  height: 0 !important;\n  min-height: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n<\/style><\/div><\/div><div class=\"et_pb_code_13 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"ssn-art-stage\" data-gallery=\"gallery\" data-open=\"false\" role=\"region\" aria-label=\"Kunstwerke von Sasha S. Sherdin\" aria-roledescription=\"Karussell\"><p class=\"ssn-art-help\" id=\"gallery-help\">Links und Rechts bl\u00e4ttern durch die Werke. Klicken oder Leertaste \u00f6ffnet und schlie\u00dft ein Werk. Return f\u00fchrt zum n\u00e4chsten Bereich.<\/p><div class=\"ssn-art-track\"><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0934 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0934\" data-art-categories=\"scifi\" data-media-id=\"256360\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/04\/SherdinArt-SashaSherdin-0934.jpg\" data-width=\"800\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0934\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0934<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0788 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0788\" data-art-categories=\"scifi\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/10\/SherdinArt-SashaSherdin-0788-1-small01.jpg\" data-width=\"0\" data-height=\"0\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0788\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0788<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0789 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0789\" data-art-categories=\"scifi\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2024\/11\/SherdinArt-SashaSherdin-0789-1.jpg\" data-width=\"0\" data-height=\"0\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0789\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0789<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0790 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0790\" data-art-categories=\"surreal\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2024\/11\/SherdinArt-SashaSherdin-0790.jpg\" data-width=\"0\" data-height=\"0\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0790\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0790<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0792 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0792\" data-art-categories=\"scifi\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2024\/02\/SherdinArt-SashaSherdin-0792.jpg\" data-width=\"0\" data-height=\"0\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0792\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0792<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0023 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0023\" data-art-categories=\"music\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2023\/06\/SherdinArt-SashaSherdin-0023.jpg\" data-width=\"0\" data-height=\"0\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0023\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0023<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0807 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0807\" data-art-categories=\"music\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2024\/06\/SherdinArt-SashaSherdin-0807.jpg\" data-width=\"0\" data-height=\"0\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0807\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0807<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0916 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0916\" data-art-categories=\"surreal\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/02\/SherdinArt-SashaSherdin-0916.png\" data-width=\"960\" data-height=\"1248\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0916\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0916<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0791 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0791\" data-art-categories=\"sw\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2024\/01\/SherdinArt-SashaSherdin-0791.jpg\" data-width=\"0\" data-height=\"0\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0791\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0791<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0912 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0912\" data-art-categories=\"sw\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2024\/12\/SherdinArt-SashaSherdin-0912.jpg\" data-width=\"0\" data-height=\"0\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0912\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0912<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 20260731-001 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"20260731-001\" data-art-categories=\"scifi\" data-media-id=\"257800\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2026\/08\/SherdinArt-SashaSherdin-20260731-001.jpg\" data-width=\"958\" data-height=\"1280\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 20260731-001\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 20260731-001<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 20251125-02 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"20251125-02\" data-art-categories=\"surreal\" data-media-id=\"257517\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/11\/SherdinArt-SashaSherdin-20251125-02.jpg\" data-width=\"753\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 20251125-02\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 20251125-02<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 20251125-01 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"20251125-01\" data-art-categories=\"surreal\" data-media-id=\"257516\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/11\/SherdinArt-SashaSherdin-20251125-01.jpg\" data-width=\"753\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 20251125-01\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 20251125-01<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 20251120-01 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"20251120-01\" data-art-categories=\"surreal\" data-media-id=\"257513\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/11\/SherdinArt-SashaSherdin-20251120-01.jpg\" data-width=\"753\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 20251120-01\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 20251120-01<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 20251109-02 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"20251109-02\" data-art-categories=\"scifi\" data-media-id=\"257435\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/11\/SherdinArt-SashaSherdin-20251109-02.jpg\" data-width=\"800\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 20251109-02\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 20251109-02<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 20251109-03 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"20251109-03\" data-art-categories=\"music\" data-media-id=\"257434\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/11\/SherdinArt-SashaSherdin-20251109-03.jpg\" data-width=\"667\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 20251109-03\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 20251109-03<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 20251109-04 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"20251109-04\" data-art-categories=\"scifi\" data-media-id=\"257433\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/11\/SherdinArt-SashaSherdin-20251109-04.jpg\" data-width=\"896\" data-height=\"1344\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 20251109-04\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 20251109-04<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 20251109-05 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"20251109-05\" data-art-categories=\"music\" data-media-id=\"257432\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/11\/SherdinArt-SashaSherdin-20251109-05.jpg\" data-width=\"666\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 20251109-05\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 20251109-05<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 20251109-01 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"20251109-01\" data-art-categories=\"surreal\" data-media-id=\"257431\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/11\/SherdinArt-SashaSherdin-20251109-01.jpg\" data-width=\"667\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 20251109-01\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 20251109-01<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk The_beautiful_woman_covered_with \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"The_beautiful_woman_covered_with\" data-art-categories=\"scifi\" data-media-id=\"256425\"><video data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/04\/The_beautiful_woman_covered_with.mp4\" data-width=\"1080\" data-height=\"1920\" muted loop playsinline preload=\"none\" disablepictureinpicture aria-label=\"Animation von Sasha S. Sherdin \u2013 The_beautiful_woman_covered_with\"><\/video><figcaption>SHERDIN \/ The_beautiful_woman_covered_with<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0922 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0922\" data-art-categories=\"music\" data-media-id=\"255373\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/03\/SherdinArt-SashaSherdin-0922.jpg\" data-width=\"753\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0922\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0922<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0923 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0923\" data-art-categories=\"scifi\" data-media-id=\"255372\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/03\/SherdinArt-SashaSherdin-0923.jpg\" data-width=\"667\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0923\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0923<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0925 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0925\" data-art-categories=\"scifi\" data-media-id=\"255370\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/03\/SherdinArt-SashaSherdin-0925.jpg\" data-width=\"754\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0925\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0925<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0926 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0926\" data-art-categories=\"music\" data-media-id=\"255369\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/03\/SherdinArt-SashaSherdin-0926.jpg\" data-width=\"753\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0926\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0926<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0928 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0928\" data-art-categories=\"music\" data-media-id=\"255367\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/03\/SherdinArt-SashaSherdin-0928.jpg\" data-width=\"753\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0928\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0928<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0929 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0929\" data-art-categories=\"scifi\" data-media-id=\"255366\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/03\/SherdinArt-SashaSherdin-0929.jpg\" data-width=\"667\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0929\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0929<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0930 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0930\" data-art-categories=\"scifi\" data-media-id=\"255365\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/03\/SherdinArt-SashaSherdin-0930.jpg\" data-width=\"753\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0930\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0930<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0921 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0921\" data-art-categories=\"music\" data-media-id=\"255364\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/03\/SherdinArt-SashaSherdin-0921.jpg\" data-width=\"753\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0921\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0921<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0917-1 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0917-1\" data-art-categories=\"scifi\" data-media-id=\"255143\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/02\/SherdinArt-SashaSherdin-0917-1.jpg\" data-width=\"751\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0917-1\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0917-1<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0913 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0913\" data-art-categories=\"surreal\" data-media-id=\"255047\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/01\/SherdinArt-SashaSherdin-0913.jpg\" data-width=\"667\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0913\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0913<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0910 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0910\" data-art-categories=\"sw surreal\" data-media-id=\"255034\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2024\/12\/SherdinArt-SashaSherdin-0910.jpg\" data-width=\"667\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0910\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0910<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0911-1 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0911-1\" data-art-categories=\"surreal\" data-media-id=\"255033\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2024\/12\/SherdinArt-SashaSherdin-0911-1.jpg\" data-width=\"667\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0911-1\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0911-1<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0909-1 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0909-1\" data-art-categories=\"scifi\" data-media-id=\"255032\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2024\/12\/SherdinArt-SashaSherdin-0909-1.jpg\" data-width=\"800\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0909-1\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0909-1<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"gallery-help\" aria-label=\"Kunstwerk 0910-4838 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0910-4838\" data-art-categories=\"scifi\" data-media-id=\"4838\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2024\/12\/SherdinArt-SashaSherdin-0910.jpeg\" data-width=\"960\" data-height=\"1200\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0910-4838\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0910-4838<\/figcaption><\/figure><\/div><\/div><button type=\"button\" class=\"ssn-art-zone ssn-art-zone-prev\" data-art-prev aria-label=\"Vorheriges Kunstwerk\"><\/button><button type=\"button\" class=\"ssn-art-zone ssn-art-zone-next\" data-art-next aria-label=\"N\u00e4chstes Kunstwerk\"><\/button><span class=\"ssn-art-status\" aria-live=\"polite\"><\/span><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"et_pb_section_8 et_pb_section et_section_regular et_block_section\" id=\"illberlin\"><div class=\"et_pb_row_8 et_pb_row et_block_row\"><div class=\"et_pb_column_8 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_text_14 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div class=\"ssn-screen-head\">\n<p class=\"ssn-screen-label\">07 \/ Ill Berlin<\/p>\n<h2>Eine Ausstellung, die nie schlie\u00dft.<\/h2>\n<p><a class=\"ssn-ill-logo\" href=\"https:\/\/ill.berlin\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"ill.berlin \u2013 \u00f6ffnet in neuem Tab\"><img src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2026\/11\/Ill-Berlin-Logo-Original-Neu-01-300x300.png\" alt=\"ill.berlin\" width=\"300\" height=\"300\" loading=\"lazy\" decoding=\"async\"><\/a><\/div>\n<\/div><\/div><div class=\"et_pb_text_15 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div class=\"ssn-screen-copy\">\n<p class=\"ssn-screen-intro\">Wie viele Bilder entstehen jeden Tag, die nie jemand zu sehen bekommt? F\u00fcr diese Frage gibt es <a class=\"ssn-ill-link\" href=\"https:\/\/ill.berlin\/\" target=\"_blank\" rel=\"noopener\">ill.berlin<\/a>: eine Dauerausstellung, rund um die Uhr ge\u00f6ffnet, f\u00fcr meine eigenen Arbeiten und f\u00fcr K\u00fcnstlerinnen und K\u00fcnstler aus aller Welt, deren Werke ein Publikum verdienen.<\/p>\n<p class=\"ssn-screen-intro\">Hier kann man entdecken, sammeln und kaufen. Und damit daf\u00fcr sorgen, dass das n\u00e4chste Bild entstehen kann.<\/p>\n<p class=\"ssn-social-row\"><a class=\"ssn-social-link ssn-objkt-link\" href=\"https:\/\/objkt.com\/@illberlin\/owned\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Ill Berlin auf OBJKT \u2013 \u00f6ffnet in neuem Tab\"><img decoding=\"async\" src=\"https:\/\/ill.berlin\/wp-content\/uploads\/2025\/10\/Objkt-Logo.png\" alt=\"OBJKT\" width=\"491\" height=\"300\" loading=\"lazy\"\/><span>Ill Berlin auf OBJKT<\/span><span aria-hidden=\"true\">\u2197<\/span><\/a><\/p>\n<div class=\"ssn-info-tabs\" data-ssn-tabs=\"illberlin\">\n<div class=\"ssn-info-tablist\" role=\"tablist\" aria-label=\"illberlin \u2013 Details\"><a id=\"ssn-illberlin-tab-0\" href=\"#ssn-illberlin-panel-0\" role=\"tab\" aria-selected=\"true\" aria-controls=\"ssn-illberlin-panel-0\" tabindex=\"0\">Kuration<\/a><a id=\"ssn-illberlin-tab-1\" href=\"#ssn-illberlin-panel-1\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-illberlin-panel-1\" tabindex=\"-1\">Wertsch\u00e4tzung<\/a><a id=\"ssn-illberlin-tab-2\" href=\"#ssn-illberlin-panel-2\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-illberlin-panel-2\" tabindex=\"-1\">Kontakt<\/a><\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-illberlin-panel-0\" role=\"tabpanel\" aria-labelledby=\"ssn-illberlin-tab-0\" tabindex=\"0\">\n<h3>Kunst ist f\u00fcr alle da.<\/h3>\n<p>Wer vor einem Werk steht, muss nicht zuerst die richtigen Begriffe kennen. Neugier reicht f\u00fcr den Anfang. ill.berlin soll Arbeiten, Geschichten und Menschen zusammenbringen: verst\u00e4ndlich, offen und mit Raum f\u00fcr unterschiedliche Perspektiven. Berlin ist der Ausgangspunkt; die Kunst kommt aus aller Welt.<\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-illberlin-panel-1\" role=\"tabpanel\" aria-labelledby=\"ssn-illberlin-tab-1\" tabindex=\"0\" hidden>\n<h3>Von Anerkennung allein entsteht kein n\u00e4chstes Werk.<\/h3>\n<p>Wir bewundern die Kunst vergangener Generationen. Die K\u00fcnstlerinnen und K\u00fcnstler von heute brauchen zugleich Zeit, Material, R\u00e4ume und ein Einkommen. ill.berlin soll Sichtbarkeit mit M\u00f6glichkeiten zum Verkauf und zur Zusammenarbeit verbinden. Das Ziel ist, dass k\u00fcnstlerische Arbeit bezahlt wird und daraus neue Werke und Projekte entstehen k\u00f6nnen.<\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-illberlin-panel-2\" role=\"tabpanel\" aria-labelledby=\"ssn-illberlin-tab-2\" tabindex=\"0\" hidden>\n<h3>Ein Anfang, der gemeinsam wachsen kann.<\/h3>\n<p>Ich m\u00f6chte K\u00fcnstlerinnen und K\u00fcnstler, Kunstinteressierte, Sammler und m\u00f6gliche Partner miteinander ins Gespr\u00e4ch bringen. Ob ein Werk entdeckt, eine Zusammenarbeit angesto\u00dfen oder ein Ausstellungsprojekt entwickelt wird: Jede Begegnung kann etwas in Bewegung setzen. ill.berlin w\u00e4chst aus diesen Verbindungen.<\/p>\n<p><a href=\"#contact\" data-ssn-mail=\"mail|sherdin.art\">mail (at) sherdin.art<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div><div class=\"et_pb_code_14 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><span class=\"ssn-blacklayer-code\" hidden=\"\"><\/span>\n\n<style>\n\/* ======================================\n   DEINE EINSTELLUNGEN\n   #illberlin = ID deines Hauptcontainers\n   Deckkraft: 0 = transparent, 1 = deckend\n   ====================================== *\/\n\n#illberlin {\n  --layer-farbe: #000000;\n  --layer-deckkraft: 0.56;\n\n  \/* Ab hier nichts \u00e4ndern. *\/\n  position: relative;\n  isolation: isolate;\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background: var(--layer-farbe);\n    opacity: var(--layer-deckkraft);\n    border-radius: inherit;\n    pointer-events: none;\n  }\n\n  \/* Inhalt bleibt \u00fcber dem Farblayer. *\/\n  & > .et_pb_row,\n  & > .et_pb_module {\n    z-index: 2;\n  }\n}\n\n\/* Code-Modul verursacht keinen Abstand. *\/\n.et_pb_code:has(.ssn-blacklayer-code) {\n  position: absolute !important;\n  width: 0 !important;\n  height: 0 !important;\n  min-height: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n<\/style>\n<template id=\"ssn-poster-illberlin\" data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2026\/11\/sherdin-new05-poster-illberlin.webp\"><\/template><\/div><\/div><\/div><\/div><\/div><div class=\"et_pb_section_9 et_pb_section et_section_regular et_block_section\" id=\"nft-exhibitions\"><div class=\"et_pb_row_9 et_pb_row et_block_row\"><div class=\"et_pb_column_9 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_text_16 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div class=\"ssn-screen-head\">\n<p class=\"ssn-screen-label\">08 \/ NFT &amp; Exhibitions<\/p>\n<h2>Digital besitzen. Real erleben.<\/h2>\n<\/div>\n<\/div><\/div><div class=\"et_pb_text_17 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div class=\"ssn-screen-copy\">\n<p class=\"ssn-screen-intro\">Ein Werk kann auf einem Bildschirm in Tokio leben und gleichzeitig an einer Wand in Berlin h\u00e4ngen. Ausgew\u00e4hlte Arbeiten erscheinen als limitierte NFT-Editionen auf OBJKT, andere in Ausstellungen, f\u00fcr die Raum, Licht und Abfolge kuratiert werden. Zwei Wege, ein Ziel: dass Kunst ihr Publikum findet.<\/p>\n<div class=\"ssn-info-tabs\" data-ssn-tabs=\"nft-exhibitions\">\n<div class=\"ssn-info-tablist\" role=\"tablist\" aria-label=\"NFT &amp; Exhibitions \u2013 Details\"><a id=\"ssn-nft-exhibitions-tab-0\" href=\"#ssn-nft-exhibitions-panel-0\" role=\"tab\" aria-selected=\"true\" aria-controls=\"ssn-nft-exhibitions-panel-0\" tabindex=\"0\">NFT Editions<\/a><a id=\"ssn-nft-exhibitions-tab-1\" href=\"#ssn-nft-exhibitions-panel-1\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-nft-exhibitions-panel-1\" tabindex=\"-1\">Exhibitions<\/a><a id=\"ssn-nft-exhibitions-tab-2\" href=\"#ssn-nft-exhibitions-panel-2\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-nft-exhibitions-panel-2\" tabindex=\"-1\">Anfragen<\/a><\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-nft-exhibitions-panel-0\" role=\"tabpanel\" aria-labelledby=\"ssn-nft-exhibitions-tab-0\" tabindex=\"0\">\n<h3>Digitale Kunst in ausgew\u00e4hlten Editionen.<\/h3>\n<p>Ausgew\u00e4hlte Arbeiten ver\u00f6ffentliche ich als NFTs, unter anderem auf OBJKT im Tezos-Netzwerk. Zu jeder Edition geh\u00f6ren ihr eigener Kontext und ihre Werkangaben. Wenn Sie eine Arbeit interessiert, gebe ich Ihnen Auskunft zu Entstehung, Auflage und Verf\u00fcgbarkeit.<\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-nft-exhibitions-panel-1\" role=\"tabpanel\" aria-labelledby=\"ssn-nft-exhibitions-tab-1\" tabindex=\"0\" hidden>\n<h3>Ein Werk ver\u00e4ndert sich mit seinem Raum.<\/h3>\n<p>Ich entwickle kuratorische Konzepte und Pr\u00e4sentationen, in denen digitale und physische Arbeiten zusammenkommen k\u00f6nnen. Werkauswahl, Raum und Vermittlung denke ich gemeinsam \u2013 vom ersten Gedanken bis zu dem Moment, in dem das Publikum den Raum betritt.<\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-nft-exhibitions-panel-2\" role=\"tabpanel\" aria-labelledby=\"ssn-nft-exhibitions-tab-2\" tabindex=\"0\" hidden>\n<h3>Editionen, Ausstellungen und Kooperationen.<\/h3>\n<p>Sie m\u00f6chten mehr \u00fcber ein Werk erfahren oder mit mir eine Ausstellung entwickeln? F\u00fcr Anfragen zu digitalen Editionen und kuratorischen Projekten erreichen Sie mich direkt bei ill.berlin.<\/p>\n<p><a href=\"#contact\" data-ssn-mail=\"mail|sherdin.art\">mail (at) sherdin.art<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div><div class=\"et_pb_code_15 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><span class=\"ssn-blacklayer-code\" hidden=\"\"><\/span>\n\n<style>\n\/* ======================================\n   DEINE EINSTELLUNGEN\n   #nft-exhibitions = ID deines Hauptcontainers\n   Deckkraft: 0 = transparent, 1 = deckend\n   ====================================== *\/\n\n#nft-exhibitions {\n  --layer-farbe: #000000;\n  --layer-deckkraft: 0.56;\n\n  \/* Ab hier nichts \u00e4ndern. *\/\n  position: relative;\n  isolation: isolate;\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background: var(--layer-farbe);\n    opacity: var(--layer-deckkraft);\n    border-radius: inherit;\n    pointer-events: none;\n  }\n\n  \/* Inhalt bleibt \u00fcber dem Farblayer. *\/\n  & > .et_pb_row,\n  & > .et_pb_module {\n    z-index: 2;\n  }\n}\n\n\/* Code-Modul verursacht keinen Abstand. *\/\n.et_pb_code:has(.ssn-blacklayer-code) {\n  position: absolute !important;\n  width: 0 !important;\n  height: 0 !important;\n  min-height: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n<\/style><\/div><\/div><div class=\"et_pb_code_16 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"ssn-art-stage\" data-gallery=\"nft\" data-open=\"false\" role=\"region\" aria-label=\"Digitale Editionen von Sasha S. Sherdin\" aria-roledescription=\"Karussell\"><p class=\"ssn-art-help\" id=\"nft-help\">Links und Rechts bl\u00e4ttern durch die Werke. Klicken oder Leertaste \u00f6ffnet und schlie\u00dft ein Werk. Return f\u00fchrt zum n\u00e4chsten Bereich.<\/p><div class=\"ssn-art-track\"><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"nft-help\" aria-label=\"Kunstwerk 0807 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0807\" data-art-categories=\"music\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2024\/06\/SherdinArt-SashaSherdin-0807.jpg\" data-width=\"0\" data-height=\"0\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0807\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0807<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"nft-help\" aria-label=\"Kunstwerk 0806 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0806\" data-art-categories=\"\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2024\/06\/SherdinArt-SashaSherdin-0806.jpg\" data-width=\"0\" data-height=\"0\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0806\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0806<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"nft-help\" aria-label=\"Kunstwerk 0809 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0809\" data-art-categories=\"\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2024\/06\/SherdinArt-SashaSherdin-0809.jpg\" data-width=\"0\" data-height=\"0\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0809\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0809<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"nft-help\" aria-label=\"Kunstwerk 0801 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0801\" data-art-categories=\"\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2024\/05\/SherdinArt-SashaSherdin-0801.jpg\" data-width=\"0\" data-height=\"0\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0801\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0801<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"nft-help\" aria-label=\"Kunstwerk 0804 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0804\" data-art-categories=\"\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2024\/05\/SherdinArt-SashaSherdin-0804.jpg\" data-width=\"0\" data-height=\"0\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0804\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0804<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"nft-help\" aria-label=\"Kunstwerk 0805 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0805\" data-art-categories=\"\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2024\/05\/SherdinArt-SashaSherdin-0805-1.jpg\" data-width=\"0\" data-height=\"0\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0805\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0805<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"nft-help\" aria-label=\"Kunstwerk 0752 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0752\" data-art-categories=\"\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2023\/11\/SherdinArt-SashaSherdin-0752.jpg\" data-width=\"0\" data-height=\"0\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0752\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0752<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"nft-help\" aria-label=\"Kunstwerk 0753 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0753\" data-art-categories=\"\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2023\/11\/SherdinArt-SashaSherdin-0753.jpg\" data-width=\"0\" data-height=\"0\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0753\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0753<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"nft-help\" aria-label=\"Kunstwerk 20251216-01 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"20251216-01\" data-art-categories=\"\" data-media-id=\"257524\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/12\/SherdinArt-SashaSherdin-20251216-01.jpg\" data-width=\"668\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 20251216-01\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 20251216-01<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"nft-help\" aria-label=\"Kunstwerk 20251216-02 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"20251216-02\" data-art-categories=\"\" data-media-id=\"257523\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/12\/SherdinArt-SashaSherdin-20251216-02.jpg\" data-width=\"668\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 20251216-02\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 20251216-02<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"nft-help\" aria-label=\"Kunstwerk Sherdin \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"Sherdin\" data-art-categories=\"\" data-media-id=\"255315\"><video data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2026\/11\/Sherdin-Animation.mp4\" data-width=\"864\" data-height=\"1168\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"none\" disablepictureinpicture=\"\" aria-label=\"Animation von Sasha S. Sherdin \u2013 Sherdin\"><\/video><figcaption>SHERDIN \/ Sherdin<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"nft-help\" aria-label=\"Kunstwerk 0918 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0918\" data-art-categories=\"\" data-media-id=\"255184\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/02\/SherdinArt-SashaSherdin-0918.jpg\" data-width=\"668\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0918\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0918<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"nft-help\" aria-label=\"Kunstwerk 0915 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0915\" data-art-categories=\"\" data-media-id=\"255111\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/02\/SherdinArt-SashaSherdin-0915.jpg\" data-width=\"754\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0915\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0915<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"nft-help\" aria-label=\"Kunstwerk 0933 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0933\" data-art-categories=\"\"><video data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/10\/SherdinArt-SashaSherdin-0933-small01.mp4\" data-width=\"536\" data-height=\"700\" muted loop playsinline preload=\"none\" disablepictureinpicture aria-label=\"Animation von Sasha S. Sherdin \u2013 0933\"><\/video><figcaption>SHERDIN \/ 0933<\/figcaption><\/figure><\/div><div class=\"ssn-art-slot\" inert aria-hidden=\"true\"><figure class=\"ssn-art-card\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-describedby=\"nft-help\" aria-label=\"Kunstwerk 0810 \u00f6ffnen oder schlie\u00dfen\" data-art-id=\"0810\" data-art-categories=\"\" data-media-id=\"4266\"><img data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2024\/06\/SherdinArt-SashaSherdin-0810.jpg\" data-width=\"668\" data-height=\"1000\" alt=\"Kunstwerk von Sasha S. Sherdin \u2013 0810\" decoding=\"async\" draggable=\"false\"><figcaption>SHERDIN \/ 0810<\/figcaption><\/figure><\/div><\/div><button type=\"button\" class=\"ssn-art-zone ssn-art-zone-prev\" data-art-prev aria-label=\"Vorheriges Kunstwerk\"><\/button><button type=\"button\" class=\"ssn-art-zone ssn-art-zone-next\" data-art-next aria-label=\"N\u00e4chstes Kunstwerk\"><\/button><span class=\"ssn-art-status\" aria-live=\"polite\"><\/span><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"et_pb_section_10 et_pb_section et_section_regular et_block_section\" id=\"sashassherdin\"><div class=\"et_pb_row_10 et_pb_row et_block_row\"><div class=\"et_pb_column_10 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_text_18 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div class=\"ssn-screen-head\">\n<p class=\"ssn-screen-label\">09 \/ Sasha S. Sherdin<\/p>\n<h2>Der Mensch hinter den Bildern.<\/h2>\n<\/div>\n<\/div><\/div><div class=\"et_pb_text_19 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div class=\"ssn-screen-copy\">\n<p class=\"ssn-screen-intro\">Ich bin Sasha S. Sherdin, K\u00fcnstler und Art Director aus Berlin. Meine ersten Linien waren Bauzeichnungen: exakt, genormt, ohne Platz f\u00fcr Fantasie. Vielleicht zeichne ich deshalb heute am liebsten, was sich nicht vermessen l\u00e4sst.<\/p>\n<p class=\"ssn-screen-intro\">Dazwischen lagen Websites, Logos, Schnittpl\u00e4tze und Tonstudios \u2013 und irgendwann die Erkenntnis, dass meine gr\u00f6\u00dfte Liebe dem Musikvideo geh\u00f6rt. Dort kommt alles zusammen: Bild, Bewegung, Klang und dieser eine Gedanke, der pl\u00f6tzlich da war.<\/p>\n<div class=\"ssn-info-tabs\" data-ssn-tabs=\"sashassherdin\">\n<div class=\"ssn-info-tablist\" role=\"tablist\" aria-label=\"Sasha S. Sherdin \u2013 Details\"><a id=\"ssn-sashassherdin-tab-0\" href=\"#ssn-sashassherdin-panel-0\" role=\"tab\" aria-selected=\"true\" aria-controls=\"ssn-sashassherdin-panel-0\" tabindex=\"0\">Erfahrung<\/a><a id=\"ssn-sashassherdin-tab-1\" href=\"#ssn-sashassherdin-panel-1\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-sashassherdin-panel-1\" tabindex=\"-1\">Arbeitsweise<\/a><a id=\"ssn-sashassherdin-tab-2\" href=\"#ssn-sashassherdin-panel-2\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ssn-sashassherdin-panel-2\" tabindex=\"-1\">Werkzeuge<\/a><\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-sashassherdin-panel-0\" role=\"tabpanel\" aria-labelledby=\"ssn-sashassherdin-tab-0\" tabindex=\"0\">\n<h3>Was die Erfahrung im Bild hinterl\u00e4sst.<\/h3>\n<p>1999 begann ich mit Grafik und Screendesign. Die Bauzeichnung hat meinen Blick f\u00fcr Raum und Proportionen gesch\u00e4rft. Das hilft mir bis heute, wenn ich eine Bildidee ausarbeite und entscheide, wie die Teile eines Entwurfs zusammenwirken. Eine klare Vorstellung davon gibt mir auch dann Halt, wenn sich das Projekt im Laufe der Arbeit ver\u00e4ndert.<\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-sashassherdin-panel-1\" role=\"tabpanel\" aria-labelledby=\"ssn-sashassherdin-tab-1\" tabindex=\"0\" hidden>\n<h3>Eine Skizze macht ein Gespr\u00e4ch konkret.<\/h3>\n<p>Sobald die Idee vor uns liegt, k\u00f6nnen wir sehen, was sie tr\u00e4gt und wo noch Fragen offen sind. Daraus entwickelt sich ein gemeinsamer Plan. In der Umsetzung achte ich darauf, was an der ersten Idee stark war, und gebe ihr Raum, sich mit dem Projekt weiterzuentwickeln.<\/p>\n<\/div>\n<div class=\"ssn-info-panel\" id=\"ssn-sashassherdin-panel-2\" role=\"tabpanel\" aria-labelledby=\"ssn-sashassherdin-tab-2\" tabindex=\"0\" hidden>\n<h3>Werkzeuge wechseln. Der Blick bleibt.<\/h3>\n<p>Grafik und Bildbearbeitung entstehen bei mir in Photoshop, Lightroom, Illustrator und InDesign, Filme in Final Cut, Premiere Pro und After Effects. R\u00e4ume und Objekte baue ich in Cinema 4D mit Redshift, KI-Bilder entwickle ich mit Midjourney und Niji, Sound in Logic Pro. Das Werkzeug wechselt mit der Idee \u2013 geblieben ist die Frage, was ein Bild ausdr\u00fccken soll.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div><div class=\"et_pb_code_17 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><span class=\"ssn-blacklayer-code\" hidden=\"\"><\/span>\n\n<style>\n\/* ======================================\n   DEINE EINSTELLUNGEN\n   #sashassherdin = ID deines Hauptcontainers\n   Deckkraft: 0 = transparent, 1 = deckend\n   ====================================== *\/\n\n#sashassherdin {\n  --layer-farbe: #000000;\n  --layer-deckkraft: 0.56;\n\n  \/* Ab hier nichts \u00e4ndern. *\/\n  position: relative;\n  isolation: isolate;\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background: var(--layer-farbe);\n    opacity: var(--layer-deckkraft);\n    border-radius: inherit;\n    pointer-events: none;\n  }\n\n  \/* Inhalt bleibt \u00fcber dem Farblayer. *\/\n  & > .et_pb_row,\n  & > .et_pb_module {\n    z-index: 2;\n  }\n}\n\n\/* Code-Modul verursacht keinen Abstand. *\/\n.et_pb_code:has(.ssn-blacklayer-code) {\n  position: absolute !important;\n  width: 0 !important;\n  height: 0 !important;\n  min-height: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n<\/style>\n<template id=\"ssn-poster-sashassherdin\" data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2026\/11\/sherdin-new05-poster-sashassherdin.webp\"><\/template><\/div><\/div><\/div><\/div><\/div><div class=\"et_pb_section_11 et_pb_section et_section_regular et_flex_section\"><div class=\"et_pb_row_11 et_pb_row et_flex_row\"><div class=\"et_pb_column_11 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\"><div class=\"et_pb_text_20 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div id=\"instagram-bilder\" class=\"ssn-instagram-strip\" role=\"region\" aria-label=\"Neueste Instagram-Bilder von Sherdin Art\">\n<div class=\"ssn-instagram-images\">\t\t<div id=\"instagram-gallery-feed-1\" class=\"instagram-gallery-feed\" data-feed=\"{&quot;id&quot;:1,&quot;account_id&quot;:&quot;28603651999234363&quot;,&quot;source&quot;:&quot;username&quot;,&quot;tag&quot;:&quot;wordpress&quot;,&quot;order_by&quot;:&quot;top_media&quot;,&quot;layout&quot;:&quot;gallery&quot;,&quot;limit&quot;:6,&quot;columns&quot;:3,&quot;spacing&quot;:10,&quot;lazy&quot;:true,&quot;responsive&quot;:{&quot;desktop&quot;:{&quot;columns&quot;:6,&quot;spacing&quot;:2},&quot;tablet&quot;:{&quot;columns&quot;:3,&quot;spacing&quot;:2},&quot;mobile&quot;:{&quot;columns&quot;:2,&quot;spacing&quot;:2},&quot;breakpoints&quot;:{&quot;tablet&quot;:768,&quot;mobile&quot;:480}},&quot;aspect_ratio&quot;:{&quot;width&quot;:1,&quot;height&quot;:1},&quot;highlight&quot;:{&quot;tag&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;position&quot;:&quot;1,3,5&quot;},&quot;reel&quot;:{&quot;hide&quot;:false},&quot;copyright&quot;:{&quot;hide&quot;:false,&quot;placeholder&quot;:&quot;&quot;},&quot;profile&quot;:{&quot;display&quot;:false,&quot;username&quot;:&quot;&quot;,&quot;nickname&quot;:&quot;&quot;,&quot;website&quot;:&quot;&quot;,&quot;biography&quot;:&quot;&quot;,&quot;link_text&quot;:&quot;Follow&quot;,&quot;website_text&quot;:&quot;Website&quot;,&quot;avatar&quot;:&quot;&quot;},&quot;box&quot;:{&quot;display&quot;:false,&quot;padding&quot;:1,&quot;radius&quot;:0,&quot;background&quot;:&quot;#fefefe&quot;,&quot;profile&quot;:false,&quot;desc&quot;:&quot;&quot;,&quot;text_color&quot;:&quot;#000000&quot;},&quot;mask&quot;:{&quot;display&quot;:true,&quot;background&quot;:&quot;#000000&quot;,&quot;icon_color&quot;:&quot;#ffffff&quot;,&quot;likes_count&quot;:true,&quot;comments_count&quot;:true},&quot;card&quot;:{&quot;display&quot;:false,&quot;radius&quot;:1,&quot;font_size&quot;:12,&quot;background&quot;:&quot;#ffffff&quot;,&quot;background_hover&quot;:&quot;&quot;,&quot;text_color&quot;:&quot;#000000&quot;,&quot;padding&quot;:5,&quot;likes_count&quot;:false,&quot;text_length&quot;:10,&quot;comments_count&quot;:false,&quot;text_align&quot;:&quot;left&quot;},&quot;carousel&quot;:{&quot;centered_slides&quot;:false,&quot;autoplay&quot;:false,&quot;autoplay_interval&quot;:3000,&quot;navarrows&quot;:true,&quot;navarrows_color&quot;:&quot;&quot;,&quot;pagination&quot;:true,&quot;pagination_color&quot;:&quot;&quot;},&quot;modal&quot;:{&quot;display&quot;:false,&quot;profile&quot;:true,&quot;media_description&quot;:true,&quot;likes_count&quot;:true,&quot;comments_count&quot;:true,&quot;comments_list&quot;:false,&quot;text_align&quot;:&quot;left&quot;,&quot;modal_align&quot;:&quot;right&quot;,&quot;text_length&quot;:10000,&quot;font_size&quot;:12},&quot;button&quot;:{&quot;display&quot;:false,&quot;text&quot;:&quot;View on Instagram&quot;,&quot;text_color&quot;:&quot;#ffff&quot;,&quot;background&quot;:&quot;&quot;,&quot;background_hover&quot;:&quot;&quot;},&quot;button_load&quot;:{&quot;display&quot;:false,&quot;text&quot;:&quot;Load more...&quot;,&quot;text_color&quot;:&quot;#ffff&quot;,&quot;background&quot;:&quot;&quot;,&quot;background_hover&quot;:&quot;&quot;}}\">\n\t\t<!-- <FeedContainer\/> -->\n\t\t<\/div>\n\t\t<\/div>\n<div class=\"ssn-instagram-copy\">\n<div>\n<p class=\"ssn-screen-label\">Instagram \/ Sherdin Art<\/p>\n<h2>Gedanken werden Bilder.<\/h2>\n<\/div>\n<div class=\"ssn-instagram-description\">\n<p>Freie Arbeiten, neue Motive und visuelle Experimente. Auf Instagram teile ich, was aus meiner Neugier entsteht \u2013 und wohin sie mich als N\u00e4chstes f\u00fchrt.<\/p>\n<p><a href=\"https:\/\/www.instagram.com\/sherdin.art\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Sherdin Art auf Instagram \u2013 \u00f6ffnet in neuem Tab\">Auf Instagram entdecken <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"et_pb_section_12 et_pb_section et_section_regular et_block_section et_pb_section_parallax\" id=\"contact\"><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background--css et-pb-parallax-background-module--divi-section-12\" style=\"background-image:url(https:\/\/sherdin.de\/wp-content\/uploads\/2023\/06\/SherdinArt-SashaSherdin-3D-0002.png)\"><\/span><\/span><div class=\"et_pb_row_12 et_pb_row et_block_row\"><div class=\"et_pb_column_12 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_text_21 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div class=\"ssn-screen-head\">\n<p class=\"ssn-screen-label\">10 \/ Contact<\/p>\n<h2>Was m\u00f6chten Sie sichtbar machen?<\/h2>\n<\/div>\n<\/div><\/div><div class=\"et_pb_text_22 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div class=\"ssn-screen-copy ssn-contact-copy\">\n<p class=\"ssn-screen-intro\">Vielleicht haben Sie beim Scrollen an etwas Eigenes gedacht: eine Marke, einen Song, einen Raum, eine Idee, die noch keinen Namen hat. Mehr braucht es nicht f\u00fcr den Anfang. Erz\u00e4hlen Sie mir davon, alles Weitere finden wir gemeinsam.<\/p>\n<div class=\"ssn-contact-direct ssn-contact-identity\">\n<div class=\"ssn-contact-brandmark\" aria-hidden=\"true\"><img loading=\"lazy\" class=\"ssn-contact-logo\" src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/10\/SHERDIN-Logo-small01.jpg\" alt=\"\" width=\"400\" height=\"400\" decoding=\"async\"><\/div>\n<div class=\"ssn-contact-details\"><a class=\"ssn-contact-mail\" href=\"#contact\" data-ssn-mail=\"mail|sherdin.art\">mail (at) sherdin.art<\/a><br \/>\nProjekte auch \u00fcber Berlin hinaus.<br \/>\nBerlin \u00b7 Los Angeles \u00b7 New York \u00b7 Tokio<\/div>\n<\/div>\n<p class=\"ssn-social-row\"><a class=\"ssn-social-link ssn-instagram-link\" href=\"https:\/\/www.instagram.com\/sherdin.art\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Sherdin Art auf Instagram \u2013 \u00f6ffnet in neuem Tab\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.35\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"><\/rect><circle cx=\"12\" cy=\"12\" r=\"4.2\"><\/circle><circle cx=\"17.5\" cy=\"6.5\" r=\".85\" fill=\"currentColor\" stroke=\"none\"><\/circle><\/svg><span>Instagram<\/span><span aria-hidden=\"true\">\u2197<\/span><\/a><\/p>\n<div id=\"ssn-form-info-panel\" class=\"ssn-form-info-panel\" role=\"region\" aria-labelledby=\"ssn-form-info-title\" hidden=\"\">\n<h3 id=\"ssn-form-info-title\">Hinweise zum Formular<\/h3>\n<p>W\u00e4hlen Sie Ihr Anliegen und f\u00fcllen Sie Name, E-Mail-Adresse und Nachricht aus. F\u00fcr Kunst und Prints k\u00f6nnen Sie den Werktitel nennen.<\/p>\n<p>Ich verwende Ihre Angaben zur Bearbeitung und Beantwortung Ihrer Anfrage. Sie erreichen mich auch direkt unter <a href=\"#contact\" data-ssn-mail=\"mail|sherdin.art\">mail (at) sherdin.art<\/a>.<\/p>\n<p>Weitere Informationen finden Sie in meiner <a href=\"https:\/\/sherdin.de\/impressum\" target=\"_blank\" rel=\"noopener noreferrer\">Datenschutzerkl\u00e4rung<\/a>.<\/p>\n<p>Zum Schutz vor Spam wird Google reCAPTCHA eingesetzt. Es gelten die <a href=\"https:\/\/policies.google.com\/privacy\" target=\"_blank\" rel=\"noopener noreferrer\">Datenschutzerkl\u00e4rung<\/a> und <a href=\"https:\/\/policies.google.com\/terms\" target=\"_blank\" rel=\"noopener noreferrer\">Nutzungsbedingungen<\/a> von Google.<\/div>\n<\/div>\n<\/div><\/div><div class=\"et_pb_contact_form_0 et_pb_contact_form_container clearfix et_pb_recaptcha_enabled et_pb_module et_flex_module\" data-form_unique_num=\"0\" data-form_unique_id=\"be5d77e7-d740-4584-8fea-385828e14219\" id=\"et_pb_contact_form_be5d77e7-d740-4584-8fea-385828e14219\"><div class=\"et-pb-contact-message\"><\/div><div class=\"et_pb_contact\"><form class=\"et_pb_contact_form et_flex_module\" method=\"post\" action=\"https:\/\/sherdin.de\/en\/wp-json\/wp\/v2\/pages\/258763\"><div class=\"et_pb_contact_field_0 et_pb_contact_field et_pb_module et_flex_module et_flex_column_12_24 et_flex_column_12_24_tablet et_flex_column_12_24_phone\" data-id=\"name\" data-type=\"input\"><label class=\"et_pb_contact_form_label\" for=\"et_pb_contact_0_name_0\">Ihr Name<\/label><input type=\"text\" name=\"et_pb_contact_0_name_0\" id=\"et_pb_contact_0_name_0\" class=\"input\" data-required_mark=\"required\" data-field_type=\"input\" data-original_id=\"name\" placeholder=\"Ihr Name\" title=\"\" value=\"\" \/><\/div><div class=\"et_pb_contact_field_1 et_pb_contact_field et_pb_module et_flex_module et_flex_column_12_24 et_flex_column_12_24_tablet et_flex_column_12_24_phone\" data-id=\"email\" data-type=\"email\"><label class=\"et_pb_contact_form_label\" for=\"et_pb_contact_0_email_1\">Ihre E-Mail-Adresse<\/label><input type=\"text\" name=\"et_pb_contact_0_email_1\" id=\"et_pb_contact_0_email_1\" class=\"input\" data-required_mark=\"required\" data-field_type=\"email\" data-original_id=\"email\" placeholder=\"Ihre E-Mail-Adresse\" title=\"\" value=\"\" \/><\/div><div class=\"et_pb_contact_field_2 et_pb_contact_field et_pb_module et_flex_module et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\" data-id=\"message\" data-type=\"text\"><label class=\"et_pb_contact_form_label\" for=\"et_pb_contact_0_message_2\">Ihr Vorhaben<\/label><textarea name=\"et_pb_contact_0_message_2\" id=\"et_pb_contact_0_message_2\" class=\"et_pb_contact_message input\" data-required_mark=\"required\" data-field_type=\"text\" data-original_id=\"message\" placeholder=\"Ihr Vorhaben\"><\/textarea><\/div><div class=\"et_pb_contact_field_3 et_pb_contact_field et_pb_module et_flex_module et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\" data-id=\"anliegen\" data-type=\"select\"><label class=\"et_pb_contact_form_label\" for=\"et_pb_contact_0_anliegen_3\">Ihr Anliegen<\/label><select name=\"et_pb_contact_0_anliegen_3\" id=\"et_pb_contact_0_anliegen_3\" class=\"et_pb_contact_select input\" data-required_mark=\"required\" data-field_type=\"select\" data-original_id=\"anliegen\"><option value=\"\">Ihr Anliegen<\/option><option value=\"Website &amp; SEO\" data-id=\"\">Website &amp; SEO<\/option><option value=\"Branding &amp; Logodesign\" data-id=\"\">Branding &amp; Logodesign<\/option><option value=\"Illustration\" data-id=\"\">Illustration<\/option><option value=\"Fotografie\" data-id=\"\">Fotografie<\/option><option value=\"Film &amp; Musikvideos\" data-id=\"\">Film &amp; Musikvideos<\/option><option value=\"KI-Produktion\" data-id=\"\">KI-Produktion<\/option><option value=\"Motion Design\" data-id=\"\">Motion Design<\/option><option value=\"Sound &amp; Musik\" data-id=\"\">Sound &amp; Musik<\/option><option value=\"Kunst &amp; Prints\" data-id=\"\">Kunst &amp; Prints<\/option><option value=\"Kuration &amp; Ausstellung\" data-id=\"\">Kuration &amp; Ausstellung<\/option><option value=\"Eine andere Idee\" data-id=\"\">Eine andere Idee<\/option><\/select><\/div><input type=\"hidden\" name=\"et_pb_contactform_submit_be5d77e7-d740-4584-8fea-385828e14219\" value=\"et_contact_proccess\" \/><div class=\"et_contact_bottom_container\"><div class=\"et_pb_button_wrapper\"><button type=\"submit\" name=\"et_builder_submit_button\" class=\"et_pb_button et_pb_contact_submit\">Anfrage senden<\/button><\/div><\/div><input type=\"hidden\" id=\"_wpnonce-et-pb-contact-form-submitted-be5d77e7-d740-4584-8fea-385828e14219\" name=\"_wpnonce-et-pb-contact-form-submitted-be5d77e7-d740-4584-8fea-385828e14219\" value=\"3f4bc6ec81\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/258763\" \/><\/form><\/div><\/div><div class=\"et_pb_code_18 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><span class=\"ssn-blacklayer-code\" hidden=\"\"><\/span>\n\n<style>\n\/* ======================================\n   DEINE EINSTELLUNGEN\n   #contact = ID deines Hauptcontainers\n   Deckkraft: 0 = transparent, 1 = deckend\n   ====================================== *\/\n\n#contact {\n  --layer-farbe: #000000;\n  --layer-deckkraft: 0.56;\n\n  \/* Ab hier nichts \u00e4ndern. *\/\n  position: relative;\n  isolation: isolate;\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background: var(--layer-farbe);\n    opacity: var(--layer-deckkraft);\n    border-radius: inherit;\n    pointer-events: none;\n  }\n\n  \/* Inhalt bleibt \u00fcber dem Farblayer. *\/\n  & > .et_pb_row,\n  & > .et_pb_module {\n    z-index: 2;\n  }\n}\n\n\/* Code-Modul verursacht keinen Abstand. *\/\n.et_pb_code:has(.ssn-blacklayer-code) {\n  position: absolute !important;\n  width: 0 !important;\n  height: 0 !important;\n  min-height: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n<\/style><\/div><\/div><\/div><\/div><\/div><div class=\"et_pb_section_13 et_pb_section et_pb_section--absolute et_section_regular et_flex_section\"><div class=\"et_pb_row_13 et_pb_row et_flex_row\"><div class=\"et_pb_column_13 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\"><div class=\"et_pb_text_23 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"font-size: 12px;\">\u00a9\u2117 2026 Sasha S. Sherdin&nbsp; \u00b7&nbsp; Sherdin Art&nbsp; \u00b7&nbsp; <a href=\"https:\/\/ill.berlin\" target=\"_blank\" rel=\"noopener\">Ill Berlin<\/a>&nbsp;&nbsp; |&nbsp;&nbsp; <a href=\"https:\/\/sherdin.de\/impressum\">Impressum<\/a>&nbsp; \u00b7&nbsp; <a href=\"https:\/\/sherdin.de\/impressum#datenschutz\">Datenschutz<\/a><\/p>\n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Webdesign, Branding und SEO aus Berlin. Sasha S. Sherdin entwickelt Websites, Logos und visuelle Identit\u00e4ten \u2013 erg\u00e4nzt durch Film, Fotografie und Sound.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_page_layout":"et_right_sidebar","_et_pb_side_nav":"off","footnotes":""},"class_list":["post-258763","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sherdin.de\/en\/wp-json\/wp\/v2\/pages\/258763","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sherdin.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sherdin.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sherdin.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sherdin.de\/en\/wp-json\/wp\/v2\/comments?post=258763"}],"version-history":[{"count":21,"href":"https:\/\/sherdin.de\/en\/wp-json\/wp\/v2\/pages\/258763\/revisions"}],"predecessor-version":[{"id":258813,"href":"https:\/\/sherdin.de\/en\/wp-json\/wp\/v2\/pages\/258763\/revisions\/258813"}],"wp:attachment":[{"href":"https:\/\/sherdin.de\/en\/wp-json\/wp\/v2\/media?parent=258763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}