{"id":5376,"date":"2025-12-02T23:44:12","date_gmt":"2025-12-02T22:44:12","guid":{"rendered":"https:\/\/darteanavisions.art\/?page_id=5376"},"modified":"2025-12-03T22:13:42","modified_gmt":"2025-12-03T21:13:42","slug":"art-vita","status":"publish","type":"page","link":"https:\/\/darteanavisions.art\/","title":{"rendered":"Art-Vita"},"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>Lebenslauf Diana Knabe<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700&amp;family=Open+Sans:wght@300;400;500;600&amp;display=swap\" rel=\"stylesheet\">\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n    \n    html, body {\n      height: 100%;\n      width: 100%;\n    }\n    \n    body {\n      font-family: 'Open Sans', Arial, sans-serif;\n      font-size: 15px;\n      line-height: 1.7;\n      background: #F9F3E9;\n      color: #2D2A26;\n      box-sizing: border-box;\n      overflow-x: hidden;\n    }\n    \n    .main-container {\n      max-width: 1100px;\n      margin: 0 auto;\n      padding: 60px 40px;\n    }\n    \n    .cv-section {\n      margin-bottom: 50px;\n    }\n    \n    .orb-background {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n      pointer-events: none;\n      z-index: 0;\n    }\n    \n    .orb {\n      position: absolute;\n      border-radius: 50%;\n      background: radial-gradient(circle, rgba(193, 154, 107, 0.22) 0%, rgba(193, 154, 107, 0.12) 60%, rgba(193, 154, 107, 0.06) 100%);\n      filter: saturate(0.95) brightness(1.02);\n      animation: floatAnimation 30s infinite alternate ease-in-out;\n    }\n    \n    .orb-1 {\n      width: 36vw;\n      height: 36vw;\n      top: -6%;\n      left: -8%;\n    }\n    \n    .orb-2 {\n      width: 26vw;\n      height: 26vw;\n      bottom: -4%;\n      right: -6%;\n      animation-direction: alternate-reverse;\n      animation-duration: 26s;\n    }\n    \n    .orb-3 {\n      width: 22vw;\n      height: 22vw;\n      top: 48%;\n      left: 14%;\n      animation-duration: 34s;\n    }\n    \n    @keyframes floatAnimation {\n      0% { transform: translate(0, 0) scale(1); }\n      50% { transform: translate(2vw, 2vh) scale(1.02); }\n      100% { transform: translate(-2vw, -2vh) scale(0.98); }\n    }\n    \n\n    \n    .document-title {\n      font-family: 'Playfair Display', serif;\n      font-size: 28px;\n      color: #C19A6B;\n      margin-bottom: 30px;\n      font-weight: 500;\n      letter-spacing: 3px;\n      text-align: center;\n      text-transform: uppercase;\n    }\n    \n    .header-name {\n      font-family: 'Playfair Display', serif;\n      font-size: 52px;\n      color: #C19A6B;\n      margin-bottom: 15px;\n      font-weight: 400;\n      letter-spacing: 0.5px;\n      text-align: center;\n    }\n    \n    .contact-info {\n      font-size: 13px;\n      line-height: 2;\n      color: #2D2A26;\n      text-align: center;\n      margin-bottom: 40px;\n    }\n    \n    .contact-info a {\n      color: #C19A6B;\n      text-decoration: none;\n    }\n    \n    .contact-info a:hover {\n      text-decoration: underline;\n    }\n    \n    .hero-section {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 60px;\n      margin-top: 40px;\n      flex-wrap: wrap;\n    }\n    \n    .hero-quote {\n      flex: 0 1 500px;\n      min-width: 300px;\n    }\n    \n    .hero-image {\n      flex-shrink: 0;\n    }\n    \n    .profile-image {\n      width: 300px;\n      height: 300px;\n      border-radius: 50%;\n      object-fit: cover;\n      border: 5px solid #C19A6B;\n      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);\n    }\n    \n    .section-heading {\n      font-family: 'Playfair Display', serif;\n      font-size: 24px;\n      font-weight: 600;\n      color: #C19A6B;\n      margin-bottom: 25px;\n      padding-bottom: 10px;\n      border-bottom: 2px solid #C19A6B;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n    }\n    \n    .about-quote {\n      font-size: 22px;\n      font-style: italic;\n      color: #2D2A26;\n      padding: 35px 40px;\n      background: rgba(255, 255, 255, 0.4);\n      border-left: 4px solid #C19A6B;\n      border-radius: 15px;\n      line-height: 1.8;\n      box-shadow: 0 5px 20px rgba(156, 122, 77, 0.15);\n    }\n    \n    .content-block {\n      background: rgba(255, 255, 255, 0.4);\n      padding: 25px 30px;\n      border-radius: 15px;\n      margin-bottom: 20px;\n      border-left: 3px solid #C19A6B;\n      box-shadow: 0 5px 15px rgba(156, 122, 77, 0.1);\n    }\n    \n    .content-block h3 {\n      font-family: 'Playfair Display', serif;\n      font-size: 16px;\n      color: #C19A6B;\n      margin-bottom: 5px;\n      font-weight: 600;\n    }\n    \n    .content-block .meta {\n      font-size: 12px;\n      color: #9C7A4D;\n      margin-bottom: 12px;\n      font-weight: 500;\n      font-family: 'Open Sans', sans-serif;\n    }\n    \n    .content-block p {\n      color: #2D2A26;\n      line-height: 1.7;\n    }\n    \n    .content-block ul {\n      list-style: none;\n      padding-left: 0;\n    }\n    \n    .content-block ul li {\n      padding: 6px 0;\n      padding-left: 22px;\n      position: relative;\n      color: #2D2A26;\n    }\n    \n    .content-block ul li:before {\n      content: \"\u25b8\";\n      color: #C19A6B;\n      font-weight: bold;\n      position: absolute;\n      left: 0;\n      font-size: 14px;\n    }\n    \n    .skills-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 15px;\n      margin-top: 25px;\n    }\n    \n    .skill-item {\n      background: rgba(255, 255, 255, 0.4);\n      padding: 18px;\n      border-radius: 15px;\n      text-align: center;\n      font-family: 'Open Sans', sans-serif;\n      font-weight: 400;\n      font-size: 13px;\n      color: #2D2A26;\n      border: 1px solid rgba(193, 154, 107, 0.3);\n      transition: all 0.3s ease;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      min-height: 90px;\n    }\n    \n    .skill-item:hover {\n      background: rgba(193, 154, 107, 0.15);\n      transform: translateY(-3px);\n      box-shadow: 0 5px 20px rgba(156, 122, 77, 0.2);\n      border-color: #C19A6B;\n    }\n    \n    .skill-category {\n      font-size: 9px;\n      color: #C19A6B;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n    \n    .skill-name {\n      font-size: 12px;\n      color: #2D2A26;\n      font-weight: 500;\n    }\n    \n    #printBtn {\n      background: transparent;\n      color: #C19A6B;\n      border: 1px solid #C19A6B;\n      padding: 3px 8px;\n      border-radius: 3px;\n      cursor: pointer;\n      font-family: 'Open Sans', sans-serif;\n      font-size: 13px;\n      transition: all 0.3s ease;\n    }\n    \n    #printBtn:hover {\n      background: rgba(193, 154, 107, 0.1);\n      text-decoration: underline;\n    }\n    \n    @media print {\n      @page {\n        size: A4;\n        margin: 15mm;\n      }\n      \n      body {\n        background: white !important;\n        print-color-adjust: exact;\n        -webkit-print-color-adjust: exact;\n      }\n      \n      .orb-background {\n        opacity: 0.2 !important;\n      }\n      \n      .main-container {\n        padding: 0;\n        max-width: 100%;\n      }\n      \n      .cv-section {\n        page-break-inside: auto;\n        margin-bottom: 20px;\n      }\n      \n      .content-block {\n        page-break-inside: auto;\n        margin-bottom: 10px;\n      }\n      \n      .hero-section {\n        page-break-inside: auto;\n        page-break-after: auto;\n      }\n      \n      .section-heading {\n        page-break-after: avoid;\n        margin-top: 10px;\n      }\n      \n      .skills-grid {\n        page-break-inside: auto;\n      }\n      \n      .skill-item {\n        page-break-inside: auto;\n      }\n      \n      h2 {\n        page-break-after: avoid;\n      }\n      \n      h3 {\n        page-break-after: auto;\n      }\n      \n      #printBtn {\n        display: none !important;\n      }\n    }\n    \n    .two-column-section {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 30px;\n      margin-bottom: 50px;\n    }\n    \n    .column-left, .column-right {\n      margin-bottom: 0;\n    }\n    \n    @media (max-width: 768px) {\n      .main-container {\n        padding: 40px 20px;\n      }\n      \n      .header-name {\n        font-size: 36px;\n      }\n      \n      .hero-section {\n        flex-direction: column;\n        gap: 30px;\n      }\n      \n      .profile-image {\n        width: 220px;\n        height: 220px;\n      }\n      \n      .section-heading {\n        font-size: 20px;\n      }\n      \n      .skills-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 12px;\n      }\n      \n      .two-column-section {\n        grid-template-columns: 1fr;\n        gap: 0;\n      }\n      \n      .column-left, .column-right {\n        margin-bottom: 50px;\n      }\n    }\n  <\/style>\n  <style>@view-transition { navigation: auto; }<\/style>\n  <script src=\"\/_sdk\/element_sdk.js\" type=\"text\/javascript\"><\/script>\n  <style>@view-transition { navigation: auto; }<\/style>\n  <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n  <script src=\"https:\/\/cdn.tailwindcss.com\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body>\n  <div class=\"orb-background\">\n   <div class=\"orb orb-1\"><\/div>\n   <div class=\"orb orb-2\"><\/div>\n   <div class=\"orb orb-3\"><\/div>\n  <\/div>\n  <main class=\"main-container\"><!-- HEADER & KONTAKT -->\n   <header class=\"cv-section\">\n    <h1 id=\"name\" class=\"header-name\">Diana Knabe<\/h1>\n    <div class=\"contact-info\">\n     \ud83d\udccd Neubaug\u00fcrtel 33 \/ 43-44, 1150 Wien | \ud83d\udcde +43 664 343 1872 | \u2709\ufe0f darteanavisions@pm.me | \ud83c\udf10 <a href=\"https:\/\/darteanavisions.art\" target=\"_blank\" rel=\"noopener noreferrer\">darteanavisions.art<\/a><br>\n      \ud83c\udf82 Geboren: 17.02.1970 in Magdeburg | \ud83d\udde3\ufe0f Deutsch (Muttersprache) | <button id=\"printBtn\">\ud83d\udda8\ufe0f Druckansicht \u00f6ffnen<\/button>\n    <\/div>\n    <div class=\"hero-section\">\n     <div class=\"hero-quote\">\n      <div class=\"about-quote\" id=\"about-quote\">\n       &#8222;Ich altere nicht, ich levele. Jedes Level h\u00e4lt mich am Puls der Zeit \u2013 und wer mit der Zeit geht, bleibt relevant.&#8220;\n      <\/div>\n     <\/div>\n     <div class=\"hero-image\"><img decoding=\"async\" src=\"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_w1nzcmw1nzcmw1nz.png\" alt=\"Profilbild Diana Knabe\" class=\"profile-image\" onerror=\"this.style.display='none';\">\n     <\/div>\n    <\/div>\n   <\/header><!-- HARD SKILLS -->\n   <section class=\"cv-section\">\n    <h2 class=\"section-heading\" id=\"skills-heading\">HARD SKILLS<\/h2>\n    <div class=\"skills-grid\">\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">KI &amp; Automation<\/span><span class=\"skill-name\">AI-Operations: Google AI Studio<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">KI &amp; Automation<\/span><span class=\"skill-name\">Generative AI: ChatGPT, Midjourney<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">KI &amp; Automation<\/span><span class=\"skill-name\">AI Upscaling: Topaz, Magnific<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">Web &amp; Code<\/span><span class=\"skill-name\">AI-Coding: Bolt.new, Lovable<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">Web &amp; Code<\/span><span class=\"skill-name\">Web-Tech: Netlify, GitHub, HTML\/CSS<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">Content Creation<\/span><span class=\"skill-name\">Video: Veo3, Filmora, Runway<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">Content Creation<\/span><span class=\"skill-name\">Social Media: Strategie &amp; Community<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">Content Creation<\/span><span class=\"skill-name\">Grafik: Photoshop, Illustrator<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">Kreative Basis<\/span><span class=\"skill-name\">Kunst &amp; Storytelling<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">Daten &amp; Prozesse<\/span><span class=\"skill-name\">Data Engineering: OCR, JSON<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">Daten &amp; Prozesse<\/span><span class=\"skill-name\">Lern-DNA: Autodidaktik<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">Recht &amp; Compliance<\/span><span class=\"skill-name\">DSGVO, TDM Opt-Out, C2PA<\/span>\n     <\/div>\n    <\/div>\n   <\/section><!-- BERUFSERFAHRUNG -->\n   <section class=\"cv-section\">\n    <h2 class=\"section-heading\" id=\"experience-heading\">BERUFLICHE ERFAHRUNG<\/h2>\n    <div class=\"content-block\">\n     <h3>01\/2020 &#8211; heute | Freelance Artist &amp; Social Media Creator<\/h3>\n     <div class=\"meta\">\n      Freelance T\u00e4tigkeit u.a. via Fiverr\n     <\/div>\n     <ul>\n      <li><strong>Highlight:<\/strong> Entwicklung einer interaktiven 3D-Kunstgalerie (Game-Engine).<\/li>\n      <li><strong>AI-Pipeline:<\/strong> Erstellung mit Midjourney\/Firefly \u2192 Veredelung durch Magnific\/Topaz (Upscaling).<\/li>\n      <li><strong>Tech-Stack:<\/strong> Web-Apps mit Bolt.new &amp; Lovable; Hosting via Netlify &amp; GitHub.<\/li>\n      <li><strong>Strategie:<\/strong> Social Media Aufbau &amp; Verkauf digitaler Assets.<\/li>\n     <\/ul>\n    <\/div>\n    <div class=\"content-block\">\n     <h3>01\/2019 &#8211; 12\/2019 | Digital Manager &amp; Content Creation (Remote)<\/h3>\n     <div class=\"meta\">\n      Kaidso Onlinekurse\n     <\/div>\n     <ul>\n      <li><strong>Social Media Management:<\/strong> Komplette Betreuung aller Social-Media-Kan\u00e4le (Facebook, Instagram, YouTube) \u2013 Content-Planung, Postings, Community-Moderation &amp; Interaktion.<\/li>\n      <li><strong>Video-Produktion:<\/strong> Eigenst\u00e4ndige Erstellung von Verkaufsvideos f\u00fcr Kurse &amp; Produkte (Konzept, Dreh, Schnitt).<\/li>\n      <li><strong>E-Mail-Support:<\/strong> Kundenanfragen via E-Mail bearbeitet &amp; Support geleistet.<\/li>\n      <li><strong>Content Management:<\/strong> Upload, Strukturierung &amp; Pflege von Video-Kursen auf der Plattform.<\/li>\n      <li><strong>Lektorat &amp; Korrektur:<\/strong> Korrekturlesen von Buchmanuskripten &amp; Texten.<\/li>\n      <li><strong>Alleinverantwortung:<\/strong> S\u00e4mtliche digitale &amp; online-bezogene Aufgaben lagen in meiner Hand \u2013 von Social Media \u00fcber Content bis hin zur Kundenkommunikation.<\/li>\n     <\/ul>\n    <\/div>\n    <div class=\"content-block\">\n     <h3>2015 &#8211; 2016 | Mediengestaltung, Webseite &amp; Verkauf<\/h3>\n     <div class=\"meta\">\n      IchDampfe, Wien\n     <\/div>\n     <ul>\n      <li>Webseiten-Verwaltung &amp; Content-Pflege.<\/li>\n      <li>Erstellung von Werbegrafiken f\u00fcr Social Media &amp; Shop.<\/li>\n      <li>Entwicklung Corporate Identity (Projekt ROPA).<\/li>\n      <li>Verkauf, Kundenberatung &amp; Betreuung.<\/li>\n     <\/ul>\n    <\/div>\n    <div class=\"content-block\">\n     <h3>2006 &#8211; 2011 | Telefonistin \/ Fernschreiberin<\/h3>\n     <div class=\"meta\">\n      \u00d6BB, Wien\n     <\/div>\n     <ul>\n      <li>Kundenberatung in der Telefonauskunft der \u00d6BB.<\/li>\n      <li>Bearbeitung und Versand von Rail Cargo Mails (Zugumleitungen &amp; Fahrplan\u00e4nderungen).<\/li>\n     <\/ul>\n    <\/div>\n    <div class=\"content-block\">\n     <h3>2000 &#8211; 2004 | Stellvertretende Filialleitung<\/h3>\n     <div class=\"meta\">\n      V\u00f6gele Moden, Wien\n     <\/div>\n     <ul>\n      <li>Verkauf &amp; aktive Mitarbeit im Tagesgesch\u00e4ft.<\/li>\n      <li>Erstellung von Dienstpl\u00e4nen &amp; Urlaubspl\u00e4nen.<\/li>\n      <li>Warenr\u00fcckf\u00fchrungen &amp; Filialorganisation.<\/li>\n      <li>Schaufensterdekoration &amp; Warenpr\u00e4sentation.<\/li>\n     <\/ul>\n    <\/div>\n    <div class=\"content-block\">\n     <h3>1996 &#8211; 1999 | Telefonistin<\/h3>\n     <div class=\"meta\">\n      Fleming Versicherungsmakler, Magdeburg\n     <\/div>\n    <\/div>\n   <\/section><!-- AUSBILDUNG & WEITERBILDUNG -->\n   <section class=\"cv-section\">\n    <h2 class=\"section-heading\" id=\"education-heading\">AUSBILDUNG<\/h2>\n    <div class=\"content-block\">\n     <h3>2017 &#8211; 2018 | Diplomierte Mediengestalterin<\/h3>\n     <div class=\"meta\">\n      WIFI Wien (Diplom)\n     <\/div>\n     <ul>\n      <li><strong>Diplomprojekt:<\/strong> Komplette Firmen-Identit\u00e4t (Persona-Analyse, Logo, Web-Konzept, Kalkulation &amp; Recht).<\/li>\n      <li><strong>Software:<\/strong> Adobe Creative Suite &amp; Druckvorstufe.<\/li>\n     <\/ul>\n    <\/div>\n    <div class=\"content-block\">\n     <h3>2017 &#8211; 2018 | Schneiderin (Komplettausbildung)<\/h3>\n     <div class=\"meta\">\n      Kaidso Onlinekurse &#8211; Alle Module + Komplett-CD\n     <\/div>\n     <ul>\n      <li>Schnittkonstruktion &amp; Fertigung (vollst\u00e4ndige Ausbildung).<\/li>\n      <li>Alle Module absolviert mit umfassendem Lehrmaterial.<\/li>\n     <\/ul>\n    <\/div>\n    <div class=\"content-block\">\n     <h3>2018 &#8211; 2019 | Fotografie MFT-System (Komplettausbildung)<\/h3>\n     <div class=\"meta\">\n      Krolop &amp; Gerst\n     <\/div>\n     <p>Beherrschung der MFT-Kamera (Lumix GX 80). Professionelle Lichtsetzung (Blitz\/Dauerlicht) &amp; Studio-Setup.<\/p>\n    <\/div>\n    <div class=\"content-block\">\n     <h3>2018 | Fotografie (Komplettausbildung &#8211; 3 Kurse)<\/h3>\n     <div class=\"meta\">\n      Christian Anderl (Shootcamp)\n     <\/div>\n     <ul>\n      <li><strong>Basiskurs:<\/strong> Kameratechnik (ISO, Blende, Belichtungszeit) und Bildgestaltung.<\/li>\n      <li><strong>Foodfotografie:<\/strong> Spezialisierung auf Food-Styling und Inszenierung.<\/li>\n      <li><strong>Das gro\u00dfe Blitzen:<\/strong> Professionelle Blitztechnik und Lichtf\u00fchrung.<\/li>\n     <\/ul>\n    <\/div>\n    <div class=\"content-block\">\n     <h3>2005 &#8211; 2006 | Webdesignerin (Grundlagen)<\/h3>\n     <div class=\"meta\">\n      BFI Wien\n     <\/div>\n     <ul>\n      <li>HTML, CSS, Screen Design &amp; PHP-Logik (Code-Verst\u00e4ndnis).<\/li>\n      <li><strong>Grafik-Historie:<\/strong> Photoshop-Nutzung seit Version 3.0.<\/li>\n     <\/ul>\n    <\/div>\n    <div class=\"content-block\">\n     <h3>1986 &#8211; 1988 | Ausbildung zur K\u00f6chin<\/h3>\n     <div class=\"meta\">\n      Abschluss: Facharbeiterbrief (DDR)\n     <\/div>\n     <p>Fokus: Kalkulation, Zubereitung und \u00c4sthetik beim Anrichten.<\/p>\n    <\/div>\n    <div class=\"content-block\">\n     <h3>1986 | Schulabschluss<\/h3>\n     <div class=\"meta\">\n      Realschule Tamara Bunke POS\n     <\/div>\n    <\/div>\n   <\/section>\n   <section class=\"cv-section\">\n    <h2 class=\"section-heading\" id=\"training-heading\">WEITERBILDUNG<\/h2>\n    <div class=\"content-block\">\n     <h3>08.09.2025 &#8211; 09.10.2025 | KI (Kreative Intelligenz) f\u00fcr K\u00fcnstlerInnen<\/h3>\n     <div class=\"meta\">\n      Art Rotation Service \/ Team 4\n     <\/div>\n     <ul>\n      <li><strong>LLM-Technologie:<\/strong> Funktionsweise von Tokens, Kontextfenstern &amp; Transformer-Modellen.<\/li>\n      <li><strong>AI-Operations:<\/strong> Steuerung via Google AI Studio (Temperature, Top-P, Safety Settings).<\/li>\n      <li><strong>Data Engineering:<\/strong> Datenaufbereitung f\u00fcr LLMs (OCR, Markdown\/JSON\/YAML).<\/li>\n      <li><strong>Recht &amp; Ethik:<\/strong> TDM Opt-Out Verfahren, C2PA Content Credentials &amp; IP-Compliance.<\/li>\n     <\/ul>\n    <\/div>\n    <div class=\"content-block\">\n     <h3>2022 | Inszenierte Fantasy-Fotografie &amp; Composing<\/h3>\n     <div class=\"meta\">\n      Laura Helena Photography\n     <\/div>\n     <p>Spezialisierung auf Fantasy-Fotografie: Inszenierung, Set-Design, Storytelling &amp; High-End Composing.<\/p>\n    <\/div>\n    <div class=\"content-block\">\n     <h3>10\/2022 | DSGVO f\u00fcr Web &amp; Unternehmen<\/h3>\n     <div class=\"meta\">\n      LinkedIn Learning\n     <\/div>\n     <p>Umfassende Datenschutzgrundverordnung f\u00fcr Webanwendungen, Fotografie und Unternehmenskontext.<\/p>\n    <\/div>\n   <\/section><!-- SOFT SKILLS -->\n   <section class=\"cv-section\">\n    <h2 class=\"section-heading\" id=\"soft-skills-heading\">SOFT SKILLS<\/h2>\n    <div class=\"skills-grid\">\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">Kreativit\u00e4t<\/span><span class=\"skill-name\">Innovatives Denken<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">Lernbereitschaft<\/span><span class=\"skill-name\">Kontinuierliche Weiterentwicklung<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">Flexibilit\u00e4t<\/span><span class=\"skill-name\">Anpassungsf\u00e4higkeit<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">Begeisterung<\/span><span class=\"skill-name\">Motivationsf\u00e4higkeit<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">Auffassungsgabe<\/span><span class=\"skill-name\">Schnelles Verstehen<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">Empathie<\/span><span class=\"skill-name\">Einf\u00fchlungsverm\u00f6gen<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">Verantwortung<\/span><span class=\"skill-name\">Verl\u00e4sslichkeit<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">Vision<\/span><span class=\"skill-name\">Vision\u00e4res Denken<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">Probleml\u00f6sung<\/span><span class=\"skill-name\">L\u00f6sungsorientierung<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">Zielorientierung<\/span><span class=\"skill-name\">Fokussiertes Arbeiten<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">Strategie<\/span><span class=\"skill-name\">Strategisches Vorgehen<\/span>\n     <\/div>\n     <div class=\"skill-item\">\n      <span class=\"skill-category\">Authentizit\u00e4t<\/span><span class=\"skill-name\">Echte Pers\u00f6nlichkeit<\/span>\n     <\/div>\n    <\/div>\n   <\/section>\n  <\/main>\n  <script>\n    const defaultConfig = {\n      background_color: '#F9F3E9',\n      primary_color: '#C19A6B',\n      secondary_surface_color: 'rgba(255, 255, 255, 0.4)',\n      text_color: '#2D2A26',\n      accent_color: '#C19A6B',\n      font_family: 'Open Sans',\n      font_size: 15,\n      name: 'Diana Knabe',\n      about_quote: '\u201eIch altere nicht, ich levele. Jedes Level h\u00e4lt mich am Puls der Zeit \u2013 und wer mit der Zeit geht, bleibt relevant.\"',\n      experience_heading: 'BERUFLICHE ERFAHRUNG',\n      education_heading: 'AUSBILDUNG',\n      training_heading: 'WEITERBILDUNG',\n      skills_heading: 'SKILLS',\n      soft_skills_heading: 'SOFT SKILLS'\n    };\n\n\n\n    async function onConfigChange(config) {\n      const customFont = config.font_family || defaultConfig.font_family;\n      const headingFont = 'Playfair Display';\n      const baseFontStack = 'Arial, sans-serif';\n      const headingFontStack = 'serif';\n      const baseSize = config.font_size || defaultConfig.font_size;\n      \n      document.body.style.fontFamily = `${customFont}, ${baseFontStack}`;\n      document.body.style.background = config.background_color || defaultConfig.background_color;\n      document.body.style.color = config.text_color || defaultConfig.text_color;\n      document.body.style.fontSize = `${baseSize}px`;\n      \n      const headerName = document.querySelector('.header-name');\n      if (headerName) {\n        headerName.style.fontFamily = `${headingFont}, ${headingFontStack}`;\n        headerName.style.color = config.accent_color || defaultConfig.accent_color;\n        headerName.style.fontSize = `${baseSize * 3.467}px`;\n      }\n      \n      const headings = document.querySelectorAll('.section-heading');\n      headings.forEach(heading => {\n        heading.style.fontFamily = `${headingFont}, ${headingFontStack}`;\n        heading.style.color = config.accent_color || defaultConfig.accent_color;\n        heading.style.fontSize = `${baseSize * 1.6}px`;\n      });\n      \n      document.querySelectorAll('.content-block h3').forEach(h3 => {\n        h3.style.fontFamily = `${headingFont}, ${headingFontStack}`;\n        h3.style.fontSize = `${baseSize * 1.067}px`;\n        h3.style.color = config.accent_color || defaultConfig.accent_color;\n      });\n      \n      const aboutQuote = document.querySelector('.about-quote');\n      if (aboutQuote) {\n        aboutQuote.style.fontSize = `${baseSize * 1.467}px`;\n      }\n      \n      const nameEl = document.getElementById('name');\n      if (nameEl) nameEl.textContent = config.name || defaultConfig.name;\n      \n      const aboutQuoteEl = document.getElementById('about-quote');\n      if (aboutQuoteEl) aboutQuoteEl.textContent = config.about_quote || defaultConfig.about_quote;\n      \n      const experienceHeadingEl = document.getElementById('experience-heading');\n      if (experienceHeadingEl) experienceHeadingEl.textContent = config.experience_heading || defaultConfig.experience_heading;\n      \n      const educationHeadingEl = document.getElementById('education-heading');\n      if (educationHeadingEl) educationHeadingEl.textContent = config.education_heading || defaultConfig.education_heading;\n      \n      const trainingHeadingEl = document.getElementById('training-heading');\n      if (trainingHeadingEl) trainingHeadingEl.textContent = config.training_heading || defaultConfig.training_heading;\n      \n      const skillsHeadingEl = document.getElementById('skills-heading');\n      if (skillsHeadingEl) skillsHeadingEl.textContent = config.skills_heading || defaultConfig.skills_heading;\n      \n      const softSkillsHeadingEl = document.getElementById('soft-skills-heading');\n      if (softSkillsHeadingEl) softSkillsHeadingEl.textContent = config.soft_skills_heading || defaultConfig.soft_skills_heading;\n      \n      document.querySelectorAll('.content-block').forEach(block => {\n        block.style.backgroundColor = config.secondary_surface_color || defaultConfig.secondary_surface_color;\n      });\n      \n      const orbs = document.querySelectorAll('.orb');\n      const primaryColor = config.primary_color || defaultConfig.primary_color;\n      const r = parseInt(primaryColor.slice(1, 3), 16);\n      const g = parseInt(primaryColor.slice(3, 5), 16);\n      const b = parseInt(primaryColor.slice(5, 7), 16);\n      \n      orbs.forEach(orb => {\n        orb.style.background = `radial-gradient(circle, rgba(${r}, ${g}, ${b}, 0.22) 0%, rgba(${r}, ${g}, ${b}, 0.12) 60%, rgba(${r}, ${g}, ${b}, 0.06) 100%)`;\n      });\n    }\n\n    \/\/ Druckfunktion - \u00f6ffnet Druckdialog\n    const printBtn = document.getElementById('printBtn');\n    if (printBtn) {\n      printBtn.addEventListener('click', function() {\n        window.print();\n      });\n    }\n\n    if (window.elementSdk) {\n      window.elementSdk.init({\n        defaultConfig,\n        onConfigChange,\n        mapToCapabilities: (config) => ({\n          recolorables: [\n            {\n              get: () => config.background_color || defaultConfig.background_color,\n              set: (value) => {\n                config.background_color = value;\n                window.elementSdk.setConfig({ background_color: value });\n              }\n            },\n            {\n              get: () => config.secondary_surface_color || defaultConfig.secondary_surface_color,\n              set: (value) => {\n                config.secondary_surface_color = value;\n                window.elementSdk.setConfig({ secondary_surface_color: value });\n              }\n            },\n            {\n              get: () => config.text_color || defaultConfig.text_color,\n              set: (value) => {\n                config.text_color = value;\n                window.elementSdk.setConfig({ text_color: value });\n              }\n            },\n            {\n              get: () => config.primary_color || defaultConfig.primary_color,\n              set: (value) => {\n                config.primary_color = value;\n                window.elementSdk.setConfig({ primary_color: value });\n              }\n            },\n            {\n              get: () => config.accent_color || defaultConfig.accent_color,\n              set: (value) => {\n                config.accent_color = value;\n                window.elementSdk.setConfig({ accent_color: value });\n              }\n            }\n          ],\n          borderables: [],\n          fontEditable: {\n            get: () => config.font_family || defaultConfig.font_family,\n            set: (value) => {\n              config.font_family = value;\n              window.elementSdk.setConfig({ font_family: value });\n            }\n          },\n          fontSizeable: {\n            get: () => config.font_size || defaultConfig.font_size,\n            set: (value) => {\n              config.font_size = value;\n              window.elementSdk.setConfig({ font_size: value });\n            }\n          }\n        }),\n        mapToEditPanelValues: (config) => new Map([\n          ['name', config.name || defaultConfig.name],\n          ['about_quote', config.about_quote || defaultConfig.about_quote],\n          ['experience_heading', config.experience_heading || defaultConfig.experience_heading],\n          ['education_heading', config.education_heading || defaultConfig.education_heading],\n          ['training_heading', config.training_heading || defaultConfig.training_heading],\n          ['skills_heading', config.skills_heading || defaultConfig.skills_heading]\n        ])\n      });\n    }\n  <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9a81a105e3a45a5f',t:'MTc2NDc0OTg2MC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Lebenslauf Diana Knabe Diana Knabe \ud83d\udccd Neubaug\u00fcrtel 33 \/ 43-44, 1150 Wien | \ud83d\udcde +43 664 343 1872 | \u2709\ufe0f darteanavisions@pm.me | \ud83c\udf10 darteanavisions.art \ud83c\udf82 Geboren: 17.02.1970 in Magdeburg | \ud83d\udde3\ufe0f Deutsch (Muttersprache) | \ud83d\udda8\ufe0f Druckansicht \u00f6ffnen &#8222;Ich altere nicht, ich levele. Jedes Level h\u00e4lt mich am Puls der Zeit \u2013 und wer mit der [&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":"","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-5376","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/5376","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/comments?post=5376"}],"version-history":[{"count":2,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/5376\/revisions"}],"predecessor-version":[{"id":5423,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/5376\/revisions\/5423"}],"wp:attachment":[{"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/media?parent=5376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}