{"id":1186,"date":"2013-08-04T22:37:03","date_gmt":"2013-08-04T22:37:03","guid":{"rendered":"https:\/\/sebastian-linda.de\/?page_id=1186"},"modified":"2026-09-04T12:10:06","modified_gmt":"2026-09-04T12:10:06","slug":"homepage","status":"publish","type":"page","link":"https:\/\/sebastian-linda.de\/?page_id=1186","title":{"rendered":"Portfolio"},"content":{"rendered":"<style>\n\/* Alten Gridstack-Textslider ausblenden *\/\nbody.home .pagetitle {\n    display: none !important;\n}<\/p>\n<p>\/* Showreel-Bereich *\/\n.sl-showreel {\n    position: relative;\n    width: 100%;\n    height: calc(100vh - 97px);\n    min-height: 520px;\n    max-height: 920px;\n    overflow: hidden;\n    background: #000;\n}<\/p>\n<p>.sl-showreel video {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    object-position: center center;\n}<\/p>\n<p>\/* Ton-Schalter *\/\n.sl-showreel-sound {\n    position: absolute;\n    right: 28px;\n    bottom: 28px;\n    z-index: 2;\n    padding: 11px 16px;\n    color: #fff;\n    background: rgba(0, 0, 0, 0.45);\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    border-radius: 0;\n    font: inherit;\n    font-size: 12px;\n    letter-spacing: 1.5px;\n    cursor: pointer;\n    transition: background 0.25s ease;\n}<\/p>\n<p>.sl-showreel-sound:hover {\n    background: rgba(0, 0, 0, 0.75);\n}<\/p>\n<p>\/* Auf Smartphones komplettes 16:9-Bild zeigen *\/\n@media screen and (max-width: 767px) {\n    .sl-showreel {\n        height: auto;\n        min-height: 0;\n        aspect-ratio: 16 \/ 9;\n    }<\/p>\n<p>    .sl-showreel-sound {\n        right: 15px;\n        bottom: 15px;\n        padding: 8px 12px;\n        font-size: 10px;\n    }\n}\n<\/style>\n<section class=\"sl-showreel\" aria-label=\"Sebastian Linda Showreel\">\n<p>    <video \nid=\"sl-showreel-video\"\n        autoplay\n        muted\n        loop\n        playsinline\n        preload=\"auto\"\n    ><source \nsrc=\"https:\/\/sebastian-linda.de\/wp-content\/uploads\/2026\/09\/Showreel.mp4\"\n            type=\"video\/mp4\"\n        ><\/video><\/p>\n<p>    <button\n        id=\"sl-showreel-sound\"\n        class=\"sl-showreel-sound\"\n        type=\"button\"\n        aria-label=\"Ton einschalten\"\n        aria-pressed=\"false\"\n    ><br \/>\n        TON AN<br \/>\n    <\/button><\/p>\n<\/section>\n<p><script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const showreel = document.querySelector(\".sl-showreel\");\n    const portfolio = document.getElementById(\"postcontainer\");\n    const video = document.getElementById(\"sl-showreel-video\");\n    const soundButton = document.getElementById(\"sl-showreel-sound\");<\/p>\n<p>    \/* Showreel direkt vor das Portfolio verschieben *\/\n    if (showreel && portfolio) {\n        portfolio.parentNode.insertBefore(showreel, portfolio);\n    }<\/p>\n<p>    if (!video || !soundButton) {\n        return;\n    }<\/p>\n<p>    video.muted = true;<\/p>\n<p>    video.play().catch(function () {\n        \/* Autoplay wurde vom Browser blockiert *\/\n    });<\/p>\n<p>    soundButton.addEventListener(\"click\", function () {\n        if (video.muted) {\n            video.muted = false;\n            video.currentTime = 0;\n            video.play();<\/p>\n<p>            soundButton.textContent = \"TON AUS\";\n            soundButton.setAttribute(\"aria-label\", \"Ton ausschalten\");\n            soundButton.setAttribute(\"aria-pressed\", \"true\");\n        } else {\n            video.muted = true;<\/p>\n<p>            soundButton.textContent = \"TON AN\";\n            soundButton.setAttribute(\"aria-label\", \"Ton einschalten\");\n            soundButton.setAttribute(\"aria-pressed\", \"false\");\n        }\n    });\n});\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\/* Alten Gridstack-Textslider ausblenden *\/ body.home .pagetitle { display: none !important; }<\/p>\n<p>\/* Showreel-Bereich *\/ .sl-showreel { position: relative; width: 100%; height: calc(100vh &#8211; 97px); min-height: 520px; max-height: 920px; overflow: hidden; background: #000; }<\/p>\n<p>.sl-showreel video { width: 100%; height: &#8230; <span class=\"more-link\"><a href=\"https:\/\/sebastian-linda.de\/?page_id=1186\" class=\"more-link\">Read More<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"template-portfolio-fixed.php","meta":{"footnotes":""},"class_list":["post-1186","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sebastian-linda.de\/index.php?rest_route=\/wp\/v2\/pages\/1186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sebastian-linda.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sebastian-linda.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sebastian-linda.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sebastian-linda.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1186"}],"version-history":[{"count":3,"href":"https:\/\/sebastian-linda.de\/index.php?rest_route=\/wp\/v2\/pages\/1186\/revisions"}],"predecessor-version":[{"id":125162,"href":"https:\/\/sebastian-linda.de\/index.php?rest_route=\/wp\/v2\/pages\/1186\/revisions\/125162"}],"wp:attachment":[{"href":"https:\/\/sebastian-linda.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}