{"id":85,"date":"2025-01-17T11:50:11","date_gmt":"2025-01-17T11:50:11","guid":{"rendered":"http:\/\/dev.lippert-studios.com\/?page_id=85"},"modified":"2026-05-22T09:52:32","modified_gmt":"2026-05-22T09:52:32","slug":"studio","status":"publish","type":"page","link":"https:\/\/lippert-studios.com\/en\/studio\/","title":{"rendered":"Studio"},"content":{"rendered":"<?xml encoding=\"UTF-8\"><?xml encoding=\"UTF-8\"><div data-elementor-type=\"wp-page\" data-elementor-id=\"85\" class=\"elementor elementor-85\">\n\t\t\t\t<section class=\"elementor-element elementor-element-a967e4c e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"a967e4c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-89ccaea e-con-full custom-cursor e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"89ccaea\" data-element_type=\"container\" data-e-type=\"container\" data-settings='{\"background_background\":\"classic\"}'>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1fb120 elementor-widget elementor-widget-heading\" data-id=\"c1fb120\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Wer wir sind<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89f2b44 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"89f2b44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"0\" data-end=\"159\">Wir sind ein interdisziplin&auml;res Team aus Berlin, das seit 2003 Design, Technik und Entwicklung unter einem Dach vereint.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<a class=\"elementor-element elementor-element-496d62e e-con-full j-btn e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"496d62e\" data-element_type=\"container\" data-e-type=\"container\" data-settings='{\"background_background\":\"classic\"}' href=\"#scroll-down\">\n\t\t\t\t<div class=\"elementor-element elementor-element-509f3fc elementor-widget elementor-widget-text-editor\" data-id=\"509f3fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Mehr erfahren<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c332c6 j-btn-icon e-transform e-transform elementor-widget elementor-widget-image\" data-id=\"2c332c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings='{\"_transform_rotateZ_effect\":{\"unit\":\"px\",\"size\":90,\"sizes\":[]},\"_transform_translateX_effect\":{\"unit\":\"px\",\"size\":2,\"sizes\":[]},\"_transform_translateY_effect\":{\"unit\":\"px\",\"size\":-3,\"sizes\":[]},\"_transform_rotateZ_effect_widescreen\":{\"unit\":\"deg\",\"size\":\"\",\"sizes\":[]},\"_transform_rotateZ_effect_laptop\":{\"unit\":\"deg\",\"size\":\"\",\"sizes\":[]},\"_transform_rotateZ_effect_tablet_extra\":{\"unit\":\"deg\",\"size\":\"\",\"sizes\":[]},\"_transform_rotateZ_effect_tablet\":{\"unit\":\"deg\",\"size\":\"\",\"sizes\":[]},\"_transform_rotateZ_effect_mobile_extra\":{\"unit\":\"deg\",\"size\":\"\",\"sizes\":[]},\"_transform_rotateZ_effect_mobile\":{\"unit\":\"deg\",\"size\":\"\",\"sizes\":[]},\"_transform_translateX_effect_widescreen\":{\"unit\":\"px\",\"size\":\"\",\"sizes\":[]},\"_transform_translateX_effect_laptop\":{\"unit\":\"px\",\"size\":\"\",\"sizes\":[]},\"_transform_translateX_effect_tablet_extra\":{\"unit\":\"px\",\"size\":\"\",\"sizes\":[]},\"_transform_translateX_effect_tablet\":{\"unit\":\"px\",\"size\":\"\",\"sizes\":[]},\"_transform_translateX_effect_mobile_extra\":{\"unit\":\"px\",\"size\":\"\",\"sizes\":[]},\"_transform_translateX_effect_mobile\":{\"unit\":\"px\",\"size\":\"\",\"sizes\":[]},\"_transform_translateY_effect_widescreen\":{\"unit\":\"px\",\"size\":\"\",\"sizes\":[]},\"_transform_translateY_effect_laptop\":{\"unit\":\"px\",\"size\":\"\",\"sizes\":[]},\"_transform_translateY_effect_tablet_extra\":{\"unit\":\"px\",\"size\":\"\",\"sizes\":[]},\"_transform_translateY_effect_tablet\":{\"unit\":\"px\",\"size\":\"\",\"sizes\":[]},\"_transform_translateY_effect_mobile_extra\":{\"unit\":\"px\",\"size\":\"\",\"sizes\":[]},\"_transform_translateY_effect_mobile\":{\"unit\":\"px\",\"size\":\"\",\"sizes\":[]}}' data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"8\" height=\"12\" src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/10\/arrow.svg\" class=\"attachment-full size-full wp-image-9476\" alt=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<div class=\"elementor-element elementor-element-d16092b elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-shortcode\" data-id=\"d16092b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings='{\"_position\":\"absolute\"}' data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\n<div id=\"parallax_6a23141b9aa8d\"><\/div>\n\n<style>\n#parallax_6a23141b9aa8d{\n    position:relative;\n    width:100%;\n    height:450px;\n    overflow:visible;\n}\n\n#parallax_6a23141b9aa8d .float-wrapper{\n    position:absolute;\n    animation: float 7s ease-in-out infinite alternate;\n}\n\n#parallax_6a23141b9aa8d img{\n    width:100px;\n    pointer-events:none;\n    transition:transform 0.15s ease-out, opacity 0.6s ease-in-out;\n}\n\n@keyframes float{\n    0%{ transform:translate(0,0); }\n    50%{ transform:translate(-6px,-8px); }\n    100%{ transform:translate(6px,6px); }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function(){\n\n    const container = document.getElementById('parallax_6a23141b9aa8d');\n    const imageUrls = [\"https:\\\/\\\/lippert-studios.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/cursor_Peter.svg\",\"https:\\\/\\\/lippert-studios.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/cursor_Justus.svg\",\"https:\\\/\\\/lippert-studios.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/cursor_Tristan.svg\",\"https:\\\/\\\/lippert-studios.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/cursor_Rayk.svg\",\"https:\\\/\\\/lippert-studios.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/cursor_Max.svg\",\"https:\\\/\\\/lippert-studios.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/cursor_Wai.svg\",\"https:\\\/\\\/lippert-studios.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/cursor_Tom.svg\",\"https:\\\/\\\/lippert-studios.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/cursor_Ulrike.svg\",\"https:\\\/\\\/lippert-studios.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/cursor_Meike.svg\",\"https:\\\/\\\/lippert-studios.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/cursor_Jenny.svg\",\"https:\\\/\\\/lippert-studios.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cursor_Nora.svg\",\"https:\\\/\\\/lippert-studios.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cursor_Radwan.svg\"];\n    const visibleCount = Math.min(3, imageUrls.length);\n\n    const positions = [\n        {top:'5%',left:'20%'},\n        {top:'15%',left:'70%'},\n        {top:'60%',left:'80%'},\n        {top:'60%',left:'15%'},\n        {top:'35%',left:'85%'},\n        {top:'40%',left:'5%'}\n    ];\n\n    let active = [];\n\n    function shuffle(arr){\n        return arr.sort(()=>0.5-Math.random());\n    }\n\n    function getFreePosition(excludeIndex){\n\n\t\tconst used = active\n\t\t\t.map(a => a.wrapper.dataset.pos)\n\t\t\t.filter(pos => pos !== excludeIndex);\n\n\t\tconst available = positions\n\t\t\t.map((p,i)=>({ ...p, index:String(i) }))\n\t\t\t.filter(p =>\n\t\t\t\t!used.includes(p.index) &&\n\t\t\t\tp.index !== excludeIndex\n\t\t\t);\n\n\t\tif(available.length === 0){\n\t\t\treturn null;\n\t\t}\n\n\t\treturn available[Math.floor(Math.random()*available.length)];\n\t}\n\n    function getFreeImage(){\n        const used = active.map(a => a.img.src);\n        const available = imageUrls.filter(url => !used.includes(url));\n        if(available.length === 0) return imageUrls[Math.floor(Math.random()*imageUrls.length)];\n        return available[Math.floor(Math.random()*available.length)];\n    }\n\n    function createInitial(){\n\n        const shuffledImages = shuffle([...imageUrls]);\n        const shuffledPositions = shuffle([...positions]);\n\n        for(let i=0;i<visibleCount;i++){\n\n            const wrapper = document.createElement('div');\n            wrapper.className='float-wrapper';\n            wrapper.style.top = shuffledPositions[i].top;\n            wrapper.style.left = shuffledPositions[i].left;\n            wrapper.style.animationDuration = (6+Math.random()*4)+'s';\n            wrapper.dataset.pos = i;\n\n            const img = document.createElement('img');\n            img.src = shuffledImages[i];\n\n            wrapper.appendChild(img);\n            container.appendChild(wrapper);\n\n            active.push({wrapper, img});\n        }\n    }\n\n    function replaceOne(){\n\n\t\tconst target = active[Math.floor(Math.random()*active.length)];\n\t\tconst currentPos = target.wrapper.dataset.pos;\n\n\t\tconst newPos = getFreePosition(currentPos);\n\t\tif(!newPos){\n\t\t\tsetTimeout(replaceOne, 4000 + Math.random()*3000);\n\t\t\treturn;\n\t\t}\n\n\t\ttarget.img.style.opacity = 0;\n\n\t\tsetTimeout(()=>{\n\n\t\t\tconst newImage = getFreeImage();\n\n\t\t\ttarget.img.src = newImage;\n\n\t\t\ttarget.wrapper.style.top = newPos.top;\n\t\t\ttarget.wrapper.style.left = newPos.left;\n\t\t\ttarget.wrapper.style.animationDuration = (6+Math.random()*4)+'s';\n\t\t\ttarget.wrapper.dataset.pos = newPos.index;\n\n\t\t\ttarget.img.style.opacity = 1;\n\n\t\t},600);\n\n\t\tsetTimeout(replaceOne, 4000 + Math.random()*3000);\n\t}\n\n    createInitial();\n    setTimeout(replaceOne, 4000);\n\n    \/* Mouse Parallax *\/\n    container.addEventListener('mousemove', function(e){\n\n        const rect = container.getBoundingClientRect();\n        const mouseX = e.clientX - rect.left - rect.width\/2;\n        const mouseY = e.clientY - rect.top - rect.height\/2;\n\n        active.forEach((item,index)=>{\n            const speed = 0.15 - index*0.02;\n            item.img.style.transform =\n                `translate(${-mouseX*speed}px, ${-mouseY*speed}px) rotate(${mouseX*0.02}deg)`;\n        });\n    });\n\n    container.addEventListener('mouseleave', function(){\n        active.forEach(item=>{\n            item.img.style.transform='translate(0,0)';\n        });\n    });\n\n});\n<\/script>\n\n\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-2a69252e e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"2a69252e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87a8efa elementor-absolute elementor-widget elementor-widget-menu-anchor\" data-id=\"87a8efa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings='{\"_position\":\"absolute\"}' data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"scroll-down\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-353e95ab elementor-widget elementor-widget-heading\" data-id=\"353e95ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ein Team, eine Vision<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd748ac e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"fd748ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-260e13eb elementor-widget elementor-widget-text-editor\" data-id=\"260e13eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Unter einem Dach vereinen wir kreative Ideen, technisches Know-how und strategisches Denken. Durch unsere enge Zusammenarbeit entstehen durchdachte und &auml;sthetische Produkte, die begeistern.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d07be9d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"d07be9d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3253228 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"3253228\" data-element_type=\"container\" data-e-type=\"container\" data-settings='{\"background_background\":\"classic\"}'>\n\t\t\t\t<div class=\"elementor-element elementor-element-0503cca elementor-widget elementor-widget-text-editor\" data-id=\"0503cca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Gemeinsam Grillen ist eine unserer Lieblingsaufgaben im Studio<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa4d41d e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"fa4d41d\" data-element_type=\"container\" data-e-type=\"container\" data-settings='{\"background_background\":\"classic\"}'>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f18fca elementor-widget elementor-widget-text-editor\" data-id=\"5f18fca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tWir arbeiten alle eng zusammen, <br>so nutzt jeder seine St&auml;rken\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c611145 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"c611145\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<a class=\"elementor-element elementor-element-a96ccb9 e-con-full lst-img-hover e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"a96ccb9\" data-element_type=\"container\" data-e-type=\"container\" data-settings='{\"background_background\":\"video\",\"background_video_link\":\"https:\\\/\\\/lippert-studios.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/YTDown_YouTube_C1938_Media_ValkpKKfCvk_003_360p.mp4\",\"background_play_on_mobile\":\"yes\",\"background_privacy_mode\":\"yes\"}' href=\"https:\/\/xn--fv-fka.com\/\" target=\"_blank\" rel=\"nofollow noopener\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-0e663b4 elementor-widget elementor-widget-text-editor\" data-id=\"0e663b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tEs gibt immer neue <br>und spannende Projekte\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<div class=\"elementor-element elementor-element-a4967b1 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"a4967b1\" data-element_type=\"container\" data-e-type=\"container\" data-settings='{\"background_background\":\"classic\"}'>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b4b13d elementor-widget elementor-widget-text-editor\" data-id=\"1b4b13d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Wir besuchen zusammen Ausstellungen oder alles, was noch so interessant ist<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51777ab e-con e-atomic-element e-div-block-base e-51777ab-fa41ca9\" data-id=\"51777ab\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"51777ab\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbc8659 elementor-widget elementor-widget-heading\" data-id=\"dbc8659\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Erkunde unser Studio digital<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49e5906 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"49e5906\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&amp;family=DM+Mono:wght@400;500&amp;family=Instrument+Serif:ital@0;1&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.ls-sc *,\r\n.ls-sc *::before,\r\n.ls-sc *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.ls-sc {\r\n  --teal:   #007396;\r\n  --teal-d: #005a75;\r\n  --teal-g: rgba(0,115,150,0.08);\r\n  --ink:    #111110;\r\n  --mid:    #6b6b69;\r\n  --rule:   #e4e4e2;\r\n  --white:  #ffffff;\r\n  --ease:   cubic-bezier(0.22, 1, 0.36, 1);\r\n  font-family: 'DM Sans', sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n\r\n  width: 100%;\r\n  display: grid;\r\n  grid-template-columns: 1fr 300px;\r\n  grid-template-rows: 1fr 1fr;\r\n  gap: 6px;\r\n  cursor: pointer;\r\n}\r\n\r\n\/* &#9472;&#9472; Image cell &#9472;&#9472; *\/\r\n.ls-sc__img-cell {\r\n  grid-row: 1 \/ 3;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  position: relative;\r\n  background: #ddd;\r\n  min-height: 360px;\r\n}\r\n\r\n.ls-sc__img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover; object-position: center 22%; display: block;\r\n  filter: brightness(0.8) saturate(0.85);\r\n  transition: transform 1.2s var(--ease), filter 0.7s ease;\r\n}\r\n.ls-sc:hover .ls-sc__img {\r\n  transform: scale(1.04);\r\n  filter: brightness(0.65) saturate(0.65);\r\n}\r\n\r\n.ls-sc__img-label {\r\n  position: absolute; top: 16px; left: 16px;\r\n  display: flex; align-items: center; gap: 8px;\r\n  background: rgba(255,255,255,0.1); backdrop-filter: blur(8px);\r\n  border: 1px solid rgba(255,255,255,0.18);\r\n  border-radius: 100px; padding: 5px 12px;\r\n  font-family: 'DM Mono', monospace;\r\n  font-size: 9px; letter-spacing: 0.16em; text-transform: uppercase;\r\n  color: rgba(255,255,255,0.7);\r\n  transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;\r\n}\r\n.ls-sc:hover .ls-sc__img-label {\r\n  background: rgba(0,115,150,0.2);\r\n  border-color: rgba(0,115,150,0.4);\r\n  color: rgba(255,255,255,0.95);\r\n}\r\n\r\n.ls-sc__img-bottom {\r\n  position: absolute; bottom: 20px; left: 20px; right: 20px;\r\n  display: flex; align-items: flex-end; justify-content: space-between;\r\n}\r\n\r\n.ls-sc__img-title {\r\n  font-size: clamp(20px, 2.4vw, 30px); font-weight: 400;\r\n  color: #fff; letter-spacing: -0.025em; line-height: 1.1;\r\n}\r\n\r\n\/* &#9472;&#9472; Stat cell &#9472;&#9472; *\/\r\n.ls-sc__stat-cell {\r\n  background: var(--white);\r\n  border-radius: 16px;\r\n  padding: 24px 26px;\r\n  display: flex; flex-direction: column; justify-content: space-between;\r\n  border: 1px solid var(--rule);\r\n  transition: border-color 0.3s ease, background 0.3s ease;\r\n}\r\n.ls-sc:hover .ls-sc__stat-cell {\r\n  border-color: rgba(0,115,150,0.2);\r\n  background: var(--teal-g);\r\n}\r\n\r\n.ls-sc__stat-top {\r\n  display: flex; align-items: flex-start; justify-content: space-between;\r\n}\r\n\r\n.ls-sc__stat-num {\r\n  font-family: Manrope;\r\n  font-size: 52px; font-weight: 400; letter-spacing: -0.04em;\r\n  color: var(--ink); line-height: 1;\r\n}\r\n\r\n.ls-sc__icon-box {\r\n  width: 36px; height: 36px;\r\n  border-radius: 8px;\r\n  background: var(--teal-g);\r\n  border: 1px solid rgba(0,115,150,0.15);\r\n  display: flex; align-items: center; justify-content: center;\r\n  transition: background 0.3s ease;\r\n  flex-shrink: 0;\r\n}\r\n.ls-sc:hover .ls-sc__icon-box { background: rgba(0,115,150,0.15); }\r\n\r\n.ls-sc__stat-label {\r\n  font-size: 12px; font-weight: 300; color: var(--mid); line-height: 1.4;\r\n}\r\n\r\n\/* &#9472;&#9472; CTA cell &#9472;&#9472; *\/\r\n.ls-sc__cta-cell {\r\n  background: var(--teal);\r\n  border-radius: 16px;\r\n  padding: 24px 26px;\r\n  display: flex; flex-direction: column; justify-content: space-between;\r\n  cursor: pointer;\r\n  transition: background 0.2s ease;\r\n  position: relative; overflow: hidden;\r\n}\r\n.ls-sc__cta-cell:hover { background: var(--teal-d); }\r\n\r\n.ls-sc__cta-label {\r\n  font-family: 'DM Mono', monospace;\r\n  font-size: 9.5px; letter-spacing: 0.18em; text-transform: uppercase;\r\n  color: rgba(255,255,255,0.55);\r\n}\r\n\r\n.ls-sc__cta-bottom {\r\n  display: flex; align-items: center; justify-content: space-between;\r\n}\r\n\r\n.ls-sc__cta-text {\r\n  font-size: 15px; font-weight: 500; color: #fff;\r\n}\r\n\r\n.ls-sc__cta-arrow {\r\n  width: 34px; height: 34px; border-radius: 50%;\r\n  background: rgba(255,255,255,0.15);\r\n  display: flex; align-items: center; justify-content: center;\r\n  transition: background 0.2s ease, transform 0.3s var(--ease);\r\n  flex-shrink: 0;\r\n}\r\n.ls-sc__cta-cell:hover .ls-sc__cta-arrow {\r\n  background: rgba(255,255,255,0.28);\r\n  transform: translate(2px, -2px);\r\n}\r\n\r\n\/* &#9472;&#9472; Responsive &#9472;&#9472; *\/\r\n@media (max-width: 640px) {\r\n  .ls-sc {\r\n    grid-template-columns: 1fr;\r\n    grid-template-rows: auto auto auto;\r\n  }\r\n  .ls-sc__img-cell {\r\n    grid-row: auto;\r\n    min-height: 220px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"ls-sc\" id=\"ls-studio-card\" role=\"button\" tabindex=\"0\" aria-label=\"Studio erkunden\">\r\n\r\n  <div class=\"ls-sc__img-cell\">\r\n    <img decoding=\"async\" class=\"ls-sc__img\" src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/Isometric_Studio.png\" alt=\"Lippert Studios &ndash; Studioansicht\">\r\n    <div class=\"ls-sc__img-label\">\r\n      <svg width=\"11\" height=\"11\" viewbox=\"0 0 11 11\" fill=\"none\">\r\n        <ellipse cx=\"5.5\" cy=\"5.5\" rx=\"4.5\" ry=\"3\" stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"1\"><\/ellipse>\r\n        <circle cx=\"5.5\" cy=\"5.5\" r=\"1.3\" fill=\"rgba(255,255,255,0.7)\"><\/circle>\r\n      <\/svg>\r\n      Interaktiv\r\n    <\/div>\r\n    <div class=\"ls-sc__img-bottom\">\r\n      <div class=\"ls-sc__img-title\">Unser Studio<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ls-sc__stat-cell\">\r\n    <div class=\"ls-sc__stat-top\">\r\n      <div class=\"ls-sc__stat-num\">07<\/div>\r\n      <div class=\"ls-sc__icon-box\">\r\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\">\r\n          <rect x=\"1\" y=\"1\" width=\"5.5\" height=\"5.5\" rx=\"1.2\" stroke=\"#007396\" stroke-width=\"1.2\"><\/rect>\r\n          <rect x=\"9.5\" y=\"1\" width=\"5.5\" height=\"5.5\" rx=\"1.2\" stroke=\"#007396\" stroke-width=\"1.2\"><\/rect>\r\n          <rect x=\"1\" y=\"9.5\" width=\"5.5\" height=\"5.5\" rx=\"1.2\" stroke=\"#007396\" stroke-width=\"1.2\"><\/rect>\r\n          <rect x=\"9.5\" y=\"9.5\" width=\"5.5\" height=\"5.5\" rx=\"1.2\" stroke=\"#007396\" stroke-width=\"1.2\"><\/rect>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"ls-sc__stat-label\">Bereiche zum<br>Erkunden<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ls-sc__cta-cell\" id=\"ls-studio-card-cta\">\r\n    <div class=\"ls-sc__cta-label\">Studio erkunden<\/div>\r\n    <div class=\"ls-sc__cta-bottom\">\r\n      <div class=\"ls-sc__cta-text\">Jetzt &ouml;ffnen<\/div>\r\n      <div class=\"ls-sc__cta-arrow\">\r\n        <svg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\" fill=\"none\">\r\n          <path d=\"M1 7h12M7 1l6 6-6 6\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var card = document.getElementById('ls-studio-card');\r\n  if (!card) return;\r\n\r\n  function openWidget() {\r\n  window.location.href = 'https:\/\/lippert-studios.com\/studio\/studio-tour\/';\r\n}\r\n\r\n  card.addEventListener('click', openWidget);\r\n  card.addEventListener('keydown', function(e) {\r\n    if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openWidget(); }\r\n  });\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":9,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"tags":[],"class_list":["post-85","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/pages\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":994,"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/pages\/85\/revisions"}],"predecessor-version":[{"id":14712,"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/pages\/85\/revisions\/14712"}],"wp:attachment":[{"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/media?parent=85"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/tags?post=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}