Projektdokumentation \u2013 MayIT Portfolio & Bewerbungs-Website<\/title>\n <meta name=\"author\" content=\"MayIT\" \/>\n <meta name=\"description\" content=\"Projektdokumentation zum Aufbau der MayIT Bewerbungs- und Portfolio-Website www.mayit.eu mit WordPress, Netcup Hosting, DSGVO-Compliance, Security, Performance und Betrieb.\" \/>\n <style>\n :root{\n --bg:#0b0f14; --panel:#111827; --panel2:#0f172a;\n --text:#e5e7eb; --muted:#9ca3af;\n --accent:#60a5fa; --accent2:#34d399; --warn:#f59e0b; --danger:#fb7185; --ok:#22c55e;\n --border:#1f2937; --codeborder:#1d2a3a;\n --shadow: 0 10px 30px rgba(0,0,0,.35);\n --radius: 16px;\n --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n --sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n }\n *{box-sizing:border-box}\n html{scroll-behavior:smooth}\n body{\n margin:0; font-family:var(--sans);\n background:\n radial-gradient(1200px 600px at 10% -10%, rgba(96,165,250,.18), transparent 55%),\n radial-gradient(900px 500px at 80% 0%, rgba(52,211,153,.10), transparent 50%),\n var(--bg);\n color:var(--text);\n }\n a{color:var(--accent); text-decoration:none}\n a:hover{text-decoration:underline}\n .layout{display:flex; min-height:100vh}\n .toc{\n position:sticky; top:0; height:100vh; width:360px; min-width:300px;\n padding:22px 18px;\n background:linear-gradient(180deg, rgba(17,24,39,.92), rgba(15,23,42,.92));\n border-right:1px solid var(--border); overflow:auto; backdrop-filter: blur(8px);\n }\n .brand{\n display:flex; gap:10px; align-items:center;\n padding:10px 10px 14px; border:1px solid var(--border);\n border-radius:14px; background:rgba(11,18,32,.65); box-shadow:var(--shadow);\n margin-bottom:14px;\n }\n .logo{\n width:38px; height:38px; border-radius:12px;\n background:linear-gradient(135deg, rgba(96,165,250,.95), rgba(52,211,153,.95));\n display:flex; align-items:center; justify-content:center;\n color:#06101c; font-weight:900;\n }\n .brand h1{font-size:14px; margin:0}\n .brand .sub{font-size:12px; color:var(--muted); margin-top:2px}\n .pill{\n display:inline-flex; align-items:center; gap:8px;\n font-size:12px; color:var(--muted);\n padding:10px 12px; border:1px solid var(--border);\n border-radius:999px; background:rgba(11,18,32,.55);\n margin:10px 8px 0;\n }\n .pill b{color:var(--text)}\n .toc h2{font-size:12px; margin:14px 10px 8px; color:var(--muted); letter-spacing:.08em; text-transform:uppercase}\n .toc ul{list-style:none; margin:0; padding:0 6px 14px}\n .toc li{margin:6px 0}\n .toc a{\n display:block; padding:8px 10px; border-radius:12px;\n color:var(--text); border:1px solid transparent;\n }\n .toc a:hover{border-color:rgba(96,165,250,.35); background:rgba(96,165,250,.10); text-decoration:none}\n .main{flex:1; padding:28px 26px 80px}\n .container{max-width:1120px; margin:0 auto}\n .hero{\n padding:22px; border-radius: var(--radius);\n background: linear-gradient(180deg, rgba(17,24,39,.55), rgba(15,23,42,.35));\n border:1px solid var(--border); box-shadow: var(--shadow);\n }\n .hero h1{font-size:28px; margin:0 0 8px}\n .hero .meta{display:flex; flex-wrap:wrap; gap:10px; margin-top:12px}\n .tag{\n font-size:12px; color:var(--text);\n padding:8px 12px; border-radius:999px;\n border:1px solid var(--border); background:rgba(11,18,32,.55);\n }\n section{margin-top:18px}\n .card{\n padding:18px; border-radius: var(--radius);\n border:1px solid var(--border);\n background: rgba(11,18,32,.55);\n box-shadow: var(--shadow);\n }\n .card h3{margin:0 0 10px; font-size:18px}\n .muted{color:var(--muted)}\n .small{font-size:12px}\n .note, .warn, .danger, .ok{\n border-radius:14px; padding:12px 14px; border:1px solid var(--border);\n background: rgba(96,165,250,.08);\n }\n .warn{background: rgba(245,158,11,.10); border-color: rgba(245,158,11,.25)}\n .danger{background: rgba(251,113,133,.10); border-color: rgba(251,113,133,.25)}\n .ok{background: rgba(34,197,94,.10); border-color: rgba(34,197,94,.25)}\n .hr{height:1px; background:var(--border); margin:14px 0}\n .grid{display:grid; gap:14px}\n @media (min-width: 980px){\n .grid.cols2{grid-template-columns: 1fr 1fr}\n .grid.cols3{grid-template-columns: 1fr 1fr 1fr}\n }\n table{width:100%; border-collapse:separate; border-spacing:0; overflow:hidden; border-radius:14px; border:1px solid var(--border)}\n th, td{padding:10px; border-bottom:1px solid var(--border); vertical-align:top}\n th{background:rgba(17,24,39,.55); text-align:left; font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted)}\n tr:last-child td{border-bottom:none}\n .codewrap{position:relative; margin-top:10px}\n pre{\n margin:0; padding:14px; overflow:auto; border-radius:14px;\n background:linear-gradient(180deg, rgba(10,15,26,.95), rgba(10,15,26,.85));\n border:1px solid var(--codeborder); color:var(--text);\n font-family: var(--mono); font-size:12.8px; line-height:1.45;\n }\n .copybtn{\n position:absolute; top:10px; right:10px;\n border:1px solid var(--border); background:rgba(15,23,42,.70);\n color:var(--text); padding:8px 10px; border-radius:12px;\n cursor:pointer; font-size:12px; display:flex; align-items:center; gap:8px;\n }\n .copybtn:hover{border-color:rgba(96,165,250,.40); background:rgba(96,165,250,.12)}\n .copybtn .dot{width:8px; height:8px; border-radius:99px; background:var(--accent)}\n .kbd{display:inline-block; padding:2px 8px; border-radius:10px; border:1px solid var(--border); background:rgba(15,23,42,.55); font-family:var(--mono); font-size:12px}\n .badge{display:inline-flex; align-items:center; gap:8px; padding:8px 10px; border-radius:999px; border:1px solid var(--border); background:rgba(15,23,42,.35); font-size:12px}\n .badge .b{width:8px;height:8px;border-radius:99px;background:var(--accent2)}\n .footer{\n margin-top:18px; padding:16px 18px; border-radius: var(--radius);\n border:1px solid var(--border); background:rgba(11,18,32,.45); color:var(--muted)\n }\n .footer b{color:var(--text)}\n details{\n border:1px solid var(--border); border-radius:14px; padding:10px 12px; background:rgba(15,23,42,.25)\n }\n summary{cursor:pointer; color:var(--text); font-weight:700}\n details p, details ul{color:var(--muted)}\n .print-only{display:none}\n @media print{\n body{background:#fff; color:#000}\n .layout{display:block}\n .toc{display:none}\n .hero, .card, .footer, details{box-shadow:none; background:#fff; border:1px solid #ddd}\n pre{background:#f7f7f7; color:#000; border:1px solid #ddd}\n .copybtn{display:none}\n a{color:#000; text-decoration:underline}\n .print-only{display:block}\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"layout\">\n <aside class=\"toc\">\n <div class=\"brand\">\n <div class=\"logo\">M<\/div>\n <div>\n <h1>Projektdokumentation<\/h1>\n <div class=\"sub\">Webplattform \u2022 Security \u2022 Betrieb \u2022 Autor: <b>MayIT<\/b><\/div>\n <\/div>\n <\/div>\n\n <div class=\"pill\"><b>Ziel:<\/b> Vollst\u00e4ndige Dokumentation der MayIT Portfolio- und Bewerbungs-Website<\/div>\n\n <h2>Navigation<\/h2>\n <ul>\n <li><a href=\"#scope\">Scope & Zielbild<\/a><\/li>\n <li><a href=\"#architecture\">System- und Web-Architektur<\/a><\/li>\n <li><a href=\"#dashboards\">Website, Domain & Zugriffe<\/a><\/li>\n <li><a href=\"#backend\">WordPress Backend \/ CMS<\/a><\/li>\n <li><a href=\"#tiles\">Seitenstruktur & Inhaltsbausteine<\/a><\/li>\n <li><a href=\"#health\">Qualit\u00e4t, DSGVO & Optimierungslogik<\/a><\/li>\n <li><a href=\"#security\">Security & Datenschutzma\u00dfnahmen<\/a><\/li>\n <li><a href=\"#alerts\">Wartung, Updates & Eskalation<\/a><\/li>\n <li><a href=\"#operations\">Betrieb & Aufgabenmodell<\/a><\/li>\n <li><a href=\"#troubleshooting\">Troubleshooting<\/a><\/li>\n <li><a href=\"#backup\">Backup & Recovery<\/a><\/li>\n <li><a href=\"#appendix\">Anhang<\/a><\/li>\n <\/ul>\n\n <h2>Quick Links<\/h2>\n <ul>\n <li><a href=\"#api-output\">Technische Kernbefehle<\/a><\/li>\n <li><a href=\"#health-matrix\">Qualit\u00e4ts-Matrix<\/a><\/li>\n <li><a href=\"#alert-matrix\">Wartungs-Matrix<\/a><\/li>\n <\/ul>\n\n <div class=\"footer small\">\n <div><b>Stand:<\/b> 2026-03-23<\/div>\n <div class=\"hr\"><\/div>\n <div>Dokument: HTML \u2022 Upload geeignet \u2022 Dark Enterprise Style<\/div>\n <\/div>\n <\/aside>\n\n <main class=\"main\">\n <div class=\"container\">\n <div class=\"hero\">\n <h1>MayIT Portfolio- und Bewerbungs-Website \u2013 Projektdokumentation<\/h1>\n <div class=\"muted\">\n Diese Projektdokumentation beschreibt die vollst\u00e4ndige Konzeption, technische Umsetzung und den laufenden\n Betrieb der Website <b>www.mayit.eu<\/b>. Dokumentiert werden Architektur, Hosting, WordPress-Betrieb,\n DSGVO-konforme Seitenstrukturen, Security-Ma\u00dfnahmen, Performanceoptimierung, Wartung sowie Backup- und\n Wiederherstellungsaspekte einer eigenbetriebenen professionellen Webpr\u00e4senz.\n <\/div>\n <div class=\"meta\">\n <span class=\"tag\">Autor: MayIT<\/span>\n <span class=\"tag\">WordPress CMS<\/span>\n <span class=\"tag\">Netcup vServer<\/span>\n <span class=\"tag\">DSGVO-konforme Webplattform<\/span>\n <span class=\"tag\">Operations Dokumentation<\/span>\n <\/div>\n <\/div>\n\n <section id=\"scope\" class=\"card\">\n <h3>Scope & Zielbild<\/h3>\n <div class=\"grid cols2\">\n <div>\n <div class=\"note\">\n <b>Zielbild:<\/b> Aufbau einer professionellen, eigenbetriebenen Bewerbungs- und Portfolio-Website,\n die fachliche Qualifikationen, IT-Projekte, Zertifikate und den beruflichen Werdegang strukturiert,\n vertrauensw\u00fcrdig und nachhaltig wartbar pr\u00e4sentiert.\n <\/div>\n <div class=\"hr\"><\/div>\n <ul>\n <li><b>Online-Pr\u00e4senz:<\/b> Zentrale digitale Visitenkarte f\u00fcr Bewerbungen und Referenzen.<\/li>\n <li><b>Portfolio:<\/b> Darstellung technischer Projekte, Betriebsdokumentationen und Umsetzungen.<\/li>\n <li><b>Branding:<\/b> St\u00e4rkung der eigenen Marke <b>MayIT<\/b> durch konsistente Au\u00dfendarstellung.<\/li>\n <li><b>Eigenbetrieb:<\/b> Volle Kontrolle \u00fcber Hosting, Datenhaltung, Sicherheitsniveau und Erweiterbarkeit.<\/li>\n <\/ul>\n <\/div>\n <div>\n <div class=\"ok\">\n <b>Projektziel:<\/b> Die Website soll nicht nur Inhalte anzeigen, sondern als belastbare,\n professionelle und technisch saubere Webplattform den gesamten Bewerbungs- und Portfolioauftritt\n dauerhaft unterst\u00fctzen.\n <\/div>\n <div class=\"hr\"><\/div>\n <div class=\"warn\">\n <b>Leitprinzip:<\/b> Klare Informationsarchitektur, datenschutzkonforme Umsetzung, sichere Bereitstellung,\n kontinuierliche Pflege und Performanceoptimierung ohne Abh\u00e4ngigkeit von externen Website-Bauk\u00e4sten.\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"architecture\" class=\"card\">\n <h3>System- und Web-Architektur<\/h3>\n <div class=\"grid cols2\">\n <div>\n <div class=\"badge\"><span class=\"b\"><\/span><b>Architekturprinzip:<\/b> Infrastruktur + CMS + Security + Betrieb<\/div>\n <div class=\"hr\"><\/div>\n <table>\n <thead><tr><th>Layer<\/th><th>Komponente<\/th><th>Funktion<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Infrastructure<\/td><td>Netcup vServer<\/td><td>Dedizierte Hosting-Basis f\u00fcr die Webplattform<\/td><\/tr>\n <tr><td>Operating System<\/td><td>Linux Server \/ eigenverwaltete Umgebung<\/td><td>Grundsystem f\u00fcr Web- und CMS-Betrieb<\/td><\/tr>\n <tr><td>Domain & TLS<\/td><td>www.mayit.eu + Let\u2019s Encrypt<\/td><td>Namensaufl\u00f6sung und verschl\u00fcsselte Auslieferung<\/td><\/tr>\n <tr><td>Web Stack<\/td><td>nginx bzw. Apache, PHP, MariaDB<\/td><td>Webserver, Runtime und Datenbankbasis<\/td><\/tr>\n <tr><td>Application<\/td><td>WordPress<\/td><td>Content-Management-System f\u00fcr Inhalte und Seitenpflege<\/td><\/tr>\n <tr><td>Compliance<\/td><td>Impressum, Datenschutz, Kontaktformular<\/td><td>DSGVO-konforme Pflicht- und Interaktionsseiten<\/td><\/tr>\n <tr><td>Operations<\/td><td>Updates, Backups, Performancepflege<\/td><td>Laufender sicherer und stabiler Plattformbetrieb<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div>\n <div class=\"note\">\n <b>Kernidee:<\/b> Die Website basiert auf einer vollst\u00e4ndig selbst kontrollierten Infrastruktur.\n WordPress dient als flexibles CMS zur strukturierten Pflege von Inhalten, w\u00e4hrend der darunterliegende\n Webstack Sicherheit, Performance und nachhaltige Wartbarkeit sicherstellt.\n <\/div>\n <div class=\"hr\"><\/div>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#arch1\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"arch1\">Internet \/ Besucher\n \u2502\n \u251c\u2500\u2500 Domain: www.mayit.eu\n \u2502\n \u251c\u2500\u2500 TLS \/ Let's Encrypt\n \u2502\n \u251c\u2500\u2500 Webserver (nginx \/ Apache)\n \u2502 \u2502\n \u2502 \u251c\u2500\u2500 PHP Runtime\n \u2502 \u251c\u2500\u2500 WordPress CMS\n \u2502 \u2514\u2500\u2500 MariaDB Datenbank\n \u2502\n \u2514\u2500\u2500 Inhalte: Skills, Projekte, Zertifikate, Werdegang, Kontakt<\/pre>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"dashboards\" class=\"card\">\n <h3>Website, Domain & Zugriffe<\/h3>\n <div class=\"grid cols2\">\n <div>\n <div class=\"note\"><b>\u00d6ffentliche Website<\/b><\/div>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#dash1\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"dash1\">https:\/\/www.mayit.eu<\/pre>\n <\/div>\n <div class=\"muted small\" style=\"margin-top:10px\">\n Zweck: \u00d6ffentliche Pr\u00e4sentation der beruflichen Qualifikationen, IT-Skills, Projekte, Zertifikate\n und der pers\u00f6nlichen beruflichen Entwicklung in einer konsistenten Webpr\u00e4senz.\n <\/div>\n <\/div>\n <div>\n <div class=\"note\"><b>Administrativer Zugriff<\/b><\/div>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#dash2\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"dash2\">https:\/\/www.mayit.eu\/wp-admin<\/pre>\n <\/div>\n <div class=\"muted small\" style=\"margin-top:10px\">\n Zweck: Gesch\u00fctzter Administrationsbereich zur Inhaltsverwaltung, Plugin-Pflege, Theme-Konfiguration\n sowie zur laufenden Wartung und technischen Weiterentwicklung der Website.\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hr\"><\/div>\n <div class=\"warn\">\n <b>Zugriffsschutz:<\/b> Der Administrationsbereich muss durch starke Zugangsdaten, aktuelle Updates,\n reduzierte Plugin-Angriffsfl\u00e4che und eine saubere TLS-Konfiguration gesch\u00fctzt werden. \u00d6ffentliche\n Kontakt- und Pflichtseiten bleiben erreichbar, administrative Bereiche hingegen nur f\u00fcr berechtigte Nutzer.\n <\/div>\n <\/section>\n\n <section id=\"backend\" class=\"card\">\n <h3>WordPress Backend \/ CMS<\/h3>\n <div class=\"grid cols2\">\n <div>\n <div class=\"note\"><b>Backend-Komponente<\/b><\/div>\n <ul>\n <li>Plattform: <span class=\"kbd\">WordPress<\/span><\/li>\n <li>Betriebsmodell: CMS auf eigenem Netcup vServer<\/li>\n <li>Runtime: <span class=\"kbd\">PHP<\/span><\/li>\n <li>Datenhaltung: <span class=\"kbd\">MariaDB<\/span><\/li>\n <\/ul>\n <\/div>\n <div id=\"api-output\">\n <div class=\"note\"><b>Technische Kernbefehle<\/b><\/div>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#api1\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"api1\">sudo systemctl status nginx\nsudo systemctl status mariadb\nsudo systemctl status php-fpm\ncurl -I https:\/\/www.mayit.eu<\/pre>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hr\"><\/div>\n <table>\n <thead><tr><th>Baustein<\/th><th>Bedeutung<\/th><th>Aufgabe<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>WordPress Core<\/td><td>CMS-Grundsystem<\/td><td>Verwaltung von Seiten, Medien und Inhaltsstrukturen<\/td><\/tr>\n <tr><td>Theme<\/td><td>Visuelle Darstellung<\/td><td>Professionelles Layout und Wiedererkennungswert der Marke MayIT<\/td><\/tr>\n <tr><td>Plugins<\/td><td>Funktionsmodule<\/td><td>Kontaktformular, Datenschutz, Caching, SEO und technische Erweiterungen<\/td><\/tr>\n <tr><td>Seiteneditor<\/td><td>Content-Pflege<\/td><td>Erstellung und Aktualisierung von Skills, Projekten und Referenzen<\/td><\/tr>\n <tr><td>Medienverwaltung<\/td><td>Datei- und Bildablage<\/td><td>Integration von Zertifikaten, Grafiken, Projektbildern und Nachweisen<\/td><\/tr>\n <tr><td>Benutzerverwaltung<\/td><td>Zugriffssteuerung<\/td><td>Absicherung des administrativen Bereichs und Rollenmanagement<\/td><\/tr>\n <tr><td>Datenbank<\/td><td>Persistenzschicht<\/td><td>Speicherung von Seiteninhalten, Optionen, Benutzern und Plugin-Daten<\/td><\/tr>\n <tr><td>Webserver-Konfiguration<\/td><td>Auslieferungsebene<\/td><td>HTTPS, Redirects, Caching und Performance-orientierte Bereitstellung<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/section>\n\n <section id=\"tiles\" class=\"card\">\n <h3>Seitenstruktur & Inhaltsbausteine<\/h3>\n <div class=\"grid cols2\">\n <div>\n <div class=\"note\"><b>Fachliche Kernbereiche<\/b><\/div>\n <table style=\"margin-top:12px\">\n <thead><tr><th>Bereich<\/th><th>Inhalt<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Startseite<\/td><td>Einf\u00fchrung, Kurzprofil und zielgerichteter Ersteindruck<\/td><\/tr>\n <tr><td>\u00dcber mich<\/td><td>Pers\u00f6nliche Einordnung, Motivation und berufliche Ausrichtung<\/td><\/tr>\n <tr><td>IT-Skills<\/td><td>Technologien, Plattformen, Tools und operative Kompetenzen<\/td><\/tr>\n <tr><td>Projekte<\/td><td>Dokumentierte Umsetzungen, technische L\u00f6sungen und Praxisbeispiele<\/td><\/tr>\n <tr><td>Zertifikate<\/td><td>Weiterbildungen, Qualifikationsnachweise und erworbene Kenntnisse<\/td><\/tr>\n <tr><td>Beruflicher Werdegang<\/td><td>Berufserfahrung, Rollenprofile und relevante Stationen<\/td><\/tr>\n <tr><td>Kontakt<\/td><td>Kontaktformular und Kommunikationsm\u00f6glichkeit<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div>\n <div class=\"note\"><b>Pflicht- und Vertrauenselemente<\/b><\/div>\n <table style=\"margin-top:12px\">\n <thead><tr><th>Element<\/th><th>Inhalt<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Impressum<\/td><td>Rechtlich erforderliche Anbieterkennzeichnung<\/td><\/tr>\n <tr><td>Privacy Policy<\/td><td>Transparenz zu Datenverarbeitung und Kontaktaufnahme<\/td><\/tr>\n <tr><td>SSL-Verschl\u00fcsselung<\/td><td>Schutz der Daten\u00fcbertragung zwischen Nutzer und Website<\/td><\/tr>\n <tr><td>Responsives Design<\/td><td>Optimale Nutzbarkeit auf Desktop, Tablet und Smartphone<\/td><\/tr>\n <tr><td>Klare Navigation<\/td><td>Strukturierte F\u00fchrung durch fachliche und pers\u00f6nliche Inhalte<\/td><\/tr>\n <tr><td>Professionelle Sprache<\/td><td>Seri\u00f6se, klare und zielgruppenorientierte Darstellung<\/td><\/tr>\n <tr><td>Wiedererkennbarkeit<\/td><td>Konsistente Darstellung der Marke MayIT<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n <div class=\"hr\"><\/div>\n <div class=\"grid cols2\">\n <div>\n <div class=\"note\"><b>Technische Inhaltsklassen<\/b><\/div>\n <table style=\"margin-top:12px\">\n <thead><tr><th>Klasse<\/th><th>Beschreibung<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Statische Seiten<\/td><td>Grundlegende Profil- und Pflichtinhalte mit geringer \u00c4nderungsfrequenz<\/td><\/tr>\n <tr><td>Projektbeitr\u00e4ge<\/td><td>Dynamisch erweiterbare Portfoliobeitr\u00e4ge mit technischem Fokus<\/td><\/tr>\n <tr><td>Medienobjekte<\/td><td>Bilder, Logos, Zertifikate und Dokumentationsgrafiken<\/td><\/tr>\n <tr><td>Formulare<\/td><td>Kontaktaufnahme mit datenschutzkonformer Einwilligungslogik<\/td><\/tr>\n <tr><td>SEO-relevante Inhalte<\/td><td>Strukturierte Texte, \u00dcberschriften und Suchmaschinenlesbarkeit<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div>\n <div class=\"note\"><b>Gestaltungsprinzipien<\/b><\/div>\n <table style=\"margin-top:12px\">\n <thead><tr><th>Prinzip<\/th><th>Nutzen<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Reduktion<\/td><td>Fokus auf wesentliche Aussagen ohne visuelle \u00dcberladung<\/td><\/tr>\n <tr><td>Lesbarkeit<\/td><td>Schnelle Erfassbarkeit von Kompetenzen und Projekten<\/td><\/tr>\n <tr><td>Struktur<\/td><td>Nachvollziehbare Aufteilung in fachliche Themenbl\u00f6cke<\/td><\/tr>\n <tr><td>Professionalit\u00e4t<\/td><td>Seri\u00f6ser Gesamteindruck im Bewerbungskontext<\/td><\/tr>\n <tr><td>Wartbarkeit<\/td><td>Einfache sp\u00e4tere Erg\u00e4nzung neuer Inhalte und Referenzen<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"health\" class=\"card\">\n <h3>Qualit\u00e4t, DSGVO & Optimierungslogik<\/h3>\n <div id=\"health-matrix\" class=\"grid cols2\">\n <div>\n <div class=\"ok\"><b>Qualit\u00e4tsdimension Webplattform<\/b><\/div>\n <p class=\"muted\">Die Website wird nicht nur nach optischen Kriterien bewertet, sondern nach technischer Stabilit\u00e4t,\n Lesbarkeit, Datenschutzkonformit\u00e4t und nachhaltiger Pflegef\u00e4higkeit.<\/p>\n <table>\n <thead><tr><th>Einfluss<\/th><th>Bewertung<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Responsives Layout<\/td><td>Verbessert Nutzbarkeit und professionellen Gesamteindruck<\/td><\/tr>\n <tr><td>Klare Seitenstruktur<\/td><td>Erh\u00f6ht Orientierung und Informationszugriff<\/td><\/tr>\n <tr><td>Ladezeitoptimierung<\/td><td>Verbessert Benutzererlebnis und Suchmaschinenwirkung<\/td><\/tr>\n <tr><td>Regelm\u00e4\u00dfige Updates<\/td><td>Reduziert Sicherheits- und Kompatibilit\u00e4tsrisiken<\/td><\/tr>\n <tr><td>Datenschutzseiten vorhanden<\/td><td>Erf\u00fcllt rechtliche Mindestanforderungen<\/td><\/tr>\n <tr><td>Kontaktformular sauber integriert<\/td><td>Verbessert Interaktion bei kontrollierter Datenverarbeitung<\/td><\/tr>\n <tr><td>Projekt- und Skill-Dokumentation<\/td><td>Steigert fachliche Aussagekraft der Website<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div>\n <div class=\"ok\"><b>Optimierungslogik<\/b><\/div>\n <p class=\"muted\">Die Plattform wird fortlaufend anhand technischer und inhaltlicher Kriterien verfeinert, um\n Sicherheit, Performance und \u00dcberzeugungskraft im Bewerbungsumfeld dauerhaft hoch zu halten.<\/p>\n <table>\n <thead><tr><th>Einfluss<\/th><th>Bewertung<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Bildoptimierung<\/td><td>Reduziert Ladezeiten und Bandbreitenverbrauch<\/td><\/tr>\n <tr><td>Caching<\/td><td>Entlastet Webserver und beschleunigt Seitenauslieferung<\/td><\/tr>\n <tr><td>Minimierte CSS\/JS-Last<\/td><td>Verbessert technische Performance<\/td><\/tr>\n <tr><td>SEO-f\u00e4hige Struktur<\/td><td>Erh\u00f6ht Auffindbarkeit und Relevanz<\/td><\/tr>\n <tr><td>Inhaltsaktualit\u00e4t<\/td><td>H\u00e4lt die Website glaubw\u00fcrdig und lebendig<\/td><\/tr>\n <tr><td>Plugin-Disziplin<\/td><td>Verringert technische Komplexit\u00e4t und Angriffsfl\u00e4che<\/td><\/tr>\n <tr><td>Saubere Rechte- und Administrationsstruktur<\/td><td>Verbessert Betriebssicherheit<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n <div class=\"hr\"><\/div>\n <div class=\"grid cols3\">\n <div class=\"note\">\n <b>DSGVO-Konformit\u00e4t<\/b><br>\n Kernanforderungen:\n <ul>\n <li>Impressum vorhanden<\/li>\n <li>Datenschutzerkl\u00e4rung vorhanden<\/li>\n <li>Kontaktformular mit transparenter Einwilligungslogik<\/li>\n <\/ul>\n <\/div>\n <div class=\"note\">\n <b>Content-Qualit\u00e4t<\/b><br>\n Fokus auf:\n <ul>\n <li>Klare Texte<\/li>\n <li>Fachlich nachvollziehbare Projektbeschreibungen<\/li>\n <li>Strukturierte Darstellung beruflicher Kompetenzen<\/li>\n <\/ul>\n <\/div>\n <div class=\"note\">\n <b>Technische Qualit\u00e4t<\/b><br>\n Bewertungsgrundlagen:\n <ul>\n <li>HTTPS aktiv<\/li>\n <li>Core\/Plugins aktuell<\/li>\n <li>Stabile Erreichbarkeit der Website<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"hr\"><\/div>\n <div class=\"warn\">\n <b>Gesamtqualit\u00e4t der Plattform:<\/b> Die fachliche Wirkung der Website entsteht aus dem Zusammenspiel\n von professionellem Design, inhaltlicher Substanz, datenschutzkonformer Umsetzung und verl\u00e4sslichem\n technischen Betrieb auf eigener Infrastruktur.\n <\/div>\n <\/section>\n\n <section id=\"security\" class=\"card\">\n <h3>Security & Datenschutzma\u00dfnahmen<\/h3>\n <div class=\"grid cols2\">\n <div>\n <div class=\"note\"><b>Technische Security<\/b><\/div>\n <ul>\n <li>HTTPS-Absicherung per Let\u2019s Encrypt<\/li>\n <li>Serverbetrieb auf eigener kontrollierter Infrastruktur<\/li>\n <li>Reduktion unn\u00f6tiger Plugins und Funktionskomplexit\u00e4t<\/li>\n <li>Regelm\u00e4\u00dfige Pflege von WordPress Core, Themes und Plugins<\/li>\n <li>Schutz des Admin-Bereichs durch starke Authentisierung<\/li>\n <\/ul>\n <\/div>\n <div>\n <div class=\"note\"><b>Datenschutz<\/b><\/div>\n <ul>\n <li>DSGVO-konforme Pflichtseiten inklusive Impressum und Datenschutz<\/li>\n <li>Kontaktformular nur mit nachvollziehbarer Einwilligungslogik<\/li>\n <li>Bewusster Umgang mit externen Einbindungen und Drittinhalten<\/li>\n <li>Datensparsame Gestaltung der Website ohne unn\u00f6tige Erfassung<\/li>\n <li>Transparente Darstellung der Kontakt- und Verarbeitungszwecke<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"hr\"><\/div>\n <div class=\"grid cols2\">\n <div>\n <div class=\"note\"><b>Betriebliche Absicherung<\/b><\/div>\n <ul>\n <li>Kontrollierte Update-Prozesse<\/li>\n <li>Regelm\u00e4\u00dfige Backups von Datenbank und Webdateien<\/li>\n <li>Monitoring der Erreichbarkeit und Funktionsf\u00e4higkeit<\/li>\n <li>\u00dcberpr\u00fcfung auf Theme- und Plugin-Kompatibilit\u00e4t nach \u00c4nderungen<\/li>\n <\/ul>\n <\/div>\n <div>\n <div class=\"note\"><b>Risikoreduktion<\/b><\/div>\n <ul>\n <li>Minimierung der Angriffsfl\u00e4che durch schlanke Architektur<\/li>\n <li>Saubere Rechtevergabe im Administrationsbereich<\/li>\n <li>Verzicht auf unn\u00f6tige externe Abh\u00e4ngigkeiten<\/li>\n <li>Stabilit\u00e4ts- und Sicherheitsfokus vor kosmetischen Erweiterungen<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"alerts\" class=\"card\">\n <h3>Wartung, Updates & Eskalation<\/h3>\n <div id=\"alert-matrix\" class=\"grid cols2\">\n <div>\n <div class=\"warn\"><b>Wartungslogik<\/b><\/div>\n <table style=\"margin-top:12px\">\n <thead><tr><th>Ma\u00dfnahme<\/th><th>Trigger<\/th><th>Priorit\u00e4t<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>WordPress Core Update<\/td><td>Neue stabile Sicherheits- oder Funktionsversion<\/td><td>Hoch<\/td><\/tr>\n <tr><td>Plugin Update<\/td><td>Verf\u00fcgbare Sicherheits- oder Kompatibilit\u00e4tsupdates<\/td><td>Hoch<\/td><\/tr>\n <tr><td>Theme-Pr\u00fcfung<\/td><td>Design- oder Kompatibilit\u00e4ts\u00e4nderungen nach Updates<\/td><td>Mittel<\/td><\/tr>\n <tr><td>Broken Link \/ Formularpr\u00fcfung<\/td><td>\u00c4nderungen an Seiten oder Routing<\/td><td>Mittel<\/td><\/tr>\n <tr><td>Performanceoptimierung<\/td><td>Erh\u00f6hte Ladezeiten oder gr\u00f6\u00dfere Medienmengen<\/td><td>Mittel<\/td><\/tr>\n <tr><td>Datenschutz-Review<\/td><td>Inhaltliche oder funktionale Erweiterungen<\/td><td>Hoch<\/td><\/tr>\n <tr><td>Sicherungspr\u00fcfung<\/td><td>Vor gr\u00f6\u00dferen \u00c4nderungen und nach kritischen Updates<\/td><td>Hoch<\/td><\/tr>\n <tr><td>Wiederherstellung<\/td><td>Ausfall, Fehlupdate oder besch\u00e4digte Website<\/td><td>Kritisch<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div>\n <div class=\"warn\"><b>Eskalationslogik<\/b><\/div>\n <ul>\n <li>Kritische Fehler priorisieren immer vor visuellen Optimierungen.<\/li>\n <li>Vor \u00c4nderungen an Theme, Plugins oder Core ist ein Backup Pflicht.<\/li>\n <li>Fehlfunktionen im Kontaktformular oder HTTPS werden sofort behandelt.<\/li>\n <li>Nach Updates erfolgen Funktions-, Darstellungs- und Erreichbarkeitstests.<\/li>\n <\/ul>\n <div class=\"hr\"><\/div>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#alert1\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"alert1\">Beispiel:\nHIGH: WordPress security update available\nHIGH: Contact form validation required after plugin update\nCRITICAL: Website unreachable or HTTPS invalid<\/pre>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"operations\" class=\"card\">\n <h3>Betrieb & Aufgabenmodell<\/h3>\n <div class=\"grid cols3\">\n <div class=\"note\">\n <b>Daily<\/b><br>\n <ul>\n <li>\u00d6ffentliche Website auf Erreichbarkeit pr\u00fcfen<\/li>\n <li>Kontaktformular stichprobenartig validieren<\/li>\n <li>Darstellung auf zentrale Inhalte und Navigation pr\u00fcfen<\/li>\n <li>Sichtpr\u00fcfung auf offensichtliche Fehler oder Darstellungsbr\u00fcche<\/li>\n <\/ul>\n <\/div>\n <div class=\"note\">\n <b>Weekly<\/b><br>\n <ul>\n <li>Verf\u00fcgbare Core-, Theme- und Plugin-Updates bewerten<\/li>\n <li>Backups von Datenbank und Dateien pr\u00fcfen<\/li>\n <li>Projekt- und Skill-Inhalte auf Aktualit\u00e4t \u00fcberpr\u00fcfen<\/li>\n <li>Performance und Ladezeitentwicklung im Blick behalten<\/li>\n <\/ul>\n <\/div>\n <div class=\"note\">\n <b>Monthly<\/b><br>\n <ul>\n <li>Datenschutz- und Pflichtseiten gegen \u00c4nderungen pr\u00fcfen<\/li>\n <li>Wiederherstellungskonzept und Sicherungsstand validieren<\/li>\n <li>Gestaltungs- und Inhaltsqualit\u00e4t kritisch reviewen<\/li>\n <li>Technische Architektur und Plugin-Landschaft konsolidieren<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"troubleshooting\" class=\"card\">\n <h3>Troubleshooting<\/h3>\n <div class=\"grid cols2\">\n <div>\n <div class=\"note\"><b>Webstack pr\u00fcfen<\/b><\/div>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#tr1\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"tr1\">sudo systemctl status nginx\nsudo systemctl status mariadb\nsudo systemctl status php-fpm\ncurl -I https:\/\/www.mayit.eu<\/pre>\n <\/div>\n <\/div>\n <div>\n <div class=\"note\"><b>WordPress pr\u00fcfen<\/b><\/div>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#tr2\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"tr2\">wp core version\nwp plugin list\nwp theme list\nwp option get siteurl<\/pre>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hr\"><\/div>\n <div class=\"grid cols2\">\n <div>\n <div class=\"note\"><b>TLS & Erreichbarkeit pr\u00fcfen<\/b><\/div>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#tr3\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"tr3\">curl -I https:\/\/www.mayit.eu\nopenssl s_client -connect www.mayit.eu:443 -servername www.mayit.eu<\/pre>\n <\/div>\n <\/div>\n <div>\n <div class=\"note\"><b>Formular- und Inhaltspr\u00fcfung<\/b><\/div>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#tr4\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"tr4\">Seiten aufrufen: Startseite, Projekte, Kontakt\nFormular validieren\nImpressum und Datenschutz auf Vollst\u00e4ndigkeit pr\u00fcfen<\/pre>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hr\"><\/div>\n <details>\n <summary>Typische Fehlerbilder<\/summary>\n <ul>\n <li><b>Website nicht erreichbar:<\/b> Webserver, DNS, Zertifikat oder Routing pr\u00fcfen.<\/li>\n <li><b>Admin-Login fehlerhaft:<\/b> Plugin-Konflikte, Rechteprobleme oder PHP-Fehler untersuchen.<\/li>\n <li><b>Langsame Website:<\/b> Gro\u00dfe Medien, fehlendes Caching oder Plugin-Overhead pr\u00fcfen.<\/li>\n <li><b>Formular ohne Funktion:<\/b> Validierung, Plugin-Konfiguration und Mailzustellung kontrollieren.<\/li>\n <li><b>Layoutfehler nach Update:<\/b> Theme- und Plugin-Kompatibilit\u00e4t gegeneinander validieren.<\/li>\n <\/ul>\n <\/details>\n <\/section>\n\n <section id=\"backup\" class=\"card\">\n <h3>Backup & Recovery<\/h3>\n <div class=\"grid cols2\">\n <div>\n <div class=\"note\"><b>Kritische Sicherungsobjekte<\/b><\/div>\n <ul>\n <li><span class=\"kbd\">WordPress Dateien<\/span><\/li>\n <li><span class=\"kbd\">Uploads \/ Medien<\/span><\/li>\n <li><span class=\"kbd\">Theme- und Plugin-Konfigurationen<\/span><\/li>\n <li><span class=\"kbd\">MariaDB Datenbank<\/span><\/li>\n <\/ul>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#bk1\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"bk1\">mysqldump -u root -p DB_NAME > mayit_wp_backup.sql\ntar -czf mayit_wp_files_$(date +%Y%m%d_%H%M).tar.gz \/var\/www\/html<\/pre>\n <\/div>\n <\/div>\n <div>\n <div class=\"note\"><b>Recovery<\/b><\/div>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#bk2\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"bk2\">tar -xzf mayit_wp_files_YYYYMMDD_HHMM.tar.gz -C \/\nmysql -u root -p DB_NAME < mayit_wp_backup.sql\nsudo systemctl restart nginx\nsudo systemctl restart php-fpm<\/pre>\n <\/div>\n <div class=\"muted small\" style=\"margin-top:10px\">\n Prinzip: Vor gr\u00f6\u00dferen \u00c4nderungen immer Vollsicherung von Dateien und Datenbank erstellen und nach\n kritischen Eingriffen Funktions- und Erreichbarkeitstests durchf\u00fchren.\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"appendix\" class=\"card\">\n <h3>Anhang<\/h3>\n <table>\n <thead><tr><th>Element<\/th><th>Pfad \/ Zweck<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>\u00d6ffentliche Website<\/td><td><span class=\"kbd\">https:\/\/www.mayit.eu<\/span><\/td><\/tr>\n <tr><td>WordPress Admin<\/td><td><span class=\"kbd\">https:\/\/www.mayit.eu\/wp-admin<\/span><\/td><\/tr>\n <tr><td>Webserver<\/td><td><span class=\"kbd\">nginx \/ Apache<\/span><\/td><\/tr>\n <tr><td>Runtime<\/td><td><span class=\"kbd\">PHP<\/span><\/td><\/tr>\n <tr><td>Datenbank<\/td><td><span class=\"kbd\">MariaDB<\/span><\/td><\/tr>\n <tr><td>CMS<\/td><td><span class=\"kbd\">WordPress<\/span><\/td><\/tr>\n <tr><td>TLS<\/td><td><span class=\"kbd\">Let\u2019s Encrypt<\/span><\/td><\/tr>\n <\/tbody>\n <\/table>\n\n <div class=\"footer\">\n <b>Autor:<\/b> MayIT \u2022 <b>Dokumenttyp:<\/b> Projektdokumentation \u2022 <b>System:<\/b> MayIT Portfolio- und Bewerbungs-Website\n <\/div>\n <\/section>\n\n <div class=\"print-only\">Autor: MayIT \u2013 Projektdokumentation MayIT Portfolio- und Bewerbungs-Website<\/div>\n <\/div>\n <\/main>\n <\/div>\n\n <script>\n function copyText(text){\n if(navigator.clipboard && window.isSecureContext){\n return navigator.clipboard.writeText(text);\n }\n return new Promise((resolve, reject)=>{\n try{\n const ta = document.createElement('textarea');\n ta.value = text;\n ta.style.position = 'fixed';\n ta.style.left = '-9999px';\n ta.style.top = '0';\n document.body.appendChild(ta);\n ta.focus();\n ta.select();\n const ok = document.execCommand('copy');\n document.body.removeChild(ta);\n ok ? resolve() : reject();\n } catch(e){ reject(e); }\n });\n }\n document.querySelectorAll('.copybtn').forEach(btn=>{\n btn.addEventListener('click', async ()=>{\n const sel = btn.getAttribute('data-copy');\n const pre = document.querySelector(sel);\n if(!pre) return;\n const text = pre.innerText.replace(\/\\u00a0\/g,' ');\n const old = btn.innerHTML;\n try{\n await copyText(text);\n btn.innerHTML = '<span class=\"dot\" style=\"background: var(--accent2)\"><\/span>Copied';\n setTimeout(()=>btn.innerHTML = old, 1100);\n } catch(e){\n btn.innerHTML = '<span class=\"dot\" style=\"background: var(--warn)\"><\/span>Copy failed';\n setTimeout(()=>btn.innerHTML = old, 1400);\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Projektdokumentation \u2013 MayIT Portfolio & Bewerbungs-Website M Projektdokumentation Webplattform \u2022 Security \u2022 Betrieb \u2022 Autor: MayIT Ziel: Vollst\u00e4ndige Dokumentation der MayIT Portfolio- und Bewerbungs-Website Navigation Scope & Zielbild System- und Web-Architektur Website, Domain & Zugriffe WordPress Backend \/ CMS Seitenstruktur & Inhaltsbausteine Qualit\u00e4t, DSGVO & Optimierungslogik Security & Datenschutzma\u00dfnahmen Wartung, Updates & Eskalation Betrieb & […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"unboxed","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":"","ast-disable-related-posts":"","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-2554","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"MIT","author_link":"https:\/\/www.mayit.eu\/en\/author\/markus_\/"},"uagb_comment_info":0,"uagb_excerpt":"Projektdokumentation \u2013 MayIT Portfolio & Bewerbungs-Website M Projektdokumentation Webplattform \u2022 Security \u2022 Betrieb \u2022 Autor: MayIT Ziel: Vollst\u00e4ndige Dokumentation der MayIT Portfolio- und Bewerbungs-Website Navigation Scope & Zielbild System- und Web-Architektur Website, Domain & Zugriffe WordPress Backend \/ CMS Seitenstruktur & Inhaltsbausteine Qualit\u00e4t, DSGVO & Optimierungslogik Security & Datenschutzma\u00dfnahmen Wartung, Updates & Eskalation Betrieb &…","_links":{"self":[{"href":"https:\/\/www.mayit.eu\/en\/wp-json\/wp\/v2\/pages\/2554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mayit.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mayit.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mayit.eu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mayit.eu\/en\/wp-json\/wp\/v2\/comments?post=2554"}],"version-history":[{"count":2,"href":"https:\/\/www.mayit.eu\/en\/wp-json\/wp\/v2\/pages\/2554\/revisions"}],"predecessor-version":[{"id":2556,"href":"https:\/\/www.mayit.eu\/en\/wp-json\/wp\/v2\/pages\/2554\/revisions\/2556"}],"wp:attachment":[{"href":"https:\/\/www.mayit.eu\/en\/wp-json\/wp\/v2\/media?parent=2554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2554,"date":"2026-03-25T14:03:28","date_gmt":"2026-03-25T14:03:28","guid":{"rendered":"https:\/\/www.mayit.eu\/?page_id=2554"},"modified":"2026-03-28T23:05:41","modified_gmt":"2026-03-28T23:05:41","slug":"wordpressprojekt","status":"publish","type":"page","link":"https:\/\/www.mayit.eu\/en\/wordpressprojekt\/","title":{"rendered":"WordPressProjekt"},"content":{"rendered":"\n\n\n \n \n Projektdokumentation \u2013 MayIT Portfolio & Bewerbungs-Website<\/title>\n <meta name=\"author\" content=\"MayIT\" \/>\n <meta name=\"description\" content=\"Projektdokumentation zum Aufbau der MayIT Bewerbungs- und Portfolio-Website www.mayit.eu mit WordPress, Netcup Hosting, DSGVO-Compliance, Security, Performance und Betrieb.\" \/>\n <style>\n :root{\n --bg:#0b0f14; --panel:#111827; --panel2:#0f172a;\n --text:#e5e7eb; --muted:#9ca3af;\n --accent:#60a5fa; --accent2:#34d399; --warn:#f59e0b; --danger:#fb7185; --ok:#22c55e;\n --border:#1f2937; --codeborder:#1d2a3a;\n --shadow: 0 10px 30px rgba(0,0,0,.35);\n --radius: 16px;\n --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n --sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n }\n *{box-sizing:border-box}\n html{scroll-behavior:smooth}\n body{\n margin:0; font-family:var(--sans);\n background:\n radial-gradient(1200px 600px at 10% -10%, rgba(96,165,250,.18), transparent 55%),\n radial-gradient(900px 500px at 80% 0%, rgba(52,211,153,.10), transparent 50%),\n var(--bg);\n color:var(--text);\n }\n a{color:var(--accent); text-decoration:none}\n a:hover{text-decoration:underline}\n .layout{display:flex; min-height:100vh}\n .toc{\n position:sticky; top:0; height:100vh; width:360px; min-width:300px;\n padding:22px 18px;\n background:linear-gradient(180deg, rgba(17,24,39,.92), rgba(15,23,42,.92));\n border-right:1px solid var(--border); overflow:auto; backdrop-filter: blur(8px);\n }\n .brand{\n display:flex; gap:10px; align-items:center;\n padding:10px 10px 14px; border:1px solid var(--border);\n border-radius:14px; background:rgba(11,18,32,.65); box-shadow:var(--shadow);\n margin-bottom:14px;\n }\n .logo{\n width:38px; height:38px; border-radius:12px;\n background:linear-gradient(135deg, rgba(96,165,250,.95), rgba(52,211,153,.95));\n display:flex; align-items:center; justify-content:center;\n color:#06101c; font-weight:900;\n }\n .brand h1{font-size:14px; margin:0}\n .brand .sub{font-size:12px; color:var(--muted); margin-top:2px}\n .pill{\n display:inline-flex; align-items:center; gap:8px;\n font-size:12px; color:var(--muted);\n padding:10px 12px; border:1px solid var(--border);\n border-radius:999px; background:rgba(11,18,32,.55);\n margin:10px 8px 0;\n }\n .pill b{color:var(--text)}\n .toc h2{font-size:12px; margin:14px 10px 8px; color:var(--muted); letter-spacing:.08em; text-transform:uppercase}\n .toc ul{list-style:none; margin:0; padding:0 6px 14px}\n .toc li{margin:6px 0}\n .toc a{\n display:block; padding:8px 10px; border-radius:12px;\n color:var(--text); border:1px solid transparent;\n }\n .toc a:hover{border-color:rgba(96,165,250,.35); background:rgba(96,165,250,.10); text-decoration:none}\n .main{flex:1; padding:28px 26px 80px}\n .container{max-width:1120px; margin:0 auto}\n .hero{\n padding:22px; border-radius: var(--radius);\n background: linear-gradient(180deg, rgba(17,24,39,.55), rgba(15,23,42,.35));\n border:1px solid var(--border); box-shadow: var(--shadow);\n }\n .hero h1{font-size:28px; margin:0 0 8px}\n .hero .meta{display:flex; flex-wrap:wrap; gap:10px; margin-top:12px}\n .tag{\n font-size:12px; color:var(--text);\n padding:8px 12px; border-radius:999px;\n border:1px solid var(--border); background:rgba(11,18,32,.55);\n }\n section{margin-top:18px}\n .card{\n padding:18px; border-radius: var(--radius);\n border:1px solid var(--border);\n background: rgba(11,18,32,.55);\n box-shadow: var(--shadow);\n }\n .card h3{margin:0 0 10px; font-size:18px}\n .muted{color:var(--muted)}\n .small{font-size:12px}\n .note, .warn, .danger, .ok{\n border-radius:14px; padding:12px 14px; border:1px solid var(--border);\n background: rgba(96,165,250,.08);\n }\n .warn{background: rgba(245,158,11,.10); border-color: rgba(245,158,11,.25)}\n .danger{background: rgba(251,113,133,.10); border-color: rgba(251,113,133,.25)}\n .ok{background: rgba(34,197,94,.10); border-color: rgba(34,197,94,.25)}\n .hr{height:1px; background:var(--border); margin:14px 0}\n .grid{display:grid; gap:14px}\n @media (min-width: 980px){\n .grid.cols2{grid-template-columns: 1fr 1fr}\n .grid.cols3{grid-template-columns: 1fr 1fr 1fr}\n }\n table{width:100%; border-collapse:separate; border-spacing:0; overflow:hidden; border-radius:14px; border:1px solid var(--border)}\n th, td{padding:10px; border-bottom:1px solid var(--border); vertical-align:top}\n th{background:rgba(17,24,39,.55); text-align:left; font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted)}\n tr:last-child td{border-bottom:none}\n .codewrap{position:relative; margin-top:10px}\n pre{\n margin:0; padding:14px; overflow:auto; border-radius:14px;\n background:linear-gradient(180deg, rgba(10,15,26,.95), rgba(10,15,26,.85));\n border:1px solid var(--codeborder); color:var(--text);\n font-family: var(--mono); font-size:12.8px; line-height:1.45;\n }\n .copybtn{\n position:absolute; top:10px; right:10px;\n border:1px solid var(--border); background:rgba(15,23,42,.70);\n color:var(--text); padding:8px 10px; border-radius:12px;\n cursor:pointer; font-size:12px; display:flex; align-items:center; gap:8px;\n }\n .copybtn:hover{border-color:rgba(96,165,250,.40); background:rgba(96,165,250,.12)}\n .copybtn .dot{width:8px; height:8px; border-radius:99px; background:var(--accent)}\n .kbd{display:inline-block; padding:2px 8px; border-radius:10px; border:1px solid var(--border); background:rgba(15,23,42,.55); font-family:var(--mono); font-size:12px}\n .badge{display:inline-flex; align-items:center; gap:8px; padding:8px 10px; border-radius:999px; border:1px solid var(--border); background:rgba(15,23,42,.35); font-size:12px}\n .badge .b{width:8px;height:8px;border-radius:99px;background:var(--accent2)}\n .footer{\n margin-top:18px; padding:16px 18px; border-radius: var(--radius);\n border:1px solid var(--border); background:rgba(11,18,32,.45); color:var(--muted)\n }\n .footer b{color:var(--text)}\n details{\n border:1px solid var(--border); border-radius:14px; padding:10px 12px; background:rgba(15,23,42,.25)\n }\n summary{cursor:pointer; color:var(--text); font-weight:700}\n details p, details ul{color:var(--muted)}\n .print-only{display:none}\n @media print{\n body{background:#fff; color:#000}\n .layout{display:block}\n .toc{display:none}\n .hero, .card, .footer, details{box-shadow:none; background:#fff; border:1px solid #ddd}\n pre{background:#f7f7f7; color:#000; border:1px solid #ddd}\n .copybtn{display:none}\n a{color:#000; text-decoration:underline}\n .print-only{display:block}\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"layout\">\n <aside class=\"toc\">\n <div class=\"brand\">\n <div class=\"logo\">M<\/div>\n <div>\n <h1>Projektdokumentation<\/h1>\n <div class=\"sub\">Webplattform \u2022 Security \u2022 Betrieb \u2022 Autor: <b>MayIT<\/b><\/div>\n <\/div>\n <\/div>\n\n <div class=\"pill\"><b>Ziel:<\/b> Vollst\u00e4ndige Dokumentation der MayIT Portfolio- und Bewerbungs-Website<\/div>\n\n <h2>Navigation<\/h2>\n <ul>\n <li><a href=\"#scope\">Scope & Zielbild<\/a><\/li>\n <li><a href=\"#architecture\">System- und Web-Architektur<\/a><\/li>\n <li><a href=\"#dashboards\">Website, Domain & Zugriffe<\/a><\/li>\n <li><a href=\"#backend\">WordPress Backend \/ CMS<\/a><\/li>\n <li><a href=\"#tiles\">Seitenstruktur & Inhaltsbausteine<\/a><\/li>\n <li><a href=\"#health\">Qualit\u00e4t, DSGVO & Optimierungslogik<\/a><\/li>\n <li><a href=\"#security\">Security & Datenschutzma\u00dfnahmen<\/a><\/li>\n <li><a href=\"#alerts\">Wartung, Updates & Eskalation<\/a><\/li>\n <li><a href=\"#operations\">Betrieb & Aufgabenmodell<\/a><\/li>\n <li><a href=\"#troubleshooting\">Troubleshooting<\/a><\/li>\n <li><a href=\"#backup\">Backup & Recovery<\/a><\/li>\n <li><a href=\"#appendix\">Anhang<\/a><\/li>\n <\/ul>\n\n <h2>Quick Links<\/h2>\n <ul>\n <li><a href=\"#api-output\">Technische Kernbefehle<\/a><\/li>\n <li><a href=\"#health-matrix\">Qualit\u00e4ts-Matrix<\/a><\/li>\n <li><a href=\"#alert-matrix\">Wartungs-Matrix<\/a><\/li>\n <\/ul>\n\n <div class=\"footer small\">\n <div><b>Stand:<\/b> 2026-03-23<\/div>\n <div class=\"hr\"><\/div>\n <div>Dokument: HTML \u2022 Upload geeignet \u2022 Dark Enterprise Style<\/div>\n <\/div>\n <\/aside>\n\n <main class=\"main\">\n <div class=\"container\">\n <div class=\"hero\">\n <h1>MayIT Portfolio- und Bewerbungs-Website \u2013 Projektdokumentation<\/h1>\n <div class=\"muted\">\n Diese Projektdokumentation beschreibt die vollst\u00e4ndige Konzeption, technische Umsetzung und den laufenden\n Betrieb der Website <b>www.mayit.eu<\/b>. Dokumentiert werden Architektur, Hosting, WordPress-Betrieb,\n DSGVO-konforme Seitenstrukturen, Security-Ma\u00dfnahmen, Performanceoptimierung, Wartung sowie Backup- und\n Wiederherstellungsaspekte einer eigenbetriebenen professionellen Webpr\u00e4senz.\n <\/div>\n <div class=\"meta\">\n <span class=\"tag\">Autor: MayIT<\/span>\n <span class=\"tag\">WordPress CMS<\/span>\n <span class=\"tag\">Netcup vServer<\/span>\n <span class=\"tag\">DSGVO-konforme Webplattform<\/span>\n <span class=\"tag\">Operations Dokumentation<\/span>\n <\/div>\n <\/div>\n\n <section id=\"scope\" class=\"card\">\n <h3>Scope & Zielbild<\/h3>\n <div class=\"grid cols2\">\n <div>\n <div class=\"note\">\n <b>Zielbild:<\/b> Aufbau einer professionellen, eigenbetriebenen Bewerbungs- und Portfolio-Website,\n die fachliche Qualifikationen, IT-Projekte, Zertifikate und den beruflichen Werdegang strukturiert,\n vertrauensw\u00fcrdig und nachhaltig wartbar pr\u00e4sentiert.\n <\/div>\n <div class=\"hr\"><\/div>\n <ul>\n <li><b>Online-Pr\u00e4senz:<\/b> Zentrale digitale Visitenkarte f\u00fcr Bewerbungen und Referenzen.<\/li>\n <li><b>Portfolio:<\/b> Darstellung technischer Projekte, Betriebsdokumentationen und Umsetzungen.<\/li>\n <li><b>Branding:<\/b> St\u00e4rkung der eigenen Marke <b>MayIT<\/b> durch konsistente Au\u00dfendarstellung.<\/li>\n <li><b>Eigenbetrieb:<\/b> Volle Kontrolle \u00fcber Hosting, Datenhaltung, Sicherheitsniveau und Erweiterbarkeit.<\/li>\n <\/ul>\n <\/div>\n <div>\n <div class=\"ok\">\n <b>Projektziel:<\/b> Die Website soll nicht nur Inhalte anzeigen, sondern als belastbare,\n professionelle und technisch saubere Webplattform den gesamten Bewerbungs- und Portfolioauftritt\n dauerhaft unterst\u00fctzen.\n <\/div>\n <div class=\"hr\"><\/div>\n <div class=\"warn\">\n <b>Leitprinzip:<\/b> Klare Informationsarchitektur, datenschutzkonforme Umsetzung, sichere Bereitstellung,\n kontinuierliche Pflege und Performanceoptimierung ohne Abh\u00e4ngigkeit von externen Website-Bauk\u00e4sten.\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"architecture\" class=\"card\">\n <h3>System- und Web-Architektur<\/h3>\n <div class=\"grid cols2\">\n <div>\n <div class=\"badge\"><span class=\"b\"><\/span><b>Architekturprinzip:<\/b> Infrastruktur + CMS + Security + Betrieb<\/div>\n <div class=\"hr\"><\/div>\n <table>\n <thead><tr><th>Layer<\/th><th>Komponente<\/th><th>Funktion<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Infrastructure<\/td><td>Netcup vServer<\/td><td>Dedizierte Hosting-Basis f\u00fcr die Webplattform<\/td><\/tr>\n <tr><td>Operating System<\/td><td>Linux Server \/ eigenverwaltete Umgebung<\/td><td>Grundsystem f\u00fcr Web- und CMS-Betrieb<\/td><\/tr>\n <tr><td>Domain & TLS<\/td><td>www.mayit.eu + Let\u2019s Encrypt<\/td><td>Namensaufl\u00f6sung und verschl\u00fcsselte Auslieferung<\/td><\/tr>\n <tr><td>Web Stack<\/td><td>nginx bzw. Apache, PHP, MariaDB<\/td><td>Webserver, Runtime und Datenbankbasis<\/td><\/tr>\n <tr><td>Application<\/td><td>WordPress<\/td><td>Content-Management-System f\u00fcr Inhalte und Seitenpflege<\/td><\/tr>\n <tr><td>Compliance<\/td><td>Impressum, Datenschutz, Kontaktformular<\/td><td>DSGVO-konforme Pflicht- und Interaktionsseiten<\/td><\/tr>\n <tr><td>Operations<\/td><td>Updates, Backups, Performancepflege<\/td><td>Laufender sicherer und stabiler Plattformbetrieb<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div>\n <div class=\"note\">\n <b>Kernidee:<\/b> Die Website basiert auf einer vollst\u00e4ndig selbst kontrollierten Infrastruktur.\n WordPress dient als flexibles CMS zur strukturierten Pflege von Inhalten, w\u00e4hrend der darunterliegende\n Webstack Sicherheit, Performance und nachhaltige Wartbarkeit sicherstellt.\n <\/div>\n <div class=\"hr\"><\/div>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#arch1\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"arch1\">Internet \/ Besucher\n \u2502\n \u251c\u2500\u2500 Domain: www.mayit.eu\n \u2502\n \u251c\u2500\u2500 TLS \/ Let's Encrypt\n \u2502\n \u251c\u2500\u2500 Webserver (nginx \/ Apache)\n \u2502 \u2502\n \u2502 \u251c\u2500\u2500 PHP Runtime\n \u2502 \u251c\u2500\u2500 WordPress CMS\n \u2502 \u2514\u2500\u2500 MariaDB Datenbank\n \u2502\n \u2514\u2500\u2500 Inhalte: Skills, Projekte, Zertifikate, Werdegang, Kontakt<\/pre>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"dashboards\" class=\"card\">\n <h3>Website, Domain & Zugriffe<\/h3>\n <div class=\"grid cols2\">\n <div>\n <div class=\"note\"><b>\u00d6ffentliche Website<\/b><\/div>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#dash1\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"dash1\">https:\/\/www.mayit.eu<\/pre>\n <\/div>\n <div class=\"muted small\" style=\"margin-top:10px\">\n Zweck: \u00d6ffentliche Pr\u00e4sentation der beruflichen Qualifikationen, IT-Skills, Projekte, Zertifikate\n und der pers\u00f6nlichen beruflichen Entwicklung in einer konsistenten Webpr\u00e4senz.\n <\/div>\n <\/div>\n <div>\n <div class=\"note\"><b>Administrativer Zugriff<\/b><\/div>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#dash2\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"dash2\">https:\/\/www.mayit.eu\/wp-admin<\/pre>\n <\/div>\n <div class=\"muted small\" style=\"margin-top:10px\">\n Zweck: Gesch\u00fctzter Administrationsbereich zur Inhaltsverwaltung, Plugin-Pflege, Theme-Konfiguration\n sowie zur laufenden Wartung und technischen Weiterentwicklung der Website.\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hr\"><\/div>\n <div class=\"warn\">\n <b>Zugriffsschutz:<\/b> Der Administrationsbereich muss durch starke Zugangsdaten, aktuelle Updates,\n reduzierte Plugin-Angriffsfl\u00e4che und eine saubere TLS-Konfiguration gesch\u00fctzt werden. \u00d6ffentliche\n Kontakt- und Pflichtseiten bleiben erreichbar, administrative Bereiche hingegen nur f\u00fcr berechtigte Nutzer.\n <\/div>\n <\/section>\n\n <section id=\"backend\" class=\"card\">\n <h3>WordPress Backend \/ CMS<\/h3>\n <div class=\"grid cols2\">\n <div>\n <div class=\"note\"><b>Backend-Komponente<\/b><\/div>\n <ul>\n <li>Plattform: <span class=\"kbd\">WordPress<\/span><\/li>\n <li>Betriebsmodell: CMS auf eigenem Netcup vServer<\/li>\n <li>Runtime: <span class=\"kbd\">PHP<\/span><\/li>\n <li>Datenhaltung: <span class=\"kbd\">MariaDB<\/span><\/li>\n <\/ul>\n <\/div>\n <div id=\"api-output\">\n <div class=\"note\"><b>Technische Kernbefehle<\/b><\/div>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#api1\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"api1\">sudo systemctl status nginx\nsudo systemctl status mariadb\nsudo systemctl status php-fpm\ncurl -I https:\/\/www.mayit.eu<\/pre>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hr\"><\/div>\n <table>\n <thead><tr><th>Baustein<\/th><th>Bedeutung<\/th><th>Aufgabe<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>WordPress Core<\/td><td>CMS-Grundsystem<\/td><td>Verwaltung von Seiten, Medien und Inhaltsstrukturen<\/td><\/tr>\n <tr><td>Theme<\/td><td>Visuelle Darstellung<\/td><td>Professionelles Layout und Wiedererkennungswert der Marke MayIT<\/td><\/tr>\n <tr><td>Plugins<\/td><td>Funktionsmodule<\/td><td>Kontaktformular, Datenschutz, Caching, SEO und technische Erweiterungen<\/td><\/tr>\n <tr><td>Seiteneditor<\/td><td>Content-Pflege<\/td><td>Erstellung und Aktualisierung von Skills, Projekten und Referenzen<\/td><\/tr>\n <tr><td>Medienverwaltung<\/td><td>Datei- und Bildablage<\/td><td>Integration von Zertifikaten, Grafiken, Projektbildern und Nachweisen<\/td><\/tr>\n <tr><td>Benutzerverwaltung<\/td><td>Zugriffssteuerung<\/td><td>Absicherung des administrativen Bereichs und Rollenmanagement<\/td><\/tr>\n <tr><td>Datenbank<\/td><td>Persistenzschicht<\/td><td>Speicherung von Seiteninhalten, Optionen, Benutzern und Plugin-Daten<\/td><\/tr>\n <tr><td>Webserver-Konfiguration<\/td><td>Auslieferungsebene<\/td><td>HTTPS, Redirects, Caching und Performance-orientierte Bereitstellung<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/section>\n\n <section id=\"tiles\" class=\"card\">\n <h3>Seitenstruktur & Inhaltsbausteine<\/h3>\n <div class=\"grid cols2\">\n <div>\n <div class=\"note\"><b>Fachliche Kernbereiche<\/b><\/div>\n <table style=\"margin-top:12px\">\n <thead><tr><th>Bereich<\/th><th>Inhalt<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Startseite<\/td><td>Einf\u00fchrung, Kurzprofil und zielgerichteter Ersteindruck<\/td><\/tr>\n <tr><td>\u00dcber mich<\/td><td>Pers\u00f6nliche Einordnung, Motivation und berufliche Ausrichtung<\/td><\/tr>\n <tr><td>IT-Skills<\/td><td>Technologien, Plattformen, Tools und operative Kompetenzen<\/td><\/tr>\n <tr><td>Projekte<\/td><td>Dokumentierte Umsetzungen, technische L\u00f6sungen und Praxisbeispiele<\/td><\/tr>\n <tr><td>Zertifikate<\/td><td>Weiterbildungen, Qualifikationsnachweise und erworbene Kenntnisse<\/td><\/tr>\n <tr><td>Beruflicher Werdegang<\/td><td>Berufserfahrung, Rollenprofile und relevante Stationen<\/td><\/tr>\n <tr><td>Kontakt<\/td><td>Kontaktformular und Kommunikationsm\u00f6glichkeit<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div>\n <div class=\"note\"><b>Pflicht- und Vertrauenselemente<\/b><\/div>\n <table style=\"margin-top:12px\">\n <thead><tr><th>Element<\/th><th>Inhalt<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Impressum<\/td><td>Rechtlich erforderliche Anbieterkennzeichnung<\/td><\/tr>\n <tr><td>Privacy Policy<\/td><td>Transparenz zu Datenverarbeitung und Kontaktaufnahme<\/td><\/tr>\n <tr><td>SSL-Verschl\u00fcsselung<\/td><td>Schutz der Daten\u00fcbertragung zwischen Nutzer und Website<\/td><\/tr>\n <tr><td>Responsives Design<\/td><td>Optimale Nutzbarkeit auf Desktop, Tablet und Smartphone<\/td><\/tr>\n <tr><td>Klare Navigation<\/td><td>Strukturierte F\u00fchrung durch fachliche und pers\u00f6nliche Inhalte<\/td><\/tr>\n <tr><td>Professionelle Sprache<\/td><td>Seri\u00f6se, klare und zielgruppenorientierte Darstellung<\/td><\/tr>\n <tr><td>Wiedererkennbarkeit<\/td><td>Konsistente Darstellung der Marke MayIT<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n <div class=\"hr\"><\/div>\n <div class=\"grid cols2\">\n <div>\n <div class=\"note\"><b>Technische Inhaltsklassen<\/b><\/div>\n <table style=\"margin-top:12px\">\n <thead><tr><th>Klasse<\/th><th>Beschreibung<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Statische Seiten<\/td><td>Grundlegende Profil- und Pflichtinhalte mit geringer \u00c4nderungsfrequenz<\/td><\/tr>\n <tr><td>Projektbeitr\u00e4ge<\/td><td>Dynamisch erweiterbare Portfoliobeitr\u00e4ge mit technischem Fokus<\/td><\/tr>\n <tr><td>Medienobjekte<\/td><td>Bilder, Logos, Zertifikate und Dokumentationsgrafiken<\/td><\/tr>\n <tr><td>Formulare<\/td><td>Kontaktaufnahme mit datenschutzkonformer Einwilligungslogik<\/td><\/tr>\n <tr><td>SEO-relevante Inhalte<\/td><td>Strukturierte Texte, \u00dcberschriften und Suchmaschinenlesbarkeit<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div>\n <div class=\"note\"><b>Gestaltungsprinzipien<\/b><\/div>\n <table style=\"margin-top:12px\">\n <thead><tr><th>Prinzip<\/th><th>Nutzen<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Reduktion<\/td><td>Fokus auf wesentliche Aussagen ohne visuelle \u00dcberladung<\/td><\/tr>\n <tr><td>Lesbarkeit<\/td><td>Schnelle Erfassbarkeit von Kompetenzen und Projekten<\/td><\/tr>\n <tr><td>Struktur<\/td><td>Nachvollziehbare Aufteilung in fachliche Themenbl\u00f6cke<\/td><\/tr>\n <tr><td>Professionalit\u00e4t<\/td><td>Seri\u00f6ser Gesamteindruck im Bewerbungskontext<\/td><\/tr>\n <tr><td>Wartbarkeit<\/td><td>Einfache sp\u00e4tere Erg\u00e4nzung neuer Inhalte und Referenzen<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"health\" class=\"card\">\n <h3>Qualit\u00e4t, DSGVO & Optimierungslogik<\/h3>\n <div id=\"health-matrix\" class=\"grid cols2\">\n <div>\n <div class=\"ok\"><b>Qualit\u00e4tsdimension Webplattform<\/b><\/div>\n <p class=\"muted\">Die Website wird nicht nur nach optischen Kriterien bewertet, sondern nach technischer Stabilit\u00e4t,\n Lesbarkeit, Datenschutzkonformit\u00e4t und nachhaltiger Pflegef\u00e4higkeit.<\/p>\n <table>\n <thead><tr><th>Einfluss<\/th><th>Bewertung<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Responsives Layout<\/td><td>Verbessert Nutzbarkeit und professionellen Gesamteindruck<\/td><\/tr>\n <tr><td>Klare Seitenstruktur<\/td><td>Erh\u00f6ht Orientierung und Informationszugriff<\/td><\/tr>\n <tr><td>Ladezeitoptimierung<\/td><td>Verbessert Benutzererlebnis und Suchmaschinenwirkung<\/td><\/tr>\n <tr><td>Regelm\u00e4\u00dfige Updates<\/td><td>Reduziert Sicherheits- und Kompatibilit\u00e4tsrisiken<\/td><\/tr>\n <tr><td>Datenschutzseiten vorhanden<\/td><td>Erf\u00fcllt rechtliche Mindestanforderungen<\/td><\/tr>\n <tr><td>Kontaktformular sauber integriert<\/td><td>Verbessert Interaktion bei kontrollierter Datenverarbeitung<\/td><\/tr>\n <tr><td>Projekt- und Skill-Dokumentation<\/td><td>Steigert fachliche Aussagekraft der Website<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div>\n <div class=\"ok\"><b>Optimierungslogik<\/b><\/div>\n <p class=\"muted\">Die Plattform wird fortlaufend anhand technischer und inhaltlicher Kriterien verfeinert, um\n Sicherheit, Performance und \u00dcberzeugungskraft im Bewerbungsumfeld dauerhaft hoch zu halten.<\/p>\n <table>\n <thead><tr><th>Einfluss<\/th><th>Bewertung<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Bildoptimierung<\/td><td>Reduziert Ladezeiten und Bandbreitenverbrauch<\/td><\/tr>\n <tr><td>Caching<\/td><td>Entlastet Webserver und beschleunigt Seitenauslieferung<\/td><\/tr>\n <tr><td>Minimierte CSS\/JS-Last<\/td><td>Verbessert technische Performance<\/td><\/tr>\n <tr><td>SEO-f\u00e4hige Struktur<\/td><td>Erh\u00f6ht Auffindbarkeit und Relevanz<\/td><\/tr>\n <tr><td>Inhaltsaktualit\u00e4t<\/td><td>H\u00e4lt die Website glaubw\u00fcrdig und lebendig<\/td><\/tr>\n <tr><td>Plugin-Disziplin<\/td><td>Verringert technische Komplexit\u00e4t und Angriffsfl\u00e4che<\/td><\/tr>\n <tr><td>Saubere Rechte- und Administrationsstruktur<\/td><td>Verbessert Betriebssicherheit<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n <div class=\"hr\"><\/div>\n <div class=\"grid cols3\">\n <div class=\"note\">\n <b>DSGVO-Konformit\u00e4t<\/b><br>\n Kernanforderungen:\n <ul>\n <li>Impressum vorhanden<\/li>\n <li>Datenschutzerkl\u00e4rung vorhanden<\/li>\n <li>Kontaktformular mit transparenter Einwilligungslogik<\/li>\n <\/ul>\n <\/div>\n <div class=\"note\">\n <b>Content-Qualit\u00e4t<\/b><br>\n Fokus auf:\n <ul>\n <li>Klare Texte<\/li>\n <li>Fachlich nachvollziehbare Projektbeschreibungen<\/li>\n <li>Strukturierte Darstellung beruflicher Kompetenzen<\/li>\n <\/ul>\n <\/div>\n <div class=\"note\">\n <b>Technische Qualit\u00e4t<\/b><br>\n Bewertungsgrundlagen:\n <ul>\n <li>HTTPS aktiv<\/li>\n <li>Core\/Plugins aktuell<\/li>\n <li>Stabile Erreichbarkeit der Website<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"hr\"><\/div>\n <div class=\"warn\">\n <b>Gesamtqualit\u00e4t der Plattform:<\/b> Die fachliche Wirkung der Website entsteht aus dem Zusammenspiel\n von professionellem Design, inhaltlicher Substanz, datenschutzkonformer Umsetzung und verl\u00e4sslichem\n technischen Betrieb auf eigener Infrastruktur.\n <\/div>\n <\/section>\n\n <section id=\"security\" class=\"card\">\n <h3>Security & Datenschutzma\u00dfnahmen<\/h3>\n <div class=\"grid cols2\">\n <div>\n <div class=\"note\"><b>Technische Security<\/b><\/div>\n <ul>\n <li>HTTPS-Absicherung per Let\u2019s Encrypt<\/li>\n <li>Serverbetrieb auf eigener kontrollierter Infrastruktur<\/li>\n <li>Reduktion unn\u00f6tiger Plugins und Funktionskomplexit\u00e4t<\/li>\n <li>Regelm\u00e4\u00dfige Pflege von WordPress Core, Themes und Plugins<\/li>\n <li>Schutz des Admin-Bereichs durch starke Authentisierung<\/li>\n <\/ul>\n <\/div>\n <div>\n <div class=\"note\"><b>Datenschutz<\/b><\/div>\n <ul>\n <li>DSGVO-konforme Pflichtseiten inklusive Impressum und Datenschutz<\/li>\n <li>Kontaktformular nur mit nachvollziehbarer Einwilligungslogik<\/li>\n <li>Bewusster Umgang mit externen Einbindungen und Drittinhalten<\/li>\n <li>Datensparsame Gestaltung der Website ohne unn\u00f6tige Erfassung<\/li>\n <li>Transparente Darstellung der Kontakt- und Verarbeitungszwecke<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"hr\"><\/div>\n <div class=\"grid cols2\">\n <div>\n <div class=\"note\"><b>Betriebliche Absicherung<\/b><\/div>\n <ul>\n <li>Kontrollierte Update-Prozesse<\/li>\n <li>Regelm\u00e4\u00dfige Backups von Datenbank und Webdateien<\/li>\n <li>Monitoring der Erreichbarkeit und Funktionsf\u00e4higkeit<\/li>\n <li>\u00dcberpr\u00fcfung auf Theme- und Plugin-Kompatibilit\u00e4t nach \u00c4nderungen<\/li>\n <\/ul>\n <\/div>\n <div>\n <div class=\"note\"><b>Risikoreduktion<\/b><\/div>\n <ul>\n <li>Minimierung der Angriffsfl\u00e4che durch schlanke Architektur<\/li>\n <li>Saubere Rechtevergabe im Administrationsbereich<\/li>\n <li>Verzicht auf unn\u00f6tige externe Abh\u00e4ngigkeiten<\/li>\n <li>Stabilit\u00e4ts- und Sicherheitsfokus vor kosmetischen Erweiterungen<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"alerts\" class=\"card\">\n <h3>Wartung, Updates & Eskalation<\/h3>\n <div id=\"alert-matrix\" class=\"grid cols2\">\n <div>\n <div class=\"warn\"><b>Wartungslogik<\/b><\/div>\n <table style=\"margin-top:12px\">\n <thead><tr><th>Ma\u00dfnahme<\/th><th>Trigger<\/th><th>Priorit\u00e4t<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>WordPress Core Update<\/td><td>Neue stabile Sicherheits- oder Funktionsversion<\/td><td>Hoch<\/td><\/tr>\n <tr><td>Plugin Update<\/td><td>Verf\u00fcgbare Sicherheits- oder Kompatibilit\u00e4tsupdates<\/td><td>Hoch<\/td><\/tr>\n <tr><td>Theme-Pr\u00fcfung<\/td><td>Design- oder Kompatibilit\u00e4ts\u00e4nderungen nach Updates<\/td><td>Mittel<\/td><\/tr>\n <tr><td>Broken Link \/ Formularpr\u00fcfung<\/td><td>\u00c4nderungen an Seiten oder Routing<\/td><td>Mittel<\/td><\/tr>\n <tr><td>Performanceoptimierung<\/td><td>Erh\u00f6hte Ladezeiten oder gr\u00f6\u00dfere Medienmengen<\/td><td>Mittel<\/td><\/tr>\n <tr><td>Datenschutz-Review<\/td><td>Inhaltliche oder funktionale Erweiterungen<\/td><td>Hoch<\/td><\/tr>\n <tr><td>Sicherungspr\u00fcfung<\/td><td>Vor gr\u00f6\u00dferen \u00c4nderungen und nach kritischen Updates<\/td><td>Hoch<\/td><\/tr>\n <tr><td>Wiederherstellung<\/td><td>Ausfall, Fehlupdate oder besch\u00e4digte Website<\/td><td>Kritisch<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div>\n <div class=\"warn\"><b>Eskalationslogik<\/b><\/div>\n <ul>\n <li>Kritische Fehler priorisieren immer vor visuellen Optimierungen.<\/li>\n <li>Vor \u00c4nderungen an Theme, Plugins oder Core ist ein Backup Pflicht.<\/li>\n <li>Fehlfunktionen im Kontaktformular oder HTTPS werden sofort behandelt.<\/li>\n <li>Nach Updates erfolgen Funktions-, Darstellungs- und Erreichbarkeitstests.<\/li>\n <\/ul>\n <div class=\"hr\"><\/div>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#alert1\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"alert1\">Beispiel:\nHIGH: WordPress security update available\nHIGH: Contact form validation required after plugin update\nCRITICAL: Website unreachable or HTTPS invalid<\/pre>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"operations\" class=\"card\">\n <h3>Betrieb & Aufgabenmodell<\/h3>\n <div class=\"grid cols3\">\n <div class=\"note\">\n <b>Daily<\/b><br>\n <ul>\n <li>\u00d6ffentliche Website auf Erreichbarkeit pr\u00fcfen<\/li>\n <li>Kontaktformular stichprobenartig validieren<\/li>\n <li>Darstellung auf zentrale Inhalte und Navigation pr\u00fcfen<\/li>\n <li>Sichtpr\u00fcfung auf offensichtliche Fehler oder Darstellungsbr\u00fcche<\/li>\n <\/ul>\n <\/div>\n <div class=\"note\">\n <b>Weekly<\/b><br>\n <ul>\n <li>Verf\u00fcgbare Core-, Theme- und Plugin-Updates bewerten<\/li>\n <li>Backups von Datenbank und Dateien pr\u00fcfen<\/li>\n <li>Projekt- und Skill-Inhalte auf Aktualit\u00e4t \u00fcberpr\u00fcfen<\/li>\n <li>Performance und Ladezeitentwicklung im Blick behalten<\/li>\n <\/ul>\n <\/div>\n <div class=\"note\">\n <b>Monthly<\/b><br>\n <ul>\n <li>Datenschutz- und Pflichtseiten gegen \u00c4nderungen pr\u00fcfen<\/li>\n <li>Wiederherstellungskonzept und Sicherungsstand validieren<\/li>\n <li>Gestaltungs- und Inhaltsqualit\u00e4t kritisch reviewen<\/li>\n <li>Technische Architektur und Plugin-Landschaft konsolidieren<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"troubleshooting\" class=\"card\">\n <h3>Troubleshooting<\/h3>\n <div class=\"grid cols2\">\n <div>\n <div class=\"note\"><b>Webstack pr\u00fcfen<\/b><\/div>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#tr1\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"tr1\">sudo systemctl status nginx\nsudo systemctl status mariadb\nsudo systemctl status php-fpm\ncurl -I https:\/\/www.mayit.eu<\/pre>\n <\/div>\n <\/div>\n <div>\n <div class=\"note\"><b>WordPress pr\u00fcfen<\/b><\/div>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#tr2\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"tr2\">wp core version\nwp plugin list\nwp theme list\nwp option get siteurl<\/pre>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hr\"><\/div>\n <div class=\"grid cols2\">\n <div>\n <div class=\"note\"><b>TLS & Erreichbarkeit pr\u00fcfen<\/b><\/div>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#tr3\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"tr3\">curl -I https:\/\/www.mayit.eu\nopenssl s_client -connect www.mayit.eu:443 -servername www.mayit.eu<\/pre>\n <\/div>\n <\/div>\n <div>\n <div class=\"note\"><b>Formular- und Inhaltspr\u00fcfung<\/b><\/div>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#tr4\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"tr4\">Seiten aufrufen: Startseite, Projekte, Kontakt\nFormular validieren\nImpressum und Datenschutz auf Vollst\u00e4ndigkeit pr\u00fcfen<\/pre>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hr\"><\/div>\n <details>\n <summary>Typische Fehlerbilder<\/summary>\n <ul>\n <li><b>Website nicht erreichbar:<\/b> Webserver, DNS, Zertifikat oder Routing pr\u00fcfen.<\/li>\n <li><b>Admin-Login fehlerhaft:<\/b> Plugin-Konflikte, Rechteprobleme oder PHP-Fehler untersuchen.<\/li>\n <li><b>Langsame Website:<\/b> Gro\u00dfe Medien, fehlendes Caching oder Plugin-Overhead pr\u00fcfen.<\/li>\n <li><b>Formular ohne Funktion:<\/b> Validierung, Plugin-Konfiguration und Mailzustellung kontrollieren.<\/li>\n <li><b>Layoutfehler nach Update:<\/b> Theme- und Plugin-Kompatibilit\u00e4t gegeneinander validieren.<\/li>\n <\/ul>\n <\/details>\n <\/section>\n\n <section id=\"backup\" class=\"card\">\n <h3>Backup & Recovery<\/h3>\n <div class=\"grid cols2\">\n <div>\n <div class=\"note\"><b>Kritische Sicherungsobjekte<\/b><\/div>\n <ul>\n <li><span class=\"kbd\">WordPress Dateien<\/span><\/li>\n <li><span class=\"kbd\">Uploads \/ Medien<\/span><\/li>\n <li><span class=\"kbd\">Theme- und Plugin-Konfigurationen<\/span><\/li>\n <li><span class=\"kbd\">MariaDB Datenbank<\/span><\/li>\n <\/ul>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#bk1\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"bk1\">mysqldump -u root -p DB_NAME > mayit_wp_backup.sql\ntar -czf mayit_wp_files_$(date +%Y%m%d_%H%M).tar.gz \/var\/www\/html<\/pre>\n <\/div>\n <\/div>\n <div>\n <div class=\"note\"><b>Recovery<\/b><\/div>\n <div class=\"codewrap\">\n <button class=\"copybtn\" data-copy=\"#bk2\"><span class=\"dot\"><\/span>Copy<\/button>\n <pre id=\"bk2\">tar -xzf mayit_wp_files_YYYYMMDD_HHMM.tar.gz -C \/\nmysql -u root -p DB_NAME < mayit_wp_backup.sql\nsudo systemctl restart nginx\nsudo systemctl restart php-fpm<\/pre>\n <\/div>\n <div class=\"muted small\" style=\"margin-top:10px\">\n Prinzip: Vor gr\u00f6\u00dferen \u00c4nderungen immer Vollsicherung von Dateien und Datenbank erstellen und nach\n kritischen Eingriffen Funktions- und Erreichbarkeitstests durchf\u00fchren.\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"appendix\" class=\"card\">\n <h3>Anhang<\/h3>\n <table>\n <thead><tr><th>Element<\/th><th>Pfad \/ Zweck<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>\u00d6ffentliche Website<\/td><td><span class=\"kbd\">https:\/\/www.mayit.eu<\/span><\/td><\/tr>\n <tr><td>WordPress Admin<\/td><td><span class=\"kbd\">https:\/\/www.mayit.eu\/wp-admin<\/span><\/td><\/tr>\n <tr><td>Webserver<\/td><td><span class=\"kbd\">nginx \/ Apache<\/span><\/td><\/tr>\n <tr><td>Runtime<\/td><td><span class=\"kbd\">PHP<\/span><\/td><\/tr>\n <tr><td>Datenbank<\/td><td><span class=\"kbd\">MariaDB<\/span><\/td><\/tr>\n <tr><td>CMS<\/td><td><span class=\"kbd\">WordPress<\/span><\/td><\/tr>\n <tr><td>TLS<\/td><td><span class=\"kbd\">Let\u2019s Encrypt<\/span><\/td><\/tr>\n <\/tbody>\n <\/table>\n\n <div class=\"footer\">\n <b>Autor:<\/b> MayIT \u2022 <b>Dokumenttyp:<\/b> Projektdokumentation \u2022 <b>System:<\/b> MayIT Portfolio- und Bewerbungs-Website\n <\/div>\n <\/section>\n\n <div class=\"print-only\">Autor: MayIT \u2013 Projektdokumentation MayIT Portfolio- und Bewerbungs-Website<\/div>\n <\/div>\n <\/main>\n <\/div>\n\n <script>\n function copyText(text){\n if(navigator.clipboard && window.isSecureContext){\n return navigator.clipboard.writeText(text);\n }\n return new Promise((resolve, reject)=>{\n try{\n const ta = document.createElement('textarea');\n ta.value = text;\n ta.style.position = 'fixed';\n ta.style.left = '-9999px';\n ta.style.top = '0';\n document.body.appendChild(ta);\n ta.focus();\n ta.select();\n const ok = document.execCommand('copy');\n document.body.removeChild(ta);\n ok ? resolve() : reject();\n } catch(e){ reject(e); }\n });\n }\n document.querySelectorAll('.copybtn').forEach(btn=>{\n btn.addEventListener('click', async ()=>{\n const sel = btn.getAttribute('data-copy');\n const pre = document.querySelector(sel);\n if(!pre) return;\n const text = pre.innerText.replace(\/\\u00a0\/g,' ');\n const old = btn.innerHTML;\n try{\n await copyText(text);\n btn.innerHTML = '<span class=\"dot\" style=\"background: var(--accent2)\"><\/span>Copied';\n setTimeout(()=>btn.innerHTML = old, 1100);\n } catch(e){\n btn.innerHTML = '<span class=\"dot\" style=\"background: var(--warn)\"><\/span>Copy failed';\n setTimeout(()=>btn.innerHTML = old, 1400);\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Projektdokumentation \u2013 MayIT Portfolio & Bewerbungs-Website M Projektdokumentation Webplattform \u2022 Security \u2022 Betrieb \u2022 Autor: MayIT Ziel: Vollst\u00e4ndige Dokumentation der MayIT Portfolio- und Bewerbungs-Website Navigation Scope & Zielbild System- und Web-Architektur Website, Domain & Zugriffe WordPress Backend \/ CMS Seitenstruktur & Inhaltsbausteine Qualit\u00e4t, DSGVO & Optimierungslogik Security & Datenschutzma\u00dfnahmen Wartung, Updates & Eskalation Betrieb & […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"unboxed","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":"","ast-disable-related-posts":"","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-2554","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"MIT","author_link":"https:\/\/www.mayit.eu\/en\/author\/markus_\/"},"uagb_comment_info":0,"uagb_excerpt":"Projektdokumentation \u2013 MayIT Portfolio & Bewerbungs-Website M Projektdokumentation Webplattform \u2022 Security \u2022 Betrieb \u2022 Autor: MayIT Ziel: Vollst\u00e4ndige Dokumentation der MayIT Portfolio- und Bewerbungs-Website Navigation Scope & Zielbild System- und Web-Architektur Website, Domain & Zugriffe WordPress Backend \/ CMS Seitenstruktur & Inhaltsbausteine Qualit\u00e4t, DSGVO & Optimierungslogik Security & Datenschutzma\u00dfnahmen Wartung, Updates & Eskalation Betrieb &…","_links":{"self":[{"href":"https:\/\/www.mayit.eu\/en\/wp-json\/wp\/v2\/pages\/2554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mayit.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mayit.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mayit.eu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mayit.eu\/en\/wp-json\/wp\/v2\/comments?post=2554"}],"version-history":[{"count":2,"href":"https:\/\/www.mayit.eu\/en\/wp-json\/wp\/v2\/pages\/2554\/revisions"}],"predecessor-version":[{"id":2556,"href":"https:\/\/www.mayit.eu\/en\/wp-json\/wp\/v2\/pages\/2554\/revisions\/2556"}],"wp:attachment":[{"href":"https:\/\/www.mayit.eu\/en\/wp-json\/wp\/v2\/media?parent=2554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}