{"id":173,"date":"2024-11-03T21:11:11","date_gmt":"2024-11-03T21:11:11","guid":{"rendered":"https:\/\/versatile-e-motions.at\/?page_id=173"},"modified":"2025-04-29T20:15:32","modified_gmt":"2025-04-29T18:15:32","slug":"leistungen-und-referenzen","status":"publish","type":"page","link":"https:\/\/versatile-e-motions.at\/index.php\/leistungen-und-referenzen\/","title":{"rendered":"Referenzen"},"content":{"rendered":"\n

Jedes Projekt erz\u00e4hlt eine eigene Geschichte \u2013 und genau das macht die Videoproduktion f\u00fcr mich so spannend.
Hier finden Sie eine Auswahl an Arbeiten aus den Bereichen Imagefilm<\/strong>, Social Media Clip<\/strong>, Eventvideo<\/strong> und Erkl\u00e4rvideo<\/strong>.<\/p>\n\n\n\n

St\u00f6bern Sie gerne durch meine Referenzen und verschaffen Sie sich einen Einblick!<\/p>\n\n\n\n

<\/div>\n\n\n\n\n\n\n \n \n Referenzen<\/title>\n <style>\n .referenz-layout {\n max-width: 1300px;\n margin: 0 auto;\n padding: 2rem 1rem;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n grid-auto-rows: 280px;\n gap: 6px;\n }\n\n .tile {\n perspective: 1000px;\n position: relative;\n }\n\n .flip-inner {\n position: relative;\n width: 100%;\n height: 100%;\n transition: transform 0.8s;\n transform-style: preserve-3d;\n }\n\n .tile.clicked .flip-inner {\n transform: rotateY(180deg);\n }\n\n .flip-front, .flip-back {\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 8px;\n backface-visibility: hidden;\n overflow: hidden;\n }\n\n .flip-front {\n z-index: 2;\n }\n\n .flip-front .video-wrapper {\n width: 100%;\n height: 100%;\n overflow: hidden;\n position: relative;\n }\n\n .overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n background-color: #fad369c2;\n padding: 0.6rem;\n font-weight: bold;\n color: #222;\n text-align: center;\n backdrop-filter: blur(2px);\n }\n\n .overlay small {\n display: block;\n font-weight: normal;\n font-size: 0.8rem;\n margin-top: 0.2rem;\n }\n\n .flip-back {\n transform: rotateY(180deg);\n z-index: 1;\n background: #000;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .flip-back iframe, .flip-back video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border: none;\n border-radius: 8px;\n }\n\n .tall { grid-row: span 2; }\n .wide { grid-column: span 2; }\n .big { grid-column: span 2; grid-row: span 2; }\n\n @media (max-width: 768px) {\n .referenz-layout {\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 160px;\n }\n }\n <\/style>\n<\/head>\n<body>\n<section class=\"referenz-layout\">\n\n <!-- Social Media Clip -->\n <div class=\"tile tall\" onclick=\"this.classList.toggle('clicked')\">\n <div class=\"flip-inner\">\n <div class=\"flip-front\">\n <div class=\"video-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/versatile-e-motions.at\/wp-content\/uploads\/2025\/04\/rene-fahler-thumbnail.jpg\" style=\"width:100%;height:100%;object-fit:cover;\" \/>\n\n <div class=\"overlay\">\n Social Media Clip\n <small>Ren\u00e9 Fahler, Finanzberater<\/small>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"flip-back\">\n <video controls>\n <source src=\"https:\/\/versatile-e-motions.at\/wp-content\/uploads\/2024\/11\/Rene-1.mp4\" type=\"video\/mp4\">\n <\/video>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Schulprojekt -->\n <div class=\"tile\" onclick=\"this.classList.toggle('clicked')\">\n <div class=\"flip-inner\">\n <div class=\"flip-front\">\n <div class=\"video-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/OKAerPyC2og\/hqdefault.jpg\" style=\"width:100%;height:100%;object-fit:cover;\" \/>\n <div class=\"overlay\">\n Schulprojekt \u201eTurmfalke\u201c\n <small>Mittelschule 2 Leibnitz<\/small>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"flip-back\">\n <iframe allowfullscreen frameborder=\"0\" src=\"https:\/\/www.youtube.com\/embed\/OKAerPyC2og\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Omas Teekanne -->\n <div class=\"tile\" onclick=\"this.classList.toggle('clicked')\">\n <div class=\"flip-inner\">\n <div class=\"flip-front\">\n <div class=\"video-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/PEudwBkeSro\/hqdefault.jpg\" style=\"width:100%;height:100%;object-fit:cover;\" \/>\n <div class=\"overlay\">\n Social Media\n <small>Omas Teekanne<\/small>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"flip-back\">\n <iframe allowfullscreen frameborder=\"0\" src=\"https:\/\/www.youtube.com\/embed\/PEudwBkeSro\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- G\u00e4rtnerei Imagefilm -->\n <div class=\"tile big\" onclick=\"this.classList.toggle('clicked')\">\n <div class=\"flip-inner\">\n <div class=\"flip-front\">\n <div class=\"video-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/5ACA8AVnc5w\/hqdefault.jpg\" style=\"width:100%;height:100%;object-fit:cover;\" \/>\n <div class=\"overlay\">\n Imagefilm\n <small>G\u00e4rtnerei Scherngell<\/small>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"flip-back\">\n <iframe allowfullscreen frameborder=\"0\" src=\"https:\/\/www.youtube.com\/embed\/5ACA8AVnc5w\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n<\/section>\n<\/body>\n<\/html>\n\n\n\n<p class=\"has-text-align-center\">Sie m\u00f6chten ein \u00e4hnliches Projekt umsetzen? \u2192 <strong><a href=\"https:\/\/versatile-e-motions.at\/index.php\/leistungen\/\">Hier <\/a><\/strong>finden Sie unsere Leistungen im \u00dcberblick.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jedes Projekt erz\u00e4hlt eine eigene Geschichte \u2013 und genau das macht die Videoproduktion f\u00fcr mich so spannend.Hier finden Sie eine Auswahl an Arbeiten aus den Bereichen Imagefilm, Social Media Clip, …<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-173","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/versatile-e-motions.at\/index.php\/wp-json\/wp\/v2\/pages\/173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/versatile-e-motions.at\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/versatile-e-motions.at\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/versatile-e-motions.at\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/versatile-e-motions.at\/index.php\/wp-json\/wp\/v2\/comments?post=173"}],"version-history":[{"count":61,"href":"https:\/\/versatile-e-motions.at\/index.php\/wp-json\/wp\/v2\/pages\/173\/revisions"}],"predecessor-version":[{"id":1236,"href":"https:\/\/versatile-e-motions.at\/index.php\/wp-json\/wp\/v2\/pages\/173\/revisions\/1236"}],"wp:attachment":[{"href":"https:\/\/versatile-e-motions.at\/index.php\/wp-json\/wp\/v2\/media?parent=173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}