{"id":2745,"date":"2026-08-18T18:07:55","date_gmt":"2026-08-18T18:07:55","guid":{"rendered":"https:\/\/unkreativ-design.de\/?page_id=2745"},"modified":"2026-08-18T22:02:53","modified_gmt":"2026-08-18T22:02:53","slug":"startseite","status":"publish","type":"page","link":"https:\/\/unkreativ-design.de\/en\/","title":{"rendered":"Startseite"},"content":{"rendered":"<h1>Webdesign, das sich<br \/>\n<span>nach Dir richtet<\/span><\/h1>\n<ul>\n<li>\n<h3><img decoding=\"async\" src=\"https:\/\/unkreativ-design.de\/wp-content\/uploads\/2026\/07\/checkmark.svg\" width=\"30px\" style=\"margin-right:20px;\"><\/h3>\n<div>100% individuelles Design &#8211; ohne Kompromisse.  Garantiert<\/div>\n<\/li>\n<li>\n<h3><img decoding=\"async\" src=\"https:\/\/unkreativ-design.de\/wp-content\/uploads\/2026\/07\/checkmark.svg\" width=\"30px\" style=\"margin-right:20px;\"><\/h3>\n<div>L\u00f6sungsorientiert &#038; mit Mehrwert<\/div>\n<\/li>\n<li>\n<h3><img decoding=\"async\" src=\"https:\/\/unkreativ-design.de\/wp-content\/uploads\/2026\/07\/checkmark.svg\" width=\"30px\" style=\"margin-right:20px;\"><\/h3>\n<div>Von Hand gefertigt \u2013 keine generischen KI-L\u00f6sungen\/Templates<\/div>\n<\/li>\n<\/ul>\n<div>\n<style>\n\/* ---------- Grund-Layout ---------- *\/\n.ud-tiles{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:18px;\n  font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif;\n  -webkit-font-smoothing:antialiased;\n}\n@media (max-width:1023px){.ud-tiles{grid-template-columns:repeat(2,1fr)}}\n@media (max-width:559px){.ud-tiles{grid-template-columns:1fr}}\n.ud-tiles *,.ud-tiles *::before,.ud-tiles *::after{box-sizing:border-box}\n.ud-tile{\n  position:relative;min-height:274px;display:flex;flex-direction:column;\n  padding:26px 24px;box-sizing:border-box;border-radius:5px;overflow:hidden;\n  color:#23263A;background:rgba(255,255,255,.45);border:1px solid rgba(35,38,58,.15);\n  backdrop-filter:blur(20px) saturate(1.15);-webkit-backdrop-filter:blur(20px) saturate(1.15);\n}\n.ud-tile__head{text-align:center}\n.ud-tile__title{font-size:25px;font-weight:500;letter-spacing:-.01em}\n.ud-tile__accent{font-family:\"Instrument Serif\",Georgia,serif;font-style:italic;font-size:30px;line-height:1.15;color:#E98A56;margin-top:2px}\n.ud-tile__copy{margin:12px auto 0;font-size:13.5px;line-height:1.5;max-width:220px;color:rgba(42,44,58,.75);text-align:center}<\/p>\n<p>\/* Kachel 1: Nachrichten-Blasen *\/\n.ud-bubbles{position:relative;flex:none;margin-top:auto;height:128px;overflow:hidden}\n.ud-bubble{position:absolute;left:0;right:0;top:0;height:60px;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:9px 12px;background:#fff;border:1px solid rgba(35,38,58,.08);border-radius:15px;box-shadow:0 1px 3px rgba(20,22,40,.08);color:#1a1a1a;opacity:0;transform:translateY(136px) scale(.55)}\n.ud-bubble__icon{flex:none;width:38px;height:38px;border-radius:11px;background:#23263A;display:grid;place-items:center}\n.ud-bubble__icon svg{display:block}\n.ud-bubble__text{flex:1;min-width:0;overflow:hidden}\n.ud-bubble__line1{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.ud-bubble__line2{display:block;font-size:11px;color:rgba(0,0,0,.55)}\n.ud-bubble__time{flex:none;align-self:flex-start;font-size:10.5px;color:rgba(0,0,0,.45)}\n@keyframes ud-bub-a{0%{transform:translateY(136px) scale(.55);opacity:0}14%{transform:translateY(68px) scale(1);opacity:1}34%{transform:translateY(68px) scale(1);opacity:1}46%{transform:translateY(0) scale(1)}64%{transform:translateY(0) scale(1);opacity:1}80%,100%{transform:translateY(-8px) scale(.55);opacity:0}}\n@keyframes ud-bub-b{0%,34%{transform:translateY(136px) scale(.55);opacity:0}48%{transform:translateY(68px) scale(1);opacity:1}64%{transform:translateY(68px) scale(1)}80%,100%{transform:translateY(0) scale(1);opacity:1}}\n@keyframes ud-bub-c{0%,64%{transform:translateY(136px) scale(.55);opacity:0}82%,100%{transform:translateY(68px) scale(1);opacity:1}}\n.ud-tile.in-view .ud-bubble--a{animation:ud-bub-a 4s cubic-bezier(.25,.7,.3,1) forwards}\n.ud-tile.in-view .ud-bubble--b{animation:ud-bub-b 4s cubic-bezier(.25,.7,.3,1) forwards}\n.ud-tile.in-view .ud-bubble--c{animation:ud-bub-c 4s cubic-bezier(.25,.7,.3,1) forwards}<\/p>\n<p>\/* Kachel 2: Google-Ringe *\/\n.ud-rings{display:flex;align-items:flex-end;justify-content:center;gap:14px;margin:auto 0 8px}\n.ud-ring{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1 1 0;min-width:0}\n.ud-ring svg{flex:none;display:block;filter:drop-shadow(0 0 5px rgba(233,138,86,.75)) drop-shadow(0 0 14px rgba(233,138,86,.45))}\n.ud-ring__label{font-size:11px;margin-top:8px;color:rgba(58,61,77,.78);text-align:center}\n.ud-ring__track{fill:none;stroke:rgba(233,138,86,.2);stroke-width:2.5}\n.ud-ring__val{fill:none;stroke:#E98A56;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:214;stroke-dashoffset:214}\n.ud-ring--big .ud-ring__val{stroke-dasharray:270;stroke-dashoffset:270}\n.ud-ring text{fill:#3A3D4D}\n@keyframes ud-ring{to{stroke-dashoffset:var(--off)}}\n.ud-tile.in-view .ud-ring__val{animation:ud-ring 1.4s cubic-bezier(.3,.7,.3,1) forwards}<\/p>\n<p>\/* Kachel 3: schiefes Browserfenster *\/\n.ud-window{margin:auto 6px -52px 14px;height:140px;padding:12px;box-sizing:border-box;border:2px solid rgba(233,138,86,.7);border-radius:12px 12px 0 0;background:rgba(233,138,86,.06);box-shadow:0 0 22px rgba(233,138,86,.3);transform:translateY(110px) rotate(-4deg);transform-origin:50% 100%}\n.ud-window__bar{display:flex;align-items:center;gap:9px}\n.ud-window__dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(233,138,86,.7)}\n.ud-window__url{flex:1;height:10px;border-radius:5px;border:2px solid rgba(233,138,86,.5)}\n.ud-window__block{margin-top:10px;height:40px;border:2px solid rgba(233,138,86,.5);border-radius:7px}\n.ud-window__block--dim{margin-top:9px;border-color:rgba(233,138,86,.28)}\n@keyframes ud-win{70%{transform:translateY(-10px) rotate(-4deg)}to{transform:translateY(0) rotate(-4deg)}}\n@keyframes ud-blockgrow{to{height:58px}}\n.ud-tile.in-view .ud-window__block{animation:ud-blockgrow .55s cubic-bezier(.3,1.5,.4,1) 1.2s forwards}\n.ud-tile.in-view .ud-window{animation:ud-win 1.1s cubic-bezier(.2,.7,.2,1) .2s forwards}<\/p>\n<p>\/* Kachel 4: Monaten -> Wochen (3D-Flip) *\/\n.ud-tile--speed{justify-content:center;text-align:center}\n.ud-flip{perspective:700px;margin:12px auto 0;height:60px}\n.ud-flip__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(0deg)}\n.ud-flip__face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;font-family:\"Instrument Serif\",Georgia,serif;font-style:italic;line-height:1}\n.ud-flip__front{font-size:34px;color:rgba(42,44,58,.55);opacity:1}\n.ud-flip__back{font-size:48px;color:#E07A3E;text-shadow:0 0 20px rgba(233,138,86,.5);transform:rotateX(180deg);opacity:0}\n.ud-flip__hinge{position:absolute;left:8%;right:8%;top:calc(50% - 1px);height:2px;background:rgba(42,44,58,.14);border-radius:2px}\n@keyframes ud-flip{0%{transform:rotateX(0deg)}55%{transform:rotateX(202deg)}75%{transform:rotateX(172deg)}100%{transform:rotateX(180deg)}}\n@keyframes ud-flip-ff{0%,25%{opacity:1}26%,100%{opacity:0}}\n@keyframes ud-flip-fb{0%,25%{opacity:0}26%,100%{opacity:1}}\n.ud-tile.in-view .ud-flip__inner{animation:ud-flip 1.05s cubic-bezier(.55,.05,.25,1) .55s forwards}\n.ud-tile.in-view .ud-flip__front{animation:ud-flip-ff 1.05s linear .55s forwards}\n.ud-tile.in-view .ud-flip__back{animation:ud-flip-fb 1.05s linear .55s forwards}<\/p>\n<p>@media (prefers-reduced-motion:reduce){.ud-tile *{animation-duration:.01s !important;animation-delay:0s !important}}\n<\/style>\n<\/div>\n<div>\n<div class=\"ud-tiles\">\n<div class=\"ud-tile\">\n<div class=\"ud-tile__head\">\n<div class=\"ud-tile__title\">Kunden<\/div>\n<div class=\"ud-tile__accent\">gewinnen<\/div>\n<\/p><\/div>\n<div class=\"ud-bubbles\">\n<div class=\"ud-bubble ud-bubble--a\">\n        <span class=\"ud-bubble__icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 6.5C4 5.12 5.12 4 6.5 4h11C18.88 4 20 5.12 20 6.5v7c0 1.38-1.12 2.5-2.5 2.5H10l-4.2 3.4c-.5.4-1.3.05-1.3-.6V6.5Z\" fill=\"#E98A56\"\/><\/svg><\/span><br \/>\n        <span class=\"ud-bubble__text\"><span class=\"ud-bubble__line1\">Neue Kundenanfrage<\/span><span class=\"ud-bubble__line2\">\u00fcber Webseite<\/span><\/span><br \/>\n        <span class=\"ud-bubble__time\">Jetzt<\/span>\n      <\/div>\n<div class=\"ud-bubble ud-bubble--b\">\n        <span class=\"ud-bubble__icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 6.5C4 5.12 5.12 4 6.5 4h11C18.88 4 20 5.12 20 6.5v7c0 1.38-1.12 2.5-2.5 2.5H10l-4.2 3.4c-.5.4-1.3.05-1.3-.6V6.5Z\" fill=\"#E98A56\"\/><\/svg><\/span><br \/>\n        <span class=\"ud-bubble__text\"><span class=\"ud-bubble__line1\">Neue Kundenanfrage<\/span><span class=\"ud-bubble__line2\">\u00fcber Webseite<\/span><\/span><br \/>\n        <span class=\"ud-bubble__time\">Jetzt<\/span>\n      <\/div>\n<div class=\"ud-bubble ud-bubble--c\">\n        <span class=\"ud-bubble__icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 6.5C4 5.12 5.12 4 6.5 4h11C18.88 4 20 5.12 20 6.5v7c0 1.38-1.12 2.5-2.5 2.5H10l-4.2 3.4c-.5.4-1.3.05-1.3-.6V6.5Z\" fill=\"#E98A56\"\/><\/svg><\/span><br \/>\n        <span class=\"ud-bubble__text\"><span class=\"ud-bubble__line1\">Neue Kundenanfrage<\/span><span class=\"ud-bubble__line2\">\u00fcber Webseite<\/span><\/span><br \/>\n        <span class=\"ud-bubble__time\">Jetzt<\/span>\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ud-tile\">\n<div class=\"ud-tile__head\">\n<div class=\"ud-tile__title\">Google<\/div>\n<div class=\"ud-tile__accent\">beeindrucken<\/div>\n<\/p><\/div>\n<div class=\"ud-rings\">\n<div class=\"ud-ring\">\n        <svg width=\"60\" height=\"60\" viewBox=\"0 0 76 76\">\n          <circle class=\"ud-ring__track\" cx=\"38\" cy=\"38\" r=\"34\"><\/circle>\n          <circle class=\"ud-ring__val\" cx=\"38\" cy=\"38\" r=\"34\" transform=\"rotate(-90 38 38)\" style=\"--off:2.1\"><\/circle>\n          <text x=\"38\" y=\"44\" text-anchor=\"middle\" font-size=\"19\">99<\/text>\n        <\/svg><\/p>\n<div class=\"ud-ring__label\">Performance<\/div>\n<\/p><\/div>\n<div class=\"ud-ring ud-ring--big\">\n        <svg width=\"78\" height=\"78\" viewBox=\"0 0 96 96\">\n          <circle class=\"ud-ring__track\" cx=\"48\" cy=\"48\" r=\"43\"><\/circle>\n          <circle class=\"ud-ring__val\" cx=\"48\" cy=\"48\" r=\"43\" transform=\"rotate(-90 48 48)\" style=\"--off:0\"><\/circle>\n          <text x=\"48\" y=\"55\" text-anchor=\"middle\" font-size=\"23\">100<\/text>\n        <\/svg><\/p>\n<div class=\"ud-ring__label\">SEO<\/div>\n<\/p><\/div>\n<div class=\"ud-ring\">\n        <svg width=\"60\" height=\"60\" viewBox=\"0 0 76 76\">\n          <circle class=\"ud-ring__track\" cx=\"38\" cy=\"38\" r=\"34\"><\/circle>\n          <circle class=\"ud-ring__val\" cx=\"38\" cy=\"38\" r=\"34\" transform=\"rotate(-90 38 38)\" style=\"--off:6.4\"><\/circle>\n          <text x=\"38\" y=\"44\" text-anchor=\"middle\" font-size=\"19\">97<\/text>\n        <\/svg><\/p>\n<div class=\"ud-ring__label\">Accessibility<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ud-tile ud-tile--individuell\">\n<div class=\"ud-tile__head\">\n<div class=\"ud-tile__title\">100%<\/div>\n<div class=\"ud-tile__accent\">Individuell<\/div>\n<p class=\"ud-tile__copy\">Von Grund auf konzipiert f\u00fcr Dein Unternehmen<\/p>\n<\/p><\/div>\n<div class=\"ud-window\">\n<div class=\"ud-window__bar\">\n        <span class=\"ud-window__dot\"><\/span><br \/>\n        <span class=\"ud-window__url\"><\/span>\n      <\/div>\n<div class=\"ud-window__block\"><\/div>\n<div class=\"ud-window__block ud-window__block--dim\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ud-tile ud-tile--speed\">\n<div class=\"ud-tile__title\">Entwicklung in<\/div>\n<div class=\"ud-flip\">\n<div class=\"ud-flip__inner\">\n<div class=\"ud-flip__face ud-flip__front\">Monaten<\/div>\n<div class=\"ud-flip__face ud-flip__back\">Wochen<\/div>\n<\/p><\/div>\n<p>      <span class=\"ud-flip__hinge\"><\/span>\n    <\/div>\n<\/p><\/div>\n<\/div>\n<\/div>\n<p><p>\n        <a href=\"Tel:+491632606166\">Projekt besprechen<\/a>\n    <\/p>\n<\/p>\n<div>\n<div class=\"ud-tiles\">\n<div class=\"ud-tile\">\n<div class=\"ud-tile__head\">\n<div class=\"ud-tile__title\">Kunden<\/div>\n<div class=\"ud-tile__accent\">gewinnen<\/div>\n<\/p><\/div>\n<div class=\"ud-bubbles\">\n<div class=\"ud-bubble ud-bubble--a\">\n        <span class=\"ud-bubble__icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 6.5C4 5.12 5.12 4 6.5 4h11C18.88 4 20 5.12 20 6.5v7c0 1.38-1.12 2.5-2.5 2.5H10l-4.2 3.4c-.5.4-1.3.05-1.3-.6V6.5Z\" fill=\"#E98A56\"\/><\/svg><\/span><br \/>\n        <span class=\"ud-bubble__text\"><span class=\"ud-bubble__line1\">Neue Kundenanfrage<\/span><span class=\"ud-bubble__line2\">\u00fcber Webseite<\/span><\/span><br \/>\n        <span class=\"ud-bubble__time\">Jetzt<\/span>\n      <\/div>\n<div class=\"ud-bubble ud-bubble--b\">\n        <span class=\"ud-bubble__icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 6.5C4 5.12 5.12 4 6.5 4h11C18.88 4 20 5.12 20 6.5v7c0 1.38-1.12 2.5-2.5 2.5H10l-4.2 3.4c-.5.4-1.3.05-1.3-.6V6.5Z\" fill=\"#E98A56\"\/><\/svg><\/span><br \/>\n        <span class=\"ud-bubble__text\"><span class=\"ud-bubble__line1\">Neue Kundenanfrage<\/span><span class=\"ud-bubble__line2\">\u00fcber Webseite<\/span><\/span><br \/>\n        <span class=\"ud-bubble__time\">Jetzt<\/span>\n      <\/div>\n<div class=\"ud-bubble ud-bubble--c\">\n        <span class=\"ud-bubble__icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 6.5C4 5.12 5.12 4 6.5 4h11C18.88 4 20 5.12 20 6.5v7c0 1.38-1.12 2.5-2.5 2.5H10l-4.2 3.4c-.5.4-1.3.05-1.3-.6V6.5Z\" fill=\"#E98A56\"\/><\/svg><\/span><br \/>\n        <span class=\"ud-bubble__text\"><span class=\"ud-bubble__line1\">Neue Kundenanfrage<\/span><span class=\"ud-bubble__line2\">\u00fcber Webseite<\/span><\/span><br \/>\n        <span class=\"ud-bubble__time\">Jetzt<\/span>\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ud-tile\">\n<div class=\"ud-tile__head\">\n<div class=\"ud-tile__title\">Google<\/div>\n<div class=\"ud-tile__accent\">beeindrucken<\/div>\n<\/p><\/div>\n<div class=\"ud-rings\">\n<div class=\"ud-ring\">\n        <svg width=\"60\" height=\"60\" viewBox=\"0 0 76 76\">\n          <circle class=\"ud-ring__track\" cx=\"38\" cy=\"38\" r=\"34\"><\/circle>\n          <circle class=\"ud-ring__val\" cx=\"38\" cy=\"38\" r=\"34\" transform=\"rotate(-90 38 38)\" style=\"--off:2.1\"><\/circle>\n          <text x=\"38\" y=\"44\" text-anchor=\"middle\" font-size=\"19\">99<\/text>\n        <\/svg><\/p>\n<div class=\"ud-ring__label\">Performance<\/div>\n<\/p><\/div>\n<div class=\"ud-ring ud-ring--big\">\n        <svg width=\"78\" height=\"78\" viewBox=\"0 0 96 96\">\n          <circle class=\"ud-ring__track\" cx=\"48\" cy=\"48\" r=\"43\"><\/circle>\n          <circle class=\"ud-ring__val\" cx=\"48\" cy=\"48\" r=\"43\" transform=\"rotate(-90 48 48)\" style=\"--off:0\"><\/circle>\n          <text x=\"48\" y=\"55\" text-anchor=\"middle\" font-size=\"23\">100<\/text>\n        <\/svg><\/p>\n<div class=\"ud-ring__label\">SEO<\/div>\n<\/p><\/div>\n<div class=\"ud-ring\">\n        <svg width=\"60\" height=\"60\" viewBox=\"0 0 76 76\">\n          <circle class=\"ud-ring__track\" cx=\"38\" cy=\"38\" r=\"34\"><\/circle>\n          <circle class=\"ud-ring__val\" cx=\"38\" cy=\"38\" r=\"34\" transform=\"rotate(-90 38 38)\" style=\"--off:6.4\"><\/circle>\n          <text x=\"38\" y=\"44\" text-anchor=\"middle\" font-size=\"19\">97<\/text>\n        <\/svg><\/p>\n<div class=\"ud-ring__label\">Accessibility<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ud-tile ud-tile--individuell\">\n<div class=\"ud-tile__head\">\n<div class=\"ud-tile__title\">100%<\/div>\n<div class=\"ud-tile__accent\">Individuell<\/div>\n<p class=\"ud-tile__copy\">Von Grund auf konzipiert f\u00fcr Dein Unternehmen<\/p>\n<\/p><\/div>\n<div class=\"ud-window\">\n<div class=\"ud-window__bar\">\n        <span class=\"ud-window__dot\"><\/span><br \/>\n        <span class=\"ud-window__url\"><\/span>\n      <\/div>\n<div class=\"ud-window__block\"><\/div>\n<div class=\"ud-window__block ud-window__block--dim\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ud-tile ud-tile--speed\">\n<div class=\"ud-tile__title\">Entwicklung in<\/div>\n<div class=\"ud-flip\">\n<div class=\"ud-flip__inner\">\n<div class=\"ud-flip__face ud-flip__front\">Monaten<\/div>\n<div class=\"ud-flip__face ud-flip__back\">Wochen<\/div>\n<\/p><\/div>\n<p>      <span class=\"ud-flip__hinge\"><\/span>\n    <\/div>\n<\/p><\/div>\n<\/div>\n<\/div>\n<div>\n<h2>Aktuelle <br \/>Projekte<\/h2>\n<p>Webdesign SEO &#038; Print<\/p>\n<\/div>\n<div>\n<p>        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/OUKAN_MARCH26_0004-scaled.jpg\" alt=\"\"><\/p>\n<h2>Oukan &#8211; vegan fine dining<\/h2>\n<p><span>Design<\/span> <span>Programmierung<\/span> <span>Print<\/span><\/p>\n<p><a href=\"https:\/\/oukan.de\"><\/a><\/p>\n<\/div>\n<div>\n<p>        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Turkali_Header_1.jpg\" alt=\"\"><\/p>\n<h2>Turkali Architekten<\/h2>\n<p><span>Design<\/span> <span>Programmierung<\/span><\/p>\n<p><a href=\"https:\/\/turkali-architekten.de\"><\/a><\/p>\n<\/div>\n<div>\n<p>        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/437553507_884325560371738_8763412767929931877_n.jpg\" alt=\"\"><\/p>\n<h2>Con Tho &#8211; Restaurant<\/h2>\n<p><span>Design<\/span> <span>Programmierung<\/span> <span>Print<\/span><\/p>\n<p><a href=\"https:\/\/con-tho.de\/\"><\/a><\/p>\n<\/div>\n<div>\n<p>        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Citta-Vegan-Fall-Winter-Final-1-or-Test-3-9.jpg\" alt=\"\"><\/p>\n<h2>Nakuo &#8211; Interior Design<\/h2>\n<p><span>Design<\/span> <span>Programmierung<\/span><\/p>\n<p><a href=\"https:\/\/nakuo-design.de\/\"><\/a><\/p>\n<\/div>\n<div>\n<p>        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Sayomi-1-Impression-Fisch.jpg\" alt=\"\"><\/p>\n<h2>Sayomi &#8211; Restaurant in D\u00fcsseldorf<\/h2>\n<p><span>Design<\/span> <span>Programmierung<\/span><\/p>\n<p><a href=\"https:\/\/sayomi-dus.de\/\"><\/a><\/p>\n<\/div>\n<div>\n<p>        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Sayomi-2-Impression-2.jpg\" alt=\"\"><\/p>\n<h2>Yomi &#8211; Restaurant in D\u00fcsseldorf<\/h2>\n<p><span>Design<\/span> <span>Programmierung<\/span><\/p>\n<p><a href=\"https:\/\/yomi-dus.de\/\"><\/a><\/p>\n<\/div>\n<ul>\n<li>\n<p>\n        <a href=\"\/projekte\/\">Mehr Projekte ansehen<\/a>\n    <\/p>\n<\/li>\n<li>\n<p>\n        <a href=\"tel:+491632606166\">Projekt besprechen<\/a>\n    <\/p>\n<\/li>\n<\/ul>\n<div>\n<h2>Leistungen<\/h2>\n<\/div>\n<ul>\n<li>\n<h3>Webdesign &#038; Entwicklung<\/h3>\n<div>Individuelle Websites ohne Baukastensystem \u2014 von UX-Konzept und Figma-Design bis zum WordPress-Launch. Schnell, barrierefrei und auf Conversion optimiert.<\/p>\n<div>\n<span>Konzeption &#038; UX-Strategie<\/span><br \/>\n<span>WordPress<\/span><br \/>\n<span>Figma<\/span><br \/>\n<span>Performance-Optimierung<\/span><br \/>\n<span>Barrierefreiheit (WCAG 2.1)<\/span><br \/>\n<span>Technische SEO-Grundstruktur<\/span>\n<\/div>\n<\/div>\n<\/li>\n<li>\n<h3>Suchmaschinen&shy;optimierung<\/h3>\n<div>Nachhaltige Google-Sichtbarkeit durch technisches SEO, Content-Strategie und Local SEO. Monatliches Reporting mit klaren, messbaren Kennzahlen.<\/p>\n<div>\n<span>OnPage<\/span><br \/>\n<span>Technisches SEO<\/span><br \/>\n<span>Local SEO<\/span><br \/>\n<span>Linkbuilding<\/span>\n<\/div>\n<\/div>\n<\/li>\n<li>\n<h3>Google Ads<\/h3>\n<div>Sofortige Sichtbarkeit bei Ihrer Zielgruppe. Wir konzipieren, schalten und optimieren Kampagnen mit messbarem Return on Investment \u2014 transparent und ohne Budgetverschwendung.<\/p>\n<div>\n<span>Search<\/span><br \/>\n<span>Qualit\u00e4tsscore<\/span><br \/>\n<span>Zielseitenanalyse<\/span>\n<\/div>\n<\/div>\n<\/li>\n<li>\n<h3>Corporate Identity &#038; Branding<\/h3>\n<div>Markenidentit\u00e4ten mit Charakter: unverwechselbar, skalierbar, kanal\u00fcbergreifend konsistent. Vom Logodesign bis zu vollst\u00e4ndigen Brand Guidelines.<\/p>\n<div>\n<span>Logo<\/span><br \/>\n<span>Styleguide<\/span><br \/>\n<span>Brand Strategy<\/span>\n<\/div>\n<\/div>\n<\/li>\n<li>\n<h3>Print &#038; Druckvorstufe<\/h3>\n<div>Visitenkarte, Brosch\u00fcre, Messe-Display oder Verpackung \u2014 Materialien, die Ihre Marke physisch weitererz\u00e4hlen. Gestaltung und Druckvorstufe aus einer Hand.<\/p>\n<div>\n<span>Brosch\u00fcren<\/span><br \/>\n<span>Gesch\u00e4ftsausstattung<\/span><br \/>\n<span>Werbemittel<\/span><br \/>\n<span>Druckvorstufe<\/span>\n<\/div>\n<\/div>\n<\/li>\n<li>\n<h3>Content &#038; Texterstellung<\/h3>\n<div>Websitetexte, Blogartikel, Landingpages, Case Studies \u2014 Inhalte, die Expertise transportieren, Vertrauen schaffen und bei Google ranken.<\/p>\n<div>\n<span>SEO- &#038; GEO-Texte<\/span><br \/>\n<span>Landingpages<\/span><br \/>\n<span>Fallstudien<\/span>\n<\/div>\n<\/div>\n<\/li>\n<li>\n<h3>Webanalyse &#038; CRO<\/h3>\n<div>Mehr aus bestehendem Traffic herausholen. Mit GA4, Heatmaps und systematischen A\/B-Tests optimieren wir die Quote von Besuchern zu Kunden.<\/p>\n<div>\n<span>G4A<\/span><br \/>\n<span>Tag Manager<\/span><br \/>\n<span>Heatmaps<\/span><br \/>\n<span>A\/B-Tests<\/span><br \/>\n<span>UX-Audit<\/span>\n<\/div>\n<\/div>\n<\/li>\n<li>\n<h3>KI &#038; Chatbots<\/h3>\n<div>Content, Automatisierung &#038; Chatbots. Gerne gucken wir gemeinsam wie wir KI zielf\u00fchrend und mit tats\u00e4chlichem Mehrwert bei Ihnen einsetzen k\u00f6nnen.<\/p>\n<div>\n<span>Local LLm<\/span><br \/>\n<span>Content-Generierung<\/span><br \/>\n<span>Chatbots<\/span><br \/>\n<span>Automatisierungen<\/span>\n<\/div>\n<\/div>\n<\/li>\n<\/ul>\n<p><p>\n        <a href=\"tel:+491632606166\">Projekt besprechen<\/a>\n    <\/p>\n<\/p>\n<div>\n<div class=\"gradient-blur-top\">\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<\/div>\n<\/div>\n<div>\n<h3>FAQ<\/h3>\n<\/div>\n<ul>\n<li>\n<h3>Was unterscheidet Dich von anderen?<\/h3>\n<div>\n<p>Ich arbeite nicht mit vorgefertigten Templates oder Baukastensystemen. Jede Website entsteht bei mir <strong>komplett individuell<\/strong>, basierend auf einem ergebnisreichen 1:1-Kundengespr\u00e4ch, Zielgruppenanalyse und einem durchdachten Designprozess. Mein Anspruch ist es, <strong>ma\u00dfgeschneiderte L\u00f6sungen<\/strong> zu schaffen, die genau zu Deinem Unternehmen passen \u2013 visuell, technisch und strategisch.<\/p>\n<\/div>\n<\/li>\n<li>\n<h3>Wie l\u00e4uft ein typisches Webdesign-Projekt bei Dir ab?<\/h3>\n<div>\n<p>\n      <strong>1. Beratung &#038; Analyse:<\/strong> Ich lerne Dein Unternehmen kennen und wir besprechen Ziele, Zielgruppen, Inhalte und Schwachstellen Deiner bisherigen Webpr\u00e4senz.<\/p>\n<p>      <strong>2. Konzept &#038; Design:<\/strong> Auf Basis dieser Informationen entwickle ich ein individuelles Design in <em>Figma<\/em> \u2013 mit Fokus auf Barrierefreiheit, Responsive Design und moderne, aber zeitlose \u00c4sthetik.<\/p>\n<p>      <strong>3. Umsetzung:<\/strong> Erst nach Freigabe des Designs setze ich die Seite technisch um \u2013 pixelgenau und CMS-unabh\u00e4ngig. Ich setze aber besonders gerne auf <em>WordPress<\/em> oder <em>Webflow<\/em><\/p>\n<p>      <strong>4. Launch &#038; \u00dcbergabe:<\/strong> Nach umfassenden Tests geht die Website live. Auf Wunsch gibt es Schulungen und fortlaufenden Support.\n    <\/p>\n<\/div>\n<\/li>\n<li>\n<h3>Nutzt Du WordPress, Webflow oder ein eigenes System?<\/h3>\n<div>\n<p>\n      Ich bin <strong>nicht auf ein bestimmtes System festgelegt<\/strong>. Die technische Umsetzung erfolgt je nach Projektanforderung mit<br \/>\n      <strong>WordPress, Webflow<\/strong> oder einem anderen passenden System. Wichtig ist nur eins: Du erh\u00e4ltst eine individuelle Webl\u00f6sung, egal, ob Landingpage oder Shopsystem. Ein Ergebnis, das den neuesten Standards gerecht wird und messbaren Erfolg bietet sowie langfristig up to date ist.\n    <\/p>\n<\/div>\n<\/li>\n<li>\n<h3>Was bedeutet &#8220;barrierefreies Design&#8221; bei Dir?<\/h3>\n<div>\n<p>\n      Barrierefreies Design bedeutet, dass meine Webseiten f\u00fcr m\u00f6glichst viele Menschen zug\u00e4nglich sind \u2013 auch f\u00fcr Menschen mit Einschr\u00e4nkungen.<br \/>\n      Dazu geh\u00f6ren klare Strukturen, gute Lesbarkeit, logische Navigation, ausreichende Kontraste und mehr. Diese Standards flie\u00dfen<br \/>\n      <strong>bereits im Designprozess<\/strong> mit ein.\n    <\/p>\n<\/div>\n<\/li>\n<li>\n<h3>Ist meine Website sp\u00e4ter einfach zu pflegen?<\/h3>\n<div> Ja, ich achte darauf, dass Du nach dem Projekt eine Website erh\u00e4ltst, die <strong>intuitiv bedienbar<\/strong> und pflegeleicht ist \u2013 egal, ob Du neue Inhalte einpflegen oder \u00c4nderungen vornehmen m\u00f6chtest. <\/p>\n<p>      Gerne biete ich auch <strong>eine Schulung oder begleitenden Support<\/strong> an. <strong>Du bist also nicht abh\u00e4ngig von mir und die Webseite geh\u00f6rt ganz allein Dir<\/strong>.<\/div>\n<\/li>\n<li>\n<h3>Kannst Du auch meine alte Website \u00fcberarbeiten?<\/h3>\n<div> Absolut. Bei einem Relaunch analysiere ich zuerst, was funktioniert \u2013 und was nicht. Auf dieser Basis entwickle ich ein neues Konzept,<br \/>\n      das Deinen bisherigen Auftritt auf ein <strong>neues, professionelles Level<\/strong> hebt. In jedem Fall ergibt es aber mehr Sinn die technische Basis neu aufzusetzen.<\/div>\n<\/li>\n<li>\n<h3>Was kostet eine Website bei Dir?<\/h3>\n<div>\n<p>\n      Das h\u00e4ngt stark vom Umfang, den Funktionen und individuellen Anforderungen ab. Da ich <strong>keine vorgefertigten L\u00f6sungen anbiete<\/strong>,<br \/>\n      kalkuliere ich <strong>jeden Preis individuell<\/strong>. Gerne erstellen wir Dir ein unverbindliches Angebot nach einem ersten <a href=\"tel:+491632606166\" style=\"color:#FB6800\">Beratungsgespr\u00e4ch<\/a>.\n    <\/p>\n<\/div>\n<\/li>\n<li>\n<h3>Wie lange dauert es, bis meine neue Website online ist?<\/h3>\n<div> Je nach Projektumfang dauert ein vollst\u00e4ndiges Webdesign-Projekt in der Regel <strong>zwischen 1 und 4 Wochen<\/strong> \u2013 vom Erstgespr\u00e4ch bis zum Livegang.<br \/>\n      Eine genauere Einsch\u00e4tzung erh\u00e4ltst du nach dem Kick-Off. Generell h\u00e4ngt der Zeitaufwand auch sehr von Materialanlieferung (z. B. Bilder) und Zusammenarbeit ab. Ein reibungsloser Ablauf erm\u00f6glicht eine z\u00fcgige Umsetzung.<\/div>\n<\/li>\n<li>\n<h3>Bietest Du auch SEO, Branding oder andere Leistungen an?<\/h3>\n<div> Ja. Neben dem Webdesign unterst\u00fctze ich Dich auf Wunsch auch bei:<br \/>\n      \u2013 <strong>Suchmaschinenoptimierung (SEO)<\/strong><br \/>\n      \u2013 <strong>Logo- &#038; Branddesign<\/strong><br \/>\n      \u2013 <strong>Men\u00fcdesign f\u00fcr Gastronomie<\/strong><br \/>\n      \u2013 <strong>Google Ads &#038; Social Media<\/strong><br \/>\n      \u2013 <strong>KI-Schulungen &#038; Integration<\/strong><br \/>\n      So entsteht ein stimmiger, ganzheitlicher Markenauftritt aus einer Hand.<br \/>\nIch entwickle auch aufwendige Softwareprodukte und Apps. Dank meinem Netzwerk sind uns da kaum Grenzen gesetzt.<\/div>\n<\/li>\n<\/ul>\n<p><p>\n        <a href=\"tel:+491632606166\">Projekt besprechen<\/a>\n    <\/p>\n<\/p>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"animation\":\"slide-bottom-small\",\"css\":\".el-section {\\n    position: relative;\\n}\\n\\n.el-section::before {\\n    content: \\\"\\\";\\n    position: absolute;\\n    top: 0;\\n    left: 0;\\n    width: 100%;\\n    height: 100%;\\n    background: linear-gradient(\\n        to top,\\n        #ECF2F8 0%,\\n        rgba(244, 248, 250, 0) 100%\\n    );\\n    z-index: 10;\\n    pointer-events: none;\\n}\",\"height\":\"viewport\",\"image_position\":\"center-center\",\"image_size\":\"cover\",\"media_overlay\":\"rgba(203, 228, 246, 0)\",\"padding_bottom\":\"large\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"video\":\"wp-content\/uploads\/2026\/06\/Flower-video.mp4\",\"width\":\"expand\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-1\"},\"children\":[{\"type\":\"fragment\",\"props\":{\"css\":\".el-element {\\nz-index:99;\\n}\",\"margin_bottom\":\"default\",\"margin_top\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-1\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Webdesign, das sich<br \/>\\n<span>nach Dir richtet<\/span>\",\"content_en_us\":\"Web design that<br \/>\\n<span>adapts to you<\/span>\",\"css\":\".el-element {\\n    font-weight: 300;\\n}\\n\\n.el-element span {\\n    font-style: italic;\\n    font-weight:400;\\n}\\n\\n@media only screen and (max-width: 670px) {\\n.el-element {\\n    font-size: 32px;\\n}\\n    .el-element span {\\n        font-size: 40px;\\n    }\\n}\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"margin_bottom\":\"xsmall\",\"text_align\":\"center\",\"title_element\":\"h1\",\"title_style\":\"heading-medium\"},\"name\":\"h1\"},{\"type\":\"description_list\",\"props\":{\"column_breakpoint\":\"m\",\"css\":\".el-element {\\n    margin:30px auto 0px auto !important;\\n    max-width:920px;\\n}\\n\\n.el-content {\\n    font-size: 24px;\\n    line-height:1.0;\\n    color:#000;\\n}\\n\\n@media only screen and (max-width: 670px) {\\n    .el-content {\\n    font-size: 17px;\\n    line-height: 1.5;\\n}\\n}\",\"layout\":\"grid-2\",\"list_element\":\"ul\",\"margin_top\":\"default\",\"meta_align\":\"below-content\",\"meta_style\":\"text-meta\",\"show_content\":true,\"show_link\":true,\"show_meta\":true,\"show_title\":true,\"text_align\":\"left\",\"title_element\":\"div\",\"title_grid_column_gap\":\"collapse\",\"title_grid_row_gap\":\"small\",\"title_grid_width\":\"auto\"},\"children\":[{\"type\":\"description_list_item\",\"props\":{\"content\":\"100% individuelles Design - ohne Kompromisse.  Garantiert\",\"content_en_us\":\"100% custom design \u2014 no compromises. Guaranteed.\",\"title\":\"<img src=\\\"https:\/\/unkreativ-design.de\/wp-content\/uploads\/2026\/07\/checkmark.svg\\\" width=\\\"30px\\\" style=\\\"margin-right:20px;\\\">\",\"title_en_us\":\"<img src=\\\"https:\/\/unkreativ-design.de\/wp-content\/uploads\/2026\/07\/checkmark.svg\\\" width=\\\"30px\\\" style=\\\"margin-right:20px;\\\">\"}},{\"type\":\"description_list_item\",\"props\":{\"content\":\"L\u00f6sungsorientiert & mit Mehrwert\",\"content_en_us\":\"Solution-oriented & value-driven\",\"title\":\"<img src=\\\"https:\/\/unkreativ-design.de\/wp-content\/uploads\/2026\/07\/checkmark.svg\\\" width=\\\"30px\\\" style=\\\"margin-right:20px;\\\">\"}},{\"type\":\"description_list_item\",\"props\":{\"content\":\"Von Hand gefertigt \u2013 keine generischen KI-L\u00f6sungen\/Templates\",\"title\":\"<img src=\\\"https:\/\/unkreativ-design.de\/wp-content\/uploads\/2026\/07\/checkmark.svg\\\" width=\\\"30px\\\" style=\\\"margin-right:20px;\\\">\"}}]},{\"type\":\"html\",\"props\":{\"content\":\"\n\n<style>\\n\/* ---------- Grund-Layout ---------- *\/\\n.ud-tiles{\\n  display:grid;\\n  grid-template-columns:repeat(4,1fr);\\n  gap:18px;\\n  font-family:\\\"Helvetica Neue\\\",Helvetica,Arial,sans-serif;\\n  -webkit-font-smoothing:antialiased;\\n}\\n@media (max-width:1023px){.ud-tiles{grid-template-columns:repeat(2,1fr)}}\\n@media (max-width:559px){.ud-tiles{grid-template-columns:1fr}}\\n.ud-tiles *,.ud-tiles *::before,.ud-tiles *::after{box-sizing:border-box}\\n.ud-tile{\\n  position:relative;min-height:274px;display:flex;flex-direction:column;\\n  padding:26px 24px;box-sizing:border-box;border-radius:5px;overflow:hidden;\\n  color:#23263A;background:rgba(255,255,255,.45);border:1px solid rgba(35,38,58,.15);\\n  backdrop-filter:blur(20px) saturate(1.15);-webkit-backdrop-filter:blur(20px) saturate(1.15);\\n}\\n.ud-tile__head{text-align:center}\\n.ud-tile__title{font-size:25px;font-weight:500;letter-spacing:-.01em}\\n.ud-tile__accent{font-family:\\\"Instrument Serif\\\",Georgia,serif;font-style:italic;font-size:30px;line-height:1.15;color:#E98A56;margin-top:2px}\\n.ud-tile__copy{margin:12px auto 0;font-size:13.5px;line-height:1.5;max-width:220px;color:rgba(42,44,58,.75);text-align:center}\\n\\n\/* Kachel 1: Nachrichten-Blasen *\/\\n.ud-bubbles{position:relative;flex:none;margin-top:auto;height:128px;overflow:hidden}\\n.ud-bubble{position:absolute;left:0;right:0;top:0;height:60px;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:9px 12px;background:#fff;border:1px solid rgba(35,38,58,.08);border-radius:15px;box-shadow:0 1px 3px rgba(20,22,40,.08);color:#1a1a1a;opacity:0;transform:translateY(136px) scale(.55)}\\n.ud-bubble__icon{flex:none;width:38px;height:38px;border-radius:11px;background:#23263A;display:grid;place-items:center}\\n.ud-bubble__icon svg{display:block}\\n.ud-bubble__text{flex:1;min-width:0;overflow:hidden}\\n.ud-bubble__line1{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\\n.ud-bubble__line2{display:block;font-size:11px;color:rgba(0,0,0,.55)}\\n.ud-bubble__time{flex:none;align-self:flex-start;font-size:10.5px;color:rgba(0,0,0,.45)}\\n@keyframes ud-bub-a{0%{transform:translateY(136px) scale(.55);opacity:0}14%{transform:translateY(68px) scale(1);opacity:1}34%{transform:translateY(68px) scale(1);opacity:1}46%{transform:translateY(0) scale(1)}64%{transform:translateY(0) scale(1);opacity:1}80%,100%{transform:translateY(-8px) scale(.55);opacity:0}}\\n@keyframes ud-bub-b{0%,34%{transform:translateY(136px) scale(.55);opacity:0}48%{transform:translateY(68px) scale(1);opacity:1}64%{transform:translateY(68px) scale(1)}80%,100%{transform:translateY(0) scale(1);opacity:1}}\\n@keyframes ud-bub-c{0%,64%{transform:translateY(136px) scale(.55);opacity:0}82%,100%{transform:translateY(68px) scale(1);opacity:1}}\\n.ud-tile.in-view .ud-bubble--a{animation:ud-bub-a 4s cubic-bezier(.25,.7,.3,1) forwards}\\n.ud-tile.in-view .ud-bubble--b{animation:ud-bub-b 4s cubic-bezier(.25,.7,.3,1) forwards}\\n.ud-tile.in-view .ud-bubble--c{animation:ud-bub-c 4s cubic-bezier(.25,.7,.3,1) forwards}\\n\\n\/* Kachel 2: Google-Ringe *\/\\n.ud-rings{display:flex;align-items:flex-end;justify-content:center;gap:14px;margin:auto 0 8px}\\n.ud-ring{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1 1 0;min-width:0}\\n.ud-ring svg{flex:none;display:block;filter:drop-shadow(0 0 5px rgba(233,138,86,.75)) drop-shadow(0 0 14px rgba(233,138,86,.45))}\\n.ud-ring__label{font-size:11px;margin-top:8px;color:rgba(58,61,77,.78);text-align:center}\\n.ud-ring__track{fill:none;stroke:rgba(233,138,86,.2);stroke-width:2.5}\\n.ud-ring__val{fill:none;stroke:#E98A56;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:214;stroke-dashoffset:214}\\n.ud-ring--big .ud-ring__val{stroke-dasharray:270;stroke-dashoffset:270}\\n.ud-ring text{fill:#3A3D4D}\\n@keyframes ud-ring{to{stroke-dashoffset:var(--off)}}\\n.ud-tile.in-view .ud-ring__val{animation:ud-ring 1.4s cubic-bezier(.3,.7,.3,1) forwards}\\n\\n\/* Kachel 3: schiefes Browserfenster *\/\\n.ud-window{margin:auto 6px -52px 14px;height:140px;padding:12px;box-sizing:border-box;border:2px solid rgba(233,138,86,.7);border-radius:12px 12px 0 0;background:rgba(233,138,86,.06);box-shadow:0 0 22px rgba(233,138,86,.3);transform:translateY(110px) rotate(-4deg);transform-origin:50% 100%}\\n.ud-window__bar{display:flex;align-items:center;gap:9px}\\n.ud-window__dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(233,138,86,.7)}\\n.ud-window__url{flex:1;height:10px;border-radius:5px;border:2px solid rgba(233,138,86,.5)}\\n.ud-window__block{margin-top:10px;height:40px;border:2px solid rgba(233,138,86,.5);border-radius:7px}\\n.ud-window__block--dim{margin-top:9px;border-color:rgba(233,138,86,.28)}\\n@keyframes ud-win{70%{transform:translateY(-10px) rotate(-4deg)}to{transform:translateY(0) rotate(-4deg)}}\\n@keyframes ud-blockgrow{to{height:58px}}\\n.ud-tile.in-view .ud-window__block{animation:ud-blockgrow .55s cubic-bezier(.3,1.5,.4,1) 1.2s forwards}\\n.ud-tile.in-view .ud-window{animation:ud-win 1.1s cubic-bezier(.2,.7,.2,1) .2s forwards}\\n\\n\/* Kachel 4: Monaten -> Wochen (3D-Flip) *\/\\n.ud-tile--speed{justify-content:center;text-align:center}\\n.ud-flip{perspective:700px;margin:12px auto 0;height:60px}\\n.ud-flip__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(0deg)}\\n.ud-flip__face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;font-family:\\\"Instrument Serif\\\",Georgia,serif;font-style:italic;line-height:1}\\n.ud-flip__front{font-size:34px;color:rgba(42,44,58,.55);opacity:1}\\n.ud-flip__back{font-size:48px;color:#E07A3E;text-shadow:0 0 20px rgba(233,138,86,.5);transform:rotateX(180deg);opacity:0}\\n.ud-flip__hinge{position:absolute;left:8%;right:8%;top:calc(50% - 1px);height:2px;background:rgba(42,44,58,.14);border-radius:2px}\\n@keyframes ud-flip{0%{transform:rotateX(0deg)}55%{transform:rotateX(202deg)}75%{transform:rotateX(172deg)}100%{transform:rotateX(180deg)}}\\n@keyframes ud-flip-ff{0%,25%{opacity:1}26%,100%{opacity:0}}\\n@keyframes ud-flip-fb{0%,25%{opacity:0}26%,100%{opacity:1}}\\n.ud-tile.in-view .ud-flip__inner{animation:ud-flip 1.05s cubic-bezier(.55,.05,.25,1) .55s forwards}\\n.ud-tile.in-view .ud-flip__front{animation:ud-flip-ff 1.05s linear .55s forwards}\\n.ud-tile.in-view .ud-flip__back{animation:ud-flip-fb 1.05s linear .55s forwards}\\n\\n@media (prefers-reduced-motion:reduce){.ud-tile *{animation-duration:.01s !important;animation-delay:0s !important}}\\n<\/style>\n\n\"},\"name\":\"kacheln CSS\"},{\"type\":\"html\",\"props\":{\"content\":\"\n\n<div class=\\\"ud-tiles\\\">\\n\\n  \n\n<div class=\\\"ud-tile\\\">\\n    \n\n<div class=\\\"ud-tile__head\\\">\\n      \n\n<div class=\\\"ud-tile__title\\\">Kunden<\/div>\n\n\\n      \n\n<div class=\\\"ud-tile__accent\\\">gewinnen<\/div>\n\n\\n    <\/div>\n\n\\n    \n\n<div class=\\\"ud-bubbles\\\">\\n      \n\n<div class=\\\"ud-bubble ud-bubble--a\\\">\\n        <span class=\\\"ud-bubble__icon\\\"><svg width=\\\"20\\\" height=\\\"20\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\"><path d=\\\"M4 6.5C4 5.12 5.12 4 6.5 4h11C18.88 4 20 5.12 20 6.5v7c0 1.38-1.12 2.5-2.5 2.5H10l-4.2 3.4c-.5.4-1.3.05-1.3-.6V6.5Z\\\" fill=\\\"#E98A56\\\"\/><\/svg><\/span>\\n        <span class=\\\"ud-bubble__text\\\"><span class=\\\"ud-bubble__line1\\\">Neue Kundenanfrage<\/span><span class=\\\"ud-bubble__line2\\\">\u00fcber Webseite<\/span><\/span>\\n        <span class=\\\"ud-bubble__time\\\">Jetzt<\/span>\\n      <\/div>\n\n\\n      \n\n<div class=\\\"ud-bubble ud-bubble--b\\\">\\n        <span class=\\\"ud-bubble__icon\\\"><svg width=\\\"20\\\" height=\\\"20\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\"><path d=\\\"M4 6.5C4 5.12 5.12 4 6.5 4h11C18.88 4 20 5.12 20 6.5v7c0 1.38-1.12 2.5-2.5 2.5H10l-4.2 3.4c-.5.4-1.3.05-1.3-.6V6.5Z\\\" fill=\\\"#E98A56\\\"\/><\/svg><\/span>\\n        <span class=\\\"ud-bubble__text\\\"><span class=\\\"ud-bubble__line1\\\">Neue Kundenanfrage<\/span><span class=\\\"ud-bubble__line2\\\">\u00fcber Webseite<\/span><\/span>\\n        <span class=\\\"ud-bubble__time\\\">Jetzt<\/span>\\n      <\/div>\n\n\\n      \n\n<div class=\\\"ud-bubble ud-bubble--c\\\">\\n        <span class=\\\"ud-bubble__icon\\\"><svg width=\\\"20\\\" height=\\\"20\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\"><path d=\\\"M4 6.5C4 5.12 5.12 4 6.5 4h11C18.88 4 20 5.12 20 6.5v7c0 1.38-1.12 2.5-2.5 2.5H10l-4.2 3.4c-.5.4-1.3.05-1.3-.6V6.5Z\\\" fill=\\\"#E98A56\\\"\/><\/svg><\/span>\\n        <span class=\\\"ud-bubble__text\\\"><span class=\\\"ud-bubble__line1\\\">Neue Kundenanfrage<\/span><span class=\\\"ud-bubble__line2\\\">\u00fcber Webseite<\/span><\/span>\\n        <span class=\\\"ud-bubble__time\\\">Jetzt<\/span>\\n      <\/div>\n\n\\n    <\/div>\n\n\\n  <\/div>\n\n\\n\\n  \n\n<div class=\\\"ud-tile\\\">\\n    \n\n<div class=\\\"ud-tile__head\\\">\\n      \n\n<div class=\\\"ud-tile__title\\\">Google<\/div>\n\n\\n      \n\n<div class=\\\"ud-tile__accent\\\">beeindrucken<\/div>\n\n\\n    <\/div>\n\n\\n    \n\n<div class=\\\"ud-rings\\\">\\n      \n\n<div class=\\\"ud-ring\\\">\\n        <svg width=\\\"60\\\" height=\\\"60\\\" viewBox=\\\"0 0 76 76\\\">\\n          <circle class=\\\"ud-ring__track\\\" cx=\\\"38\\\" cy=\\\"38\\\" r=\\\"34\\\"><\/circle>\\n          <circle class=\\\"ud-ring__val\\\" cx=\\\"38\\\" cy=\\\"38\\\" r=\\\"34\\\" transform=\\\"rotate(-90 38 38)\\\" style=\\\"--off:2.1\\\"><\/circle>\\n          <text x=\\\"38\\\" y=\\\"44\\\" text-anchor=\\\"middle\\\" font-size=\\\"19\\\">99<\/text>\\n        <\/svg>\\n        \n\n<div class=\\\"ud-ring__label\\\">Performance<\/div>\n\n\\n      <\/div>\n\n\\n      \n\n<div class=\\\"ud-ring ud-ring--big\\\">\\n        <svg width=\\\"78\\\" height=\\\"78\\\" viewBox=\\\"0 0 96 96\\\">\\n          <circle class=\\\"ud-ring__track\\\" cx=\\\"48\\\" cy=\\\"48\\\" r=\\\"43\\\"><\/circle>\\n          <circle class=\\\"ud-ring__val\\\" cx=\\\"48\\\" cy=\\\"48\\\" r=\\\"43\\\" transform=\\\"rotate(-90 48 48)\\\" style=\\\"--off:0\\\"><\/circle>\\n          <text x=\\\"48\\\" y=\\\"55\\\" text-anchor=\\\"middle\\\" font-size=\\\"23\\\">100<\/text>\\n        <\/svg>\\n        \n\n<div class=\\\"ud-ring__label\\\">SEO<\/div>\n\n\\n      <\/div>\n\n\\n      \n\n<div class=\\\"ud-ring\\\">\\n        <svg width=\\\"60\\\" height=\\\"60\\\" viewBox=\\\"0 0 76 76\\\">\\n          <circle class=\\\"ud-ring__track\\\" cx=\\\"38\\\" cy=\\\"38\\\" r=\\\"34\\\"><\/circle>\\n          <circle class=\\\"ud-ring__val\\\" cx=\\\"38\\\" cy=\\\"38\\\" r=\\\"34\\\" transform=\\\"rotate(-90 38 38)\\\" style=\\\"--off:6.4\\\"><\/circle>\\n          <text x=\\\"38\\\" y=\\\"44\\\" text-anchor=\\\"middle\\\" font-size=\\\"19\\\">97<\/text>\\n        <\/svg>\\n        \n\n<div class=\\\"ud-ring__label\\\">Accessibility<\/div>\n\n\\n      <\/div>\n\n\\n    <\/div>\n\n\\n  <\/div>\n\n\\n\\n  \n\n<div class=\\\"ud-tile ud-tile--individuell\\\">\\n    \n\n<div class=\\\"ud-tile__head\\\">\\n      \n\n<div class=\\\"ud-tile__title\\\">100%<\/div>\n\n\\n      \n\n<div class=\\\"ud-tile__accent\\\">Individuell<\/div>\n\n\\n      \n\n<p class=\\\"ud-tile__copy\\\">Von Grund auf konzipiert f\u00fcr Dein Unternehmen<\/p>\n\n\\n    <\/div>\n\n\\n    \n\n<div class=\\\"ud-window\\\">\\n      \n\n<div class=\\\"ud-window__bar\\\">\\n        <span class=\\\"ud-window__dot\\\"><\/span>\\n        <span class=\\\"ud-window__url\\\"><\/span>\\n      <\/div>\n\n\\n      \n\n<div class=\\\"ud-window__block\\\"><\/div>\n\n\\n      \n\n<div class=\\\"ud-window__block ud-window__block--dim\\\"><\/div>\n\n\\n    <\/div>\n\n\\n  <\/div>\n\n\\n\\n  \n\n<div class=\\\"ud-tile ud-tile--speed\\\">\\n    \n\n<div class=\\\"ud-tile__title\\\">Entwicklung in<\/div>\n\n\\n    \n\n<div class=\\\"ud-flip\\\">\\n      \n\n<div class=\\\"ud-flip__inner\\\">\\n        \n\n<div class=\\\"ud-flip__face ud-flip__front\\\">Monaten<\/div>\n\n\\n        \n\n<div class=\\\"ud-flip__face ud-flip__back\\\">Wochen<\/div>\n\n\\n      <\/div>\n\n\\n      <span class=\\\"ud-flip__hinge\\\"><\/span>\\n    <\/div>\n\n\\n  <\/div>\n\n\\n\\n<\/div>\n\n\",\"css\":\".el-element {\\n    margin-top:30px;\\n    max-width: 1200px !important;\\n    margin:50px auto 0 auto;\\n}\\n\\n@media only screen and (min-width: 1250px) {\\n    .el-element {\\n    transform: scale(0.9);\\n}\\n}\",\"visibility\":\"s\"},\"name\":\"kacheln desk\"},{\"type\":\"button\",\"props\":{\"css\":\".el-content {\\n    background-color: #ffffff;\\n    color: #44638c;\\n    transition:0.5s;\\n}\\n\\n.el-content:hover {\\n    color: #ffffff;\\n    background-color: #44638c;\\n    transition:0.5s;\\n}\\n\\n\",\"grid_column_gap\":\"small\",\"grid_row_gap\":\"small\",\"margin_bottom\":\"large\",\"margin_top\":\"large\",\"text_align\":\"center\",\"visibility\":\"hidden-s\"},\"children\":[{\"type\":\"button_item\",\"props\":{\"button_style\":\"primary\",\"content\":\"Projekt besprechen\",\"dialog_layout\":\"modal\",\"dialog_offcanvas_flip\":true,\"icon\":\"plus\",\"icon_align\":\"left\",\"link\":\"Tel:+491632606166\"}}]}]}]}]}]}]}]},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"muted\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"\n\n<div class=\\\"ud-tiles\\\">\\n\\n  \n\n<div class=\\\"ud-tile\\\">\\n    \n\n<div class=\\\"ud-tile__head\\\">\\n      \n\n<div class=\\\"ud-tile__title\\\">Kunden<\/div>\n\n\\n      \n\n<div class=\\\"ud-tile__accent\\\">gewinnen<\/div>\n\n\\n    <\/div>\n\n\\n    \n\n<div class=\\\"ud-bubbles\\\">\\n      \n\n<div class=\\\"ud-bubble ud-bubble--a\\\">\\n        <span class=\\\"ud-bubble__icon\\\"><svg width=\\\"20\\\" height=\\\"20\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\"><path d=\\\"M4 6.5C4 5.12 5.12 4 6.5 4h11C18.88 4 20 5.12 20 6.5v7c0 1.38-1.12 2.5-2.5 2.5H10l-4.2 3.4c-.5.4-1.3.05-1.3-.6V6.5Z\\\" fill=\\\"#E98A56\\\"\/><\/svg><\/span>\\n        <span class=\\\"ud-bubble__text\\\"><span class=\\\"ud-bubble__line1\\\">Neue Kundenanfrage<\/span><span class=\\\"ud-bubble__line2\\\">\u00fcber Webseite<\/span><\/span>\\n        <span class=\\\"ud-bubble__time\\\">Jetzt<\/span>\\n      <\/div>\n\n\\n      \n\n<div class=\\\"ud-bubble ud-bubble--b\\\">\\n        <span class=\\\"ud-bubble__icon\\\"><svg width=\\\"20\\\" height=\\\"20\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\"><path d=\\\"M4 6.5C4 5.12 5.12 4 6.5 4h11C18.88 4 20 5.12 20 6.5v7c0 1.38-1.12 2.5-2.5 2.5H10l-4.2 3.4c-.5.4-1.3.05-1.3-.6V6.5Z\\\" fill=\\\"#E98A56\\\"\/><\/svg><\/span>\\n        <span class=\\\"ud-bubble__text\\\"><span class=\\\"ud-bubble__line1\\\">Neue Kundenanfrage<\/span><span class=\\\"ud-bubble__line2\\\">\u00fcber Webseite<\/span><\/span>\\n        <span class=\\\"ud-bubble__time\\\">Jetzt<\/span>\\n      <\/div>\n\n\\n      \n\n<div class=\\\"ud-bubble ud-bubble--c\\\">\\n        <span class=\\\"ud-bubble__icon\\\"><svg width=\\\"20\\\" height=\\\"20\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\"><path d=\\\"M4 6.5C4 5.12 5.12 4 6.5 4h11C18.88 4 20 5.12 20 6.5v7c0 1.38-1.12 2.5-2.5 2.5H10l-4.2 3.4c-.5.4-1.3.05-1.3-.6V6.5Z\\\" fill=\\\"#E98A56\\\"\/><\/svg><\/span>\\n        <span class=\\\"ud-bubble__text\\\"><span class=\\\"ud-bubble__line1\\\">Neue Kundenanfrage<\/span><span class=\\\"ud-bubble__line2\\\">\u00fcber Webseite<\/span><\/span>\\n        <span class=\\\"ud-bubble__time\\\">Jetzt<\/span>\\n      <\/div>\n\n\\n    <\/div>\n\n\\n  <\/div>\n\n\\n\\n  \n\n<div class=\\\"ud-tile\\\">\\n    \n\n<div class=\\\"ud-tile__head\\\">\\n      \n\n<div class=\\\"ud-tile__title\\\">Google<\/div>\n\n\\n      \n\n<div class=\\\"ud-tile__accent\\\">beeindrucken<\/div>\n\n\\n    <\/div>\n\n\\n    \n\n<div class=\\\"ud-rings\\\">\\n      \n\n<div class=\\\"ud-ring\\\">\\n        <svg width=\\\"60\\\" height=\\\"60\\\" viewBox=\\\"0 0 76 76\\\">\\n          <circle class=\\\"ud-ring__track\\\" cx=\\\"38\\\" cy=\\\"38\\\" r=\\\"34\\\"><\/circle>\\n          <circle class=\\\"ud-ring__val\\\" cx=\\\"38\\\" cy=\\\"38\\\" r=\\\"34\\\" transform=\\\"rotate(-90 38 38)\\\" style=\\\"--off:2.1\\\"><\/circle>\\n          <text x=\\\"38\\\" y=\\\"44\\\" text-anchor=\\\"middle\\\" font-size=\\\"19\\\">99<\/text>\\n        <\/svg>\\n        \n\n<div class=\\\"ud-ring__label\\\">Performance<\/div>\n\n\\n      <\/div>\n\n\\n      \n\n<div class=\\\"ud-ring ud-ring--big\\\">\\n        <svg width=\\\"78\\\" height=\\\"78\\\" viewBox=\\\"0 0 96 96\\\">\\n          <circle class=\\\"ud-ring__track\\\" cx=\\\"48\\\" cy=\\\"48\\\" r=\\\"43\\\"><\/circle>\\n          <circle class=\\\"ud-ring__val\\\" cx=\\\"48\\\" cy=\\\"48\\\" r=\\\"43\\\" transform=\\\"rotate(-90 48 48)\\\" style=\\\"--off:0\\\"><\/circle>\\n          <text x=\\\"48\\\" y=\\\"55\\\" text-anchor=\\\"middle\\\" font-size=\\\"23\\\">100<\/text>\\n        <\/svg>\\n        \n\n<div class=\\\"ud-ring__label\\\">SEO<\/div>\n\n\\n      <\/div>\n\n\\n      \n\n<div class=\\\"ud-ring\\\">\\n        <svg width=\\\"60\\\" height=\\\"60\\\" viewBox=\\\"0 0 76 76\\\">\\n          <circle class=\\\"ud-ring__track\\\" cx=\\\"38\\\" cy=\\\"38\\\" r=\\\"34\\\"><\/circle>\\n          <circle class=\\\"ud-ring__val\\\" cx=\\\"38\\\" cy=\\\"38\\\" r=\\\"34\\\" transform=\\\"rotate(-90 38 38)\\\" style=\\\"--off:6.4\\\"><\/circle>\\n          <text x=\\\"38\\\" y=\\\"44\\\" text-anchor=\\\"middle\\\" font-size=\\\"19\\\">97<\/text>\\n        <\/svg>\\n        \n\n<div class=\\\"ud-ring__label\\\">Accessibility<\/div>\n\n\\n      <\/div>\n\n\\n    <\/div>\n\n\\n  <\/div>\n\n\\n\\n  \n\n<div class=\\\"ud-tile ud-tile--individuell\\\">\\n    \n\n<div class=\\\"ud-tile__head\\\">\\n      \n\n<div class=\\\"ud-tile__title\\\">100%<\/div>\n\n\\n      \n\n<div class=\\\"ud-tile__accent\\\">Individuell<\/div>\n\n\\n      \n\n<p class=\\\"ud-tile__copy\\\">Von Grund auf konzipiert f\u00fcr Dein Unternehmen<\/p>\n\n\\n    <\/div>\n\n\\n    \n\n<div class=\\\"ud-window\\\">\\n      \n\n<div class=\\\"ud-window__bar\\\">\\n        <span class=\\\"ud-window__dot\\\"><\/span>\\n        <span class=\\\"ud-window__url\\\"><\/span>\\n      <\/div>\n\n\\n      \n\n<div class=\\\"ud-window__block\\\"><\/div>\n\n\\n      \n\n<div class=\\\"ud-window__block ud-window__block--dim\\\"><\/div>\n\n\\n    <\/div>\n\n\\n  <\/div>\n\n\\n\\n  \n\n<div class=\\\"ud-tile ud-tile--speed\\\">\\n    \n\n<div class=\\\"ud-tile__title\\\">Entwicklung in<\/div>\n\n\\n    \n\n<div class=\\\"ud-flip\\\">\\n      \n\n<div class=\\\"ud-flip__inner\\\">\\n        \n\n<div class=\\\"ud-flip__face ud-flip__front\\\">Monaten<\/div>\n\n\\n        \n\n<div class=\\\"ud-flip__face ud-flip__back\\\">Wochen<\/div>\n\n\\n      <\/div>\n\n\\n      <span class=\\\"ud-flip__hinge\\\"><\/span>\\n    <\/div>\n\n\\n  <\/div>\n\n\\n\\n<\/div>\n\n\",\"css\":\".el-element {\\n    margin-top:50px;\\n}\",\"visibility\":\"hidden-s\"},\"name\":\"kacheln mobile\"}]}]}]},{\"type\":\"section\",\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"\"},\"children\":[{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content_column_breakpoint\":\"m\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta\":\"Webdesign SEO & Print\",\"meta_align\":\"above-title\",\"meta_color\":\"primary\",\"meta_element\":\"div\",\"meta_style\":\"h6\",\"parallax_y\":\"5vh,-5vh\",\"text_align\":\"center\",\"title\":\"Aktuelle <br \/>Projekte\",\"title_align\":\"top\",\"title_element\":\"h2\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"title_style\":\"heading-large\"}}]}]},{\"type\":\"row\",\"props\":{\"column_gap\":\"large\",\"layout\":\"3-5,2-5\",\"margin_bottom\":\"remove\",\"margin_top\":\"xlarge\",\"row_gap\":\"large\",\"width\":\"default\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"3-5\",\"width_small\":\"1-2\"},\"children\":[{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content\":\"\",\"content_column_breakpoint\":\"m\",\"css\":\".el-image {\\n  border-radius:3px;\\n}\\n\\n.el-meta span {\\ncolor: #2a507f;\\nmargin:0px 7px 0px 0px;\\nfont-weight:300;\\ntext-transform:none !important;    \\n}\",\"html_element\":\"article\",\"image\":\"wp-content\/uploads\/2026\/06\/OUKAN_MARCH26_0004-scaled.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_loading\":true,\"image_svg_color\":\"emphasis\",\"image_transition\":\"scale-up\",\"image_transition_border\":false,\"image_width\":\"695\",\"link\":\"https:\/\/oukan.de\",\"link_style\":\"default\",\"link_target\":true,\"link_text\":\"\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta\":\"<span>Design<\/span> <span>Programmierung<\/span> <span>Print<\/span>\",\"meta_align\":\"above-title\",\"meta_color\":\"primary\",\"meta_element\":\"div\",\"meta_style\":\"h6\",\"panel_link\":true,\"parallax_blur\":\"9,0,0,0,0\",\"parallax_opacity\":\"0.7,1,1,1,1\",\"parallax_scale\":\"0.9,1,1,1,1\",\"position\":\"relative\",\"position_z_index\":\"1\",\"title\":\"Oukan - vegan fine dining\",\"title_align\":\"top\",\"title_element\":\"h2\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"title_margin\":\"small\"}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"vertical_align\":\"middle\",\"width_medium\":\"2-5\",\"width_small\":\"1-2\"},\"children\":[{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content\":\"\",\"content_column_breakpoint\":\"m\",\"css\":\".el-meta span {\\ncolor: #2a507f;\\nmargin:0px 7px 0px 0px;\\nfont-weight:300;\\ntext-transform:none !important;    \\n}\\n\\n.el-image {\\n  border-radius:3px;\\n}\",\"html_element\":\"article\",\"image\":\"wp-content\/uploads\/2026\/06\/Turkali_Header_1.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_height\":650,\"image_loading\":true,\"image_svg_color\":\"emphasis\",\"image_transition\":\"scale-up\",\"image_transition_border\":false,\"image_width\":\"440\",\"link\":\"https:\/\/turkali-architekten.de\",\"link_style\":\"default\",\"link_target\":true,\"link_text\":\"\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta\":\"<span>Design<\/span> <span>Programmierung<\/span>\",\"meta_align\":\"above-title\",\"meta_color\":\"primary\",\"meta_element\":\"div\",\"meta_style\":\"h6\",\"panel_link\":true,\"parallax_blur\":\"9,0,0,0,0\",\"parallax_opacity\":\"0.7,1,1,1,1\",\"parallax_scale\":\"0.9,1,1,1,1\",\"position\":\"relative\",\"position_z_index\":\"1\",\"title\":\"Turkali Architekten\",\"title_align\":\"top\",\"title_element\":\"h2\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"title_margin\":\"small\"}}]}]},{\"type\":\"row\",\"props\":{\"column_gap\":\"large\",\"layout\":\"3-5,2-5\",\"margin_bottom\":\"remove\",\"margin_top\":\"large\",\"padding_remove_horizontal\":false,\"row_gap\":\"large\",\"width\":\"large\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"vertical_align\":\"middle\",\"width_medium\":\"3-5\"},\"children\":[{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content_column_breakpoint\":\"m\",\"css\":\".el-meta span {\\ncolor: #2a507f;\\nmargin:0px 7px 0px 0px;\\nfont-weight:300;\\ntext-transform:none !important;    \\n}\\n\\n.el-image {\\n  border-radius:3px;\\n}\",\"html_element\":\"article\",\"image\":\"wp-content\/uploads\/2026\/06\/437553507_884325560371738_8763412767929931877_n.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"image_transition\":\"scale-up\",\"image_transition_border\":false,\"image_width\":\"695\",\"link\":\"https:\/\/con-tho.de\/\",\"link_style\":\"default\",\"link_target\":true,\"link_text\":\"\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta\":\"<span>Design<\/span> <span>Programmierung<\/span> <span>Print<\/span>\",\"meta_align\":\"above-title\",\"meta_color\":\"primary\",\"meta_element\":\"div\",\"meta_style\":\"h6\",\"panel_link\":true,\"parallax_blur\":\"9,0,0,0,0\",\"parallax_opacity\":\"0.7,1,1,1,1\",\"parallax_scale\":\"0.9,1,1,1,1\",\"parallax_y\":\"-10vh\",\"position_top\":\"50vh\",\"position_z_index\":\"1\",\"title\":\"Con Tho - Restaurant\",\"title_align\":\"top\",\"title_element\":\"h2\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"title_margin\":\"small\"}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"2-5\"},\"children\":[{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content_column_breakpoint\":\"m\",\"css\":\".el-meta span {\\ncolor: #2a507f;\\nmargin:0px 7px 0px 0px;\\nfont-weight:300;\\ntext-transform:none !important;    \\n}\\n\\n.el-image {\\n  border-radius:3px;\\n}\",\"html_element\":\"article\",\"image\":\"wp-content\/uploads\/2026\/06\/Citta-Vegan-Fall-Winter-Final-1-or-Test-3-9.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_height\":600,\"image_svg_color\":\"emphasis\",\"image_transition\":\"scale-up\",\"image_transition_border\":false,\"image_width\":\"440\",\"link\":\"https:\/\/nakuo-design.de\/\",\"link_style\":\"default\",\"link_target\":true,\"link_text\":\"\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta\":\"<span>Design<\/span> <span>Programmierung<\/span>\",\"meta_align\":\"above-title\",\"meta_color\":\"primary\",\"meta_element\":\"div\",\"meta_style\":\"h6\",\"panel_link\":true,\"parallax_blur\":\"9,0,0,0,0\",\"parallax_opacity\":\"0.7,1,1,1,1\",\"parallax_scale\":\"0.9,1,1,1,1\",\"position_top\":\"60vh\",\"position_z_index\":\"1\",\"title\":\"Nakuo - Interior Design\",\"title_align\":\"top\",\"title_element\":\"h2\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"title_margin\":\"small\"}}]}]},{\"type\":\"row\",\"props\":{\"column_gap\":\"large\",\"layout\":\"3-5,2-5\",\"margin_bottom\":\"large\",\"margin_top\":\"large\",\"row_gap\":\"large\",\"width\":\"default\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"3-5\",\"width_small\":\"1-2\"},\"children\":[{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content_column_breakpoint\":\"m\",\"css\":\".el-meta span {\\ncolor: #2a507f;\\nmargin:0px 7px 0px 0px;\\nfont-weight:300;\\ntext-transform:none !important;    \\n}\\n\\n.el-image {\\n  border-radius:3px;\\n}\",\"html_element\":\"article\",\"image\":\"wp-content\/uploads\/2026\/06\/Sayomi-1-Impression-Fisch.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"image_transition\":\"scale-up\",\"image_transition_border\":false,\"image_width\":\"695\",\"link\":\"https:\/\/sayomi-dus.de\/\",\"link_style\":\"default\",\"link_target\":true,\"link_text\":\"\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta\":\"<span>Design<\/span> <span>Programmierung<\/span>\",\"meta_align\":\"above-title\",\"meta_color\":\"primary\",\"meta_element\":\"div\",\"meta_style\":\"h6\",\"panel_link\":true,\"parallax_blur\":\"9,0,0,0,0\",\"parallax_opacity\":\"0.7,1,1,1,1\",\"parallax_scale\":\"0.9,1,1,1,1\",\"position_z_index\":\"1\",\"title\":\"Sayomi - Restaurant in D\u00fcsseldorf\",\"title_align\":\"top\",\"title_element\":\"h2\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"title_margin\":\"small\"}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"vertical_align\":\"middle\",\"width_medium\":\"2-5\",\"width_small\":\"1-2\"},\"children\":[{\"type\":\"panel\",\"props\":{\"animation\":\"parallax\",\"content_column_breakpoint\":\"m\",\"css\":\".el-meta span {\\ncolor: #2a507f;\\nmargin:0px 7px 0px 0px;\\nfont-weight:300;\\ntext-transform:none !important;    \\n}\\n\\n.el-image {\\n  border-radius:3px;\\n}\",\"html_element\":\"article\",\"image\":\"wp-content\/uploads\/2026\/06\/Sayomi-2-Impression-2.jpg\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"image_transition\":\"scale-up\",\"image_transition_border\":false,\"image_width\":\"440\",\"link\":\"https:\/\/yomi-dus.de\/\",\"link_style\":\"default\",\"link_target\":true,\"link_text\":\"\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta\":\"<span>Design<\/span> <span>Programmierung<\/span>\",\"meta_align\":\"above-title\",\"meta_color\":\"primary\",\"meta_element\":\"div\",\"meta_style\":\"h6\",\"panel_link\":true,\"parallax_blur\":\"9,0,0,0,0\",\"parallax_opacity\":\"0.7,1,1,1,1\",\"parallax_scale\":\"0.9,1,1,1,1\",\"position_z_index\":\"1\",\"title\":\"Yomi - Restaurant in D\u00fcsseldorf\",\"title_align\":\"top\",\"title_element\":\"h2\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"title_margin\":\"small\"}}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"button\",\"props\":{\"css\":\".el-element {\\n    margin-top:10px;\\n}\\n\\n@media only screen and (min-width: 670px) {\\n    .el-element {\\n    margin-top:60px;\\n}\\n}\",\"grid_column_gap\":\"small\",\"grid_row_gap\":\"small\",\"margin_bottom\":\"large\",\"margin_top\":\"large\",\"text_align\":\"center\"},\"children\":[{\"type\":\"button_item\",\"props\":{\"button_style\":\"primary\",\"content\":\"Mehr Projekte ansehen\",\"dialog_layout\":\"modal\",\"dialog_offcanvas_flip\":true,\"icon\":\"\",\"icon_align\":\"left\",\"link\":\"projekte\/\"}},{\"type\":\"button_item\",\"props\":{\"button_style\":\"default\",\"content\":\"Projekt besprechen\",\"dialog_layout\":\"modal\",\"dialog_offcanvas_flip\":true,\"icon\":\"plus\",\"icon_align\":\"left\",\"link\":\"tel:+491632606166\"}}]}]}],\"props\":{\"margin_top\":\"large\"}}],\"props\":{\"animation\":\"slide-bottom-medium\",\"animation_delay\":\"300\",\"header_transparent\":true,\"header_transparent_noplaceholder\":false,\"header_transparent_text_color\":\"dark\",\"html_element\":\"article\",\"image_position\":\"center-center\",\"overlap\":false,\"padding_bottom\":\"large\",\"padding_top\":\"xlarge\",\"style\":\"muted\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"default\"},\"name\":\"Posts\"},{\"name\":\"MUSIC\",\"type\":\"section\",\"props\":{\"animation\":\"fade\",\"animation_delay\":\"100\",\"height_viewport\":false,\"image_position\":\"center-center\",\"image_size\":\"cover\",\"padding_bottom\":\"large\",\"padding_top\":\"large\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"large\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-1\"},\"children\":[{\"type\":\"panel\",\"props\":{\"animation\":\"fade\",\"content_column_breakpoint\":\"m\",\"css\":\".el-meta {\\nborder-radius:50px;\\nbackground:#2a507f;\\nwidth:260px;\\nmargin:0 auto;\\ncolor:#fff !important;\\n}\\n\\n\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta\":\"\",\"meta_align\":\"above-title\",\"meta_color\":\"primary\",\"meta_element\":\"div\",\"meta_style\":\"h6\",\"parallax_y\":\"5vh,-5vh\",\"text_align\":\"center\",\"title\":\"Leistungen\",\"title_align\":\"top\",\"title_element\":\"h2\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"title_style\":\"heading-large\"}}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-1\"},\"children\":[{\"type\":\"grid\",\"props\":{\"content_column_breakpoint\":\"m\",\"css\":\".el-item {\\nborder:solid 1px #ecf2f8;\\nborder-radius:5px;\\n    padding:55px;\\n    transition:0.5s;\\n}\\n\\n.el-item:hover {\\nbackground:#ecf2f8;\\ntransition:0.5s;\\nborder:solid 1px #2a507f;\\n}\\n\\n.el-title {\\nfont-size:33px;\\n}\\n\\n.el-content {\\nfont-size:20px;\\nline-height:1.7;\\n}\\n\\n.el-content span {\\nborder-radius:50px;\\npadding:0px 10px;\\nborder:solid 1px #777;\\ncolor:#777;\\nfont-size:18px;\\n}\\n\\n.el-content div {\\n    margin-top:20px;\\n    display: flex;\\n    flex-wrap: wrap;\\n    gap: 5px;\\n}\\n\\n@media only screen and (max-width: 670px) {\\n    \\n.el-item {\\npadding:25px;\\nbackground:#ecf2f8;\\ntransition:0.5s;\\nborder:solid 1px #2a507f;\\n}\\n    \\n    .el-title {\\nfont-size:25px;\\n}\\n\\n.el-content {\\nfont-size:14px;\\nline-height:1.7;\\n}\\n\\n.el-content span {\\nfont-size:14px;\\n}\\n\\n    \\n}\",\"filter_align\":\"left\",\"filter_all\":true,\"filter_grid_breakpoint\":\"m\",\"filter_grid_width\":\"auto\",\"filter_position\":\"top\",\"filter_style\":\"tab\",\"grid_column_gap\":\"small\",\"grid_default\":\"1\",\"grid_medium\":\"2\",\"grid_row_gap\":\"small\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"item_animation\":true,\"lightbox_bg_close\":true,\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"show_content\":true,\"show_hover_image\":true,\"show_hover_video\":true,\"show_image\":true,\"show_link\":true,\"show_meta\":true,\"show_title\":true,\"show_video\":true,\"text_align\":\"left\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\"},\"children\":[{\"type\":\"grid_item\",\"props\":{\"content\":\"Individuelle Websites ohne Baukastensystem \u2014 von UX-Konzept und Figma-Design bis zum WordPress-Launch. Schnell, barrierefrei und auf Conversion optimiert.\\n\n\n<div>\\n<span>Konzeption & UX-Strategie<\/span>\\n<span>WordPress<\/span>\\n<span>Figma<\/span>\\n<span>Performance-Optimierung<\/span>\\n<span>Barrierefreiheit (WCAG 2.1)<\/span>\\n<span>Technische SEO-Grundstruktur<\/span>\\n<\/div>\n\n\",\"meta\":\"\",\"title\":\"Webdesign & Entwicklung\"}},{\"type\":\"grid_item\",\"props\":{\"content\":\"Nachhaltige Google-Sichtbarkeit durch technisches SEO, Content-Strategie und Local SEO. Monatliches Reporting mit klaren, messbaren Kennzahlen.\\n\\n\n\n<div>\\n<span>OnPage<\/span>    \\n<span>Technisches SEO<\/span>\\n<span>Local SEO<\/span>\\n<span>Linkbuilding<\/span>\\n<\/div>\n\n\",\"meta\":\"\",\"title\":\"Suchmaschinen&shy;optimierung\"}},{\"type\":\"grid_item\",\"props\":{\"content\":\"Sofortige Sichtbarkeit bei Ihrer Zielgruppe. Wir konzipieren, schalten und optimieren Kampagnen mit messbarem Return on Investment \u2014 transparent und ohne Budgetverschwendung.\\n\\n\n\n<div>\\n<span>Search<\/span>    \\n<span>Qualit\u00e4tsscore<\/span>\\n<span>Zielseitenanalyse<\/span>\\n<\/div>\n\n\",\"meta\":\"\",\"title\":\"Google Ads\"}},{\"type\":\"grid_item\",\"props\":{\"content\":\"Markenidentit\u00e4ten mit Charakter: unverwechselbar, skalierbar, kanal\u00fcbergreifend konsistent. Vom Logodesign bis zu vollst\u00e4ndigen Brand Guidelines.\\n\\n\n\n<div>\\n<span>Logo<\/span>    \\n<span>Styleguide<\/span>\\n<span>Brand Strategy<\/span>\\n<\/div>\n\n\",\"meta\":\"\",\"title\":\"Corporate Identity & Branding\"}},{\"type\":\"grid_item\",\"props\":{\"content\":\"Visitenkarte, Brosch\u00fcre, Messe-Display oder Verpackung \u2014 Materialien, die Ihre Marke physisch weitererz\u00e4hlen. Gestaltung und Druckvorstufe aus einer Hand.\\n\\n\n\n<div>\\n<span>Brosch\u00fcren<\/span>    \\n<span>Gesch\u00e4ftsausstattung<\/span>\\n<span>Werbemittel<\/span>\\n<span>Druckvorstufe<\/span>\\n<\/div>\n\n\",\"meta\":\"\",\"title\":\"Print & Druckvorstufe\"}},{\"type\":\"grid_item\",\"props\":{\"content\":\"Websitetexte, Blogartikel, Landingpages, Case Studies \u2014 Inhalte, die Expertise transportieren, Vertrauen schaffen und bei Google ranken.\\n\n\n<div>\\n<span>SEO- & GEO-Texte<\/span>    \\n<span>Landingpages<\/span>\\n<span>Fallstudien<\/span>\\n<\/div>\n\n\",\"meta\":\"\",\"title\":\"Content & Texterstellung\"}},{\"type\":\"grid_item\",\"props\":{\"content\":\"Mehr aus bestehendem Traffic herausholen. Mit GA4, Heatmaps und systematischen A\/B-Tests optimieren wir die Quote von Besuchern zu Kunden.\\n\n\n<div>\\n<span>G4A<\/span>    \\n<span>Tag Manager<\/span>\\n<span>Heatmaps<\/span>\\n<span>A\/B-Tests<\/span>\\n<span>UX-Audit<\/span>\\n<\/div>\n\n\",\"meta\":\"\",\"title\":\"Webanalyse & CRO\"}},{\"type\":\"grid_item\",\"props\":{\"content\":\"Content, Automatisierung & Chatbots. Gerne gucken wir gemeinsam wie wir KI zielf\u00fchrend und mit tats\u00e4chlichem Mehrwert bei Ihnen einsetzen k\u00f6nnen.\\n\n\n<div>\\n<span>Local LLm<\/span>    \\n<span>Content-Generierung<\/span>\\n<span>Chatbots<\/span>\\n<span>Automatisierungen<\/span>\\n<\/div>\n\n\",\"meta\":\"\",\"title\":\"KI & Chatbots\"}}]},{\"type\":\"button\",\"props\":{\"grid_column_gap\":\"small\",\"grid_row_gap\":\"small\",\"margin_bottom\":\"large\",\"margin_top\":\"large\",\"text_align\":\"center\"},\"children\":[{\"type\":\"button_item\",\"props\":{\"button_style\":\"default\",\"content\":\"Projekt besprechen\",\"dialog_layout\":\"modal\",\"dialog_offcanvas_flip\":true,\"icon\":\"plus\",\"icon_align\":\"left\",\"link\":\"tel:+491632606166\"}}]},{\"type\":\"html\",\"props\":{\"content\":\"\n\n<div class=\\\"gradient-blur-top\\\">\\n  \n\n<div><\/div>\n\n\\n  \n\n<div><\/div>\n\n\\n  \n\n<div><\/div>\n\n\\n  \n\n<div><\/div>\n\n\\n  \n\n<div><\/div>\n\n\\n  \n\n<div><\/div>\n\n\\n<\/div>\n\n\"}}]}]}]},{\"name\":\"MUSIC\",\"type\":\"section\",\"props\":{\"animation\":\"fade\",\"animation_delay\":\"200\",\"height_viewport\":false,\"image_position\":\"center-center\",\"image_size\":\"cover\",\"padding_bottom\":\"large\",\"padding_top\":\"large\",\"style\":\"muted\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"large\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-1\"},\"children\":[{\"type\":\"panel\",\"props\":{\"animation\":\"fade\",\"content_column_breakpoint\":\"m\",\"css\":\".el-meta {\\nborder-radius:50px;\\nbackground:#2a507f;\\nwidth:260px;\\nmargin:0 auto;\\ncolor:#fff !important;\\n}\\n\\n\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta\":\"\",\"meta_align\":\"above-title\",\"meta_color\":\"primary\",\"meta_element\":\"div\",\"meta_style\":\"h6\",\"parallax_y\":\"5vh,-5vh\",\"text_align\":\"center\",\"title\":\"FAQ\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"title_style\":\"heading-medium\"}}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-1\"},\"children\":[{\"name\":\"FAQ\",\"type\":\"accordion\",\"children\":[{\"type\":\"accordion_item\",\"props\":{\"content\":\"\n\n<p>Ich arbeite nicht mit vorgefertigten Templates oder Baukastensystemen. Jede Website entsteht bei mir <strong>komplett individuell<\/strong>, basierend auf einem ergebnisreichen 1:1-Kundengespr\u00e4ch, Zielgruppenanalyse und einem durchdachten Designprozess. Mein Anspruch ist es, <strong>ma\u00dfgeschneiderte L\u00f6sungen<\/strong> zu schaffen, die genau zu Deinem Unternehmen passen \u2013 visuell, technisch und strategisch.<\/p>\n\n\",\"image\":\"\",\"title\":\"Was unterscheidet Dich von anderen?\"}},{\"type\":\"accordion_item\",\"props\":{\"content\":\"\n\n<p>\\n      <strong>1. Beratung & Analyse:<\/strong> Ich lerne Dein Unternehmen kennen und wir besprechen Ziele, Zielgruppen, Inhalte und Schwachstellen Deiner bisherigen Webpr\u00e4senz.\n\n\\n      <strong>2. Konzept & Design:<\/strong> Auf Basis dieser Informationen entwickle ich ein individuelles Design in <em>Figma<\/em> \u2013 mit Fokus auf Barrierefreiheit, Responsive Design und moderne, aber zeitlose \u00c4sthetik.\n\n\\n      <strong>3. Umsetzung:<\/strong> Erst nach Freigabe des Designs setze ich die Seite technisch um \u2013 pixelgenau und CMS-unabh\u00e4ngig. Ich setze aber besonders gerne auf <em>WordPress<\/em> oder <em>Webflow<\/em>\n\n\\n      <strong>4. Launch & \u00dcbergabe:<\/strong> Nach umfassenden Tests geht die Website live. Auf Wunsch gibt es Schulungen und fortlaufenden Support.\\n    <\/p>\n\n\",\"image\":\"\",\"title\":\"Wie l\u00e4uft ein typisches Webdesign-Projekt bei Dir ab?\"}},{\"type\":\"accordion_item\",\"props\":{\"content\":\" \n\n<p>\\n      Ich bin <strong>nicht auf ein bestimmtes System festgelegt<\/strong>. Die technische Umsetzung erfolgt je nach Projektanforderung mit \\n      <strong>WordPress, Webflow<\/strong> oder einem anderen passenden System. Wichtig ist nur eins: Du erh\u00e4ltst eine individuelle Webl\u00f6sung, egal, ob Landingpage oder Shopsystem. Ein Ergebnis, das den neuesten Standards gerecht wird und messbaren Erfolg bietet sowie langfristig up to date ist.\\n    <\/p>\n\n\",\"image\":\"\",\"title\":\"Nutzt Du WordPress, Webflow oder ein eigenes System?\"}},{\"type\":\"accordion_item\",\"props\":{\"content\":\"  \n\n<p>\\n      Barrierefreies Design bedeutet, dass meine Webseiten f\u00fcr m\u00f6glichst viele Menschen zug\u00e4nglich sind \u2013 auch f\u00fcr Menschen mit Einschr\u00e4nkungen. \\n      Dazu geh\u00f6ren klare Strukturen, gute Lesbarkeit, logische Navigation, ausreichende Kontraste und mehr. Diese Standards flie\u00dfen \\n      <strong>bereits im Designprozess<\/strong> mit ein.\\n    <\/p>\n\n\",\"image\":\"\",\"title\":\"Was bedeutet \\\"barrierefreies Design\\\" bei Dir?\"}},{\"type\":\"accordion_item\",\"props\":{\"content\":\" Ja, ich achte darauf, dass Du nach dem Projekt eine Website erh\u00e4ltst, die <strong>intuitiv bedienbar<\/strong> und pflegeleicht ist \u2013 egal, ob Du neue Inhalte einpflegen oder \u00c4nderungen vornehmen m\u00f6chtest. \n\n\\n      Gerne biete ich auch <strong>eine Schulung oder begleitenden Support<\/strong> an. <strong>Du bist also nicht abh\u00e4ngig von mir und die Webseite geh\u00f6rt ganz allein Dir<\/strong>.\",\"title\":\"Ist meine Website sp\u00e4ter einfach zu pflegen?\"}},{\"type\":\"accordion_item\",\"props\":{\"content\":\" Absolut. Bei einem Relaunch analysiere ich zuerst, was funktioniert \u2013 und was nicht. Auf dieser Basis entwickle ich ein neues Konzept, \\n      das Deinen bisherigen Auftritt auf ein <strong>neues, professionelles Level<\/strong> hebt. In jedem Fall ergibt es aber mehr Sinn die technische Basis neu aufzusetzen.\",\"title\":\"Kannst Du auch meine alte Website \u00fcberarbeiten?\"}},{\"type\":\"accordion_item\",\"props\":{\"content\":\"\n\n<p>\\n      Das h\u00e4ngt stark vom Umfang, den Funktionen und individuellen Anforderungen ab. Da ich <strong>keine vorgefertigten L\u00f6sungen anbiete<\/strong>, \\n      kalkuliere ich <strong>jeden Preis individuell<\/strong>. Gerne erstellen wir Dir ein unverbindliches Angebot nach einem ersten <a href=\\\"tel:+491632606166\\\" style=\\\"color:#FB6800\\\">Beratungsgespr\u00e4ch<\/a>.\\n    <\/p>\n\n\",\"title\":\"Was kostet eine Website bei Dir?\"}},{\"type\":\"accordion_item\",\"props\":{\"content\":\" Je nach Projektumfang dauert ein vollst\u00e4ndiges Webdesign-Projekt in der Regel <strong>zwischen 1 und 4 Wochen<\/strong> \u2013 vom Erstgespr\u00e4ch bis zum Livegang. \\n      Eine genauere Einsch\u00e4tzung erh\u00e4ltst du nach dem Kick-Off. Generell h\u00e4ngt der Zeitaufwand auch sehr von Materialanlieferung (z. B. Bilder) und Zusammenarbeit ab. Ein reibungsloser Ablauf erm\u00f6glicht eine z\u00fcgige Umsetzung.\",\"title\":\"Wie lange dauert es, bis meine neue Website online ist?\"}},{\"type\":\"accordion_item\",\"props\":{\"content\":\" Ja. Neben dem Webdesign unterst\u00fctze ich Dich auf Wunsch auch bei:<br \/>\\n      \u2013 <strong>Suchmaschinenoptimierung (SEO)<\/strong><br \/>\\n      \u2013 <strong>Logo- & Branddesign<\/strong><br \/>\\n      \u2013 <strong>Men\u00fcdesign f\u00fcr Gastronomie<\/strong><br \/>\\n      \u2013 <strong>Google Ads & Social Media<\/strong><br \/>\\n      \u2013 <strong>KI-Schulungen & Integration<\/strong><br \/>\\n      So entsteht ein stimmiger, ganzheitlicher Markenauftritt aus einer Hand.\\nIch entwickle auch aufwendige Softwareprodukte und Apps. Dank meinem Netzwerk sind uns da kaum Grenzen gesetzt.\",\"title\":\"Bietest Du auch SEO, Branding oder andere Leistungen an?\"}}],\"props\":{\"collapsible\":true,\"content_column_breakpoint\":\"m\",\"css\":\".el-element {\\nposition:relative;\\n    z-index:9;\\n    max-width:1100px;\\n    margin:0 auto;\\n}\\n\\n\\n.el-title {\\nfont-weight:400;\\ntransition:ease-in-out 0.2s;\\n}\\n\\n.el-title:hover {\\ncolor:#e25d00;\\ntransition:ease-in-out 0.2s;   \\n}\\n\\n\\n@media only screen and (max-width: 670px) {\\n.el-title {\\nfont-size:18px;\\n}\\n\\n.el-content {\\nfont-size:14px;\\nline-height:1.7;\\n}\\n}\",\"image_align\":\"left\",\"image_grid_breakpoint\":\"s\",\"image_grid_width\":\"auto\",\"image_height\":\"100\",\"image_svg_color\":\"emphasis\",\"image_vertical_align\":true,\"image_width\":\"100\",\"link_style\":\"default\",\"link_text\":\"\",\"margin_remove_top\":false,\"multiple\":false,\"show_image\":true,\"show_link\":true}},{\"type\":\"button\",\"props\":{\"grid_column_gap\":\"small\",\"grid_row_gap\":\"small\",\"margin_bottom\":\"large\",\"margin_top\":\"large\",\"text_align\":\"center\"},\"children\":[{\"type\":\"button_item\",\"props\":{\"button_style\":\"default\",\"content\":\"Projekt besprechen\",\"dialog_layout\":\"modal\",\"dialog_offcanvas_flip\":true,\"icon\":\"plus\",\"icon_align\":\"left\",\"link\":\"tel:+491632606166\"}}]}]}]}]}],\"version\":\"5.0.40\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Webdesign, das sich nach Dir richtet 100% individuelles Design &#8211; ohne Kompromisse. Garantiert L\u00f6sungsorientiert &#038; mit Mehrwert Von Hand gefertigt \u2013 keine generischen KI-L\u00f6sungen\/Templates Kunden gewinnen Neue Kundenanfrage\u00fcber Webseite Jetzt Neue Kundenanfrage\u00fcber Webseite Jetzt Neue Kundenanfrage\u00fcber Webseite Jetzt Google beeindrucken 99 Performance 100 SEO 97 Accessibility 100% Individuell Von Grund auf konzipiert f\u00fcr Dein Unternehmen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2745","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/unkreativ-design.de\/en\/wp-json\/wp\/v2\/pages\/2745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unkreativ-design.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unkreativ-design.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unkreativ-design.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unkreativ-design.de\/en\/wp-json\/wp\/v2\/comments?post=2745"}],"version-history":[{"count":5,"href":"https:\/\/unkreativ-design.de\/en\/wp-json\/wp\/v2\/pages\/2745\/revisions"}],"predecessor-version":[{"id":2754,"href":"https:\/\/unkreativ-design.de\/en\/wp-json\/wp\/v2\/pages\/2745\/revisions\/2754"}],"wp:attachment":[{"href":"https:\/\/unkreativ-design.de\/en\/wp-json\/wp\/v2\/media?parent=2745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}