{"id":81,"date":"2025-04-06T18:29:30","date_gmt":"2025-04-06T16:29:30","guid":{"rendered":"https:\/\/schabelwebfolio.de\/index.php\/ecliptica\/"},"modified":"2025-12-11T17:35:11","modified_gmt":"2025-12-11T16:35:11","slug":"ecliptica","status":"publish","type":"page","link":"https:\/\/schabelwebfolio.de\/","title":{"rendered":"Front Page"},"content":{"rendered":"\n<section style=\"padding: 70px 20px; max-width: 1000px; margin: 0 auto;\">\n  <div style=\"display:flex; flex-wrap:wrap; align-items:center; gap:60px;\">\n    \n    <div style=\"flex:1; min-width:300px;\">\n      <p style=\"text-transform:uppercase; letter-spacing:3px; color:#777;\">Junior Marketing Manager<\/p>\n      <h1 style=\"font-size:42px; font-weight:600; margin:20px 0;\">\n        Performance Marketing, Social Media und KI-gest\u00fctzte Content-Produktion.\n      <\/h1>\n      <p style=\"color:#555; font-size:18px; max-width:480px;\">\n        Ich kombiniere visuelles Gesp\u00fcr, klare Markenkommunikation und effiziente KI-Workflows, \n        um Kampagnen und Inhalte modern, pr\u00e4zise und wirkungsvoll umzusetzen.\n      <\/p>\n\n      <!-- NEUE BUTTONS (wie oben) -->\n      <div style=\"margin-top:30px; display:flex; gap:15px; flex-wrap:wrap;\">\n\n        <!-- Button 1: Portfolio -->\n        <a href=\"#portfolio\"\n           style=\"\n             padding:14px 28px;\n             border-radius:40px;\n             text-decoration:none;\n             font-size:16px;\n             border:1px solid rgba(0,0,0,0.15);\n             color:#000;\n             background:rgba(255,255,255,0.6);\n             backdrop-filter:blur(6px);\n             transition:all 0.25s ease;\n           \"\n           onmouseover=\"this.style.background='rgba(0,0,0,0.85)'; this.style.color='#fff';\"\n           onmouseout=\"this.style.background='rgba(255,255,255,0.6)'; this.style.color='#000';\"\n        >\n          Portfolio ansehen\n        <\/a>\n\n        <!-- Button 2: CV -->\n        <a href=\"http:\/\/schabelwebfolio.de\/wp-content\/uploads\/2025\/12\/CV-t-schabel-2025-1.pdf\"\n           style=\"\n             padding:14px 28px;\n             border-radius:40px;\n             text-decoration:none;\n             font-size:16px;\n             border:1px solid rgba(0,0,0,0.15);\n             color:#000;\n             background:rgba(255,255,255,0.6);\n             backdrop-filter:blur(6px);\n             transition:all 0.25s ease;\n           \"\n           onmouseover=\"this.style.background='rgba(0,0,0,0.85)'; this.style.color='#fff';\"\n           onmouseout=\"this.style.background='rgba(255,255,255,0.6)'; this.style.color='#000';\"\n        >\n          CV herunterladen\n        <\/a>\n\n      <\/div>\n    <\/div>\n\n    <div style=\"flex:1; max-width:320px;\">\n      <img decoding=\"async\" \n        src=\"http:\/\/schabelwebfolio.de\/wp-content\/uploads\/2023\/11\/cropped-20231106_192650-scaled-1.jpg\"\n        alt=\"Portrait von Tobias Schabel\"\n        style=\"\n          width:100%; \n          border-radius:20px; \n          display:block;\n          object-fit:cover;\n          aspect-ratio:3\/4;\n          border:1px solid #e5e5ea;\n        \"\n      >\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<section id=\"about\"; style=\"padding:40px 20px; max-width:1100px; margin:0 auto;\">\n  <p style=\"text-transform:uppercase; letter-spacing:3px; color:#777;\">Profil<\/p>\n  <h2 style=\"font-size:32px; font-weight:600; margin-bottom:20px;\">Was ich mache<\/h2>\n\n  <p style=\"color:#555; max-width:600px; font-size:18px;\">\n    Ich unterst\u00fctze Marken, Agenturen und Teams in den Bereichen Social Media, Performance Marketing und Content Management. Mein Ansatz: visuell stark, datenbewusst, KI-effizient und zuverl\u00e4ssig in der Umsetzung.\n  <\/p>\n<\/section>\n\n\n\n<section id=\"skills\" style=\"padding:80px 20px; max-width:1100px; margin:0 auto;\">\n\n  <h2 style=\"font-size:32px; font-weight:600; margin-bottom:50px;\">\n    Womit ich arbeite\n  <\/h2>\n\n  <style>\n    .skills-columns {\n      display:grid;\n      grid-template-columns:repeat(auto-fit, minmax(300px,1fr));\n      gap:40px;\n    }\n\n    .skill-title {\n      font-size:20px;\n      color:#222;\n      font-weight:600;\n      margin-bottom:16px;\n    }\n\n    .pill-grid {\n      display:flex;\n      flex-wrap:wrap;\n      gap:12px;\n    }\n\n    \/* ---- PILL DESIGN (wei\u00df + farbiger Rand + minimaler Glow) ---- *\/\n    .pill {\n      padding:10px 20px;\n      border-radius:40px;\n      background:#ffffff;\n      border:2px solid rgba(0,0,0,0.15); \/* JS \u00fcberschreibt Farbe *\/\n      color:#333;\n      font-size:15px;\n      cursor:pointer;\n      transition:all 0.25s ease;\n      white-space:nowrap;\n      box-shadow:0 0 4px rgba(0,0,0,0.08); \/* minimaler Glow *\/\n    }\n\n    .pill:hover {\n      transform:translateY(-2px);\n      box-shadow:0 0 6px rgba(0,0,0,0.12);\n    }\n\n    .pill-content {\n      display:none;\n      margin-top:12px;\n      padding:18px;\n      background:#fff;\n      border-radius:12px;\n      border:1px solid #e5e5ea;\n      color:#444;\n      font-size:15px;\n      line-height:1.6;\n      animation:fadeIn 0.25s ease;\n    }\n\n    @keyframes fadeIn {\n      from {opacity:0; transform:translateY(4px);}\n      to {opacity:1; transform:translateY(0);}\n    }\n  <\/style>\n\n  <script>\n  document.addEventListener(\"DOMContentLoaded\", () => {\n\n    \/* Edle, kr\u00e4ftige Apple-Farbpalette *\/\n    const colors = [\n      \"rgba(0,122,255,0.45)\",    \/\/ blau\n      \"rgba(52,199,89,0.45)\",    \/\/ gr\u00fcn\n      \"rgba(255,149,0,0.45)\",    \/\/ orange\n      \"rgba(255,59,48,0.45)\",    \/\/ rot\n      \"rgba(88,86,214,0.45)\",    \/\/ violett\n      \"rgba(175,82,222,0.45)\"    \/\/ lila\n    ];\n\n    const pills = document.querySelectorAll(\".pill\");\n\n    pills.forEach(pill => {\n      const color = colors[Math.floor(Math.random() * colors.length)];\n\n      pill.style.borderColor = color;\n      pill.style.boxShadow = `0 0 4px ${color.replace(\"0.45\",\"0.18\")}`;\n\n      pill.addEventListener(\"click\", () => {\n        const content = pill.nextElementSibling;\n\n        \/\/ alle anderen schlie\u00dfen\n        document.querySelectorAll(\".pill-content\").forEach(c => {\n          if (c !== content) c.style.display = \"none\";\n        });\n\n        \/\/ toggeln\n        content.style.display =\n          content.style.display === \"block\" ? \"none\" : \"block\";\n      });\n    });\n  });\n  <\/script>\n\n\n  <div class=\"skills-columns\">\n\n    <div>\n      <div class=\"skill-title\">Marketing &#038; Performance<\/div>\n      <div class=\"pill-grid\">\n\n        <div class=\"pill\">Social Media Planung<\/div>\n        <div class=\"pill-content\">Planung, Strukturierung und Umsetzung von Social-Media-Strategien (Instagram, LinkedIn).<\/div>\n\n        <div class=\"pill\">Instagram<\/div>\n        <div class=\"pill-content\">Feed-Design, Reels, Story-Templates und Community Management.<\/div>\n\n        <div class=\"pill\">LinkedIn<\/div>\n        <div class=\"pill-content\">Corporate-Slideshows, Thought-Leadership-Posts und Content-Systeme.<\/div>\n\n        <div class=\"pill\">Paid-Social-Assets<\/div>\n        <div class=\"pill-content\">Stills &#038; Video-Ads f\u00fcr Meta-Kampagnen, Hook-Optimierung &#038; Creative-Angles.<\/div>\n\n        <div class=\"pill\">Video Ads<\/div>\n        <div class=\"pill-content\">Reels, Kurzvideos, mobile-first Editing &#038; Performance-Aufbereitung.<\/div>\n\n        <div class=\"pill\">KPI-Verst\u00e4ndnis<\/div>\n        <div class=\"pill-content\">CTR, CPC, CVR, Engagement-Flows &#038; datenbasierte Optimierung.<\/div>\n\n        <div class=\"pill\">Newsletter (60.000+)<\/div>\n        <div class=\"pill-content\">Planung, Erstellung und Versand \u00fcber Mailjet \u2014 e-fellows.net.<\/div>\n\n        <div class=\"pill\">A\/B Testing<\/div>\n        <div class=\"pill-content\">\n          Vergleich von Betreffzeilen, Visuals und Textvarianten in Newslettern und Social Ads; datenbasierte Ableitungen f\u00fcr Performance.\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n\n    <div>\n      <div class=\"skill-title\">Visual Creation<\/div>\n      <div class=\"pill-grid\">\n\n        <div class=\"pill\">Canva<\/div>\n        <div class=\"pill-content\">Karussells, Reels, Templates und Designsysteme.<\/div>\n\n        <div class=\"pill\">Reels<\/div>\n        <div class=\"pill-content\">Videocut, Sounddesign, Hook-Optimierung &#038; Greenscreen.<\/div>\n\n        <div class=\"pill\">Karussells<\/div>\n        <div class=\"pill-content\">Slide-Design, Layoutsysteme &#038; Wiedererkennbarkeit.<\/div>\n\n        <div class=\"pill\">Stories<\/div>\n        <div class=\"pill-content\">Story-Gestaltung, Untertitel, schnelle Formatadaption.<\/div>\n\n        <div class=\"pill\">CapCut<\/div>\n        <div class=\"pill-content\">Editing, Text-Overlays &#038; mobile-first Video-Komposition.<\/div>\n\n        <div class=\"pill\">Feed-Harmonisierung<\/div>\n        <div class=\"pill-content\">Farbwelten, Bildwelten, visuelle Konsistenz im Feed.<\/div>\n\n        <div class=\"pill\">Vorlagen &#038; Layouts<\/div>\n        <div class=\"pill-content\">Brand-Templates f\u00fcr Teams, skalierbare Designsysteme.<\/div>\n\n      <\/div>\n    <\/div>\n\n    <div>\n      <div class=\"skill-title\">Content, Redaktion &#038; Web<\/div>\n      <div class=\"pill-grid\">\n\n        <div class=\"pill\">Craft CMS<\/div>\n        <div class=\"pill-content\">Artikelpflege &#038; Landingpage-Management \u2014 e-fellows.net.<\/div>\n\n        <div class=\"pill\">Artikelpflege<\/div>\n        <div class=\"pill-content\">Textaufbereitung, redaktionelle Optimierung &#038; Struktur.<\/div>\n\n        <div class=\"pill\">Landingpages<\/div>\n        <div class=\"pill-content\">Funnel-Logiken, Seitenstruktur &#038; Conversion-Flows.<\/div>\n\n        <div class=\"pill\">WordPress<\/div>\n        <div class=\"pill-content\">Theme-Anpassungen &#038; Content Management.<\/div>\n\n        <div class=\"pill\">Copy-Editing<\/div>\n        <div class=\"pill-content\">Klarheit, Tonalit\u00e4t &#038; Kompaktheit f\u00fcr Social &#038; Web.<\/div>\n\n        <div class=\"pill\">Texterstellung<\/div>\n        <div class=\"pill-content\">Social Captions, redaktionelle Texte &#038; Kampagnenbotschaften.<\/div>\n\n        <div class=\"pill\">SEO (Artikeloptimierung)<\/div>\n        <div class=\"pill-content\">\n          Keyword-Optimierung, interne Verlinkung, Meta-Texte &#038; strukturierte Lesbarkeit  \n          \u2014 aus der redaktionellen Arbeit bei e-fellows.net.\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"skills-columns\" style=\"margin-top:40px;\">\n\n    <div>\n      <div class=\"skill-title\">KI-gest\u00fctzte Workflows<\/div>\n      <div class=\"pill-grid\">\n\n        <div class=\"pill\">KI-Content-Workflows<\/div>\n        <div class=\"pill-content\">Strukturierte KI-Pipelines, effiziente Prompt-Systeme &#038; Automation.<\/div>\n\n        <div class=\"pill\">ElevenLabs<\/div>\n        <div class=\"pill-content\">Voiceovers &#038; KI-Audio \u2014 e-fellows.net.<\/div>\n\n        <div class=\"pill\">Analyse-Support<\/div>\n        <div class=\"pill-content\">Dateninterpretation \u00fcber KI-Systeme ohne eigenes Coding.<\/div>\n\n        <div class=\"pill\">Python-Prompting<\/div>\n        <div class=\"pill-content\">KI-generierter Python-Code f\u00fcr Kampagnenanalyse (Masterarbeit).<\/div>\n\n        <div class=\"pill\">GEO (AI-Optimierung)<\/div>\n        <div class=\"pill-content\">\n          Generative Engine Optimization: Strategien zur Strukturierung von Inhalten, um in KI-generierten Antworten (z. B. SearchGPT, Perplexity) pr\u00e4zise und sichtbar ausgespielt zu werden.\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<section id=\"portfolio\" style=\"padding:80px 20px; max-width:1100px; margin:0 auto;\">\n  <p style=\"text-transform:uppercase; letter-spacing:3px; color:#777;\">Portfolio<\/p>\n  <h2 style=\"font-size:32px; font-weight:600; margin-bottom:40px;\">Ausgew\u00e4hlte Arbeiten<\/h2>\n\n  <style>\n    .portfolio-grid {\n      display:grid;\n      grid-template-columns:repeat(auto-fit,minmax(300px,1fr));\n      gap:32px;\n    }\n\n    \/* Karten *\/\n    .card {\n      position:relative;\n      padding:28px;\n      border:1px solid rgba(0,0,0,0.08);\n      border-radius:20px;\n      background:white;\n      transition:all 0.3s ease;\n      overflow:hidden;\n    }\n\n    \/* Farbige R\u00e4nder *\/\n    .card:nth-child(1) { border-color:#C8E5FF; }\n    .card:nth-child(2) { border-color:#FBE4FF; }\n    .card:nth-child(3) { border-color:#FFF4D6; }\n    .card:nth-child(4) { border-color:#C8E5FF; }\n    .card:nth-child(5) { border-color:#FBE4FF; }\n    .card:nth-child(6) { border-color:#FFF4D6; }\n    .card:nth-child(7) { border-color:#C8E5FF; }\n    .card:nth-child(8) { border-color:#FBE4FF; }\n\n    .card:hover {\n      transform:translateY(-4px);\n      box-shadow:0 10px 30px rgba(0,0,0,0.08);\n    }\n\n    \/* Titel *\/\n    .card h3 {\n      margin:8px 0 10px 0;\n      font-weight:500;\n    }\n\n    \/* Hover-Panel *\/\n    .card-info {\n      position:absolute;\n      left:0;\n      right:0;\n      bottom:-170px;\n      padding:22px 26px;\n      background:rgba(255,255,255,0.85);\n      backdrop-filter:blur(12px);\n      border-top:1px solid rgba(0,0,0,0.1);\n      font-size:15px;\n      line-height:1.55;\n      transition:all 0.35s ease;\n    }\n\n    .card:hover .card-info {\n      bottom:0;\n    }\n  <\/style>\n\n  <div class=\"portfolio-grid\">\n\n    <!-- 1 -->\n    <div class=\"card\">\n      <p style=\"text-transform:uppercase; font-size:13px; color:#777;\">Social Media Design<\/p>\n      <h3 style=\"font-size:20px;\">Instagram Feed Redesign<\/h3>\n      <p style=\"color:#555;\">Visuelle Modernisierung f\u00fcr e-fellows.net<\/p>\n\n      <div class=\"card-info\">\n        Entwicklung eines harmonischen Feeds, inklusive Layout-System, Farben und Post-Struktur.  \n        Entstanden w\u00e4hrend meiner T\u00e4tigkeit bei e-fellows.net.  \n        Tools: Canva, CraftCMS.\n      <\/div>\n    <\/div>\n\n    <!-- 2 -->\n    <div class=\"card\">\n      <p style=\"text-transform:uppercase; font-size:13px; color:#777;\">Short-Form Video<\/p>\n      <h3 style=\"font-size:20px;\">Reel-Produktion<\/h3>\n      <p style=\"color:#555;\">Video-Editing f\u00fcr Social Media<\/p>\n\n      <div class=\"card-info\">\n        Produktion von Reels, inklusive Schnitt, Untertiteln und Voiceovers mit KI.  \n        Realisiert f\u00fcr e-fellows.net und die Gr\u00fcne Fraktion Augsburg.  \n        Tools: CapCut, Canva, ElevenLabs.\n      <\/div>\n    <\/div>\n\n    <!-- 3 -->\n    <div class=\"card\">\n      <p style=\"text-transform:uppercase; font-size:13px; color:#777;\">Performance Assets<\/p>\n      <h3 style=\"font-size:20px;\">Paid-Social-Ads<\/h3>\n      <p style=\"color:#555;\">Stills und Short Ads f\u00fcr Kampagnen<\/p>\n\n      <div class=\"card-info\">\n        Gestaltung und Umsetzung conversion-orientierter Social Ads.  \n        Erstellt im Rahmen meiner Arbeit bei e-fellows.net.  \n        Tools: Canva, CapCut.\n      <\/div>\n    <\/div>\n\n    <!-- 4 -->\n    <div class=\"card\">\n      <p style=\"text-transform:uppercase; font-size:13px; color:#777;\">Newsletter<\/p>\n      <h3 style=\"font-size:20px;\">Community Newsletter<\/h3>\n      <p style=\"color:#555;\">Zielgruppe \u00fcber 60.000 Empf\u00e4nger<\/p>\n\n      <div class=\"card-info\">\n        Redaktion, Gestaltung und Versand \u00fcber Mailjet.  \n        Verantwortlich f\u00fcr regelm\u00e4\u00dfige Newsletter bei e-fellows.net.\n      <\/div>\n    <\/div>\n\n    <!-- 5 -->\n    <div class=\"card\">\n      <p style=\"text-transform:uppercase; font-size:13px; color:#777;\">Content Marketing<\/p>\n      <h3 style=\"font-size:20px;\">Artikel &#038; Landingpages<\/h3>\n      <p style=\"color:#555;\">Webtexte und strukturelle Optimierung<\/p>\n\n      <div class=\"card-info\">\n        Pflege und Erstellung von Artikeln und Landingpages im CraftCMS.  \n        Aufgabenbereich w\u00e4hrend meiner Zeit bei e-fellows.net.\n      <\/div>\n    <\/div>\n\n    <!-- 6 -->\n    <div class=\"card\">\n      <p style=\"text-transform:uppercase; font-size:13px; color:#777;\">Web Kommunikation<\/p>\n      <h3 style=\"font-size:20px;\">WordPress Content<\/h3>\n      <p style=\"color:#555;\">Politische \u00d6ffentlichkeitsarbeit<\/p>\n\n      <div class=\"card-info\">\n        Erstellung von Beitr\u00e4gen, Reels und Event-Kommunikation.  \n        T\u00e4tig im Rahmen meines Praktikums bei der Gr\u00fcnen Stadtratsfraktion Augsburg.\n      <\/div>\n    <\/div>\n\n    <!-- 7 -->\n    <div class=\"card\">\n      <p style=\"text-transform:uppercase; font-size:13px; color:#777;\">KI Workflows<\/p>\n      <h3 style=\"font-size:20px;\">Automatisierte Editing-Pipeline<\/h3>\n      <p style=\"color:#555;\">Effizienz durch KI<\/p>\n\n      <div class=\"card-info\">\n        Entwicklung eines KI-gest\u00fctzten Audio-Workflows zur Beschleunigung der Reel-Produktion.  \n        Entstanden w\u00e4hrend meiner Arbeit bei e-fellows.net.\n      <\/div>\n    <\/div>\n\n    <!-- 8 -->\n    <div class=\"card\">\n      <p style=\"text-transform:uppercase; font-size:13px; color:#777;\">Campus Marketing<\/p>\n      <h3 style=\"font-size:20px;\">Studentische Werbung<\/h3>\n      <p style=\"color:#555;\">Content &#038; Promotion<\/p>\n\n      <div class=\"card-info\">\n        Gestaltung von Social Posts und Event-Promotion f\u00fcr die Fachschaft.  \n        Aufgaben: Werbung, Kommunikation, Betreuung von Veranstaltungen.\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<section id=\"portfolio\" style=\"padding:80px 20px; max-width:1100px; margin:0 auto;\">\n  <p style=\"text-transform:uppercase; letter-spacing:3px; color:#777;\">Social Media<\/p>\n  <h2 style=\"font-size:32px; font-weight:600; margin-bottom:40px;\">Beispiele<\/h2>\n    \n    <div style=\"display:flex; flex-wrap:wrap; gap:40px; justify-content:center; align-items:flex-start;\">\n\n      <div style=\"flex:1; min-width:320px; max-width:540px;\">\n        <blockquote class=\"instagram-media\" \n          data-instgrm-captioned \n          data-instgrm-permalink=\"https:\/\/www.instagram.com\/p\/DBgwuzhNCQN\/?utm_source=ig_embed&amp;utm_campaign=loading\" \n          data-instgrm-version=\"14\" \n          style=\"background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);\">\n        <\/blockquote>\n      <\/div>\n\n      <div style=\"flex:1; min-width:320px; max-width:540px;\">\n        <blockquote class=\"instagram-media\" \n          data-instgrm-captioned \n          data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/CuZQdTEJxqO\/?utm_source=ig_embed&amp;utm_campaign=loading\" \n          data-instgrm-version=\"14\" \n          style=\"background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);\">\n\n          <div style=\"padding:16px;\">\n            <a href=\"https:\/\/www.instagram.com\/reel\/CuZQdTEJxqO\/?utm_source=ig_embed&amp;utm_campaign=loading\" \n               style=\"background:#FFFFFF; line-height:0; padding:0; text-align:center; text-decoration:none; width:100%;\" \n               target=\"_blank\">\n\n              <div style=\"display:flex; flex-direction:row; align-items:center;\">\n                <div style=\"background-color:#F4F4F4; border-radius:50%; height:40px; width:40px; margin-right:14px;\"><\/div>\n                <div style=\"display:flex; flex-direction:column; flex-grow:1; justify-content:center;\">\n                  <div style=\"background-color:#F4F4F4; border-radius:4px; height:14px; margin-bottom:6px; width:100px;\"><\/div>\n                  <div style=\"background-color:#F4F4F4; border-radius:4px; height:14px; width:60px;\"><\/div>\n                <\/div>\n              <\/div>\n\n              <div style=\"padding: 19% 0;\"><\/div>\n\n              <div style=\"display:block; height:50px; margin:0 auto 12px; width:50px;\">\n                <svg width=\"50px\" height=\"50px\" viewBox=\"0 0 60 60\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\">\n                  <g fill=\"#000000\">\n                    <path d=\"M556.869,30.41 ...\"><\/path>\n                  <\/g>\n                <\/svg>\n              <\/div>\n\n              <div style=\"padding-top:8px;\">\n                <div style=\"color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-weight:550; line-height:18px;\">\n                  Sieh dir diesen Beitrag auf Instagram an\n                <\/div>\n              <\/div>\n\n              <div style=\"padding:12.5% 0;\"><\/div>\n\n              <div style=\"display:flex; flex-direction:row; margin-bottom:14px; align-items:center;\">\n                <div>\n                  <div style=\"background-color:#F4F4F4; border-radius:50%; height:12.5px; width:12.5px; transform: translateX(0px) translateY(7px);\"><\/div>\n                  <div style=\"background-color:#F4F4F4; height:12.5px; width:12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); margin-left:2px; margin-right:14px;\"><\/div>\n                  <div style=\"background-color:#F4F4F4; border-radius:50%; height:12.5px; width:12.5px; transform: translateX(9px) translateY(-18px);\"><\/div>\n                <\/div>\n                <div style=\"margin-left:8px;\">\n                  <div style=\"background-color:#F4F4F4; border-radius:50%; height:20px; width:20px;\"><\/div>\n                  <div style=\"border-left:6px solid #f4f4f4; border-top:2px solid transparent; border-bottom:2px solid transparent; width:0; height:0; transform:translateX(16px) translateY(-4px) rotate(30deg);\"><\/div>\n                <\/div>\n                <div style=\"margin-left:auto;\">\n                  <div style=\"border-top:8px solid #F4F4F4; border-right:8px solid transparent; width:0; height:0; transform:translateY(16px);\"><\/div>\n                  <div style=\"background-color:#F4F4F4; height:12px; width:16px; transform:translateY(-4px);\"><\/div>\n                  <div style=\"border-top:8px solid #F4F4F4; border-left:8px solid transparent; width:0; height:0; transform:translateY(-4px) translateX(8px);\"><\/div>\n                <\/div>\n              <\/div>\n\n              <div style=\"display:flex; flex-direction:column; flex-grow:1; justify-content:center; margin-bottom:24px;\">\n                <div style=\"background-color:#F4F4F4; border-radius:4px; height:14px; margin-bottom:6px; width:224px;\"><\/div>\n                <div style=\"background-color:#F4F4F4; border-radius:4px; height:14px; width:144px;\"><\/div>\n              <\/div>\n            <\/a>\n\n            <p style=\"color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-top:8px; margin-bottom:0; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;\">\n              <a href=\"https:\/\/www.instagram.com\/reel\/CuZQdTEJxqO\/?utm_source=ig_embed&amp;utm_campaign=loading\" \n                 style=\"color:#c9c8cd; font-size:14px; text-decoration:none;\" target=\"_blank\">\n                 Ein Beitrag geteilt von Gr\u00fcne Augsburg (@gruene_augsburg)\n              <\/a>\n            <\/p>\n          <\/div>\n        <\/blockquote>\n      <\/div>\n\n    <\/div>\n<\/div>\n<script async src=\"\/\/www.instagram.com\/embed.js\"><\/script>\n\n\n\n\n<section id=\"masterarbeit\" style=\"padding:80px 20px; background:#f5f5f7;\">\n  <div style=\"max-width:1100px; margin:0 auto;\">\n    \n    <p style=\"text-transform:uppercase; letter-spacing:3px; color:#777;\">Masterarbeit<\/p>\n    <h2 style=\"font-size:32px; font-weight:600; margin-bottom:20px;\">\n      KI-gest\u00fctzte Performance-Optimierung im Online Marketing\n    <\/h2>\n\n    <p style=\"max-width:700px; color:#555; font-size:18px;\">\n      In meiner Masterarbeit untersuche ich, wie Machine-Learning-Modelle helfen k\u00f6nnen,\n      Erfolgsfaktoren von Google-Ads-Kampagnen sichtbar zu machen und daraus praktische \n      Optimierungsstrategien abzuleiten.\n    <\/p>\n\n    <h3 style=\"margin-top:30px; font-size:20px; font-weight:600;\">Fokus der Arbeit<\/h3>\n    <ul style=\"color:#555; line-height:1.7; max-width:650px;\">\n      <li>Analyse von Kampagnendaten mit durch KI-generiertem Python Code<\/li>\n      <li>Identifikation von Mustern und Einflussfaktoren mittels maschinellen Lernens<\/li>\n      <li>Klassifikation und Clustering von Kampagnen<\/li>\n      <li>Modellinterpretation (z. B. SHAP)<\/li>\n      <li>Praxisnahe Empfehlungen f\u00fcr Budget und Creatives<\/li>\n    <\/ul>\n\n    <div style=\"margin-top:25px; padding:20px; background:#fff; border-radius:14px; border:1px solid #e5e5ea; max-width:500px;\">\n      <strong>Kooperation mit:<\/strong><br>\n      \n      <!-- KLICKBARE NAMEN OHNE LINK-STYLING -->\n      <a href=\"https:\/\/www.straight.de\/\" target=\"_blank\" \n         style=\"color:inherit; text-decoration:none; cursor:pointer;\">\n         straight GmbH<\/a> \n      und\n      <a href=\"https:\/\/www.egokiefer.ch\/de\/\" target=\"_blank\" \n         style=\"color:inherit; text-decoration:none; cursor:pointer;\">\n         egoKiefer.ch\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<section style=\"padding:80px 20px; max-width:1100px; margin:0 auto;\">\n  <p style=\"text-transform:uppercase; letter-spacing:3px; color:#777;\">\u00dcber mich<\/p>\n  <h2 style=\"font-size:32px; font-weight:600; margin-bottom:20px;\">Wer ich bin<\/h2>\n\n  <p style=\"font-size:18px; color:#555; max-width:700px;\">\n    Ich arbeite an der Schnittstelle aus Social Media, Performance Marketing und moderner KI-unterst\u00fctzter \n    Content-Produktion. Ich bringe ein starkes visuelles Gesp\u00fcr, schnelle Auffassungsgabe und eine \n    strukturierte, verl\u00e4ssliche Arbeitsweise mit.\n  <\/p>\n\n  <!-- BUTTON CONTAINER -->\n  <div style=\"margin-top:35px;\">\n    <a href=\"http:\/\/schabelwebfolio.de\/wp-content\/uploads\/2025\/12\/CV-t-schabel-2025-1.pdf\"\n       style=\"\n         padding:14px 28px;\n         border-radius:40px;\n         text-decoration:none;\n         font-size:16px;\n         border:1px solid rgba(0,0,0,0.15);\n         color:#000;\n         background:rgba(255,255,255,0.6);\n         backdrop-filter:blur(6px);\n         transition:all 0.25s ease;\n       \"\n       onmouseover=\"this.style.background='rgba(0,0,0,0.8)'; this.style.color='#fff';\"\n       onmouseout=\"this.style.background='rgba(255,255,255,0.6)'; this.style.color='#000';\"\n    >\n      CV herunterladen\n    <\/a>\n  <\/div>\n\n<\/section>\n\n\n\n<section id=\"kontakt\" style=\"padding:80px 20px; background:#f5f5f7;\">\n  <div style=\"max-width:600px; margin:0 auto; text-align:center;\">\n\n    <h2 style=\"font-size:32px; font-weight:600; margin-bottom:20px;\">Kontakt<\/h2>\n\n    <p style=\"color:#555; font-size:18px; margin-bottom:40px;\">\n      Ich freue mich \u00fcber Austausch und Anfragen.\n      Am besten erreichst du mich per Mail oder \u00fcber LinkedIn.\n    <\/p>\n\n    <!-- BUTTON CONTAINER -->\n    <div style=\"display:flex; justify-content:center; gap:16px; flex-wrap:wrap;\">\n\n      <!-- BUTTON 1 \u2014 E-Mail -->\n      <a href=\"mailto:tobias.u.schabel@gmail.com\"\n         style=\"\n           padding:14px 28px;\n           border-radius:40px;\n           text-decoration:none;\n           font-size:16px;\n           border:1px solid rgba(0,0,0,0.15);\n           color:#000;\n           background:rgba(255,255,255,0.6);\n           backdrop-filter:blur(6px);\n           transition:all 0.25s ease;\n         \"\n         onmouseover=\"this.style.background='rgba(0,0,0,0.8)'; this.style.color='#fff';\"\n         onmouseout=\"this.style.background='rgba(255,255,255,0.6)'; this.style.color='#000';\"\n      >\n        E-Mail schreiben\n      <\/a>\n\n      <!-- BUTTON 2 \u2014 LinkedIn -->\n      <a href=\"https:\/\/www.linkedin.com\/in\/tobias-schabel-2a3138295\/\"\n         style=\"\n           padding:14px 28px;\n           border-radius:40px;\n           text-decoration:none;\n           font-size:16px;\n           border:1px solid rgba(0,0,0,0.15);\n           color:#000;\n           background:rgba(255,255,255,0.6);\n           backdrop-filter:blur(6px);\n           transition:all 0.25s ease;\n         \"\n         onmouseover=\"this.style.background='rgba(0,122,255,0.85)'; this.style.color='#fff';\"\n         onmouseout=\"this.style.background='rgba(255,255,255,0.6)'; this.style.color='#000';\"\n      >\n        LinkedIn Profil\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Junior Marketing Manager Performance Marketing, Social Media und KI-gest\u00fctzte Content-Produktion. Ich kombiniere visuelles Gesp\u00fcr, klare Markenkommunikation und effiziente KI-Workflows, um [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-81","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/schabelwebfolio.de\/index.php\/wp-json\/wp\/v2\/pages\/81","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/schabelwebfolio.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/schabelwebfolio.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/schabelwebfolio.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/schabelwebfolio.de\/index.php\/wp-json\/wp\/v2\/comments?post=81"}],"version-history":[{"count":35,"href":"https:\/\/schabelwebfolio.de\/index.php\/wp-json\/wp\/v2\/pages\/81\/revisions"}],"predecessor-version":[{"id":285,"href":"https:\/\/schabelwebfolio.de\/index.php\/wp-json\/wp\/v2\/pages\/81\/revisions\/285"}],"wp:attachment":[{"href":"https:\/\/schabelwebfolio.de\/index.php\/wp-json\/wp\/v2\/media?parent=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}