{"id":3299,"date":"2026-03-16T14:47:22","date_gmt":"2026-03-16T12:47:22","guid":{"rendered":"https:\/\/35x.de\/website-review\/"},"modified":"2026-03-16T14:47:22","modified_gmt":"2026-03-16T12:47:22","slug":"website-review","status":"publish","type":"page","link":"https:\/\/35x.de\/en\/website-review\/","title":{"rendered":"Website Review"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3299\" class=\"elementor elementor-3299 elementor-bc-flex-widget\">\n\t\t\t\t<div class=\"elementor-element elementor-element-rev00001 e-flex e-con-boxed e-con e-parent\" data-id=\"rev00001\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-rev00002 elementor-widget elementor-widget-text-editor\" data-id=\"rev00002\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!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>Website Review \u2014 35x Staging<\/title>\n<style>\n  :root {\n    --blue: #1863DC;\n    --red: #C41E1E;\n    --bg: #F4F4F4;\n    --card: #ffffff;\n    --text: #212121;\n    --gray: #777777;\n  }\n  * { box-sizing: border-box; margin: 0; padding: 0; }\n  body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: var(--bg); color: var(--text); padding: 20px; }\n  .header { background: var(--blue); color: white; padding: 20px 24px; border-radius: 12px; margin-bottom: 24px; }\n  .header h1 { font-size: 1.4rem; margin-bottom: 4px; }\n  .header p { font-size: 0.9rem; opacity: 0.85; }\n  .card { background: var(--card); border-radius: 12px; padding: 20px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }\n  label { display: block; font-weight: 600; margin-bottom: 8px; font-size: 0.95rem; }\n  select, textarea { width: 100%; padding: 10px 12px; border: 1.5px solid #ddd; border-radius: 8px; font-size: 0.95rem; font-family: inherit; color: var(--text); }\n  select:focus, textarea:focus { outline: none; border-color: var(--blue); }\n  .page-link { display: inline-block; margin-top: 8px; color: var(--blue); font-size: 0.85rem; text-decoration: none; }\n  .page-link:hover { text-decoration: underline; }\n  .rating-group { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n  @media (max-width: 480px) { .rating-group { grid-template-columns: 1fr; } }\n  .rating-item label { margin-bottom: 6px; }\n  .rating-item .emoji { margin-right: 6px; }\n  .slider-row { display: flex; align-items: center; gap: 10px; }\n  input[type=range] { flex: 1; -webkit-appearance: none; height: 6px; border-radius: 3px; background: #ddd; outline: none; }\n  input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%; background: var(--blue); cursor: pointer; }\n  input[type=range]::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%; background: var(--blue); cursor: pointer; border: none; }\n  .score-badge { background: var(--blue); color: white; font-weight: 700; font-size: 1.1rem; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n  .score-badge.low { background: var(--red); }\n  .score-badge.mid { background: #E8900A; }\n  textarea { height: 100px; resize: vertical; }\n  .btn { display: block; width: 100%; padding: 14px; background: var(--blue); color: white; border: none; border-radius: 8px; font-size: 1rem; font-weight: 600; cursor: pointer; margin-top: 8px; }\n  .btn:hover { background: #1452b8; }\n  .btn-secondary { background: #f0f0f0; color: var(--text); margin-top: 8px; }\n  .btn-secondary:hover { background: #e0e0e0; }\n  .result-box { display: none; background: #f8f9ff; border: 1.5px solid var(--blue); border-radius: 8px; padding: 16px; margin-top: 16px; }\n  .result-box pre { font-size: 0.85rem; white-space: pre-wrap; word-break: break-word; line-height: 1.6; }\n  .copied-msg { color: #22a846; font-size: 0.85rem; margin-top: 6px; display: none; }\n  .reviewer-input { margin-bottom: 16px; }\n  .reviewer-input input { width: 100%; padding: 10px 12px; border: 1.5px solid #ddd; border-radius: 8px; font-size: 0.95rem; font-family: inherit; }\n  .reviewer-input input:focus { outline: none; border-color: var(--blue); }\n  .status-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; }\n  .status-done { background: #22a846; }\n  .status-open { background: #aaa; }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"header\">\n  <h1>\ud83d\udd0d Website Review \u2014 35x Staging<\/h1>\n  <p>Bewerte jede Seite in 4 Kategorien (1\u201310) und hinterlasse einen Kommentar.<\/p>\n<\/div>\n\n<div class=\"card\">\n  <div class=\"reviewer-input\">\n    <label>\ud83d\udc64 Dein Name<\/label>\n    <input type=\"text\" id=\"reviewer\" placeholder=\"z.B. Susanne, Ines, Thomas \u2026\">\n  <\/div>\n\n  <label>\ud83d\udcc4 Seite ausw\u00e4hlen<\/label>\n  <select id=\"pageSelect\" onchange=\"updateLink()\">\n    <option value=\"\">\u2014 Seite w\u00e4hlen \u2014<\/option>\n    <option value=\"\/\">Home<\/option>\n<option value=\"\/leistungen\/\">Leistungen<\/option>\n<option value=\"\/steckbrief\/\">Steckbrief<\/option>\n<option value=\"\/kontakt\/\">Kontakt<\/option>\n<option value=\"\/leistungen\/cloud-migration\/\">Cloud Migration<\/option>\n<option value=\"\/leistungen\/cloud-migration\/fundierte-planung\/\">Fundierte Planung<\/option>\n<option value=\"\/leistungen\/cloud-migration\/sicherheit-risikobewertung\/\">Sicherheit &#038; Risikobewertung<\/option>\n<option value=\"\/leistungen\/cloud-migration\/moderne-werkzeuge\/\">Moderne Werkzeuge<\/option>\n<option value=\"\/leistungen\/cloud-migration\/well-architected\/\">Well-Architected<\/option>\n<option value=\"\/leistungen\/cloud-migration\/aws-esc\/\">AWS European Sovereign Cloud<\/option>\n<option value=\"\/leistungen\/cloud-migration\/managed-openstack\/\">Managed OpenStack<\/option>\n<option value=\"\/leistungen\/cloud-migration\/schulung-support\/\">Schulung &#038; Support<\/option>\n<option value=\"\/leistungen\/cloud-management\/\">Cloud Management<\/option>\n<option value=\"\/leistungen\/cloud-management\/cloud-monitoring\/\">Cloud Monitoring<\/option>\n<option value=\"\/leistungen\/cloud-management\/cloud-support\/\">Cloud Support<\/option>\n<option value=\"\/leistungen\/cloud-management\/optimierung\/\">Cloud Optimierung<\/option>\n<option value=\"\/leistungen\/cloud-management\/automatisierung\/\">Automatisierung<\/option>\n<option value=\"\/leistungen\/cloud-management\/sla\/\">SLA<\/option>\n<option value=\"\/leistungen\/digitale-transformation\/\">Digitale Transformation<\/option>\n<option value=\"\/leistungen\/digitale-transformation\/architektur-review\/\">Architektur Review<\/option>\n<option value=\"\/leistungen\/digitale-transformation\/cloud-readiness-check\/\">Cloud Readiness Check<\/option>\n<option value=\"\/leistungen\/digitale-transformation\/it-risikoanalyse\/\">IT-Risikoanalyse<\/option>\n<option value=\"\/leistungen\/digitale-transformation\/altsysteme\/\">Altsysteme<\/option>\n<option value=\"\/leistungen\/digitale-transformation\/digitale-strategie\/\">Digitale Strategie<\/option>\n<option value=\"\/leistungen\/digitale-transformation\/prozessoptimierung\/\">Prozessoptimierung<\/option>\n<option value=\"\/leistungen\/digitale-transformation\/plattformberatung\/\">Plattformberatung<\/option>\n<option value=\"\/leistungen\/digitale-transformation\/change-management\/\">Change Management<\/option>\n  <\/select>\n  <a href=\"#\" id=\"pageLink\" class=\"page-link\" target=\"_blank\" style=\"display:none\">\u2192 Seite auf Staging \u00f6ffnen<\/a>\n<\/div>\n\n<div class=\"card\">\n  <p style=\"font-weight:600; margin-bottom:16px;\">\u2b50 Bewertung<\/p>\n  <div class=\"rating-group\">\n    <div class=\"rating-item\">\n      <label><span class=\"emoji\">\ud83c\udfa8<\/span> Design &#038; Visuell<\/label>\n      <div class=\"slider-row\">\n        <input type=\"range\" id=\"rDesign\" min=\"1\" max=\"10\" value=\"7\" oninput=\"updateBadge('design', this.value)\">\n        <div class=\"score-badge\" id=\"badge-design\">7<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"rating-item\">\n      <label><span class=\"emoji\">\ud83d\udcdd<\/span> Inhalt &#038; Texte<\/label>\n      <div class=\"slider-row\">\n        <input type=\"range\" id=\"rInhalt\" min=\"1\" max=\"10\" value=\"7\" oninput=\"updateBadge('inhalt', this.value)\">\n        <div class=\"score-badge\" id=\"badge-inhalt\">7<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"rating-item\">\n      <label><span class=\"emoji\">\ud83d\uddbc\ufe0f<\/span> Bilder<\/label>\n      <div class=\"slider-row\">\n        <input type=\"range\" id=\"rBilder\" min=\"1\" max=\"10\" value=\"7\" oninput=\"updateBadge('bilder', this.value)\">\n        <div class=\"score-badge\" id=\"badge-bilder\">7<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"rating-item\">\n      <label><span class=\"emoji\">\u2705<\/span> Gesamteindruck<\/label>\n      <div class=\"slider-row\">\n        <input type=\"range\" id=\"rGesamt\" min=\"1\" max=\"10\" value=\"7\" oninput=\"updateBadge('gesamt', this.value)\">\n        <div class=\"score-badge\" id=\"badge-gesamt\">7<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"card\">\n  <label>\ud83d\udcac Kommentar &#038; \u00c4nderungsw\u00fcnsche<\/label>\n  <textarea id=\"comment\" placeholder=\"Was gef\u00e4llt, was st\u00f6rt, was soll ge\u00e4ndert werden \u2026\"><\/textarea>\n<\/div>\n\n<div class=\"card\">\n  <button class=\"btn\" onclick=\"generateResult()\">\ud83d\udccb Review-Zusammenfassung erstellen<\/button>\n  <div class=\"result-box\" id=\"resultBox\">\n    <pre id=\"resultText\"><\/pre>\n    <button class=\"btn btn-secondary\" onclick=\"copyResult()\">\ud83d\udccb Kopieren<\/button>\n    <p class=\"copied-msg\" id=\"copiedMsg\">\u2713 In Zwischenablage kopiert!<\/p>\n  <\/div>\n<\/div>\n\n<script>\nfunction updateLink() {\n  const sel = document.getElementById('pageSelect');\n  const link = document.getElementById('pageLink');\n  if (sel.value) {\n    link.href = 'https:\/\/35x.de' + sel.value;\n    link.style.display = 'inline-block';\n  } else {\n    link.style.display = 'none';\n  }\n}\n\nfunction updateBadge(key, val) {\n  const badge = document.getElementById('badge-' + key);\n  badge.textContent = val;\n  badge.className = 'score-badge';\n  if (val <= 4) badge.classList.add('low');\n  else if (val <= 6) badge.classList.add('mid');\n}\n\nfunction generateResult() {\n  const reviewer = document.getElementById('reviewer').value || 'Anonym';\n  const sel = document.getElementById('pageSelect');\n  const pageName = sel.options[sel.selectedIndex]?.text || '\u2014';\n  const pageUrl = sel.value ? 'https:\/\/35x.de' + sel.value : '\u2014';\n  const design = document.getElementById('rDesign').value;\n  const inhalt = document.getElementById('rInhalt').value;\n  const bilder = document.getElementById('rBilder').value;\n  const gesamt = document.getElementById('rGesamt').value;\n  const comment = document.getElementById('comment').value || '(kein Kommentar)';\n  const avg = ((+design + +inhalt + +bilder + +gesamt) \/ 4).toFixed(1);\n  const date = new Date().toLocaleDateString('de-DE', {day:'2-digit', month:'2-digit', year:'numeric'});\n\n  const text = [\n    `WEBSITE REVIEW \u2014 ${date}`,\n    `Reviewer: ${reviewer}`,\n    `Seite: ${pageName}`,\n    `URL: ${pageUrl}`,\n    ``,\n    `BEWERTUNGEN`,\n    `\ud83c\udfa8 Design &#038; Visuell:  ${design}\/10`,\n    `\ud83d\udcdd Inhalt &#038; Texte:    ${inhalt}\/10`,\n    `\ud83d\uddbc\ufe0f  Bilder:           ${bilder}\/10`,\n    `\u2705 Gesamteindruck:    ${gesamt}\/10`,\n    `\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500`,\n    `\u2300 Durchschnitt:      ${avg}\/10`,\n    ``,\n    `KOMMENTAR`,\n    comment,\n  ].join('\\n');\n\n  document.getElementById('resultText').textContent = text;\n  document.getElementById('resultBox').style.display = 'block';\n  document.getElementById('copiedMsg').style.display = 'none';\n}\n\nfunction copyResult() {\n  const text = document.getElementById('resultText').textContent;\n  navigator.clipboard.writeText(text).then(() => {\n    document.getElementById('copiedMsg').style.display = 'block';\n    setTimeout(() => document.getElementById('copiedMsg').style.display = 'none', 2000);\n  });\n}\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","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-3299","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":"Rex","author_link":"https:\/\/35x.de\/en\/author\/rex\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/35x.de\/en\/wp-json\/wp\/v2\/pages\/3299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/35x.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/35x.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/35x.de\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/35x.de\/en\/wp-json\/wp\/v2\/comments?post=3299"}],"version-history":[{"count":0,"href":"https:\/\/35x.de\/en\/wp-json\/wp\/v2\/pages\/3299\/revisions"}],"wp:attachment":[{"href":"https:\/\/35x.de\/en\/wp-json\/wp\/v2\/media?parent=3299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}