{"id":3120,"date":"2023-09-03T12:16:00","date_gmt":"2023-09-03T12:16:00","guid":{"rendered":"https:\/\/sommerlich.art\/?page_id=3120"},"modified":"2026-07-26T19:16:24","modified_gmt":"2026-07-26T19:16:24","slug":"sommerlich-kunst-chiemsee","status":"publish","type":"page","link":"https:\/\/sommerlich.art\/en\/","title":{"rendered":"home"},"content":{"rendered":"\n<h1 class=\"wp-block-heading H1hidden\">Die Kunst von Andreas Sommer &#8211; Magische Fantastische Gem\u00e4lde und Zeichnungen<\/h1>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* frontpage main banner*\/\n.headerbanner {\n    width: 100vw;       \n    \n    margin-left: calc(50% - 50vw); \n    \nposition:relative !important;\n    left: 0;\nheight:100vh !important;\noverflow: hidden;\n\ttop: 0px !important;\n\tleft: 0px;\nbackground-attachment: fixed !important;\n\/*background-image:url(\"\/wp-content\/uploads\/header2-fabric.jpg\");*\/\nbackground-image:url(\"\/wp-content\/uploads\/sommerlich-art-header_250707-002.jpg\");\n\tbackground-position: 50% 50% !important;\n\nbackground-repeat: no-repeat;\n    background-size: cover;\n\n  height:calc(50vh + 5vw);   \nz-index: 1000; \ndisplay: block;\n}\n\n\n\/** Text Basic Blocks**\/\n.headerbanner p {\tfont-family:cinceldecorativeregular !important; \nfont-size:calc(2vw + 7px)!important;\n\tline-height:30%;\nmargin: 3vw;\n    text-shadow: 0 2px 4px rgba(255,255,255,0.5); \ncolor:white !important;\n}\n\n\n.headerbanner .headermiddletext {\tfont-family:cinceldecorativeregular !important; \nfont-size:calc(8vw) !important; color:white !important; }\n\n.headerbottomtext {margin-left:10vw !important}\n\n.headertextbox {\n\t\n\theight: calc((50vh + 5vw) \/ 2) !important;\ntext-align: left !important;\n\tposition:relative;\n\tleft:20% !important;\n\tbottom: -40vh !important;\n\n}\n\n\/* 1. Set the initial state for all three target classes *\/\n.headertoptext, \n.headermiddletext, \n.headerbottomtext {\n    opacity: 0;\n    transform: translateY(30px); \/* Starts 30px lower *\/\n    transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n    will-change: opacity, transform; \/* Optimizes performance *\/\n}\n\n\/* 2. Define the 'active' state (what they look like when visible) *\/\n.headertoptext.active, \n.headermiddletext.active, \n.headerbottomtext.active {\n    opacity: 1;\n    transform: translateY(0); \/* Moves to original position *\/\n}\n\n\/* 3. THE STAGGER EFFECT: Assign a different delay to each one *\/\n.headertoptext {\n    transition-delay: 0.4s; \/* Starts first *\/\n}\n\n.headermiddletext {\n    transition-delay: 1.5s; \/* Starts second *\/\n}\n\n.headerbottomtext {\n    transition-delay: 2.5s; \/* Starts third *\/\n}\n\n\/*\/\/\/\/\/\/ Scroll Indicator*\/\n\n\/* 1. Container Positioning *\/\n\/* Inside your .scroll-indicator class *\/\n.scroll-indicator {\n    cursor: pointer;\n    position: fixed;\n    bottom: 30px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    \n    \/* CHANGE THIS to be higher than the headerbanner's 1000 *\/\n    z-index: 2000; \n    \n    \/* Ensure this is still 'auto' as we discussed before *\/\n    pointer-events: auto; \n    \n    transition: opacity 0.5s ease;\n}\n\n\/* 2. The Arrow Shape (Created with CSS borders) *\/\n.arrow {\n    width: 20px;\n    height: 20px;\n    border-right: 3px solid white; \/* Color of the arrow *\/\n    border-bottom: 3px solid white;\n    transform: rotate(45deg);      \/* Rotate to point downwards *\/\n    margin-bottom: 10px;\n    animation: bounce 3s infinite; \/* The bouncing animation *\/\n}\n\n\/* 3. The \"Scroll Down\" Text *\/\n.scroll-indicator p {\n    color: white;\n    font-family: sans-serif !important;\n    font-size: 12px;\n\n    letter-spacing: 2px;\n    margin: 0;\n    text-shadow: 0 2px 4px rgba(0,0,0,0.5); \/* Makes text readable on light backgrounds *\/\n}\n\n\/* 4. The Bouncing Animation *\/\n@keyframes bounce {\n    0%, 20%, 50%, 80%, 100% {\n        transform: rotate(45deg) translateY(0)\ntranslateX(2px);\n    }\n    40% {\n        transform: rotate(45deg) translateY(-10px)\ntranslateX(-8px);\n    }\n    60% {\n        transform: rotate(45deg) translateY(-5px)\ntranslateX(-2px);\n    }\n}\n\n\/* Class to hide the indicator via JavaScript *\/\n.fade-out {\n    opacity: 0;\n}\n\n\n\n\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', () => {\n    const observerOptions = {\n        threshold: 0.1 \/\/ Trigger when 10% of the element is visible\n    };\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach((entry) => {\n            if (entry.isIntersecting) {\n                \/\/ Add the 'active' class to the element that entered the screen\n                entry.target.classList.add('active');\n                \n                \/\/ If you want the animation to happen only once, \n                \/\/ stop observing this element after it's animated.\n                observer.unobserve(entry.target);\n            }\n        });\n    }, observerOptions);\n\n    \/\/ Select only your specific target classes\n    const targets = document.querySelectorAll('.headertoptext, .headermiddletext, .headerbottomtext')\n    \n    targets.forEach((target) => {\n        observer.observe(target);\n    });\n});\n\n\n\n\/\/\/\/\/\/ Scroll Indicator\nwindow\/addEventListener('scroll', () => {\n    const indicator = document.getElementById('scrollIndicator');\n    \n    \/\/ If user has scrolled more than 50px, hide the indicator\n    if (window.scrollY > 50) {\n        indicator.classList.add('fade-out');\n    } else {\n        \/\/ If they scroll back to the very top, show it again\n        indicator.classList.remove('fade-out');\n    }\n});\n\n\nfunction animateScroll(distance, duration) {\n    \/\/ 1. Save the current scroll behavior to restore it later\n    const originalBehavior = document.documentElement.style.scrollBehavior;\n    \/\/ 2. Force \"auto\" so the JS animation is the only thing controlling the movement\n    document.documentElement.style.scrollBehavior = 'auto';\n\n    const start = window.scrollY;\n    const end = start + distance;\n    const startTime = performance.now();\n\n    function easeInOutQuad(t) {\n        return t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) \/ 2;\n    }\n\n    function step(currentTime) {\n        const elapsed = currentTime - startTime;\n        const progress = Math.min(elapsed \/ duration, 1);\n        const easedProgress = easeInOutQuad(progress);\n        \n        window.scrollTo(0, start + (end - start) * easedProgress);\n\n        if (progress < 1) {\n            requestAnimationFrame(step);\n        } else {\n            \/\/ 3. Restore the original behavior when finished\n            document.documentElement.style.scrollBehavior = originalBehavior;\n        }\n    }\n\n    requestAnimationFrame(step);\n}\n\n\/\/ --- UPDATED: Scroll Indicator Setup ---\nfunction setupScrollIndicator() {\n    const indicator = document.getElementById('scrollIndicator');\n    \n    console.log(\"Checking for indicator...\");\n\n    if (indicator) {\n        indicator.style.pointerEvents = 'auto';\n        \n        indicator.addEventListener('click', () => {\n            console.log(\"Click detected! Starting slow scroll...\");\n            \n            \/\/ CONFIGURATION:\n            const scrollDistance = window.innerHeight * 1; \/\/ 80vh\n            const scrollDuration = 2000; \/\/ 2000ms = 2 seconds (Adjust this to change speed!)\n\n            \/\/ Execute our custom animation\n            animateScroll(scrollDistance, scrollDuration);\n        });\n        \n        console.log(\"Success: Event listener attached.\");\n    } else {\n        console.error(\"Error: Element with ID 'scrollIndicator' was NOT found.\");\n    }\n}\n\n\/\/ Safety Wrapper (Same as before)\nif (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', setupScrollIndicator);\n} else {\n    setupScrollIndicator();\n}\n<\/script>\n\n<div class=\"headerbanner\">\n\n    <div class=\"headertextbox\">\n\n     <p class=\"headertoptext\">Ich \u00f6ffne Fenster zur<\/p>\n     <p class=\"headermiddletext \">Anderswelt<\/p>\n     <p class=\"headerbottomtext\">und male Tr\u00e4ume wahr.<\/p>\n\n<!-- The Scroll Indicator -->\n<div class=\"scroll-indicator\" id=\"scrollIndicator\">\n    <div class=\"arrow\"><\/div>\n    <p>Tretet n\u00e4her<\/p>\n<\/div>\n    <\/div>\n\n\n\n\n\n\n\n<\/div>\n\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading H2hidden\">Seine Kunst kurz erkl\u00e4rt<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-alpha-channel-opacity has-cyan-bluish-gray-background-color has-background main-sep\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Die Kunst der Anderswelt<\/h2>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile storybannerwp has-custom-css has-cyan-bluish-gray-color has-text-color has-link-color has-medium-font-size wp-elements-cc4700c830ae993de76c5d91109fae8c wp-custom-css-0dfdb612\"><div class=\"wp-block-media-text__content\">\n<h4 class=\"wp-block-heading\">Philosophie<\/h4>\n\n\n\n<p class=\"introbox1text wp-block-paragraph\">In meiner Kunst verbinde ich traditionelle Techniken mit den fantastischen Bilderwelten der heutigen Zeit. <\/p>\n\n\n\n<p class=\"introbox1text wp-block-paragraph\">Ich m\u00f6chte lebendige visuelle Geschichten erz\u00e4hlen \u00fcber das, was uns im Innersten bewegt und zum Staunen bringt.<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/sommerlich.art\/wp-content\/uploads\/Federwanderer_Andreas-Sommer_web-1024x1024.jpg\" alt=\"Bleistiftportrait eines m\u00e4nnlichen L\u00f6wen in dreiviertelansicht. Er sieht zur Seite mit einem ernsten Blick. Als M\u00e4hne hat er anstatt von Fell viele gro\u00dfe und kleine Federn. Pencil portrait of a male lion in three-quarter view. He is looking to the side with a serious expression. Instead of fur, he has many large and small feathers in his mane.\" class=\"wp-image-4022 size-full\" srcset=\"https:\/\/sommerlich.art\/wp-content\/uploads\/Federwanderer_Andreas-Sommer_web-1024x1024.jpg 1024w, https:\/\/sommerlich.art\/wp-content\/uploads\/Federwanderer_Andreas-Sommer_web-300x300.jpg 300w, https:\/\/sommerlich.art\/wp-content\/uploads\/Federwanderer_Andreas-Sommer_web-150x150.jpg 150w, https:\/\/sommerlich.art\/wp-content\/uploads\/Federwanderer_Andreas-Sommer_web-768x768.jpg 768w, https:\/\/sommerlich.art\/wp-content\/uploads\/Federwanderer_Andreas-Sommer_web-1536x1536.jpg 1536w, https:\/\/sommerlich.art\/wp-content\/uploads\/Federwanderer_Andreas-Sommer_web-12x12.jpg 12w, https:\/\/sommerlich.art\/wp-content\/uploads\/Federwanderer_Andreas-Sommer_web-850x850.jpg 850w, https:\/\/sommerlich.art\/wp-content\/uploads\/Federwanderer_Andreas-Sommer_web-24x24.jpg 24w, https:\/\/sommerlich.art\/wp-content\/uploads\/Federwanderer_Andreas-Sommer_web-36x36.jpg 36w, https:\/\/sommerlich.art\/wp-content\/uploads\/Federwanderer_Andreas-Sommer_web-48x48.jpg 48w, https:\/\/sommerlich.art\/wp-content\/uploads\/Federwanderer_Andreas-Sommer_web.jpg 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile is-vertically-aligned-center storybannerwp has-custom-css has-cyan-bluish-gray-color has-text-color has-link-color has-medium-font-size wp-elements-03e48f050f496cd3a96873e6c0464047 wp-custom-css-750b6081\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"763\" src=\"https:\/\/sommerlich.art\/wp-content\/uploads\/Concept-drawing-guardian_Andreas-Sommer-1024x763.jpg\" alt=\"Skizzenbuchseite mit mehreren Charakteren in verschiedenen dynamischen Posen\" class=\"wp-image-4138 size-full\" srcset=\"https:\/\/sommerlich.art\/wp-content\/uploads\/Concept-drawing-guardian_Andreas-Sommer-1024x763.jpg 1024w, https:\/\/sommerlich.art\/wp-content\/uploads\/Concept-drawing-guardian_Andreas-Sommer-300x223.jpg 300w, https:\/\/sommerlich.art\/wp-content\/uploads\/Concept-drawing-guardian_Andreas-Sommer-768x572.jpg 768w, https:\/\/sommerlich.art\/wp-content\/uploads\/Concept-drawing-guardian_Andreas-Sommer-16x12.jpg 16w, https:\/\/sommerlich.art\/wp-content\/uploads\/Concept-drawing-guardian_Andreas-Sommer-850x633.jpg 850w, https:\/\/sommerlich.art\/wp-content\/uploads\/Concept-drawing-guardian_Andreas-Sommer-24x18.jpg 24w, https:\/\/sommerlich.art\/wp-content\/uploads\/Concept-drawing-guardian_Andreas-Sommer-36x27.jpg 36w, https:\/\/sommerlich.art\/wp-content\/uploads\/Concept-drawing-guardian_Andreas-Sommer-48x36.jpg 48w, https:\/\/sommerlich.art\/wp-content\/uploads\/Concept-drawing-guardian_Andreas-Sommer.jpg 1477w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h4 class=\"wp-block-heading\">Fantasy kommt von Fantasie<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Meine Bilder entstehen in einem kontinuierlichen kreativen Prozess auf dem Skizzenblock und entwickeln sich Schritt f\u00fcr Schritt zu gro\u00dfen Gem\u00e4lden.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile is-vertically-aligned-center storybannerwp has-custom-css has-cyan-bluish-gray-color has-text-color has-link-color has-medium-font-size wp-elements-f1a91fa16edec40bd4a32aa3b513fc04 wp-custom-css-2284e7be\"><div class=\"wp-block-media-text__content\">\n<h4 class=\"wp-block-heading\">Kontext<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Details keine blo\u00dfe Dekoration.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sie sind lebendige Bestandteile meiner Welten und voller kleiner Geheimnisse, die darauf hoffen, entdeckt zu werden.<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/sommerlich.art\/wp-content\/uploads\/Collector_Detail2_Andreas-Sommer_web-1024x683.jpg\" alt=\"Detailausschnitt aus einem \u00d6lbild mit Gras, Blumen und Pilzen.\" class=\"wp-image-4171 size-full\" srcset=\"https:\/\/sommerlich.art\/wp-content\/uploads\/Collector_Detail2_Andreas-Sommer_web-1024x683.jpg 1024w, https:\/\/sommerlich.art\/wp-content\/uploads\/Collector_Detail2_Andreas-Sommer_web-300x200.jpg 300w, https:\/\/sommerlich.art\/wp-content\/uploads\/Collector_Detail2_Andreas-Sommer_web-768x512.jpg 768w, https:\/\/sommerlich.art\/wp-content\/uploads\/Collector_Detail2_Andreas-Sommer_web-1536x1024.jpg 1536w, https:\/\/sommerlich.art\/wp-content\/uploads\/Collector_Detail2_Andreas-Sommer_web-18x12.jpg 18w, https:\/\/sommerlich.art\/wp-content\/uploads\/Collector_Detail2_Andreas-Sommer_web-850x567.jpg 850w, https:\/\/sommerlich.art\/wp-content\/uploads\/Collector_Detail2_Andreas-Sommer_web-24x16.jpg 24w, https:\/\/sommerlich.art\/wp-content\/uploads\/Collector_Detail2_Andreas-Sommer_web-36x24.jpg 36w, https:\/\/sommerlich.art\/wp-content\/uploads\/Collector_Detail2_Andreas-Sommer_web-48x32.jpg 48w, https:\/\/sommerlich.art\/wp-content\/uploads\/Collector_Detail2_Andreas-Sommer_web.jpg 1627w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-alpha-channel-opacity has-cyan-bluish-gray-background-color has-background main-sep\"\/>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* The main container - now acts as the container for the layers *\/\n.bannersection1 {\n    width: 100vw;       \n    margin-left: calc(50% - 50vw);\n    position: relative !important;\n    left: 0;\n    height: 100vh; \/\ntop:0;\n    z-index: 10;\n    display: block;\noverflow: hidden; \n}\n\n\/* The Blurred Background Layer *\/\n.bannersection1::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    \n\n    background-image: url(\"\/wp-content\/uploads\/King-Ludwig-The-Last_2300x2300_Quadratisch_300dpi_web.jpg\");\n    background-position: 50% 50% !important;\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-attachment: fixed !important;\n    \n\n    filter: blur(50px);\n\n    transform: scale(1.2);\n    z-index: -2;\n}\n\n\/* The Sharp Background Layer *\/\n.bannersection1::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    \n    background-image: url(\"\/wp-content\/uploads\/King-Ludwig-The-Last_2300x2300_Quadratisch_300dpi_web.jpg\");\n    background-position: 50% 50% !important;\n    background-repeat: no-repeat;\n    background-size: calc(100vh * 1.05);\n    background-attachment: fixed !important;\n    \n    z-index: -1;\n}\n\n.bannersection1 > * {\n    position: relative;\n    z-index: 2;\n}\n\n\/** Text Basic Blocks**\/\n.bannersection1 p {\tfont-family:cinceldecorativeregular !important; \nfont-size:calc(2vw + 7px)!important;\n\tline-height:30%;\nmargin: 3vw;\n    text-shadow: 0 2px 4px rgba(255,255,255,0.5); \ncolor:white !important;\n}\n\n\n.bannersection1 .headermiddletext {\tfont-family:cinceldecorativeregular !important; \nfont-size:calc(8vw) !important; color:white !important; }\n\n.headerbottomtext {margin-left:10vw !important}\n\n.bannertextbox {\n\t\n\theight: calc((50vh + 5vw) \/ 2) !important;\ntext-align: left !important;\n\tposition:relative;\n\tleft:20% !important;\n\tbottom: -40vh !important;\n\n}\n\n\/* 1. Set the initial state for all three target classes *\/\n.headertoptext, \n.headermiddletext, \n.headerbottomtext {\n    opacity: 0;\n    transform: translateY(30px); \/* Starts 30px lower *\/\n    transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n    will-change: opacity, transform; \/* Optimizes performance *\/\n}\n\n\/* 2. Define the 'active' state (what they look like when visible) *\/\n.headertoptext.active, \n.headermiddletext.active, \n.headerbottomtext.active {\n    opacity: 1;\n    transform: translateY(0); \/* Moves to original position *\/\n}\n\n\/* 3. THE STAGGER EFFECT: Assign a different delay to each one *\/\n.headertoptext {\n    transition-delay: 0.4s; \/* Starts first *\/\n}\n\n.headermiddletext {\n    transition-delay: 1.5s; \/* Starts second *\/\n}\n\n.headerbottomtext {\n    transition-delay: 2.5s; \/* Starts third *\/\n}\n\n\/*\/\/\/\/\/\/ Scroll Indicator*\/\n\n\/* 1. Container Positioning *\/\n.scroll-indicator {\n    position: fixed;    \/* Stays in place as you scroll *\/\n    bottom: 30px;       \/* Distance from bottom *\/\n    left: 50%;          \/* Move to middle of screen *\/\n    transform: translateX(-50%); \/* Perfectly center the element *\/\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    z-index: 999;       \/* Ensure it sits on top of everything *\/\n    pointer-events: none; \/* Allows clicks to \"pass through\" it to elements below *\/\n    transition: opacity 0.5s ease; \/* Smooth fade out *\/\n}\n\n\/* 2. The Arrow Shape (Created with CSS borders) *\/\n.arrow {\n    width: 20px;\n    height: 20px;\n    border-right: 3px solid white; \/* Color of the arrow *\/\n    border-bottom: 3px solid white;\n    transform: rotate(45deg);      \/* Rotate to point downwards *\/\n    margin-bottom: 10px;\n    animation: bounce 3s infinite; \/* The bouncing animation *\/\n}\n\n\/* 3. The \"Scroll Down\" Text *\/\n.scroll-indicator p {\n    color: white;\n    font-family: sans-serif !important;\n    font-size: 12px;\n\n    letter-spacing: 2px;\n    margin: 0;\n    text-shadow: 0 2px 4px rgba(0,0,0,0.5); \/* Makes text readable on light backgrounds *\/\n}\n\n\/* 4. The Bouncing Animation *\/\n@keyframes bounce {\n    0%, 20%, 50%, 80%, 100% {\n        transform: rotate(45deg) translateY(0)\ntranslateX(2px);\n    }\n    40% {\n        transform: rotate(45deg) translateY(-10px)\ntranslateX(-8px);\n    }\n    60% {\n        transform: rotate(45deg) translateY(-5px)\ntranslateX(-2px);\n    }\n}\n\n\/* Class to hide the indicator via JavaScript *\/\n.fade-out {\n    opacity: 0;\n}\n.sticker {\n    position: absolute;\n    top: 60%;\n    right: 4vw;\n    width: 15vw;\n    transform: rotate(15deg);\n    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.3));\n    z-index: 10;\n    max-width: 10vw;\n    min-width: 100px;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', () => {\n    const observerOptions = {\n        threshold: 0.1 \/\/ Trigger when 10% of the element is visible\n    };\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach((entry) => {\n            if (entry.isIntersecting) {\n\n                entry.target.classList.add('active');\n                \nobserver.unobserve(entry.target);\n            }\n        });\n    }, observerOptions);\n\n    const targets = document.querySelectorAll('.headertoptext, .headermiddletext, .headerbottomtext')\n    \n    targets.forEach((target) => {\n        observer.observe(target);\n    });\n});\n<\/script>\n\n<div class=\"bannersection1\">\n\n<div class=\"sticker1box sticker\">\n <a href=\"https:\/\/www.tourismus.prien.de\/kunsttage\/\" class=\"sticker-link\">\n<img decoding=\"async\" src=\"https:\/\/www.tourismus.prien.de\/wp-content\/uploads\/2026\/07\/button-d75mm-300x300.jpg\" class=\"sticker\" alt=\"Sticker\">\n<\/a>\n<\/div>\n    <div class=\"bannertextbox\">\n\n\n\n     <p class=\"headertoptext\">Aktuelle Ausstellung zu<\/p>\n     <p class=\"headermiddletext \">&#8220;King Ludwig<\/p>\n     <p class=\"headermiddletext \">&#8211; The Last<\/p>\n     <p class=\"headerbottomtext\">bei der Priener KunstZeit<\/p>\n    \n<div class=\"wp-block-button has-custom-width wp-block-button__width-25 about-button is-style-fill\"><a class=\"wp-block-button__link has-cyan-bluish-gray-color has-text-color has-background has-link-color has-text-align-center has-custom-font-size wp-element-button\" href=\".\/king-ludwig-the-last\/\" style=\"border-radius:13px;background-color:#464646;font-size:22px\">Alle Infos<\/a><\/div>\n<\/div>\n\n\n\n<\/div>\n\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-alpha-channel-opacity has-cyan-bluish-gray-background-color has-background main-sep\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Auszug aus dem Portfolio<\/h2>\n\n\n<div class=\"pgc-sgb-cb wp-block-pgcsimplygalleryblock-slider \" data-gallery-id=\"39a33604\"style=&quot;min-height:520px&quot;><div class=\"sgb-preloader\" id=\"pr_39a33604\">\n\t<div class=\"sgb-square\" style=\"background:#d4d4d4\"><\/div>\n\t<div class=\"sgb-square\" style=\"background:#d4d4d4\"><\/div>\n\t<div class=\"sgb-square\" style=\"background:#d4d4d4\"><\/div>\n\t<div class=\"sgb-square\" style=\"background:#d4d4d4\"><\/div><\/div><div class=\"simply-gallery-amp pgc_sgb_slider \"><noscript><div class=\"sgb-gallery\"><div class=\"sgb-item\"><a href=\"https:\/\/sommerlich.art\/collector_andreas-sommer_v1_web\/\" target=\"_blank\"><img decoding=\"async\" alt=\"\u00d6lgem\u00e4lde einer \u00e4lteren Elfendame. Sie hat einen fr\u00f6hlichen und gelassenen Gesichtsausdruck. Sie kniet an einem Baum mit ausgestrecktem arm und sammelt bernsteine in ihrem weidenkorb. Sie tr\u00e4gt braune schlichte Kleidung mit einem Blauen Kopftuch. Sie hat auf ihrem kopf einen gro\u00dfen Holzhut auf dem Pilze und Gras wachsen. An ihrem R\u00fccken sieht man lange blaue Federn die sie anstatt von Haaren zu scheinen hat. Im Hintergrund erkennt man gro\u00dfe Wolken die ein Gewitter ank\u00fcndigen und im Vordergrund ist das bild von zwei B\u00e4umen und einer dunklen Wiese eingerahmt.\" width=\"195\" height=\"300\" loading=\"lazy\" src=\"https:\/\/sommerlich.art\/wp-content\/uploads\/Collector_Andreas-Sommer_v1_web-195x300.jpg\" srcset=\"https:\/\/sommerlich.art\/wp-content\/uploads\/Collector_Andreas-Sommer_v1_web-195x300.jpg 195w,https:\/\/sommerlich.art\/wp-content\/uploads\/Collector_Andreas-Sommer_v1_web-664x1024.jpg 664w,https:\/\/sommerlich.art\/wp-content\/uploads\/Collector_Andreas-Sommer_v1_web.jpg 1055w\" sizes=\"auto, 250px\"\/><\/a><div class=\"sgb-item-caption\"><em>&#8220;Collector&#8221; &#8211; \u00d6l auf Leinwand 62x100cm<\/em><\/div><\/div><div class=\"sgb-item\"><a href=\"https:\/\/sommerlich.art\/sommerlich-kunst-chiemsee\/002-4imgs-300dpi-1x1_v1_web\/\" target=\"_blank\"><img decoding=\"async\" alt=\"\" width=\"300\" height=\"295\" loading=\"lazy\" src=\"https:\/\/sommerlich.art\/wp-content\/uploads\/002-4imgs-300dpi-1x1_v1_web-300x295.jpg\" srcset=\"https:\/\/sommerlich.art\/wp-content\/uploads\/002-4imgs-300dpi-1x1_v1_web-300x295.jpg 300w,https:\/\/sommerlich.art\/wp-content\/uploads\/002-4imgs-300dpi-1x1_v1_web-1024x1006.jpg 1024w,https:\/\/sommerlich.art\/wp-content\/uploads\/002-4imgs-300dpi-1x1_v1_web.jpg 1627w\" sizes=\"auto, 250px\"\/><\/a><\/div><div class=\"sgb-item\"><a href=\"https:\/\/sommerlich.art\/himmelfahrt\/ascension_andreas-sommer_hd_web\/\" target=\"_blank\"><img decoding=\"async\" alt=\"Ein dramatisches \u00d6lgem\u00e4lde stellt ein wei\u00dfes Lamm in der Mitte eines dunklen, wirbelnden Hintergrunds aus felsen dar. Goldene Lichtstrahlen scheinen vom Lamm auszugehen und durchbrechen die Dunkelheit, was Hoffnung, Erl\u00f6sung oder g\u00f6ttliche Pr\u00e4senz symbolisiert.\" width=\"300\" height=\"240\" loading=\"lazy\" src=\"https:\/\/sommerlich.art\/wp-content\/uploads\/Ascension_Andreas-Sommer_HD_web-300x240.jpg\" srcset=\"https:\/\/sommerlich.art\/wp-content\/uploads\/Ascension_Andreas-Sommer_HD_web-300x240.jpg 300w,https:\/\/sommerlich.art\/wp-content\/uploads\/Ascension_Andreas-Sommer_HD_web-1024x819.jpg 1024w,https:\/\/sommerlich.art\/wp-content\/uploads\/Ascension_Andreas-Sommer_HD_web.jpg 1627w\" sizes=\"auto, 250px\"\/><\/a><div class=\"sgb-item-caption\"><em>&#8220;Himmelfahrt&#8221; \u00d6l auf Leinwand 48&#215;60 cm<\/em><\/div><\/div><div class=\"sgb-item\"><a href=\"https:\/\/sommerlich.art\/sommerlich-kunst-chiemsee\/himmelfahrt_detail1-andreas-sommer_web\/\" target=\"_blank\"><img decoding=\"async\" alt=\"Detailbild eines \u00d6lgem\u00e4ldes mit dem Portrait eines springenden Lamms\" width=\"300\" height=\"300\" loading=\"lazy\" src=\"https:\/\/sommerlich.art\/wp-content\/uploads\/Himmelfahrt_Detail1-Andreas-Sommer_web-300x300.jpg\" srcset=\"https:\/\/sommerlich.art\/wp-content\/uploads\/Himmelfahrt_Detail1-Andreas-Sommer_web-300x300.jpg 300w,https:\/\/sommerlich.art\/wp-content\/uploads\/Himmelfahrt_Detail1-Andreas-Sommer_web.jpg 1009w\" sizes=\"auto, 250px\"\/><\/a><\/div><div class=\"sgb-item\"><a href=\"https:\/\/sommerlich.art\/sommerlich-kunst-chiemsee\/king-ludwig-the-last_andreas-sommer_hd_v4\/\" target=\"_blank\"><img decoding=\"async\" alt=\"\" width=\"300\" height=\"300\" loading=\"lazy\" src=\"https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_Andreas-Sommer_HD_v4-300x300.jpg\" srcset=\"https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_Andreas-Sommer_HD_v4-300x300.jpg 300w,https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_Andreas-Sommer_HD_v4-1024x1024.jpg 1024w,https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_Andreas-Sommer_HD_v4.jpg 1201w\" sizes=\"auto, 250px\"\/><\/a><\/div><div class=\"sgb-item\"><a href=\"https:\/\/sommerlich.art\/sommerlich-kunst-chiemsee\/king-ludwig-the-last_andreas-sommer_web_v1\/\" target=\"_blank\"><img decoding=\"async\" alt=\"\" width=\"199\" height=\"300\" loading=\"lazy\" src=\"https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_Andreas-Sommer_web_v1-199x300.jpg\" srcset=\"https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_Andreas-Sommer_web_v1-199x300.jpg 199w,https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_Andreas-Sommer_web_v1-681x1024.jpg 681w,https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_Andreas-Sommer_web_v1.jpg 755w\" sizes=\"auto, 250px\"\/><\/a><\/div><div class=\"sgb-item\"><a href=\"https:\/\/sommerlich.art\/sketchbook230720-2_andreas-sommer_web\/\" target=\"_blank\"><img decoding=\"async\" alt=\"\" width=\"300\" height=\"289\" loading=\"lazy\" src=\"https:\/\/sommerlich.art\/wp-content\/uploads\/sketchbook230720-2_Andreas-Sommer_web-300x289.jpg\" srcset=\"https:\/\/sommerlich.art\/wp-content\/uploads\/sketchbook230720-2_Andreas-Sommer_web-300x289.jpg 300w,https:\/\/sommerlich.art\/wp-content\/uploads\/sketchbook230720-2_Andreas-Sommer_web-1024x988.jpg 1024w,https:\/\/sommerlich.art\/wp-content\/uploads\/sketchbook230720-2_Andreas-Sommer_web.jpg 1627w\" sizes=\"auto, 250px\"\/><\/a><\/div><div class=\"sgb-item\"><a href=\"https:\/\/sommerlich.art\/251022-004_v2-jpg_web_v3\/\" target=\"_blank\"><img decoding=\"async\" alt=\"Eine detaillierte Bleistift- und Pastellzeichnung eines Drachen. Der Drache wirkt skelettartig, mit sichtbarer Knochenstruktur, die seine Fl\u00fcgel bildet, und einem langen, mit Stacheln bedeckten Schwanz. Er hat markante schwarze Stacheln, die aus seinem Kopf herausragen.\" width=\"300\" height=\"300\" loading=\"lazy\" src=\"https:\/\/sommerlich.art\/wp-content\/uploads\/251022-004_v2.jpg_web_v3-300x300.jpg\" srcset=\"https:\/\/sommerlich.art\/wp-content\/uploads\/251022-004_v2.jpg_web_v3-300x300.jpg 300w,https:\/\/sommerlich.art\/wp-content\/uploads\/251022-004_v2.jpg_web_v3-1024x1024.jpg 1024w,https:\/\/sommerlich.art\/wp-content\/uploads\/251022-004_v2.jpg_web_v3.jpg 1400w\" sizes=\"auto, 250px\"\/><\/a><div class=\"sgb-item-caption\"><em>&#8220;N\u00e9ght-gyst&#8221; &#8211; Bleistift\/Pastell auf Papier 20x20cm<\/em><\/div><\/div><div class=\"sgb-item\"><a href=\"https:\/\/sommerlich.art\/sommerlich-kunst-chiemsee\/img_0380_v3-2\/\" target=\"_blank\"><img decoding=\"async\" alt=\"\" width=\"300\" height=\"300\" loading=\"lazy\" src=\"https:\/\/sommerlich.art\/wp-content\/uploads\/IMG_0380_v3-1-300x300.jpg\" srcset=\"https:\/\/sommerlich.art\/wp-content\/uploads\/IMG_0380_v3-1-300x300.jpg 300w,https:\/\/sommerlich.art\/wp-content\/uploads\/IMG_0380_v3-1.jpg 700w\" sizes=\"auto, 250px\"\/><\/a><\/div><div class=\"sgb-item\"><a href=\"https:\/\/sommerlich.art\/pgc_simply_gallery\/portfolio\/img_0380_v2\/\" target=\"_blank\"><img decoding=\"async\" alt=\"\u00d6lgem\u00e4ldes eines menschlichen Sch\u00e4dels, umrahmt von gr\u00fcnen Bl\u00e4ttern.\" width=\"200\" height=\"300\" loading=\"lazy\" src=\"https:\/\/sommerlich.art\/wp-content\/uploads\/IMG_0380_v2-200x300.jpg\" srcset=\"https:\/\/sommerlich.art\/wp-content\/uploads\/IMG_0380_v2-200x300.jpg 200w,https:\/\/sommerlich.art\/wp-content\/uploads\/IMG_0380_v2-683x1024.jpg 683w,https:\/\/sommerlich.art\/wp-content\/uploads\/IMG_0380_v2.jpg 1334w\" sizes=\"auto, 250px\"\/><\/a><div class=\"sgb-item-caption\"><em>&#8220;Bl\u00e4ttersch\u00e4del&#8221; &#8211; \u00d6l auf Leinwand 30x40cm<\/em><\/div><\/div><\/div><\/noscript><\/div><script type=\"application\/json\" class=\"sgb-data\">{\"externalLink\":false,\"captions\":false,\"collectionThumbSubMenuDownload\":false,\"collectionThumbSubMenuShare\":false,\"sliderMaxHeight\":520,\"sliderAdminWidth\":290,\"collectionColumns\":2,\"galleryType\":\"pgc_sgb_slider\",\"galleryId\":\"39a33604\",\"images\":[{\"id\":4169,\"title\":\"\\u0022Collector\\u0022\",\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/Collector_Andreas-Sommer_v1_web.jpg\",\"link\":\"https:\/\/sommerlich.art\/collector_andreas-sommer_v1_web\/\",\"alt\":\"\u00d6lgem\u00e4lde einer \u00e4lteren Elfendame. Sie hat einen fr\u00f6hlichen und gelassenen Gesichtsausdruck. Sie kniet an einem Baum mit ausgestrecktem arm und sammelt bernsteine in ihrem weidenkorb. Sie tr\u00e4gt braune schlichte Kleidung mit einem Blauen Kopftuch. Sie hat auf ihrem kopf einen gro\u00dfen Holzhut auf dem Pilze und Gras wachsen. An ihrem R\u00fccken sieht man lange blaue Federn die sie anstatt von Haaren zu scheinen hat. Im Hintergrund erkennt man gro\u00dfe Wolken die ein Gewitter ank\u00fcndigen und im Vordergrund ist das bild von zwei B\u00e4umen und einer dunklen Wiese eingerahmt.\",\"description\":\"\u00d6lgem\u00e4lde einer \u00e4lteren Elfendame. Sie hat einen fr\u00f6hlichen und gelassenen Gesichtsausdruck. Sie kniet an einem Baum mit ausgestrecktem arm und sammelt bernsteine in ihrem weidenkorb. Sie tr\u00e4gt braune schlichte Kleidung mit einem Blauen Kopftuch. Sie hat auf ihrem kopf einen gro\u00dfen Holzhut auf dem Pilze und Gras wachsen. An ihrem R\u00fccken sieht man lange blaue Federn die sie anstatt von Haaren zu scheinen hat. \\nIm Hintergrund erkennt man gro\u00dfe Wolken die ein Gewitter ank\u00fcndigen und im Vordergrund ist das bild von zwei B\u00e4umen und einer dunklen Wiese eingerahmt.\",\"caption\":\"\\u0022Collector\\u0022 - \u00d6l auf Leinwand 62x100cm\",\"mime\":\"image\/jpeg\",\"type\":\"image\",\"width\":1055,\"height\":1627,\"sizes\":{\"thumbnail\":{\"height\":150,\"width\":150,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/Collector_Andreas-Sommer_v1_web-150x150.jpg\",\"orientation\":\"landscape\"},\"medium\":{\"height\":300,\"width\":195,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/Collector_Andreas-Sommer_v1_web-195x300.jpg\",\"orientation\":\"portrait\"},\"large\":{\"height\":1024,\"width\":664,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/Collector_Andreas-Sommer_v1_web-664x1024.jpg\",\"orientation\":\"portrait\"},\"full\":{\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/Collector_Andreas-Sommer_v1_web.jpg\",\"height\":1627,\"width\":1055,\"orientation\":\"portrait\"}},\"imageMeta\":{\"aperture\":\"0\",\"credit\":\"Andreas Sommer\",\"camera\":\"\",\"caption\":\"\",\"created_timestamp\":\"0\",\"copyright\":\"Andreas Sommer\",\"focal_length\":\"0\",\"iso\":\"0\",\"shutter_speed\":\"0\",\"title\":\"\",\"orientation\":\"1\",\"keywords\":[]},\"meta\":false,\"postlink\":\"https:\/\/sommerlich.art\/collector_andreas-sommer_v1_web\/\"},{\"id\":4464,\"title\":\"\",\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/002-4imgs-300dpi-1x1_v1_web.jpg\",\"link\":\"https:\/\/sommerlich.art\/sommerlich-kunst-chiemsee\/002-4imgs-300dpi-1x1_v1_web\/\",\"alt\":\"\",\"description\":\"\",\"caption\":\"\",\"mime\":\"image\/jpeg\",\"type\":\"image\",\"width\":1627,\"height\":1598,\"sizes\":{\"thumbnail\":{\"height\":150,\"width\":150,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/002-4imgs-300dpi-1x1_v1_web-150x150.jpg\",\"orientation\":\"landscape\"},\"medium\":{\"height\":295,\"width\":300,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/002-4imgs-300dpi-1x1_v1_web-300x295.jpg\",\"orientation\":\"landscape\"},\"large\":{\"height\":1006,\"width\":1024,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/002-4imgs-300dpi-1x1_v1_web-1024x1006.jpg\",\"orientation\":\"landscape\"},\"full\":{\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/002-4imgs-300dpi-1x1_v1_web.jpg\",\"height\":1598,\"width\":1627,\"orientation\":\"landscape\"}},\"imageMeta\":{\"aperture\":\"0\",\"credit\":\"Andreas Sommer\",\"camera\":\"\",\"caption\":\"\",\"created_timestamp\":\"0\",\"copyright\":\"Andreas Sommer\",\"focal_length\":\"0\",\"iso\":\"0\",\"shutter_speed\":\"0\",\"title\":\"\",\"orientation\":\"0\",\"keywords\":[]},\"meta\":false,\"postlink\":\"https:\/\/sommerlich.art\/sommerlich-kunst-chiemsee\/002-4imgs-300dpi-1x1_v1_web\/\"},{\"id\":4475,\"title\":\"\\u0022Himmelfahrt\\u0022\",\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/Ascension_Andreas-Sommer_HD_web.jpg\",\"link\":\"https:\/\/sommerlich.art\/himmelfahrt\/ascension_andreas-sommer_hd_web\/\",\"alt\":\"Ein dramatisches \u00d6lgem\u00e4lde stellt ein wei\u00dfes Lamm in der Mitte eines dunklen, wirbelnden Hintergrunds aus felsen dar. Goldene Lichtstrahlen scheinen vom Lamm auszugehen und durchbrechen die Dunkelheit, was Hoffnung, Erl\u00f6sung oder g\u00f6ttliche Pr\u00e4senz symbolisiert.\",\"description\":\"Ein dramatisches \u00d6lgem\u00e4lde stellt ein wei\u00dfes Lamm in der Mitte eines dunklen, wirbelnden Hintergrunds aus felsen dar. Goldene Lichtstrahlen scheinen vom Lamm auszugehen und durchbrechen die Dunkelheit, was Hoffnung, Erl\u00f6sung oder g\u00f6ttliche Pr\u00e4senz symbolisiert.\",\"caption\":\"\\u0022Himmelfahrt\\u0022 \u00d6l auf Leinwand 48x60 cm\",\"mime\":\"image\/jpeg\",\"type\":\"image\",\"width\":1627,\"height\":1302,\"sizes\":{\"thumbnail\":{\"height\":150,\"width\":150,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/Ascension_Andreas-Sommer_HD_web-150x150.jpg\",\"orientation\":\"landscape\"},\"medium\":{\"height\":240,\"width\":300,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/Ascension_Andreas-Sommer_HD_web-300x240.jpg\",\"orientation\":\"landscape\"},\"large\":{\"height\":819,\"width\":1024,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/Ascension_Andreas-Sommer_HD_web-1024x819.jpg\",\"orientation\":\"landscape\"},\"full\":{\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/Ascension_Andreas-Sommer_HD_web.jpg\",\"height\":1302,\"width\":1627,\"orientation\":\"landscape\"}},\"imageMeta\":{\"aperture\":\"0\",\"credit\":\"Andreas Sommer\",\"camera\":\"\",\"caption\":\"\",\"created_timestamp\":\"0\",\"copyright\":\"Andreas Sommer\",\"focal_length\":\"0\",\"iso\":\"0\",\"shutter_speed\":\"0\",\"title\":\"\",\"orientation\":\"0\",\"keywords\":[]},\"meta\":false,\"postlink\":\"https:\/\/sommerlich.art\/himmelfahrt\/ascension_andreas-sommer_hd_web\/\"},{\"id\":4483,\"title\":\"\\u0022Himmelfahrt\\u0022 Detail\",\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/Himmelfahrt_Detail1-Andreas-Sommer_web.jpg\",\"link\":\"https:\/\/sommerlich.art\/sommerlich-kunst-chiemsee\/himmelfahrt_detail1-andreas-sommer_web\/\",\"alt\":\"Detailbild eines \u00d6lgem\u00e4ldes mit dem Portrait eines springenden Lamms\",\"description\":\"\",\"caption\":\"\",\"mime\":\"image\/jpeg\",\"type\":\"image\",\"width\":1009,\"height\":1009,\"sizes\":{\"thumbnail\":{\"height\":150,\"width\":150,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/Himmelfahrt_Detail1-Andreas-Sommer_web-150x150.jpg\",\"orientation\":\"landscape\"},\"medium\":{\"height\":300,\"width\":300,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/Himmelfahrt_Detail1-Andreas-Sommer_web-300x300.jpg\",\"orientation\":\"landscape\"},\"full\":{\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/Himmelfahrt_Detail1-Andreas-Sommer_web.jpg\",\"height\":1009,\"width\":1009,\"orientation\":\"landscape\"}},\"imageMeta\":{\"aperture\":\"0\",\"credit\":\"Andreas Sommer\",\"camera\":\"\",\"caption\":\"\",\"created_timestamp\":\"0\",\"copyright\":\"Andreas Sommer\",\"focal_length\":\"0\",\"iso\":\"0\",\"shutter_speed\":\"0\",\"title\":\"\",\"orientation\":\"0\",\"keywords\":[]},\"meta\":false,\"postlink\":\"https:\/\/sommerlich.art\/sommerlich-kunst-chiemsee\/himmelfahrt_detail1-andreas-sommer_web\/\"},{\"id\":4665,\"title\":\"King-Ludwig-The-Last_Andreas-Sommer_HD_v4\",\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_Andreas-Sommer_HD_v4.jpg\",\"link\":\"https:\/\/sommerlich.art\/sommerlich-kunst-chiemsee\/king-ludwig-the-last_andreas-sommer_hd_v4\/\",\"alt\":\"\",\"description\":\"\",\"caption\":\"\",\"mime\":\"image\/jpeg\",\"type\":\"image\",\"width\":1201,\"height\":1200,\"sizes\":{\"thumbnail\":{\"height\":150,\"width\":150,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_Andreas-Sommer_HD_v4-150x150.jpg\",\"orientation\":\"landscape\"},\"medium\":{\"height\":300,\"width\":300,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_Andreas-Sommer_HD_v4-300x300.jpg\",\"orientation\":\"landscape\"},\"large\":{\"height\":1024,\"width\":1024,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_Andreas-Sommer_HD_v4-1024x1024.jpg\",\"orientation\":\"landscape\"},\"full\":{\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_Andreas-Sommer_HD_v4.jpg\",\"height\":1200,\"width\":1201,\"orientation\":\"landscape\"}},\"imageMeta\":{\"aperture\":\"0\",\"credit\":\"\",\"camera\":\"\",\"caption\":\"\",\"created_timestamp\":\"0\",\"copyright\":\"\",\"focal_length\":\"0\",\"iso\":\"0\",\"shutter_speed\":\"0\",\"title\":\"\",\"orientation\":\"0\",\"keywords\":[],\"alt\":\"\"},\"meta\":false,\"postlink\":\"https:\/\/sommerlich.art\/sommerlich-kunst-chiemsee\/king-ludwig-the-last_andreas-sommer_hd_v4\/\"},{\"id\":4662,\"title\":\"King-Ludwig-the-Last-Detail_Andreas-Sommer\",\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_Andreas-Sommer_web_v1.jpg\",\"link\":\"https:\/\/sommerlich.art\/sommerlich-kunst-chiemsee\/king-ludwig-the-last_andreas-sommer_web_v1\/\",\"alt\":\"\",\"description\":\"\",\"caption\":\"\",\"mime\":\"image\/jpeg\",\"type\":\"image\",\"width\":755,\"height\":1136,\"sizes\":{\"thumbnail\":{\"height\":150,\"width\":150,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_Andreas-Sommer_web_v1-150x150.jpg\",\"orientation\":\"landscape\"},\"medium\":{\"height\":300,\"width\":199,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_Andreas-Sommer_web_v1-199x300.jpg\",\"orientation\":\"portrait\"},\"large\":{\"height\":1024,\"width\":681,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_Andreas-Sommer_web_v1-681x1024.jpg\",\"orientation\":\"portrait\"},\"full\":{\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_Andreas-Sommer_web_v1.jpg\",\"height\":1136,\"width\":755,\"orientation\":\"portrait\"}},\"imageMeta\":{\"aperture\":\"0\",\"credit\":\"Andreas Sommer\",\"camera\":\"\",\"caption\":\"\",\"created_timestamp\":\"0\",\"copyright\":\"Andreas Sommer\",\"focal_length\":\"0\",\"iso\":\"0\",\"shutter_speed\":\"0\",\"title\":\"\",\"orientation\":\"0\",\"keywords\":[],\"alt\":\"\"},\"meta\":false,\"postlink\":\"https:\/\/sommerlich.art\/sommerlich-kunst-chiemsee\/king-ludwig-the-last_andreas-sommer_web_v1\/\"},{\"id\":4503,\"title\":\"\\u0022Schattenwurzel\\u0022 Detail 1\",\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/sketchbook230720-2_Andreas-Sommer_web.jpg\",\"link\":\"https:\/\/sommerlich.art\/sketchbook230720-2_andreas-sommer_web\/\",\"alt\":\"\",\"description\":\"\",\"caption\":\"\",\"mime\":\"image\/jpeg\",\"type\":\"image\",\"width\":1627,\"height\":1570,\"sizes\":{\"thumbnail\":{\"height\":150,\"width\":150,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/sketchbook230720-2_Andreas-Sommer_web-150x150.jpg\",\"orientation\":\"landscape\"},\"medium\":{\"height\":289,\"width\":300,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/sketchbook230720-2_Andreas-Sommer_web-300x289.jpg\",\"orientation\":\"landscape\"},\"large\":{\"height\":988,\"width\":1024,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/sketchbook230720-2_Andreas-Sommer_web-1024x988.jpg\",\"orientation\":\"landscape\"},\"full\":{\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/sketchbook230720-2_Andreas-Sommer_web.jpg\",\"height\":1570,\"width\":1627,\"orientation\":\"landscape\"}},\"imageMeta\":{\"aperture\":\"0\",\"credit\":\"Andreas Sommer\",\"camera\":\"\",\"caption\":\"\",\"created_timestamp\":\"0\",\"copyright\":\"Andreas Sommer\",\"focal_length\":\"0\",\"iso\":\"0\",\"shutter_speed\":\"0\",\"title\":\"\",\"orientation\":\"0\",\"keywords\":[]},\"meta\":false,\"postlink\":\"https:\/\/sommerlich.art\/sketchbook230720-2_andreas-sommer_web\/\"},{\"id\":4543,\"title\":\"\\u0022N\u00e9ght-gyst\\u0022\",\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/251022-004_v2.jpg_web_v3.jpg\",\"link\":\"https:\/\/sommerlich.art\/251022-004_v2-jpg_web_v3\/\",\"alt\":\"Eine detaillierte Bleistift- und Pastellzeichnung eines Drachen. Der Drache wirkt skelettartig, mit sichtbarer Knochenstruktur, die seine Fl\u00fcgel bildet, und einem langen, mit Stacheln bedeckten Schwanz. Er hat markante schwarze Stacheln, die aus seinem Kopf herausragen.\",\"description\":\"Eine detaillierte Bleistift- und Pastellzeichnung eines Drachen. Der Drache wirkt skelettartig, mit sichtbarer Knochenstruktur, die seine Fl\u00fcgel bildet, und einem langen, mit Stacheln bedeckten Schwanz. Er hat markante schwarze Stacheln, die aus seinem Kopf herausragen.\",\"caption\":\"\\u0022N\u00e9ght-gyst\\u0022 - Bleistift\/Pastell auf Papier 20x20cm\",\"mime\":\"image\/jpeg\",\"type\":\"image\",\"width\":1400,\"height\":1400,\"sizes\":{\"thumbnail\":{\"height\":150,\"width\":150,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/251022-004_v2.jpg_web_v3-150x150.jpg\",\"orientation\":\"landscape\"},\"medium\":{\"height\":300,\"width\":300,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/251022-004_v2.jpg_web_v3-300x300.jpg\",\"orientation\":\"landscape\"},\"large\":{\"height\":1024,\"width\":1024,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/251022-004_v2.jpg_web_v3-1024x1024.jpg\",\"orientation\":\"landscape\"},\"full\":{\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/251022-004_v2.jpg_web_v3.jpg\",\"height\":1400,\"width\":1400,\"orientation\":\"landscape\"}},\"imageMeta\":{\"aperture\":\"0\",\"credit\":\"Andreas Sommer\",\"camera\":\"\",\"caption\":\"\",\"created_timestamp\":\"0\",\"copyright\":\"Andreas Sommer\",\"focal_length\":\"0\",\"iso\":\"0\",\"shutter_speed\":\"0\",\"title\":\"\",\"orientation\":\"0\",\"keywords\":[]},\"meta\":false,\"postlink\":\"https:\/\/sommerlich.art\/251022-004_v2-jpg_web_v3\/\"},{\"id\":4466,\"title\":\"IMG_0380_v3\",\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/IMG_0380_v3-1.jpg\",\"link\":\"https:\/\/sommerlich.art\/sommerlich-kunst-chiemsee\/img_0380_v3-2\/\",\"alt\":\"\",\"description\":\"\",\"caption\":\"\",\"mime\":\"image\/jpeg\",\"type\":\"image\",\"width\":700,\"height\":700,\"sizes\":{\"thumbnail\":{\"height\":150,\"width\":150,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/IMG_0380_v3-1-150x150.jpg\",\"orientation\":\"landscape\"},\"medium\":{\"height\":300,\"width\":300,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/IMG_0380_v3-1-300x300.jpg\",\"orientation\":\"landscape\"},\"full\":{\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/IMG_0380_v3-1.jpg\",\"height\":700,\"width\":700,\"orientation\":\"landscape\"}},\"imageMeta\":{\"aperture\":\"0\",\"credit\":\"\",\"camera\":\"\",\"caption\":\"\",\"created_timestamp\":\"0\",\"copyright\":\"\",\"focal_length\":\"0\",\"iso\":\"0\",\"shutter_speed\":\"0\",\"title\":\"\",\"orientation\":\"1\",\"keywords\":[]},\"meta\":false,\"postlink\":\"https:\/\/sommerlich.art\/sommerlich-kunst-chiemsee\/img_0380_v3-2\/\"},{\"id\":3909,\"title\":\"Bl\u00e4ttersch\u00e4del\",\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/IMG_0380_v2.jpg\",\"link\":\"https:\/\/sommerlich.art\/pgc_simply_gallery\/portfolio\/img_0380_v2\/\",\"alt\":\"\u00d6lgem\u00e4ldes eines menschlichen Sch\u00e4dels, umrahmt von gr\u00fcnen Bl\u00e4ttern.\",\"description\":\"\u00d6lgem\u00e4ldes eines menschlichen Sch\u00e4dels, umrahmt von gr\u00fcnen Bl\u00e4ttern.\",\"caption\":\"\\u0022Bl\u00e4ttersch\u00e4del\\u0022 - \u00d6l auf Leinwand 30x40cm\",\"mime\":\"image\/jpeg\",\"type\":\"image\",\"width\":1334,\"height\":2000,\"sizes\":{\"thumbnail\":{\"height\":150,\"width\":150,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/IMG_0380_v2-150x150.jpg\",\"orientation\":\"landscape\"},\"medium\":{\"height\":300,\"width\":200,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/IMG_0380_v2-200x300.jpg\",\"orientation\":\"portrait\"},\"large\":{\"height\":1024,\"width\":683,\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/IMG_0380_v2-683x1024.jpg\",\"orientation\":\"portrait\"},\"full\":{\"url\":\"https:\/\/sommerlich.art\/wp-content\/uploads\/IMG_0380_v2.jpg\",\"height\":2000,\"width\":1334,\"orientation\":\"portrait\"}},\"imageMeta\":{\"aperture\":\"0\",\"credit\":\"\",\"camera\":\"\",\"caption\":\"\",\"created_timestamp\":\"0\",\"copyright\":\"\",\"focal_length\":\"0\",\"iso\":\"0\",\"shutter_speed\":\"0\",\"title\":\"\",\"orientation\":\"1\",\"keywords\":[]},\"meta\":false,\"postlink\":\"https:\/\/sommerlich.art\/pgc_simply_gallery\/portfolio\/img_0380_v2\/\"}],\"itemsMetaDataCollection\":[{\"link\":\"https:\/\/sommerlich.art\/collector\/\",\"linkTarget\":\"_self\",\"linkText\":\"mehr\",\"tags\":[\"\u00d6lgem\u00e4lde\",\"traditionelle Medien\",\"Fantasy\"],\"id\":4169},{\"link\":\"https:\/\/sommerlich.art\/himmelfahrt\/\",\"linkTarget\":\"_self\",\"linkText\":\"mehr\",\"tags\":[\"\u00d6lgem\u00e4lde\",\"Tiere\",\"Fantasy\"],\"id\":4475},{\"link\":\"\",\"linkTarget\":\"_self\",\"linkText\":\"\",\"tags\":[\"Stillleben\",\"\u00d6lgem\u00e4lde\",\"traditionelle Medien\"],\"id\":3909},{\"link\":\"https:\/\/sommerlich.art\/neght-gyst\/\",\"linkTarget\":\"_self\",\"linkText\":\"mehr\",\"tags\":[],\"id\":4543}],\"galleryTagsList\":[\"Fantasy\",\"Stillleben\",\"Tiere\",\"traditionelle Medien\",\"\u00d6lgem\u00e4lde\"],\"galleryTagsListSrc\":{\"\u00f6lgem\u00e4lde\":\"\u00d6lgem\u00e4lde\",\"traditionelle_medien\":\"traditionelle Medien\",\"fantasy\":\"Fantasy\",\"tiere\":\"Tiere\",\"stillleben\":\"Stillleben\"},\"sliderSocialShareEnabled\":false,\"sliderFullscreenEnabled\":false,\"TrpContentRestriction\":{\"restriction_type\":\"exclude\",\"selected_languages\":[],\"panel_open\":true}}<\/script><script>(function(){if(window.PGC_SGB && window.PGC_SGB.searcher){window.PGC_SGB.searcher.initBlocks()}})()<\/script><\/div>\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-alpha-channel-opacity has-cyan-bluish-gray-background-color has-background main-sep\"\/>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"portfolio-frontp\">Portfolios nach Medium<\/h2>\n\n\n\n<div style=\"height:64px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-d05cb3ef wp-block-group-is-layout-flex\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button main-gal-button hauptwerke-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/illustration\">Malerei<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button main-gal-button skizzen-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/zeichnungen\">Zeichnung<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-alpha-channel-opacity has-cyan-bluish-gray-background-color has-background main-sep\"\/>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* The main container - now acts as the container for the layers *\/\n.bannersection2 {\n    width: 100vw;       \n    margin-left: calc(50% - 50vw);\n    position: relative !important;\n    left: 0;\n    height: 100vh; \/\ntop:0;\n    z-index: 10;\n    display: block;\noverflow: hidden; \n}\n\n.headerspan {\n    font-family: 'arimakoshi-regular';\n    font-size: 20px;\n    color: black;\n    text-shadow: 0 2px 4px rgba(255,255,255,0.5);\ndisplay: block;\nwidth: 50%;\n}\n\n\/* The Blurred Background Layer *\/\n.bannersection2::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-image: url(\/wp-content\/uploads\/IMG_0737_web_v1-2.jpg) !important;\n    background-position: 50% 50% !important;\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-attachment: fixed !important;\n    filter: blur(40px);\n    transform: scale(1.2);\n    z-index: -2;\n}\n\n\n\n\/* The Sharp Background Layer *\/\n.bannersection2::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    \n    background-image: url(\/wp-content\/uploads\/IMG_0737_web_v1-2.jpg) !important;\n    background-position: 50% 50% !important;\n    background-repeat: no-repeat;\n    background-size: calc(100vh * 1.05);\n    background-attachment: fixed !important;\n    \n    z-index: -1;\n}\n\n.bannersection2 > * {\n    position: relative;\n    z-index: 2;\n}\n\n\n\/** Text Basic Blocks**\/\n.bannersection2 p {\tfont-family:cinceldecorativeregular !important; \nfont-size:calc(2vw + 7px)!important;\n\tline-height:30%;\nmargin: 3vw;\n    text-shadow: 0 2px 4px rgba(255,255,255,0.5); \ncolor:white !important;\n}\n\n\n.bannersection2 .headermiddletext {\tfont-family:cinceldecorativeregular !important; \nfont-size:calc(8vw) !important; color:white !important; }\n\n.headerbottomtext {margin-left:10vw !important}\n\n.bannertextbox {\n\t\n\ntext-align: left !important;\n\tposition:relative;\n\tleft:20% !important;\n\ttop:30% !important;\n\n\n}\n\n\/* 1. Set the initial state for all three target classes *\/\n.headertoptext, \n.headermiddletext, \n.headerbottomtext {\n    opacity: 0;\n    transform: translateY(30px); \/* Starts 30px lower *\/\n    transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n    will-change: opacity, transform; \/* Optimizes performance *\/\n}\n\n\/* 2. Define the 'active' state (what they look like when visible) *\/\n.headertoptext.active, \n.headermiddletext.active, \n.headerbottomtext.active {\n    opacity: 1;\n    transform: translateY(0); \/* Moves to original position *\/\n}\n\n\/* 3. THE STAGGER EFFECT: Assign a different delay to each one *\/\n.headertoptext {\n    transition-delay: 0.4s; \/* Starts first *\/\n}\n\n.headermiddletext {\n    transition-delay: 1.5s; \/* Starts second *\/\n}\n\n.headerbottomtext {\n    transition-delay: 2.5s; \/* Starts third *\/\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', () => {\n    const observerOptions = {\n        threshold: 0.1 \/\/ Trigger when 10% of the element is visible\n    };\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach((entry) => {\n            if (entry.isIntersecting) {\n\n                entry.target.classList.add('active');\n                \nobserver.unobserve(entry.target);\n            }\n        });\n    }, observerOptions);\n\n    const targets = document.querySelectorAll('.headertoptext, .headermiddletext, .headerbottomtext')\n    \n    targets.forEach((target) => {\n        observer.observe(target);\n    });\n});\n<\/script>\n\n<div class=\"bannersection2\">\n\n<div class=\"bannertextbox\" style=\"top:30% !important\">\n\n               <p class=\"headertoptext\" style=\"color\n:black !important\">Alles Nat\u00fcrliche &#8230; <\/p>\n     <p class=\"headermiddletext\" style=\"color\n:#890000 !important\">Panta rhei<\/p>\n          <p class=\"headerbottomtext\" style=\"color\n:black !important\">&#8230; flie\u00dft<\/p>\n<span class=\"headerspan\">Alles ist Teil eines gemeinsamen Flusses. Ein ewiges Wechselspiel aus Spannung und Entspannung.<br><br>Genau das versuche ich in meinen Bildern einzufangen.<br>Diese innere Kraft, die im Gro\u00dfen wie im Kleinen wohnt und immerzu vibriert.<\/span>\n    <\/div>\n\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-alpha-channel-opacity has-cyan-bluish-gray-background-color has-background main-sep\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Mein Weg in die Anderswelt<\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* \n       Namespaced variables to prevent WordPress conflicts \n    *\/\n    .vita-tl-wrapper {\n        --vita-tl-bg: #f8f9fa;\n        --vita-tl-accent: #c9c9c9;\n        --vita-tl-text: #2d3436;\n        --vita-tl-muted: #636e72;\n        --vita-tl-line: #49636e;\n        --vita-tl-node-size: 20px;\n        --vita-tl-speed: 0.4s;\n        \n        position: relative;\n        width: 100%;\n        max-width: 1100px;\n        margin: 40px auto; \/* Centering the component, not the body *\/\n        padding: 40px 0;\n        font-family: 'Inter', sans-serif;\n        overflow: hidden;\n    }\n\n    .vita-tl-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    \/* --- THE CONNECTING LINE (Thicker: 6px) --- *\/\n    .vita-tl-line {\n        position: absolute;\n        background-color: var(--vita-tl-line);\n        z-index: 1;\n        transition: all var(--vita-tl-speed) ease;\n    }\n\n    \/* Desktop: Horizontal Line *\/\n    @media (min-width: 769px) {\n        .vita-tl-line {\n            top: 50%;\n            left: 0;\n            right: 0;\n            height: 3px; \/* Increased thickness *\/\n            transform: translateY(-50%);\n        }\n        .vita-tl-container {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            position: relative;\n            z-index: 2;\n        }\n    }\n\n    \/* Mobile: Vertical Line *\/\n    @media (max-width: 768px) {\n        .vita-tl-line {\n            left: 50%;\n            top: 0;\n            bottom: 0;\n            width: 3px; \/* Increased thickness *\/\n            transform: translateX(-50%);\n        }\n        .vita-tl-container {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            position: relative;\n            z-index: 2;\n        }\n    }\n\n    \/* --- MILESTONE NODES --- *\/\n    .vita-tl-node {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        opacity: 0;\n        transform: translateY(20px);\n        animation: vita-tl-fadeIn 0.6s forwards;\n\n    }\n\n    @keyframes vita-tl-fadeIn { to { opacity: 1; transform: translateY(0); } }\n\n    .vita-tl-dot {\n        width: var(--vita-tl-node-size);\n        height: var(--vita-tl-node-size);\n        background-color: var(--vita-tl-accent);\n        border-radius: 50%;\n        z-index: 3;\n        border: 4px solid var(--vita-tl-bg);\n        box-shadow: 0 0 0 2px var(--vita-tl-line);\n        transition: transform var(--vita-tl-speed) ease;\n    }\n\n    .vita-tl-node:hover .vita-tl-dot {\n        transform: scale(1.5);\n        background-color: #00cec9;\n    }\n\n    \/* Content Card *\/\n    .vita-tl-content {\n        text-align: center;\n        max-width: 220px;\n        transition: transform var(--vita-tl-speed) ease;\n    }\n\n    \/* Desktop Alternating Layout *\/\n    @media (min-width: 769px) {\n        .vita-tl-node { flex: 1; \nmargin-right: 40px;}\n        .vita-tl-node:nth-child(odd) .vita-tl-content { margin-bottom: 40px; }\n        .vita-tl-node:nth-child(even) .vita-tl-content { margin-top: 40px; }\n    }\n\n    \/* Mobile Layout *\/\n    @media (max-width: 768px) {\n        .vita-tl-content { margin: 20px 0 40px 0; max-width: 280px; }\n        .vita-tl-node { width: 100%; }\n    }\n\n    \/* --- IMAGE STYLING --- *\/\n    .vita-tl-img {\n        width: 100%;\n        height: 140px;\n        object-fit: cover;\n        border-radius: 30px;\n        margin-bottom: 15px;\n        box-shadow: 0 10px 20px rgba(0,0,0,0.08);\n        display: block;\n    }\n\n    .vita-tl-year {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.6rem;\n        font-weight: 700;\n        display: block;\n        color: var(--vita-tl-accent);\n    }\n\n    .vita-tl-label {\n        font-size: 0.75rem;\n        text-transform: uppercase;\n        letter-string: 1.5px;\n        color: var(--vita-tl-muted);\n        margin-bottom: 5px;\n        display: block;\n    }\n\n    .vita-tl-desc {\n        font-size: 0.95rem;\n        font-weight: 400;\n        color: var(--vita-tl-text);\n        line-height: 1.4;\n    }\n<\/style>\n\n<div class=\"vita-tl-wrapper\">\n    <div class=\"vita-tl-line\" id=\"vita-tl-line\"><\/div>\n    <div class=\"vita-tl-container\" id=\"vita-tl-container\"><\/div>\n<\/div>\n\n<script>\n    const milestones = [\n        { \n            year: \"2006\", \n            id: 1, \n            title: \"Macro-Fotografie\", \n            text: \"Die Natur im Kleinsten beobachten.\",\n            image: \"\/wp-content\/uploads\/macro.jpg\" \n        },\n        { \n            year: \"2011\", \n            id: 2, \n            title: \"3D Modeling\", \n            text: \"Licht und Form in der Theorie begreifen.\",\n            image: \"\/wp-content\/uploads\/barrel.jpg\" \n        },\n        { \n            year: \"2016\", \n            id: 3, \n            title: \"Zeichnen\", \n            text: \"Form und Licht kreieren.\",\n            image: \"\/wp-content\/uploads\/zeichnen.jpg\" \n        },\n        { \n            year: \"2019\", \n            id: 4, \n            title: \"Digital Painting\", \n            text: \"Farbe, Form und Material verbinden.\",\n            image: \"\/wp-content\/uploads\/digital-p.jpg\" \n        },\n        { \n            year: \"2022 - heute\", \n            id: 5, \n            title: \"\u00d6lmalerei\", \n            text: \"Unendliche M\u00f6glichkeiten.\",\n            image: \"\/wp-content\/uploads\/oil2.jpg\" \n        }\n    ];\n\n    const container = document.getElementById('vita-tl-container');\n\n    function renderTimeline() {\n        container.innerHTML = '';\n\n        milestones.forEach((m, index) => {\n            const node = document.createElement('div');\n            node.className = 'vita-tl-node';\n            node.style.animationDelay = `${index * 0.2}s`;\n\n            const imageHtml = m.image \n                ? `<img decoding=\"async\" src=\"${m.image}\" class=\"vita-tl-img\" alt=\"${m.title}\">` \n                : '';\n\n            node.innerHTML = `\n                <div class=\"vita-tl-dot\"><\/div>\n                <div class=\"vita-tl-content\">\n                    ${imageHtml}\n\n                    <span class=\"vita-tl-year\">${m.year}<\/span>\n                    <p class=\"vita-tl-desc\">${m.title}<br><small style=\"color:#999\">${m.text}<\/small><\/p>\n                <\/div>\n            `;\n            container.appendChild(node);\n        });\n    }\n\n    renderTimeline();\n<\/script>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-alpha-channel-opacity has-cyan-bluish-gray-background-color has-background main-sep\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Mehr \u00fcber &#8230;<\/h2>\n\n\n<div class=\"wp-block-image is-style-rounded\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/sommerlich.art\/wp-content\/uploads\/Andreas_Sommer_Profilbild_202605.jpg\" alt=\"\" class=\"wp-image-4639\" style=\"aspect-ratio:1;object-fit:cover;width:228px;height:auto\" srcset=\"https:\/\/sommerlich.art\/wp-content\/uploads\/Andreas_Sommer_Profilbild_202605.jpg 300w, https:\/\/sommerlich.art\/wp-content\/uploads\/Andreas_Sommer_Profilbild_202605-150x150.jpg 150w, https:\/\/sommerlich.art\/wp-content\/uploads\/Andreas_Sommer_Profilbild_202605-12x12.jpg 12w, https:\/\/sommerlich.art\/wp-content\/uploads\/Andreas_Sommer_Profilbild_202605-24x24.jpg 24w, https:\/\/sommerlich.art\/wp-content\/uploads\/Andreas_Sommer_Profilbild_202605-36x36.jpg 36w, https:\/\/sommerlich.art\/wp-content\/uploads\/Andreas_Sommer_Profilbild_202605-48x48.jpg 48w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n<\/div>\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-25 about-button is-style-fill\"><a class=\"wp-block-button__link has-cyan-bluish-gray-color has-text-color has-background has-link-color has-text-align-center has-custom-font-size wp-element-button\" href=\"https:\/\/sommerlich.art\/about\/\" style=\"border-radius:13px;background-color:#464646;font-size:22px\">Andreas Sommer<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-alpha-channel-opacity has-cyan-bluish-gray-background-color has-background main-sep\"\/>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Aktuelles<\/h2>\n\n\n\n<div style=\"height:31px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-query frontposts is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"wp-block-post-template has-small-font-size is-layout-flow wp-block-post-template-is-layout-flow\"><li class=\"wp-block-post post-4683 post type-post status-publish format-standard has-post-thumbnail hentry category-gallerie\">\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\"><figure style=\"aspect-ratio:3\/2;width:200px\" class=\"wp-block-post-featured-image\"><a href=\"https:\/\/sommerlich.art\/en\/kini\/\" target=\"_self\"  ><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"180\" src=\"https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_5000x3000_Horizontal_300dpi_web-300x180.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"King Ludwig &#8211; The last\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_5000x3000_Horizontal_300dpi_web-300x180.jpg 300w, https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_5000x3000_Horizontal_300dpi_web-1024x614.jpg 1024w, https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_5000x3000_Horizontal_300dpi_web-768x461.jpg 768w, https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_5000x3000_Horizontal_300dpi_web-18x12.jpg 18w, https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_5000x3000_Horizontal_300dpi_web-850x510.jpg 850w, https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_5000x3000_Horizontal_300dpi_web-24x14.jpg 24w, https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_5000x3000_Horizontal_300dpi_web-36x22.jpg 36w, https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_5000x3000_Horizontal_300dpi_web-48x29.jpg 48w, https:\/\/sommerlich.art\/wp-content\/uploads\/King-Ludwig-The-Last_5000x3000_Horizontal_300dpi_web.jpg 1309w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/figure><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><h2 style=\"text-transform:none\" class=\"wp-block-post-title has-medium-font-size\">King Ludwig &#8211; The last<\/h2>\n\n<div class=\"wp-block-post-date\"><time datetime=\"2026-06-10T14:58:08+00:00\">Jun 10, 2026<\/time><\/div>\n\n<div class=\"wp-block-post-excerpt has-small-font-size\"><p class=\"wp-block-post-excerpt__excerpt\">K\u00f6nig Ludwig II. ist f\u00fcr mich als geb\u00fcrtigen Priener, mit der N\u00e4he zu Schloss Herrenchiemsee, nat\u00fcrlich schon immer fester Bestandteil meines Lebens gewesen.&nbsp; Schon in jungen Jahren waren&hellip;<\/p><p class=\"wp-block-post-excerpt__more-text\"><a class=\"wp-block-post-excerpt__more-link\" href=\"https:\/\/sommerlich.art\/en\/kini\/\">read more<\/a><\/p><\/div><\/div>\n<\/div>\n\n<\/li><li class=\"wp-block-post post-4583 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\"><figure style=\"aspect-ratio:3\/2;width:200px\" class=\"wp-block-post-featured-image\"><a href=\"https:\/\/sommerlich.art\/en\/tannin\/\" target=\"_self\"  ><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"169\" src=\"https:\/\/sommerlich.art\/wp-content\/uploads\/260305-01_v3_web_v2-300x169.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Tannin\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/sommerlich.art\/wp-content\/uploads\/260305-01_v3_web_v2-300x169.jpg 300w, https:\/\/sommerlich.art\/wp-content\/uploads\/260305-01_v3_web_v2-1024x576.jpg 1024w, https:\/\/sommerlich.art\/wp-content\/uploads\/260305-01_v3_web_v2-768x432.jpg 768w, https:\/\/sommerlich.art\/wp-content\/uploads\/260305-01_v3_web_v2-18x10.jpg 18w, https:\/\/sommerlich.art\/wp-content\/uploads\/260305-01_v3_web_v2-850x478.jpg 850w, https:\/\/sommerlich.art\/wp-content\/uploads\/260305-01_v3_web_v2-24x14.jpg 24w, https:\/\/sommerlich.art\/wp-content\/uploads\/260305-01_v3_web_v2-36x20.jpg 36w, https:\/\/sommerlich.art\/wp-content\/uploads\/260305-01_v3_web_v2-48x27.jpg 48w, https:\/\/sommerlich.art\/wp-content\/uploads\/260305-01_v3_web_v2.jpg 1100w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/figure><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><h2 style=\"text-transform:none\" class=\"wp-block-post-title has-medium-font-size\">Tannin<\/h2>\n\n<div class=\"wp-block-post-date\"><time datetime=\"2026-03-12T15:08:39+00:00\">Mar 12, 2026<\/time><\/div>\n\n<div class=\"wp-block-post-excerpt has-small-font-size\"><p class=\"wp-block-post-excerpt__excerpt\">Dieses Motiv habe ich schon vor zwei Jahren versucht anzugehen in einer meiner Zeichnungen und nun hier die Neuauflage. Hier wollte ich mich ganz auf die Dynamik und&hellip;<\/p><p class=\"wp-block-post-excerpt__more-text\"><a class=\"wp-block-post-excerpt__more-link\" href=\"https:\/\/sommerlich.art\/en\/tannin\/\">read more<\/a><\/p><\/div><\/div>\n<\/div>\n\n<\/li><li class=\"wp-block-post post-4569 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\"><figure style=\"aspect-ratio:3\/2;width:200px\" class=\"wp-block-post-featured-image\"><a href=\"https:\/\/sommerlich.art\/en\/pegasus-konzept-1\/\" target=\"_self\"  ><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"183\" src=\"https:\/\/sommerlich.art\/wp-content\/uploads\/260202-01_v3_web-300x183.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Pegasus &#8211; Konzept 1\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/sommerlich.art\/wp-content\/uploads\/260202-01_v3_web-300x183.jpg 300w, https:\/\/sommerlich.art\/wp-content\/uploads\/260202-01_v3_web-1024x625.jpg 1024w, https:\/\/sommerlich.art\/wp-content\/uploads\/260202-01_v3_web-768x469.jpg 768w, https:\/\/sommerlich.art\/wp-content\/uploads\/260202-01_v3_web-18x12.jpg 18w, https:\/\/sommerlich.art\/wp-content\/uploads\/260202-01_v3_web-850x519.jpg 850w, https:\/\/sommerlich.art\/wp-content\/uploads\/260202-01_v3_web-24x15.jpg 24w, https:\/\/sommerlich.art\/wp-content\/uploads\/260202-01_v3_web-36x22.jpg 36w, https:\/\/sommerlich.art\/wp-content\/uploads\/260202-01_v3_web-48x29.jpg 48w, https:\/\/sommerlich.art\/wp-content\/uploads\/260202-01_v3_web.jpg 1400w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/figure><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><h2 style=\"text-transform:none\" class=\"wp-block-post-title has-medium-font-size\">Pegasus &#8211; Konzept 1<\/h2>\n\n<div class=\"wp-block-post-date\"><time datetime=\"2026-02-04T16:41:27+00:00\">Feb 4, 2026<\/time><\/div>\n\n<div class=\"wp-block-post-excerpt has-small-font-size\"><p class=\"wp-block-post-excerpt__excerpt\">Wieder einmal ein gro\u00dfes Dankesch\u00f6n an die Deutschen Bahn f\u00fcr die Bauarbeiten, die mir zus\u00e4tzliche Zeit zum Zeichnen verschafft haben.Ich habe diese Zeit sinnvoll genutzt und weiter an&hellip;<\/p><p class=\"wp-block-post-excerpt__more-text\"><a class=\"wp-block-post-excerpt__more-link\" href=\"https:\/\/sommerlich.art\/en\/pegasus-konzept-1\/\">read more<\/a><\/p><\/div><\/div>\n<\/div>\n\n<\/li><\/ul><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-25 about-button\"><a class=\"wp-block-button__link has-cyan-bluish-gray-color has-text-color has-background has-link-color wp-element-button\" href=\"https:\/\/sommerlich.art\/blog\/\" style=\"background-color:#393939\">Blog<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-alpha-channel-opacity has-cyan-bluish-gray-background-color has-background main-sep\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Ihr seit so weit gekommen &#8230;<\/h2>\n\n\n\n<div style=\"height:71px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group row-container is-nowrap is-layout-flex wp-container-core-group-is-layout-8f761849 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-contact-text\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">\u2026 und nun liegt es an euch, noch einen Schritt weiterzugehen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn ihr Geschmack an meiner Anderswelt gefunden habt und ihr euch mit mir austauschen wollt, schreibt mir doch einfach oder folgt mir auf Social Media.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ich freue mich immer auf neue Gef\u00e4hrten auf dieser faszinierenden Reise.<\/p>\n\n\n\n<ul class=\"wp-block-social-links aligncenter is-style-logos-only is-horizontal is-layout-flex wp-block-social-links-is-layout-flex\"><li class=\"wp-social-link wp-social-link-mastodon masto-button wp-block-social-link\"><a rel=\"noopener nofollow\" target=\"_blank\" href=\"https:\/\/mastodon.art\/@brandkopf\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M23.193 7.879c0-5.206-3.411-6.732-3.411-6.732C18.062.357 15.108.025 12.041 0h-.076c-3.068.025-6.02.357-7.74 1.147 0 0-3.411 1.526-3.411 6.732 0 1.192-.023 2.618.015 4.129.124 5.092.934 10.109 5.641 11.355 2.17.574 4.034.695 5.535.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.129.539c-2.165-.074-4.449-.233-4.799-2.891a5.499 5.499 0 0 1-.048-.745s2.125.52 4.817.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.507.475-6.507zm-4.024 6.709h-2.497V8.469c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.312v3.349h-2.483v-3.35c0-1.536-.602-2.312-1.802-2.312-1.085 0-1.628.655-1.628 1.944v6.119H4.832V8.284c0-1.289.328-2.313.987-3.07.68-.758 1.569-1.146 2.674-1.146 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.304z\"\/><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">Mastodon<\/span><\/a><\/li>\n\n<li class=\"wp-social-link wp-social-link-instagram insta-button wp-block-social-link\"><a rel=\"noopener nofollow\" target=\"_blank\" href=\"https:\/\/www.instagram.com\/sommerlich.art\/\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">Instagram<\/span><\/a><\/li>\n\n<li class=\"wp-social-link wp-social-link-youtube yt-button wp-block-social-link\"><a rel=\"noopener nofollow\" target=\"_blank\" href=\"https:\/\/www.youtube.com\/@sommerlich_art\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">YouTube<\/span><\/a><\/li>\n\n<li class=\"wp-social-link wp-social-link-mail mail-button wp-block-social-link\"><a rel=\"noopener nofollow\" target=\"_blank\" href=\"mailto:info@sommerlich.art?subject=Hi%20sommerlich.art!\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M19,5H5c-1.1,0-2,.9-2,2v10c0,1.1.9,2,2,2h14c1.1,0,2-.9,2-2V7c0-1.1-.9-2-2-2zm.5,12c0,.3-.2.5-.5.5H5c-.3,0-.5-.2-.5-.5V9.8l7.5,5.6,7.5-5.6V17zm0-9.1L12,13.6,4.5,7.9V7c0-.3.2-.5.5-.5h14c.3,0,.5.2.5.5v.9z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">Mail<\/span><\/a><\/li><\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group contact-form-text is-vertical is-layout-flex wp-container-core-group-is-layout-4fc3f8e1 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-8f761849 wp-block-group-is-layout-flex\">\t<div id=\"respond\" class=\"comment-respond contactform wp-block-post-comments-form\">\n\t\t<h3 id=\"reply-title\" class=\"comment-reply-title\">Leave a Reply <small><a rel=\"nofollow\" id=\"cancel-comment-reply-link\" href=\"\/en\/wp-json\/wp\/v2\/pages\/3120#respond\" style=\"display:none;\">Cancel reply<\/a><\/small><\/h3><form action=\"https:\/\/sommerlich.art\/wp-comments-post.php\" method=\"post\" id=\"commentform\" class=\"comment-form\"><p class=\"comment-notes\"><span id=\"email-notes\">Your email address will not be published.<\/span> <span class=\"required-field-message\">Required fields are marked <span class=\"required\">*<\/span><\/span><\/p><p class=\"comment-form-comment\"><label for=\"comment\">Comment <span class=\"required\">*<\/span><\/label> <textarea id=\"comment\" name=\"comment\" cols=\"45\" rows=\"8\" maxlength=\"65525\" required><\/textarea><\/p><p class=\"comment-form-author\"><label for=\"author\">Name <span class=\"required\">*<\/span><\/label> <input id=\"author\" name=\"author\" type=\"text\" value=\"\" size=\"30\" maxlength=\"245\" autocomplete=\"name\" required \/><\/p>\n<p class=\"comment-form-email\"><label for=\"email\">Email <span class=\"required\">*<\/span><\/label> <input id=\"email\" name=\"email\" type=\"email\" value=\"\" size=\"30\" maxlength=\"100\" aria-describedby=\"email-notes\" autocomplete=\"email\" required \/><\/p>\n<p class=\"comment-form-url\"><label for=\"url\">Website<\/label> <input id=\"url\" name=\"url\" type=\"url\" value=\"\" size=\"30\" maxlength=\"200\" autocomplete=\"url\" \/><\/p>\n<p class=\"comment-form-cookies-consent\"><input id=\"wp-comment-cookies-consent\" name=\"wp-comment-cookies-consent\" type=\"checkbox\" value=\"yes\" \/> <label for=\"wp-comment-cookies-consent\">Save my name, email, and website in this browser for the next time I comment.<\/label><\/p>\n<p class=\"form-submit\"><input name=\"submit\" type=\"submit\" id=\"submit\" class=\"submit\" value=\"Post Comment\" \/> <input type='hidden' name='comment_post_ID' value='3120' id='comment_post_ID' \/>\n<input type='hidden' name='comment_parent' id='comment_parent' value='0' \/>\n<\/p><p>Comment moderation is enabled. Your comment may take some time to appear.<\/p><\/form>\t<\/div><!-- #respond -->\n\t<\/div>\n<\/div>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n#comments {display: none !important}\n\n\/* Container spacing and typography *\/\n#commentform {\n    display: flex;\n    flex-direction: column;\n    gap: 1.5rem;\n    color: #e0e0e0;\n    font-family: sans-serif;\n}\n\n\/* --- REORDERING LOGIC --- *\/\n\/* We assign numerical orders to the <p> elements to rearrange them *\/\n.comment-form-author { order: 1; } \/* Name first *\/\n.comment-form-email  { order: 2; } \/* Email second *\/\n.comment-form-url    { order: 3; } \/* Website third *\/\n.comment-form-comment { order: 4; } \/* Nachricht last *\/\n.form-submit         { order: 5; } \/* Button very last *\/\n\n\/* Standardize all inputs and textarea to the same dark gray *\/\n\n\n#comment:focus, #author:focus, #email:focus, #url:focus {\n    border-color: #666 !important;\n    outline: none;\n    box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);\n}\n\n#commentform label {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 500;\n    font-size: 0.95rem;\n}\n\n.required {\n    color: #ff4d4d;\n    margin-left: 2px;\n}\n\n\/* --- UPDATED BUTTON STYLING --- *\/\n\n\n#reply-title {\n    font-size: 1.8rem;\n    margin-bottom: 1rem;\n    color: #ffffff;\n}\n\n.contactform p {margin-bottom: -5px}\n<\/style>\n\n<script data-wp-block-html=\"js\">\nconst applyFormModifications = () => {\n    \/\/ 1. Change \"Leave a reply\" text (preserving the \"Cancel\" link)\n    const replyTitle = document.getElementById('reply-title');\n    if (replyTitle) {\n        const cancelLink = replyTitle.querySelector('small');\n        \/\/ Reset text and re-append the link to ensure it doesn't disappear\n        replyTitle.textContent = 'Feel free to say hi! ';\n        if (cancelLink) {\n            replyTitle.appendChild(cancelLink);\n        }\n    }\n\n    \/\/ 2. Change \"Comment*\" text to \"Nachricht*\"\n    const commentLabel = document.querySelector('.comment-form-comment label');\n    if (commentLabel) {\n        commentLabel.innerHTML = 'Nachricht <span class=\"required\">*<\/span>';\n    }\n\n    \/\/ 3. Modify the Submit Button (Text and Class)\n    const submitBtn = document.getElementById('submit');\n    if (submitBtn) {\n        submitBtn.value = 'Senden';\n        submitBtn.classList.add('about-button');\n    }\n\n    \/\/ 4. Hide \"comment-notes\" and \"cookies-consent\"\n    const selectorsToHide = ['.comment-notes', '.comment-form-cookies-consent'];\n    selectorsToHide.forEach(selector => {\n        const el = document.querySelector(selector);\n        if (el) el.style.display = 'none';\n    });\n\n    \/\/ 5. Remove the bottom text (\"Kommentare werden moderiert...\")\n    \/\/ We target the specific paragraph containing that text\n    const lastParagraph = document.querySelector('#commentform p:last-of-type');\n    if (lastParagraph) {\n        last\/paragraph.remove(); \/\/ Wait, let me fix this typo too!\n    }\n};\n\n\/\/ Corrected logic to run when the page is ready\nconst runModifications = () => {\n    const lastParagraph = document.querySelector('#commentform p:last-of-type');\n    if (lastParagraph) lastParagraph.remove();\n    \n    \/\/ Re-run the rest of the logic\n    const replyTitle = document.getElementById('reply-title');\n    if (replyTitle) {\n        const cancelLink = replyTitle.querySelector('small');\n        replyTitle.remove();\n        if (cancelLink) replyTitle.appendChild(cancelLink);\n    }\n\n    const commentLabel = document.querySelector('.comment-form-comment label');\n    if (commentLabel) {\n        commentLabel.innerHTML = 'Nachricht <span class=\"required\">*<\/span>';\n    }\n\n    const submitBtn = document.getElementById('submit');\n    if (submitBtn) {\n        submitBtn.value = 'Senden';\n        submitBtn.classList.add('about-button');\n    }\n\n    const selectorsToHide = ['.comment-notes', '.comment-form-cookies-consent'];\n    selectorsToHide.forEach(selector => {\n        const el = document.querySelector(selector);\n        if (el) el.style.display = 'none';\n    });\n};\n\n\/\/ Execute immediately if DOM is already loaded, otherwise wait\n\nif (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', runModifications);\n} else {\n    runModifications();\n}\n\/\/ Modify placeholders and add char limit\ndocument.addEventListener('DOMContentLoaded', (event) => {\n    const commentBox = document.getElementById('comment');\n    \n    if (commentBox) {\n        commentBox.placeholder = \"Nachricht ...\";\n    }\n    \n     const authBox = document.getElementById('author');\n    \n    if (authBox) {\n        authBox.placeholder = \"Vor- und Nachname\";\n    }\n    \n         const mailBox = document.getElementById('email');\n    \n    if (mailBox) {\n        mailBox.placeholder = \"Deine E-Mail\";\n    }\n    \n    \/\/ 1. Select the textarea by its ID\nconst textarea = document.getElementById('comment');\nconst maxChars = 3000;\n\nif (textarea) {\n    \/\/ 2. Update the maxlength attribute\n    textarea.maxLength = maxChars;\n\n    \/\/ 3. Create the counter element and add it to the page\n    const counter = document.createElement('div');\n    counter.id = 'char-counter';\n    \/\/ Simple styling to place it right below the textarea\n    counter.style.fontSize = '12px';\n    counter.style.textAlign = 'right';\n    counter.style.marginTop = '5px';\n    counter.style.color = '#666';\n    \n    \/\/ Add the counter to the same parent as the textarea\n    textarea.parentNode.appendChild(counter);\n\n    \/\/ 4. Function to update the text\n    const updateCounter = () => {\n        const remaining = maxChars - textarea.value.length;\n        counter.textContent = `${textarea.value.length}\/${maxChars} Zeichen`;\n\n        \/\/ Optional: Turn the text red if they hit the limit\n        counter.style.color = remaining <= 0 ? 'red' : '#666';\n    };\n\n    \/\/ 5. Listen for \"input\" events (detects typing, pasting, and deleting)\n    textarea.addEventListener('input', updateCounter);\n\n    \/\/ Run once on load to set the initial state\n    updateCounter();\n}\n    \n});\n<\/script>\n\n\n\n<div style=\"height:110px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-1029689a wp-block-buttons-is-layout-flex\"><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* frontpage main banner*\/\n.bannersection4 {\n    width: 100vw;       \n    \n    margin-left: calc(50% - 50vw); \n    \nposition:relative !important;\n    left: 0;\nheight:20vh !important;\noverflow: hidden;\n\ttop: 0px !important;\n\tleft: 0px;\n\/*background-attachment: fixed !important;\n*\/\n\tbackground-position: center !important;\n\nbackground-repeat: no-repeat;\n    background-size: cover;\n\n  height:calc(50vh + 5vw);   \nz-index: 1000; \ndisplay: block;\n\n    align-content: center;\n}\n\n\n\/** Text Basic Blocks**\/\n\n\n.headertoptext3 {\n    font-family: Lato, 'helvetica neue', helvetica, arial;\n    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1) !important;\n    color: white !important;\n    width: 70vw !important;\n    position: relative;\n    display: block;\n    font-size: 20px;\n    display: block;\n    max-width: 100%;\n}\n\n.bannertextbox3 {\n    font-family: arimakoshi-regular;\n    text-align: center !important;\n    position: relative;\n    left: 15vw !important;\n\n    width: 70vw !important;\n    border-radius: 20px;\n    padding: 20px;\n    background: rgb(0 0 0 \/ 27%);\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', () => {\n    const observerOptions = {\n        threshold: 0.1 \/\/ Trigger when 10% of the element is visible\n    };\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach((entry) => {\n            if (entry.isIntersecting) {\n\n                entry.target.classList.add('active');\n                \nobserver.unobserve(entry.target);\n            }\n        });\n    }, observerOptions);\n\n    const targets = document.querySelectorAll('.headertoptext, .headermiddletext, .headerbottomtext')\n    \n    targets.forEach((target) => {\n        observer.observe(target);\n    });\n});\n<\/script>\n\n<div class=\"bannersection4\" style=\"background-image: url('\/wp-content\/uploads\/sommerlich.art-web-full_v1.jpg')\">\n\n\n<div class=\"bannertextbox3\">\n\n     <div class=\"headertoptext3\"> <span class=\"headertoptext\">  \u201eKunst gibt nicht das Sichtbare wieder, sondern macht sichtbar.\u201c - Paul Klee\n<\/div>\n\n<\/div>\n\n\n\n\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Die Kunst von Andreas Sommer &#8211; Magische Fantastische Gem\u00e4lde und Zeichnungen Ich \u00f6ffne Fenster zur Anderswelt und male Tr\u00e4ume wahr. Tretet n\u00e4her Seine Kunst kurz erkl\u00e4rt Die Kunst der Anderswelt Philosophie In meiner Kunst verbinde ich traditionelle Techniken mit den fantastischen Bilderwelten der heutigen Zeit. Ich m\u00f6chte lebendige visuelle Geschichten erz\u00e4hlen \u00fcber das, was uns&#8230;<\/p>","protected":false},"author":1,"featured_media":3646,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"pgc_sgb_lightbox_settings":"","footnotes":""},"class_list":["post-3120","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>sommerlich.art - Fantastisch, figurative Kunst vom Chiemsee<\/title>\n<meta name=\"description\" content=\"Figurative, fantastische Kunst vom Chiemsee, die euch in andere Welten entf\u00fchren und staunen lassen. Von Bleistift, Digital bis \u00d6l.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sommerlich.art\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"sommerlich.art - Fantastisch, figurative Kunst vom Chiemsee\" \/>\n<meta property=\"og:description\" content=\"Figurative, fantastische Kunst vom Chiemsee, die euch in andere Welten entf\u00fchren und staunen lassen. Von Bleistift, Digital bis \u00d6l.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sommerlich.art\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"sommerlich.art\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-26T19:16:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sommerlich.art\/wp-content\/uploads\/dark-page-featured-big_2_v1-e1784232459974.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"583\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sommerlich.art\\\/\",\"url\":\"https:\\\/\\\/sommerlich.art\\\/\",\"name\":\"sommerlich.art - Fantastisch, figurative Kunst vom Chiemsee\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sommerlich.art\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sommerlich.art\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sommerlich.art\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sommerlich.art\\\/wp-content\\\/uploads\\\/dark-page-featured-big_2_v1-e1784232459974.jpg\",\"datePublished\":\"2023-09-03T12:16:00+00:00\",\"dateModified\":\"2026-07-26T19:16:24+00:00\",\"description\":\"Figurative, fantastische Kunst vom Chiemsee, die euch in andere Welten entf\u00fchren und staunen lassen. Von Bleistift, Digital bis \u00d6l.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sommerlich.art\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sommerlich.art\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sommerlich.art\\\/#primaryimage\",\"url\":\"https:\\\/\\\/sommerlich.art\\\/wp-content\\\/uploads\\\/dark-page-featured-big_2_v1-e1784232459974.jpg\",\"contentUrl\":\"https:\\\/\\\/sommerlich.art\\\/wp-content\\\/uploads\\\/dark-page-featured-big_2_v1-e1784232459974.jpg\",\"width\":1500,\"height\":583},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sommerlich.art\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sommerlich.art\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sommerlich.art\\\/#website\",\"url\":\"https:\\\/\\\/sommerlich.art\\\/\",\"name\":\"sommerlich.art\",\"description\":\"Fantasy Art\",\"publisher\":{\"@id\":\"https:\\\/\\\/sommerlich.art\\\/#\\\/schema\\\/person\\\/8bc7b56905686a144f8e8e501dccf0a1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sommerlich.art\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/sommerlich.art\\\/#\\\/schema\\\/person\\\/8bc7b56905686a144f8e8e501dccf0a1\",\"name\":\"Andreas Sommer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sommerlich.art\\\/wp-content\\\/uploads\\\/brandkopf_230219_reddish.png\",\"url\":\"https:\\\/\\\/sommerlich.art\\\/wp-content\\\/uploads\\\/brandkopf_230219_reddish.png\",\"contentUrl\":\"https:\\\/\\\/sommerlich.art\\\/wp-content\\\/uploads\\\/brandkopf_230219_reddish.png\",\"width\":500,\"height\":503,\"caption\":\"Andreas Sommer\"},\"logo\":{\"@id\":\"https:\\\/\\\/sommerlich.art\\\/wp-content\\\/uploads\\\/brandkopf_230219_reddish.png\"},\"sameAs\":[\"https:\\\/\\\/sommerlich.art\",\"sommerlich.art\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"sommerlich.art - Fantastisch, figurative Kunst vom Chiemsee","description":"Figurative, fantastische Kunst vom Chiemsee, die euch in andere Welten entf\u00fchren und staunen lassen. Von Bleistift, Digital bis \u00d6l.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sommerlich.art\/en\/","og_locale":"en_US","og_type":"article","og_title":"sommerlich.art - Fantastisch, figurative Kunst vom Chiemsee","og_description":"Figurative, fantastische Kunst vom Chiemsee, die euch in andere Welten entf\u00fchren und staunen lassen. Von Bleistift, Digital bis \u00d6l.","og_url":"https:\/\/sommerlich.art\/en\/","og_site_name":"sommerlich.art","article_modified_time":"2026-07-26T19:16:24+00:00","og_image":[{"width":1500,"height":583,"url":"https:\/\/sommerlich.art\/wp-content\/uploads\/dark-page-featured-big_2_v1-e1784232459974.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sommerlich.art\/","url":"https:\/\/sommerlich.art\/","name":"sommerlich.art - Fantastisch, figurative Kunst vom Chiemsee","isPartOf":{"@id":"https:\/\/sommerlich.art\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sommerlich.art\/#primaryimage"},"image":{"@id":"https:\/\/sommerlich.art\/#primaryimage"},"thumbnailUrl":"https:\/\/sommerlich.art\/wp-content\/uploads\/dark-page-featured-big_2_v1-e1784232459974.jpg","datePublished":"2023-09-03T12:16:00+00:00","dateModified":"2026-07-26T19:16:24+00:00","description":"Figurative, fantastische Kunst vom Chiemsee, die euch in andere Welten entf\u00fchren und staunen lassen. Von Bleistift, Digital bis \u00d6l.","breadcrumb":{"@id":"https:\/\/sommerlich.art\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sommerlich.art\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sommerlich.art\/#primaryimage","url":"https:\/\/sommerlich.art\/wp-content\/uploads\/dark-page-featured-big_2_v1-e1784232459974.jpg","contentUrl":"https:\/\/sommerlich.art\/wp-content\/uploads\/dark-page-featured-big_2_v1-e1784232459974.jpg","width":1500,"height":583},{"@type":"BreadcrumbList","@id":"https:\/\/sommerlich.art\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sommerlich.art\/"},{"@type":"ListItem","position":2,"name":"home"}]},{"@type":"WebSite","@id":"https:\/\/sommerlich.art\/#website","url":"https:\/\/sommerlich.art\/","name":"sommerlich.art","description":"Fantasy Art","publisher":{"@id":"https:\/\/sommerlich.art\/#\/schema\/person\/8bc7b56905686a144f8e8e501dccf0a1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sommerlich.art\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/sommerlich.art\/#\/schema\/person\/8bc7b56905686a144f8e8e501dccf0a1","name":"Andreas Sommer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sommerlich.art\/wp-content\/uploads\/brandkopf_230219_reddish.png","url":"https:\/\/sommerlich.art\/wp-content\/uploads\/brandkopf_230219_reddish.png","contentUrl":"https:\/\/sommerlich.art\/wp-content\/uploads\/brandkopf_230219_reddish.png","width":500,"height":503,"caption":"Andreas Sommer"},"logo":{"@id":"https:\/\/sommerlich.art\/wp-content\/uploads\/brandkopf_230219_reddish.png"},"sameAs":["https:\/\/sommerlich.art","sommerlich.art"]}]}},"blog_post_layout_featured_media_urls":{"thumbnail":["https:\/\/sommerlich.art\/wp-content\/uploads\/dark-page-featured-big_2_v1-e1784232459974-150x150.jpg",150,150,true],"full":["https:\/\/sommerlich.art\/wp-content\/uploads\/dark-page-featured-big_2_v1-e1784232459974.jpg",1500,583,false]},"categories_names":null,"comments_number":"0","_links":{"self":[{"href":"https:\/\/sommerlich.art\/en\/wp-json\/wp\/v2\/pages\/3120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sommerlich.art\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sommerlich.art\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sommerlich.art\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sommerlich.art\/en\/wp-json\/wp\/v2\/comments?post=3120"}],"version-history":[{"count":485,"href":"https:\/\/sommerlich.art\/en\/wp-json\/wp\/v2\/pages\/3120\/revisions"}],"predecessor-version":[{"id":5202,"href":"https:\/\/sommerlich.art\/en\/wp-json\/wp\/v2\/pages\/3120\/revisions\/5202"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sommerlich.art\/en\/wp-json\/wp\/v2\/media\/3646"}],"wp:attachment":[{"href":"https:\/\/sommerlich.art\/en\/wp-json\/wp\/v2\/media?parent=3120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}