{"id":138,"date":"2026-07-02T23:24:19","date_gmt":"2026-07-02T23:24:19","guid":{"rendered":"https:\/\/danielwacker.de\/?page_id=138"},"modified":"2026-07-20T15:46:48","modified_gmt":"2026-07-20T15:46:48","slug":"138-2","status":"publish","type":"page","link":"https:\/\/danielwacker.de\/","title":{"rendered":"Daniel Wacker &#8211; Creative Strategist \/ Director Frankfurt am Main"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Daniel Wacker<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;700&#038;family=IBM+Plex+Sans:wght@400;500&#038;family=IBM+Plex+Mono:wght@400;500&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  :root{\n    --paper:#FAFAF8;\n    --ink:#15161A;\n    --gray:#6B6D76;\n    --hairline:#E3E2DC;\n    --rec:#C8391E;\n  }\n  *{box-sizing:border-box; margin:0; padding:0;}\n  body{\n    background:var(--paper);\n    color:var(--ink);\n    font-family:'IBM Plex Sans', sans-serif;\n    font-size:16px;\n    line-height:1.6;\n    position:relative;\n  }\n  .mono{font-family:'IBM Plex Mono', monospace; letter-spacing:0.02em;}\n  .wrap{max-width:860px; margin:0 auto; padding:0 28px; position:relative;}\n\n  \/* REC HUD: Pille, abgerundet *\/\n  .rec-hud{\n    position:fixed; top:42px; right:28px; z-index:50;\n    display:flex; align-items:center; gap:8px;\n    font-family:'IBM Plex Mono', monospace;\n    font-size:12px; color:var(--ink);\n    background:rgba(250,250,248,0.85);\n    backdrop-filter:blur(4px);\n    padding:6px 12px; border:1px solid var(--hairline); border-radius:999px;\n  }\n  .rec-hud .dot{\n    width:7px; height:7px; border-radius:50%; background:var(--rec);\n    animation:pulse 1.6s ease-in-out infinite;\n  }\n  @keyframes pulse{\n    0%,100%{opacity:1;}\n    50%{opacity:0.25;}\n  }\n\n  \/* Sprachumschalter *\/\n  .lang-toggle{\n    position:fixed; top:42px; left:28px; z-index:50;\n    display:flex; align-items:center;\n    font-family:'IBM Plex Mono', monospace; font-size:12px;\n    background:rgba(250,250,248,0.85);\n    backdrop-filter:blur(4px);\n    border:1px solid var(--hairline); border-radius:999px;\n    overflow:hidden;\n  }\n  .lang-toggle button{\n    font-family:'IBM Plex Mono', monospace; font-size:12px;\n    background:none; border:none; cursor:pointer;\n    padding:6px 12px; color:var(--gray);\n    transition:all .2s ease;\n  }\n  .lang-toggle button.active{\n    background:var(--ink); color:var(--paper);\n  }\n  @media (max-width:720px){\n    .lang-toggle{top:auto; bottom:20px; left:20px;}\n  }\n\n  \/* Viewfinder: Record-Frame, bleibt eckig *\/\n  .viewfinder{position:relative; padding:36px;}\n  .viewfinder::before,.viewfinder::after,\n  .vf-br,.vf-bl{\n    content:''; position:absolute; width:18px; height:18px;\n    border-color:var(--ink); border-style:solid;\n  }\n  .viewfinder::before{top:0; left:0; border-width:1.5px 0 0 1.5px;}\n  .viewfinder::after{top:0; right:0; border-width:1.5px 1.5px 0 0;}\n  .vf-bl{bottom:0; left:0; border-width:0 0 1.5px 1.5px;}\n  .vf-br{bottom:0; right:0; border-width:0 1.5px 1.5px 0;}\n  .vf-tag{\n    position:absolute; bottom:10px; right:44px;\n    font-family:'IBM Plex Mono', monospace; font-size:11px; color:var(--gray);\n  }\n  .vf-tag-left{\n    position:absolute; bottom:10px; left:44px;\n    font-family:'IBM Plex Mono', monospace; font-size:11px; color:var(--gray);\n  }\n\n  .scrubber{\n    display:flex; align-items:center; gap:16px; margin-top:36px;\n  }\n  .scrubber .track{\n    flex:1; height:1px; background:var(--hairline); position:relative; display:flex; justify-content:space-between; align-items:center;\n  }\n  .marker{\n    width:8px; height:8px; border-radius:50%;\n    background:var(--paper); border:1.5px solid var(--hairline);\n    position:relative; z-index:2; transition:all .2s ease;\n  }\n  .marker.active{background:var(--rec); border-color:var(--rec);}\n  .scrubber .tc{font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--gray); white-space:nowrap;}\n\n  header{padding:100px 0 0 0;}\n  .eyebrow{\n    font-family:'IBM Plex Mono', monospace; font-size:12px; color:var(--rec);\n    text-transform:uppercase; letter-spacing:0.14em; display:flex; align-items:center; gap:8px;\n  }\n  .eyebrow .dot-small{width:6px; height:6px; border-radius:50%; background:var(--rec);}\n  h1{\n    font-family:'Space Grotesk', sans-serif; font-weight:700;\n    font-size:clamp(42px, 7.5vw, 72px); line-height:0.98; letter-spacing:-0.01em;\n    margin-top:16px;\n  }\n  .role{font-family:'Space Grotesk', sans-serif; font-weight:500; font-size:19px; color:var(--gray); margin-top:12px;}\n  .lede{font-size:22px; max-width:620px; margin-top:30px; color:#2A2B30;}\n\n  section{padding:100px 0;}\n  section.divider{border-top:1px solid var(--hairline);}\n  .section-head{margin-bottom:40px;}\n  .label{\n    font-family:'IBM Plex Mono', monospace; font-size:12px; color:var(--gray);\n    text-transform:uppercase; letter-spacing:0.12em; margin-bottom:12px;\n    display:flex; align-items:center; gap:10px;\n  }\n  .label .frame{color:var(--rec);}\n  .section-title{\n    font-family:'Space Grotesk', sans-serif; font-weight:700;\n    font-size:clamp(32px, 4.5vw, 46px); letter-spacing:-0.01em; line-height:1.05;\n  }\n\n  .about-text{max-width:640px;}\n  .about-text p{margin-bottom:18px; color:#2A2B30; font-size:16.5px;}\n  .about-text p:last-child{margin-bottom:0;}\n  .about-subhead{\n    font-family:'IBM Plex Mono', monospace; font-size:12px; color:var(--rec);\n    text-transform:uppercase; letter-spacing:0.1em;\n    margin:30px 0 12px 0;\n  }\n  .cafe-list{\n    font-size:13px; color:var(--gray); letter-spacing:0.02em;\n  }\n  .cafe-list a{\n    color:var(--ink); text-decoration:none;\n    border-bottom:1px solid var(--hairline);\n    padding-bottom:1px;\n  }\n  .cafe-list a:hover{border-bottom-color:var(--rec); color:var(--rec);}\n\n  .inline-link{\n    color:inherit; text-decoration:none;\n    border-bottom:1px solid var(--hairline);\n    padding-bottom:1px;\n    transition:all .2s ease;\n  }\n  .inline-link:hover{border-bottom-color:var(--rec); color:var(--rec);}\n\n  \/* Slideshow: Record-Frame, bleibt eckig *\/\n  .slideshow-frame{\n    position:relative; margin-top:28px; aspect-ratio:16\/9; max-width:640px;\n    background:var(--ink); overflow:hidden;\n  }\n  .slide{\n    position:absolute; inset:0; background-size:cover; background-position:center;\n    opacity:0; transition:opacity 1s ease;\n    filter:grayscale(100%) contrast(1.05);\n  }\n  .slide.active{opacity:1;}\n  .slideshow-corner-tl,.slideshow-corner-br{\n    position:absolute; width:16px; height:16px; border-color:var(--paper); border-style:solid; z-index:2;\n  }\n  .slideshow-corner-tl{top:12px; left:12px; border-width:1.5px 0 0 1.5px;}\n  .slideshow-corner-br{bottom:12px; right:12px; border-width:0 1.5px 1.5px 0;}\n  .slideshow-tag{\n    position:absolute; bottom:12px; left:12px; z-index:2;\n    font-family:'IBM Plex Mono', monospace; font-size:10px; color:var(--paper);\n    letter-spacing:0.08em;\n  }\n  .slideshow-count{\n    position:absolute; top:12px; right:12px; z-index:2;\n    font-family:'IBM Plex Mono', monospace; font-size:10px; color:var(--paper);\n    letter-spacing:0.08em;\n  }\n  .slideshow-dots{\n    position:absolute; bottom:14px; right:14px; z-index:2;\n    display:flex; gap:6px;\n  }\n  .slideshow-dots .sdot{\n    width:5px; height:5px; border-radius:50%; background:rgba(250,250,248,0.35);\n    transition:background .3s ease;\n  }\n  .slideshow-dots .sdot.active{background:var(--rec);}\n\n  .beliefs{list-style:none; max-width:600px;}\n  .beliefs li{\n    font-family:'Space Grotesk', sans-serif; font-size:17px; font-weight:500;\n    padding:16px 20px; border-top:1px solid var(--hairline);\n    display:flex; gap:16px; align-items:baseline;\n    border-radius:14px;\n    transition:background .2s ease;\n  }\n  .beliefs li:hover{background:#F2F1EC;}\n  .beliefs li:last-child{border-bottom:1px solid var(--hairline);}\n  .beliefs .idx{font-family:'IBM Plex Mono', monospace; font-size:12px; font-weight:400; color:var(--rec); min-width:90px;}\n\n  .spec{border-top:1.5px solid var(--ink);}\n  .spec-row{\n    display:grid; grid-template-columns:200px 1fr; gap:24px; padding:28px 24px;\n    border-bottom:1px solid var(--hairline); position:relative;\n    border-radius:14px;\n    transition:background .2s ease;\n  }\n  .spec-row:hover{background:#F2F1EC;}\n  .spec-row .tc-label{font-family:'IBM Plex Mono', monospace; font-size:12px; color:var(--rec);}\n  .spec-row .tc-num{font-family:'IBM Plex Mono', monospace; font-size:11px; color:var(--gray); display:block; margin-top:4px;}\n  .spec-row h3{font-family:'Space Grotesk', sans-serif; font-size:23px; font-weight:700; margin-bottom:8px;}\n  .spec-row p{color:var(--gray); font-size:15.5px; max-width:560px;}\n\n  footer{\n    padding:90px 0 70px 0; border-top:1.5px solid var(--ink);\n    display:flex; flex-direction:column; align-items:flex-start; gap:20px;\n    position:relative;\n  }\n  footer .stop-label{\n    font-family:'IBM Plex Mono', monospace; font-size:12px; color:var(--gray);\n    letter-spacing:0.12em; margin-bottom:16px; display:block;\n  }\n  footer .stop-label::before{content:'\u25a0  '; color:var(--rec);}\n  footer h2{font-family:'Space Grotesk', sans-serif; font-size:clamp(28px,4vw,40px); font-weight:700; max-width:420px;}\n  .contact-link{\n    font-family:'IBM Plex Mono', monospace; font-size:14px; color:var(--ink);\n    text-decoration:none; border:1px solid var(--ink); border-radius:999px;\n    padding:10px 20px;\n    transition:all .2s ease;\n  }\n  .contact-link:hover{background:var(--ink); color:var(--paper);}\n\n  .footer-row{\n    display:flex; align-items:flex-end; justify-content:space-between;\n    width:100%; flex-wrap:wrap; gap:24px;\n  }\n  .contact-photo{\n    width:96px; height:96px; border-radius:20px; overflow:hidden;\n    flex-shrink:0; background:var(--ink);\n  }\n  .contact-photo img{\n    width:100%; height:100%; object-fit:cover;\n    filter:grayscale(100%) contrast(1.05);\n  }\n\n  @media (max-width:720px){\n    .spec-row{grid-template-columns:1fr; gap:8px;}\n    .lede{font-size:19px;}\n    .rec-hud{font-size:10px; padding:5px 10px;}\n    .viewfinder{padding:22px;}\n    .slideshow-frame{aspect-ratio:16\/10; max-width:100%;}\n    .beliefs li{padding:20px 16px;}\n    .spec-row{padding:28px 16px;}\n  }\n\n  \/* Easter Egg: REC-Pulse-Takeover (Tastatur-Trigger \"REC\") *\/\n  .tc-overlay{\n    position:fixed; inset:0; z-index:999;\n    background:var(--ink);\n    display:flex; align-items:center; justify-content:center;\n    opacity:0; pointer-events:none;\n    transition:opacity .4s ease;\n  }\n  .tc-overlay.show{opacity:1;}\n  .tc-overlay-box{\n    text-align:center;\n  }\n  .big-dot{\n    width:110px; height:110px; border-radius:50%; background:var(--rec);\n    margin:0 auto 26px auto;\n    opacity:0; transform:scale(0.6);\n  }\n  .big-dot.pulse{\n    animation:bigPulse 1.1s ease-in-out 1;\n  }\n  @keyframes bigPulse{\n    0%{opacity:0; transform:scale(0.6);}\n    45%{opacity:1; transform:scale(1.12);}\n    70%{opacity:1; transform:scale(0.96);}\n    100%{opacity:0; transform:scale(1);}\n  }\n  .tc-overlay-rec{\n    display:flex; align-items:center; justify-content:center; gap:10px;\n    font-family:'IBM Plex Mono', monospace;\n    font-size:15px; letter-spacing:0.2em; text-transform:uppercase;\n    color:var(--paper); opacity:0.85;\n  }\n  .tc-overlay-rec .small-dot{\n    width:8px; height:8px; border-radius:50%; background:var(--rec);\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"lang-toggle mono\">\n  <button id=\"btn-de\" class=\"active\" onclick=\"setLang('de')\">DE<\/button>\n  <button id=\"btn-en\" onclick=\"setLang('en')\">EN<\/button>\n<\/div>\n\n<div class=\"tc-overlay\" id=\"clapperOverlay\">\n  <div class=\"tc-overlay-box\">\n    <div class=\"big-dot\" id=\"bigDot\"><\/div>\n    <div class=\"tc-overlay-rec\"><span class=\"small-dot\"><\/span> Rec<\/div>\n  <\/div>\n<\/div>\n\n<div class=\"rec-hud mono\">\n  <span class=\"dot\" id=\"recDot\" style=\"cursor:pointer;\"><\/span>\n  <span>REC<\/span>\n  <span id=\"tc\">00:00:00:00<\/span>\n<\/div>\n\n<div class=\"wrap\">\n\n  <header>\n    <div class=\"viewfinder\">\n      <div class=\"eyebrow\"><span class=\"dot-small\"><\/span>Rec &nbsp;\u00b7&nbsp; Frankfurt, Germany<\/div>\n      <h1>Daniel<br>Wacker<\/h1>\n      <div class=\"role\">Creative Strategist \/ Director<\/div>\n      <p class=\"lede\" id=\"txt-lede\">Ich mache aus Ideen Dinge, die man tats\u00e4chlich sehen will. Meistens Videos, manchmal Strategien, gelegentlich beides gleichzeitig.<\/p>\n      <div class=\"vf-bl\"><\/div><div class=\"vf-br\"><\/div>\n      <div class=\"vf-tag-left\">35MM<\/div>\n      <div class=\"vf-tag\">f\/2.8<\/div>\n    <\/div>\n\n    <div class=\"scrubber\">\n      <span class=\"tc\">00:00<\/span>\n      <div class=\"track\">\n        <div class=\"marker active\" data-label=\"\u00dcber mich\"><\/div>\n        <div class=\"marker\" data-label=\"Skillset\"><\/div>\n        <div class=\"marker\" data-label=\"Haltung\"><\/div>\n        <div class=\"marker\" data-label=\"Kontakt\"><\/div>\n      <\/div>\n      <span class=\"tc\">05:00<\/span>\n    <\/div>\n  <\/header>\n\n  <div style=\"margin-top:60px;\">\n    <div class=\"slideshow-frame\" style=\"margin-top:0;\">\n      <div class=\"slide active\" style=\"background-image:url('http:\/\/danielwacker.de\/wp-content\/uploads\/2026\/07\/DSC01853.webp')\"><\/div>\n      <div class=\"slide\" style=\"background-image:url('http:\/\/danielwacker.de\/wp-content\/uploads\/2026\/07\/DSC01550-scaled.webp')\"><\/div>\n      <div class=\"slide\" style=\"background-image:url('http:\/\/danielwacker.de\/wp-content\/uploads\/2026\/06\/OMF04488-scaled.webp')\"><\/div>\n      <div class=\"slide\" style=\"background-image:url('http:\/\/danielwacker.de\/wp-content\/uploads\/2026\/07\/DSC01511-scaled.webp')\"><\/div>\n      <div class=\"slideshow-corner-tl\"><\/div><div class=\"slideshow-corner-br\"><\/div>\n      <div class=\"slideshow-tag\">ON SET<\/div>\n      <div class=\"slideshow-count\" id=\"slideCount\">FRAME 01\/04<\/div>\n      <div class=\"slideshow-dots\">\n        <div class=\"sdot active\"><\/div>\n        <div class=\"sdot\"><\/div>\n        <div class=\"sdot\"><\/div>\n        <div class=\"sdot\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <section class=\"divider\">\n    <div class=\"section-head\">\n      <div class=\"label\"><span class=\"frame\">[ 00:00:14:02 ]<\/span><\/div>\n      <h2 class=\"section-title\" id=\"txt-title-about\">\u00dcber mich<\/h2>\n    <\/div>\n    <div class=\"about-text\">\n      <p id=\"txt-about-p1\">Ich habe sieben Jahre lang mit meiner eigenen Firma <strong><a href=\"https:\/\/oneminutefilm.de\" class=\"inline-link\">One&nbsp;Minute&nbsp;Film<\/a><\/strong> Videos f\u00fcr Unternehmen produziert und dabei alles gemacht, was so ein Laden hergibt: Konzept, Kamera, Regie, Schnitt, Kundenkaffee. Irgendwann habe ich gemerkt, dass ich der Kreativit\u00e4t mehr Raum geben will und der Buchhaltung weniger. Heute arbeite ich angestellt als Creative Strategist und nehme \u00fcber One Minute Film weiterhin ausgew\u00e4hlte Projekte an.<\/p>\n      <h3 class=\"about-subhead\" id=\"txt-subhead-antreibt\">Was mich antreibt<\/h3>\n      <p id=\"txt-about-p2\">Die Frage, warum du gerade diesen Text liest. Mich interessiert, was Medien mit uns machen und wann ein Video, ein Bild oder ein Text es wert ist, deine Zeit zu beanspruchen.<\/p>\n      <h3 class=\"about-subhead\" id=\"txt-subhead-offline\">Offline<\/h3>\n      <p id=\"txt-about-p3\">Wenn ich nicht arbeite, findest du mich in einem guten Caf\u00e9, mit einer Fotokamera auf dem Tisch. Oder am Schreibtisch in einer anderen Welt.<\/p>\n      <h3 class=\"about-subhead\" id=\"txt-subhead-croll\">C-Roll (C = Coffee)<\/h3>\n      <p class=\"cafe-list mono\">\n        <a href=\"https:\/\/www.instagram.com\/maldanercoffee\" target=\"_blank\" rel=\"noopener\" class=\"inline-link\">Maldaner Coffee<\/a> \u00b7 <a href=\"https:\/\/www.instagram.com\/einszwei.shop\" target=\"_blank\" rel=\"noopener\" class=\"inline-link\">eins zwei<\/a> \u00b7 <a href=\"https:\/\/www.instagram.com\/hoppenworthundploch\" target=\"_blank\" rel=\"noopener\" class=\"inline-link\">Hoppenworth &#038; Ploch<\/a>\n      <\/p>\n    <\/div>\n  <\/section>\n\n\n  <section class=\"divider\">\n    <div class=\"section-head\">\n      <div class=\"label\"><span class=\"frame\">[ 00:01:32:11 ]<\/span><\/div>\n      <h2 class=\"section-title\" id=\"txt-title-skillset\">Skillset<\/h2>\n    <\/div>\n    <div class=\"spec\">\n      <div class=\"spec-row\">\n        <div><div class=\"tc-label\">STRATEGY<\/div><span class=\"tc-num\">CH.01<\/span><\/div>\n        <div>\n          <h3>Creative Strategy<\/h3>\n          <p id=\"txt-strategy-desc\">Ich finde raus, was eine Marke sagen will, wem sie es sagen sollte und warum es die Zielgruppe interessieren k\u00f6nnte. Erst dann wird produziert.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"spec-row\">\n        <div><div class=\"tc-label\">DIRECTING<\/div><span class=\"tc-num\">CH.02<\/span><\/div>\n        <div>\n          <h3>Directing<\/h3>\n          <p id=\"txt-directing-desc\">Am Set bin ich der ruhige Typ mit dem Plan. Klare Ansagen, klare Bilder, und wenn es brennt, brennt es leise.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"spec-row\">\n        <div><div class=\"tc-label\">PRODUCTION<\/div><span class=\"tc-num\">CH.03<\/span><\/div>\n        <div>\n          <h3>Video Production<\/h3>\n          <p id=\"txt-production-desc\">Von Run-and-Gun mit einer Kamera bis zum Studio-Setup mit Team. Ich kenne die ganze Kette, weil ich jede Position selbst schon gemacht habe.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"spec-row\">\n        <div><div class=\"tc-label\">LEADERSHIP<\/div><span class=\"tc-num\">CH.04<\/span><\/div>\n        <div>\n          <h3>Team Lead<\/h3>\n          <p id=\"txt-leadership-desc\">Ich f\u00fchre so, wie ich selbst gern gef\u00fchrt worden w\u00e4re: mit Vertrauen, klaren Erwartungen und ohne Mikromanagement.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"divider\">\n    <div class=\"section-head\">\n      <div class=\"label\"><span class=\"frame\">[ 00:02:47:19 ]<\/span><\/div>\n      <h2 class=\"section-title\" id=\"txt-title-haltung\">Haltung<\/h2>\n    <\/div>\n    <ul class=\"beliefs\">\n      <li><span class=\"idx mono\">00:01<\/span> <span id=\"txt-belief1\">Einfachheit ist schwerer als Komplexit\u00e4t.<\/span><\/li>\n      <li><span class=\"idx mono\">00:02<\/span> <span id=\"txt-belief2\">Technologie ist am st\u00e4rksten, wenn sie unsichtbar wirkt.<\/span><\/li>\n      <li><span class=\"idx mono\">00:03<\/span> <span id=\"txt-belief3\">Gute Ideen brauchen Umsetzung.<\/span><\/li>\n      <li><span class=\"idx mono\">00:04<\/span> <span id=\"txt-belief4\">Neugier ist eine untersch\u00e4tzte F\u00e4higkeit.<\/span><\/li>\n      <li><span class=\"idx mono\">00:05<\/span> <span id=\"txt-belief5\">Die Zukunft gestalten die, die bereit sind, Annahmen zu hinterfragen.<\/span><\/li>\n      <li><span class=\"idx mono\">00:06<\/span> <span id=\"txt-belief6\">Teamwork macht aus einer Idee ein Ergebnis.<\/span><\/li>\n    <\/ul>\n  <\/section>\n\n  <footer>\n    <div class=\"footer-row\">\n      <div>\n        <span class=\"stop-label\">END OF RECORDING<\/span>\n        <h2 id=\"txt-footer-cta\">Fragen? Schreib mir \ud83d\ude42<\/h2>\n      <\/div>\n      <div class=\"contact-photo\">\n        <img decoding=\"async\" src=\"http:\/\/danielwacker.de\/wp-content\/uploads\/2026\/07\/IMG_0297.jpg\" alt=\"\">\n      <\/div>\n    <\/div>\n    <a class=\"contact-link mono\" href=\"mailto:hallo@danielwacker.de\">hallo@danielwacker.de<\/a>\n  <\/footer>\n\n<\/div>\n\n<script>\n  const tcEl = document.getElementById('tc');\n  const start = Date.now();\n  let cutActive = false;\n  function pad(n){ return String(n).padStart(2,'0'); }\n  function tick(){\n    if(!cutActive){\n      const elapsed = Date.now() - start;\n      const totalFrames = Math.floor(elapsed \/ 40);\n      const ff = totalFrames % 25;\n      const totalSec = Math.floor(totalFrames \/ 25);\n      const ss = totalSec % 60;\n      const mm = Math.floor(totalSec \/ 60) % 60;\n      const hh = Math.floor(totalSec \/ 3600);\n      tcEl.textContent = `${pad(hh)}:${pad(mm)}:${pad(ss)}:${pad(ff)}`;\n    }\n    requestAnimationFrame(tick);\n  }\n  tick();\n\n  const slides = document.querySelectorAll('.slide');\n  const sdots = document.querySelectorAll('.sdot');\n  const slideCount = document.getElementById('slideCount');\n  let currentSlide = 0;\n  if(slides.length){\n    setInterval(() => {\n      slides[currentSlide].classList.remove('active');\n      sdots[currentSlide].classList.remove('active');\n      currentSlide = (currentSlide + 1) % slides.length;\n      slides[currentSlide].classList.add('active');\n      sdots[currentSlide].classList.add('active');\n      slideCount.textContent = `FRAME 0${currentSlide + 1}\/0${slides.length}`;\n    }, 3500);\n  }\n\n  \/\/ Sprachumschalter: strikt getrennt, keine Mischung\n  const translations = {\n    de: {\n      'txt-lede': 'Ich mache aus Ideen Dinge, die man tats\u00e4chlich sehen will. Meistens Videos, manchmal Strategien, gelegentlich beides gleichzeitig.',\n      'txt-title-about': '\u00dcber mich',\n      'txt-about-p1': 'Ich habe sieben Jahre lang mit meiner eigenen Firma <strong><a href=\"https:\/\/oneminutefilm.de\" class=\"inline-link\">One&nbsp;Minute&nbsp;Film<\/a><\/strong> Videos f\u00fcr Unternehmen produziert und dabei alles gemacht, was so ein Laden hergibt: Konzept, Kamera, Regie, Schnitt, Kundenkaffee. Irgendwann habe ich gemerkt, dass ich der Kreativit\u00e4t mehr Raum geben will und der Buchhaltung weniger. Heute arbeite ich angestellt als Creative Strategist und nehme \u00fcber One Minute Film weiterhin ausgew\u00e4hlte Projekte an.',\n      'txt-subhead-antreibt': 'Was mich antreibt',\n      'txt-about-p2': 'Die Frage, warum du gerade diesen Text liest. Mich interessiert, was Medien mit uns machen und wann ein Video, ein Bild oder ein Text es wert ist, deine Zeit zu beanspruchen.',\n      'txt-subhead-offline': 'Offline',\n      'txt-about-p3': 'Wenn ich nicht arbeite, findest du mich in einem guten Caf\u00e9, mit einer Fotokamera auf dem Tisch. Oder am Schreibtisch in einer anderen Welt.',\n      'txt-subhead-croll': 'C-Roll (C = Coffee)',\n      'txt-title-haltung': 'Haltung',\n      'txt-belief1': 'Einfachheit ist schwerer als Komplexit\u00e4t.',\n      'txt-belief2': 'Technologie ist am st\u00e4rksten, wenn sie unsichtbar wirkt.',\n      'txt-belief3': 'Gute Ideen brauchen Umsetzung.',\n      'txt-belief4': 'Neugier ist eine untersch\u00e4tzte F\u00e4higkeit.',\n      'txt-belief5': 'Die Zukunft gestalten die, die bereit sind, Annahmen zu hinterfragen.',\n      'txt-belief6': 'Teamwork macht aus einer Idee ein Ergebnis.',\n      'txt-title-skillset': 'Skillset',\n      'txt-strategy-desc': 'Ich finde raus, was eine Marke sagen will, wem sie es sagen sollte und warum es die Zielgruppe interessieren k\u00f6nnte. Erst dann wird produziert.',\n      'txt-directing-desc': 'Am Set bin ich der ruhige Typ mit dem Plan. Klare Ansagen, klare Bilder, und wenn es brennt, brennt es leise.',\n      'txt-production-desc': 'Von Run-and-Gun mit einer Kamera bis zum Studio-Setup mit Team. Ich kenne die ganze Kette, weil ich jede Position selbst schon gemacht habe.',\n      'txt-leadership-desc': 'Ich f\u00fchre so, wie ich selbst gern gef\u00fchrt worden w\u00e4re: mit Vertrauen, klaren Erwartungen und ohne Mikromanagement.',\n      'txt-footer-cta': 'Fragen? Schreib mir :)'\n    },\n    en: {\n      'txt-lede': 'I turn ideas into things people actually want to watch. Mostly video, sometimes strategy, occasionally both.',\n      'txt-title-about': 'About Me',\n      'txt-about-p1': 'For seven years I ran my own company, <strong><a href=\"https:\/\/oneminutefilm.de\" class=\"inline-link\">One&nbsp;Minute&nbsp;Film<\/a><\/strong>, producing videos for businesses and doing everything that comes with it: concept, camera, directing, editing, client coffee. At some point I realized I wanted more room for creativity and less for bookkeeping. Today I work as a Creative Strategist and still take on select projects through One Minute Film.',\n      'txt-subhead-antreibt': 'What Drives Me',\n      'txt-about-p2': \"The question of why you're reading this text right now. I'm interested in what media does to us, and when a video, an image, or a piece of text is actually worth your time.\",\n      'txt-subhead-offline': 'Offline',\n      'txt-about-p3': \"When I'm not working, you'll find me in a good caf\u00e9 with a camera on the table. Or at my desk, somewhere in another world.\",\n      'txt-subhead-croll': 'C-Roll (C = Coffee)',\n      'txt-title-haltung': 'Principles',\n      'txt-belief1': 'Simplicity is harder than complexity.',\n      'txt-belief2': 'Technology is most powerful when it feels invisible.',\n      'txt-belief3': 'Good ideas need execution.',\n      'txt-belief4': 'Curiosity is an underrated skill.',\n      'txt-belief5': 'The future is built by people willing to question assumptions.',\n      'txt-belief6': 'Teamwork makes the dream work.',\n      'txt-title-skillset': 'Skillset',\n      'txt-strategy-desc': \"I figure out what a brand wants to say, who it should say it to, and why anyone would care. Production starts only after that.\",\n      'txt-directing-desc': \"On set I'm the calm one with the plan. Clear direction, clear shots, and if something's on fire, it burns quietly.\",\n      'txt-production-desc': \"From run-and-gun with a single camera to full studio setups with a crew. I know the whole chain because I've worked every position myself.\",\n      'txt-leadership-desc': \"I lead the way I'd want to be led: with trust, clear expectations, and no micromanaging.\",\n      'txt-footer-cta': 'Questions? Just drop me a line :)'\n    }\n  };\n\n  function setLang(lang){\n    Object.keys(translations[lang]).forEach(id => {\n      const el = document.getElementById(id);\n      if(el) el.innerHTML = translations[lang][id];\n    });\n    document.documentElement.lang = lang;\n    document.getElementById('btn-de').classList.toggle('active', lang === 'de');\n    document.getElementById('btn-en').classList.toggle('active', lang === 'en');\n  }\n\n  const sections = document.querySelectorAll('section');\n  const markers = document.querySelectorAll('.marker');\n  window.addEventListener('scroll', () => {\n    let current = 0;\n    sections.forEach((sec, i) => {\n      const rect = sec.getBoundingClientRect();\n      if(rect.top <= 140) current = i;\n    });\n    markers.forEach((m,i) => m.classList.toggle('active', i === current));\n  });\n\n  \/\/ Easter Egg 1: Konsolen-Nachricht\n  console.log(\n    '%c[ REC \u25cf ]%c\\n\\n' +\n    '  ___ _____ ___ \\n' +\n    ' | _ \\\\ __\\\\ __|\\n' +\n    ' |   \/ _|| (__ \\n' +\n    ' |_|_\\\\___|\\\\___|\\n\\n' +\n    'Du bist der Typ, der auch mal unter die Haube schaut.\\n' +\n    'Lass uns reden: hallo@danielwacker.de',\n    'color:#C8391E; font-family:monospace; font-size:14px; font-weight:bold;',\n    'color:#15161A; font-family:monospace; font-size:12px;'\n  );\n\n  \/\/ Easter Egg 2: Tastatur-Trigger \"REC\" l\u00f6st REC-Pulse-Takeover aus\n  let keyBuffer = '';\n  window.addEventListener('keydown', (e) => {\n    if(e.key.length === 1){\n      keyBuffer = (keyBuffer + e.key).slice(-3).toUpperCase();\n      if(keyBuffer === 'REC'){\n        const overlay = document.getElementById('clapperOverlay');\n        const dot = document.getElementById('bigDot');\n        keyBuffer = '';\n\n        overlay.classList.add('show');\n        dot.classList.remove('pulse');\n        void dot.offsetWidth; \/\/ Reflow erzwingen, damit die Animation bei erneutem Trigger neu startet\n        dot.classList.add('pulse');\n\n        setTimeout(() => overlay.classList.remove('show'), 1600);\n      }\n    }\n  });\n\n  \/\/ Easter Egg 3: F\u00fcnf Klicks auf den Rec-Punkt zeigen kurz \"CUT!\"\n  const recDot = document.getElementById('recDot');\n  let dotClicks = 0;\n  if(recDot){\n    recDot.addEventListener('click', () => {\n      dotClicks++;\n      if(dotClicks >= 5 && !cutActive){\n        cutActive = true;\n        dotClicks = 0;\n        tcEl.textContent = 'CUT!';\n        tcEl.style.color = 'var(--rec)';\n        setTimeout(() => {\n          tcEl.style.color = '';\n          cutActive = false;\n        }, 1500);\n      }\n    });\n  }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Daniel Wacker DE EN Rec REC 00:00:00:00 Rec &nbsp;\u00b7&nbsp; Frankfurt, Germany DanielWacker Creative Strategist \/ Director Ich mache aus Ideen Dinge, die man tats\u00e4chlich sehen will. Meistens Videos, manchmal Strategien, gelegentlich beides gleichzeitig. 35MM f\/2.8 00:00 05:00 ON SET FRAME 01\/04 [ 00:00:14:02 ] \u00dcber mich Ich habe sieben Jahre lang mit meiner eigenen Firma&hellip;&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"full-width","neve_meta_enable_content_width":"off","neve_meta_content_width":70,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"on","neve_meta_disable_footer":"on","neve_meta_disable_title":"on","footnotes":""},"class_list":["post-138","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/danielwacker.de\/index.php?rest_route=\/wp\/v2\/pages\/138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/danielwacker.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/danielwacker.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/danielwacker.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/danielwacker.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=138"}],"version-history":[{"count":13,"href":"https:\/\/danielwacker.de\/index.php?rest_route=\/wp\/v2\/pages\/138\/revisions"}],"predecessor-version":[{"id":171,"href":"https:\/\/danielwacker.de\/index.php?rest_route=\/wp\/v2\/pages\/138\/revisions\/171"}],"wp:attachment":[{"href":"https:\/\/danielwacker.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}