webbern.com \u2013 Websites, SEO & digitale Medien<\/title>\n<style>\n:root{\n --bg:#0b1020; --surface:#121a2e; --surface2:#18233d; --text:#f5f7fb;\n --muted:#aeb8cc; --accent:#63d7ff; --accent2:#8d7cff; --line:rgba(255,255,255,.1);\n --max:1180px; --radius:22px;\n}\n*{box-sizing:border-box} html{scroll-behavior:smooth}\nbody{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:\nradial-gradient(circle at 80% 0%,rgba(99,215,255,.14),transparent 32rem),\nradial-gradient(circle at 10% 20%,rgba(141,124,255,.12),transparent 30rem),var(--bg);\ncolor:var(--text);line-height:1.6}\na{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding:0 24px}\nheader{position:sticky;top:0;z-index:20;background:rgba(11,16,32,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}\n.nav{height:76px;display:flex;align-items:center;justify-content:space-between}\n.logo{font-weight:900;font-size:1.35rem;letter-spacing:-.04em}.logo span{color:var(--accent)}\nnav{display:flex;gap:28px;color:var(--muted);font-size:.95rem}nav a:hover{color:white}\n.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;font-weight:750;border:1px solid var(--line);transition:.2s}\n.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07101d;border:0}\n.btn:hover{transform:translateY(-2px)}\n.hero{padding:110px 0 90px}.eyebrow{display:inline-block;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;margin-bottom:18px}\nh1{font-size:clamp(3rem,7vw,6.5rem);line-height:.95;letter-spacing:-.065em;max-width:950px;margin:0 0 28px}\nh1 em{font-style:normal;background:linear-gradient(90deg,var(--accent),#fff,var(--accent2));background-clip:text;color:transparent}\n.lead{font-size:1.2rem;color:var(--muted);max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}\n.hero-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:50px;align-items:end}\n.card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 20px 80px rgba(0,0,0,.2)}\n.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat strong{font-size:2rem;display:block}.stat span{color:var(--muted);font-size:.9rem}\nsection{padding:90px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}\nh2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.045em;margin:0}.section-head p{max-width:520px;color:var(--muted);margin:0}\n.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{min-height:230px}.num{color:var(--accent);font-weight:800}.service h3{font-size:1.35rem;margin:25px 0 10px}.service p{color:var(--muted);margin:0}\n.projects{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.project{min-height:260px;display:flex;flex-direction:column;justify-content:end;overflow:hidden;position:relative}\n.project:before{content:\"\";position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,215,255,.22),rgba(141,124,255,.12));opacity:.65}\n.project>*{position:relative}.project h3{font-size:1.7rem;margin:8px 0}.project p{color:var(--muted);margin:0}\n.process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step h3{margin:12px 0 6px}.step p{color:var(--muted);font-size:.92rem}\n.cta{padding:70px;border-radius:32px;background:linear-gradient(135deg,rgba(99,215,255,.14),rgba(141,124,255,.18));border:1px solid var(--line);text-align:center}.cta h2{max-width:800px;margin:0 auto 18px}.cta p{color:var(--muted);max-width:650px;margin:0 auto}\nform{display:grid;gap:12px;max-width:700px;margin:30px auto 0}input,textarea{width:100%;padding:15px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.18);color:white;font:inherit}textarea{min-height:130px;resize:vertical}\nfooter{padding:35px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.foot{display:flex;justify-content:space-between;gap:20px}\n.mobile{display:none}\n@media(max-width:850px){\n nav{display:none}.mobile{display:block}.hero-grid,.projects{grid-template-columns:1fr}.grid3{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.hero{padding-top:75px}.section-head{display:block}.section-head p{margin-top:16px}\n}\n@media(max-width:520px){.wrap{padding:0 17px}.process{grid-template-columns:1fr}.cta{padding:40px 22px}.hero{padding-bottom:55px}.actions .btn{width:100%}.foot{display:block}}\n<\/style>\n<\/head>\n<body>\n<header>\n <div class=\"wrap nav\">\n <a class=\"logo\" href=\"#\">web<span>bern<\/span>.com<\/a>\n <nav>\n <a href=\"#leistungen\">Leistungen<\/a><a href=\"#projekte\">Projekte<\/a><a href=\"#ablauf\">Ablauf<\/a><a href=\"#kontakt\">Kontakt<\/a>\n <\/nav>\n <a class=\"btn primary mobile\" href=\"#kontakt\">Kontakt<\/a>\n <\/div>\n<\/header>\n\n<main>\n<section class=\"hero\">\n <div class=\"wrap hero-grid\">\n <div>\n <div class=\"eyebrow\">Digital. Pers\u00f6nlich. Professionell.<\/div>\n <h1>Websites, die <em>sichtbar<\/em> werden.<\/h1>\n <p class=\"lead\">Moderne Websites, WordPress, SEO und digitale Medien aus einer Hand \u2013 klar gestaltet, mobil optimiert und auf echte Ergebnisse ausgerichtet.<\/p>\n <div class=\"actions\"><a class=\"btn primary\" href=\"#kontakt\">Projekt besprechen<\/a><a class=\"btn\" href=\"#leistungen\">Leistungen ansehen<\/a><\/div>\n <\/div>\n <div class=\"card stats\">\n <div class=\"stat\"><strong>01<\/strong><span>Konzept & Design<\/span><\/div>\n <div class=\"stat\"><strong>02<\/strong><span>WordPress & Umsetzung<\/span><\/div>\n <div class=\"stat\"><strong>03<\/strong><span>SEO & Performance<\/span><\/div>\n <div class=\"stat\"><strong>04<\/strong><span>Foto, Video & 3D<\/span><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section id=\"leistungen\">\n <div class=\"wrap\">\n <div class=\"section-head\"><h2>Was ich f\u00fcr dich<br>umsetzen kann.<\/h2><p>Vom ersten Konzept bis zum fertigen Auftritt: eine digitale L\u00f6sung, die professionell aussieht und technisch sauber funktioniert.<\/p><\/div>\n <div class=\"grid3\">\n <article class=\"card service\"><span class=\"num\">01 \/ WEB<\/span><h3>Webdesign & WordPress<\/h3><p>Individuelle Websites mit WordPress und modernen Page-Buildern \u2013 responsive, schnell und leicht zu pflegen.<\/p><\/article>\n <article class=\"card service\"><span class=\"num\">02 \/ SEO<\/span><h3>Google & SEO<\/h3><p>Technisches SEO, Seitenstruktur, Inhalte, Meta-Daten und Performance f\u00fcr bessere Sichtbarkeit.<\/p><\/article>\n <article class=\"card service\"><span class=\"num\">03 \/ MEDIA<\/span><h3>Foto, Video & Drohne<\/h3><p>Hochwertige Bilder und Videos f\u00fcr Websites, Social Media, Immobilien und Unternehmen.<\/p><\/article>\n <article class=\"card service\"><span class=\"num\">04 \/ 3D<\/span><h3>3D & virtuelle Rundg\u00e4nge<\/h3><p>Immersive Rundg\u00e4nge und digitale Pr\u00e4sentationen, die R\u00e4ume erlebbar machen.<\/p><\/article>\n <article class=\"card service\"><span class=\"num\">05 \/ PFLEGE<\/span><h3>Wartung & Optimierung<\/h3><p>Updates, Sicherheit, Geschwindigkeit und laufende Verbesserungen f\u00fcr deinen Webauftritt.<\/p><\/article>\n <article class=\"card service\"><span class=\"num\">06 \/ BERATUNG<\/span><h3>Digitale Beratung<\/h3><p>Eine verst\u00e4ndliche Analyse und konkrete Empfehlungen statt unn\u00f6tiger Technik und komplizierter L\u00f6sungen.<\/p><\/article>\n <\/div>\n <\/div>\n<\/section>\n\n<section id=\"projekte\">\n <div class=\"wrap\">\n <div class=\"section-head\"><h2>Digitales, das<br>im Kopf bleibt.<\/h2><p>Hier k\u00f6nnen sp\u00e4ter deine echten Referenzen, Screenshots und Kundenprojekte eingesetzt werden.<\/p><\/div>\n <div class=\"projects\">\n <article class=\"card project\"><span class=\"num\">REFERENZ 01<\/span><h3>Unternehmenswebsite<\/h3><p>Strategie \u00b7 Design \u00b7 WordPress \u00b7 SEO<\/p><\/article>\n <article class=\"card project\"><span class=\"num\">REFERENZ 02<\/span><h3>Local SEO<\/h3><p>Struktur \u00b7 Inhalte \u00b7 Google<\/p><\/article>\n <article class=\"card project\"><span class=\"num\">REFERENZ 03<\/span><h3>Immobilien & 3D<\/h3><p>Foto \u00b7 Video \u00b7 Matterport<\/p><\/article>\n <\/div>\n <\/div>\n<\/section>\n\n<section id=\"ablauf\">\n <div class=\"wrap\">\n <div class=\"section-head\"><h2>Einfach. Klar.<br>Schritt f\u00fcr Schritt.<\/h2><p>Keine unn\u00f6tigen Umwege. Wir bringen Idee, Gestaltung und Technik in eine klare Reihenfolge.<\/p><\/div>\n <div class=\"process\">\n <article class=\"card step\"><span class=\"num\">01<\/span><h3>Analyse<\/h3><p>Ziele, Zielgruppe und vorhandener Auftritt.<\/p><\/article>\n <article class=\"card step\"><span class=\"num\">02<\/span><h3>Konzept<\/h3><p>Struktur, Inhalte und visuelle Richtung.<\/p><\/article>\n <article class=\"card step\"><span class=\"num\">03<\/span><h3>Umsetzung<\/h3><p>Design, WordPress, SEO und technische Optimierung.<\/p><\/article>\n <article class=\"card step\"><span class=\"num\">04<\/span><h3>Launch<\/h3><p>Feinschliff, Test und Ver\u00f6ffentlichung.<\/p><\/article>\n <\/div>\n <\/div>\n<\/section>\n\n<section id=\"kontakt\">\n <div class=\"wrap\">\n <div class=\"cta\">\n <div class=\"eyebrow\">Lass uns starten<\/div>\n <h2>Du hast eine Idee?<br>Ich mache daraus einen digitalen Auftritt.<\/h2>\n <p>Schreib kurz, was du vorhast. Wir kl\u00e4ren gemeinsam, was sinnvoll ist und wie dein Projekt umgesetzt werden kann.<\/p>\n <form onsubmit=\"sendMail(event)\">\n <input id=\"name\" required placeholder=\"Dein Name\">\n <input id=\"email\" required type=\"email\" placeholder=\"E-Mail-Adresse\">\n <textarea id=\"message\" required placeholder=\"Worum geht es bei deinem Projekt?\"><\/textarea>\n <button class=\"btn primary\" type=\"submit\">Anfrage vorbereiten<\/button>\n <\/form>\n <\/div>\n <\/div>\n<\/section>\n<\/main>\n\n<footer><div class=\"wrap foot\"><span>\u00a9 <span id=\"year\"><\/span> webbern.com<\/span><span>Webdesign \u00b7 WordPress \u00b7 SEO \u00b7 Media<\/span><\/div><\/footer>\n\n<script>\ndocument.getElementById(\"year\").textContent = new Date().getFullYear();\nfunction sendMail(e){\n e.preventDefault();\n const n=encodeURIComponent(document.getElementById(\"name\").value);\n const em=encodeURIComponent(document.getElementById(\"email\").value);\n const m=encodeURIComponent(document.getElementById(\"message\").value);\n window.location.href=`mailto:?subject=Projektanfrage%20webbern.com&body=Name:%20${n}%0AE-Mail:%20${em}%0A%0A${m}`;\n}\n<\/script>\n<\/body>\n<\/html>\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":"<p>webbern.com \u2013 Websites, SEO & digitale Medien webbern.com LeistungenProjekteAblaufKontakt Kontakt Digital. Pers\u00f6nlich. Professionell. Websites, die sichtbar werden. Moderne Websites, WordPress, SEO und digitale Medien aus einer Hand \u2013 klar gestaltet, mobil optimiert und auf echte Ergebnisse ausgerichtet. Projekt besprechenLeistungen ansehen 01Konzept & Design 02WordPress & Umsetzung 03SEO & Performance 04Foto, Video & 3D Was ich […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_front_end_style_editor":"no","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","omw_enable_modal_window":"enable","ofc_meta_disable_footer_callout":"","ofc_meta_callout_button_url":"","ofc_meta_callout_button_txt":"","ofc_meta_callout_text":"","osp_disable_panel":"default","footnotes":""},"class_list":["post-511","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/trip.thomasboehm.ch\/wp-json\/wp\/v2\/pages\/511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trip.thomasboehm.ch\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trip.thomasboehm.ch\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trip.thomasboehm.ch\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trip.thomasboehm.ch\/wp-json\/wp\/v2\/comments?post=511"}],"version-history":[{"count":4,"href":"https:\/\/trip.thomasboehm.ch\/wp-json\/wp\/v2\/pages\/511\/revisions"}],"predecessor-version":[{"id":515,"href":"https:\/\/trip.thomasboehm.ch\/wp-json\/wp\/v2\/pages\/511\/revisions\/515"}],"wp:attachment":[{"href":"https:\/\/trip.thomasboehm.ch\/wp-json\/wp\/v2\/media?parent=511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\n\nwebbern.com \u2013 Websites, SEO & digitale Medien<\/title>\n<style>\n:root{\n --bg:#0b1020; --surface:#121a2e; --surface2:#18233d; --text:#f5f7fb;\n --muted:#aeb8cc; --accent:#63d7ff; --accent2:#8d7cff; --line:rgba(255,255,255,.1);\n --max:1180px; --radius:22px;\n}\n*{box-sizing:border-box} html{scroll-behavior:smooth}\nbody{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:\nradial-gradient(circle at 80% 0%,rgba(99,215,255,.14),transparent 32rem),\nradial-gradient(circle at 10% 20%,rgba(141,124,255,.12),transparent 30rem),var(--bg);\ncolor:var(--text);line-height:1.6}\na{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding:0 24px}\nheader{position:sticky;top:0;z-index:20;background:rgba(11,16,32,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}\n.nav{height:76px;display:flex;align-items:center;justify-content:space-between}\n.logo{font-weight:900;font-size:1.35rem;letter-spacing:-.04em}.logo span{color:var(--accent)}\nnav{display:flex;gap:28px;color:var(--muted);font-size:.95rem}nav a:hover{color:white}\n.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;font-weight:750;border:1px solid var(--line);transition:.2s}\n.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07101d;border:0}\n.btn:hover{transform:translateY(-2px)}\n.hero{padding:110px 0 90px}.eyebrow{display:inline-block;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;margin-bottom:18px}\nh1{font-size:clamp(3rem,7vw,6.5rem);line-height:.95;letter-spacing:-.065em;max-width:950px;margin:0 0 28px}\nh1 em{font-style:normal;background:linear-gradient(90deg,var(--accent),#fff,var(--accent2));background-clip:text;color:transparent}\n.lead{font-size:1.2rem;color:var(--muted);max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}\n.hero-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:50px;align-items:end}\n.card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 20px 80px rgba(0,0,0,.2)}\n.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat strong{font-size:2rem;display:block}.stat span{color:var(--muted);font-size:.9rem}\nsection{padding:90px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}\nh2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.045em;margin:0}.section-head p{max-width:520px;color:var(--muted);margin:0}\n.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{min-height:230px}.num{color:var(--accent);font-weight:800}.service h3{font-size:1.35rem;margin:25px 0 10px}.service p{color:var(--muted);margin:0}\n.projects{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.project{min-height:260px;display:flex;flex-direction:column;justify-content:end;overflow:hidden;position:relative}\n.project:before{content:\"\";position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,215,255,.22),rgba(141,124,255,.12));opacity:.65}\n.project>*{position:relative}.project h3{font-size:1.7rem;margin:8px 0}.project p{color:var(--muted);margin:0}\n.process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step h3{margin:12px 0 6px}.step p{color:var(--muted);font-size:.92rem}\n.cta{padding:70px;border-radius:32px;background:linear-gradient(135deg,rgba(99,215,255,.14),rgba(141,124,255,.18));border:1px solid var(--line);text-align:center}.cta h2{max-width:800px;margin:0 auto 18px}.cta p{color:var(--muted);max-width:650px;margin:0 auto}\nform{display:grid;gap:12px;max-width:700px;margin:30px auto 0}input,textarea{width:100%;padding:15px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.18);color:white;font:inherit}textarea{min-height:130px;resize:vertical}\nfooter{padding:35px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.foot{display:flex;justify-content:space-between;gap:20px}\n.mobile{display:none}\n@media(max-width:850px){\n nav{display:none}.mobile{display:block}.hero-grid,.projects{grid-template-columns:1fr}.grid3{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.hero{padding-top:75px}.section-head{display:block}.section-head p{margin-top:16px}\n}\n@media(max-width:520px){.wrap{padding:0 17px}.process{grid-template-columns:1fr}.cta{padding:40px 22px}.hero{padding-bottom:55px}.actions .btn{width:100%}.foot{display:block}}\n<\/style>\n<\/head>\n<body>\n<header>\n <div class=\"wrap nav\">\n <a class=\"logo\" href=\"#\">web<span>bern<\/span>.com<\/a>\n <nav>\n <a href=\"#leistungen\">Leistungen<\/a><a href=\"#projekte\">Projekte<\/a><a href=\"#ablauf\">Ablauf<\/a><a href=\"#kontakt\">Kontakt<\/a>\n <\/nav>\n <a class=\"btn primary mobile\" href=\"#kontakt\">Kontakt<\/a>\n <\/div>\n<\/header>\n\n<main>\n<section class=\"hero\">\n <div class=\"wrap hero-grid\">\n <div>\n <div class=\"eyebrow\">Digital. Pers\u00f6nlich. Professionell.<\/div>\n <h1>Websites, die <em>sichtbar<\/em> werden.<\/h1>\n <p class=\"lead\">Moderne Websites, WordPress, SEO und digitale Medien aus einer Hand \u2013 klar gestaltet, mobil optimiert und auf echte Ergebnisse ausgerichtet.<\/p>\n <div class=\"actions\"><a class=\"btn primary\" href=\"#kontakt\">Projekt besprechen<\/a><a class=\"btn\" href=\"#leistungen\">Leistungen ansehen<\/a><\/div>\n <\/div>\n <div class=\"card stats\">\n <div class=\"stat\"><strong>01<\/strong><span>Konzept & Design<\/span><\/div>\n <div class=\"stat\"><strong>02<\/strong><span>WordPress & Umsetzung<\/span><\/div>\n <div class=\"stat\"><strong>03<\/strong><span>SEO & Performance<\/span><\/div>\n <div class=\"stat\"><strong>04<\/strong><span>Foto, Video & 3D<\/span><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section id=\"leistungen\">\n <div class=\"wrap\">\n <div class=\"section-head\"><h2>Was ich f\u00fcr dich<br>umsetzen kann.<\/h2><p>Vom ersten Konzept bis zum fertigen Auftritt: eine digitale L\u00f6sung, die professionell aussieht und technisch sauber funktioniert.<\/p><\/div>\n <div class=\"grid3\">\n <article class=\"card service\"><span class=\"num\">01 \/ WEB<\/span><h3>Webdesign & WordPress<\/h3><p>Individuelle Websites mit WordPress und modernen Page-Buildern \u2013 responsive, schnell und leicht zu pflegen.<\/p><\/article>\n <article class=\"card service\"><span class=\"num\">02 \/ SEO<\/span><h3>Google & SEO<\/h3><p>Technisches SEO, Seitenstruktur, Inhalte, Meta-Daten und Performance f\u00fcr bessere Sichtbarkeit.<\/p><\/article>\n <article class=\"card service\"><span class=\"num\">03 \/ MEDIA<\/span><h3>Foto, Video & Drohne<\/h3><p>Hochwertige Bilder und Videos f\u00fcr Websites, Social Media, Immobilien und Unternehmen.<\/p><\/article>\n <article class=\"card service\"><span class=\"num\">04 \/ 3D<\/span><h3>3D & virtuelle Rundg\u00e4nge<\/h3><p>Immersive Rundg\u00e4nge und digitale Pr\u00e4sentationen, die R\u00e4ume erlebbar machen.<\/p><\/article>\n <article class=\"card service\"><span class=\"num\">05 \/ PFLEGE<\/span><h3>Wartung & Optimierung<\/h3><p>Updates, Sicherheit, Geschwindigkeit und laufende Verbesserungen f\u00fcr deinen Webauftritt.<\/p><\/article>\n <article class=\"card service\"><span class=\"num\">06 \/ BERATUNG<\/span><h3>Digitale Beratung<\/h3><p>Eine verst\u00e4ndliche Analyse und konkrete Empfehlungen statt unn\u00f6tiger Technik und komplizierter L\u00f6sungen.<\/p><\/article>\n <\/div>\n <\/div>\n<\/section>\n\n<section id=\"projekte\">\n <div class=\"wrap\">\n <div class=\"section-head\"><h2>Digitales, das<br>im Kopf bleibt.<\/h2><p>Hier k\u00f6nnen sp\u00e4ter deine echten Referenzen, Screenshots und Kundenprojekte eingesetzt werden.<\/p><\/div>\n <div class=\"projects\">\n <article class=\"card project\"><span class=\"num\">REFERENZ 01<\/span><h3>Unternehmenswebsite<\/h3><p>Strategie \u00b7 Design \u00b7 WordPress \u00b7 SEO<\/p><\/article>\n <article class=\"card project\"><span class=\"num\">REFERENZ 02<\/span><h3>Local SEO<\/h3><p>Struktur \u00b7 Inhalte \u00b7 Google<\/p><\/article>\n <article class=\"card project\"><span class=\"num\">REFERENZ 03<\/span><h3>Immobilien & 3D<\/h3><p>Foto \u00b7 Video \u00b7 Matterport<\/p><\/article>\n <\/div>\n <\/div>\n<\/section>\n\n<section id=\"ablauf\">\n <div class=\"wrap\">\n <div class=\"section-head\"><h2>Einfach. Klar.<br>Schritt f\u00fcr Schritt.<\/h2><p>Keine unn\u00f6tigen Umwege. Wir bringen Idee, Gestaltung und Technik in eine klare Reihenfolge.<\/p><\/div>\n <div class=\"process\">\n <article class=\"card step\"><span class=\"num\">01<\/span><h3>Analyse<\/h3><p>Ziele, Zielgruppe und vorhandener Auftritt.<\/p><\/article>\n <article class=\"card step\"><span class=\"num\">02<\/span><h3>Konzept<\/h3><p>Struktur, Inhalte und visuelle Richtung.<\/p><\/article>\n <article class=\"card step\"><span class=\"num\">03<\/span><h3>Umsetzung<\/h3><p>Design, WordPress, SEO und technische Optimierung.<\/p><\/article>\n <article class=\"card step\"><span class=\"num\">04<\/span><h3>Launch<\/h3><p>Feinschliff, Test und Ver\u00f6ffentlichung.<\/p><\/article>\n <\/div>\n <\/div>\n<\/section>\n\n<section id=\"kontakt\">\n <div class=\"wrap\">\n <div class=\"cta\">\n <div class=\"eyebrow\">Lass uns starten<\/div>\n <h2>Du hast eine Idee?<br>Ich mache daraus einen digitalen Auftritt.<\/h2>\n <p>Schreib kurz, was du vorhast. Wir kl\u00e4ren gemeinsam, was sinnvoll ist und wie dein Projekt umgesetzt werden kann.<\/p>\n <form onsubmit=\"sendMail(event)\">\n <input id=\"name\" required placeholder=\"Dein Name\">\n <input id=\"email\" required type=\"email\" placeholder=\"E-Mail-Adresse\">\n <textarea id=\"message\" required placeholder=\"Worum geht es bei deinem Projekt?\"><\/textarea>\n <button class=\"btn primary\" type=\"submit\">Anfrage vorbereiten<\/button>\n <\/form>\n <\/div>\n <\/div>\n<\/section>\n<\/main>\n\n<footer><div class=\"wrap foot\"><span>\u00a9 <span id=\"year\"><\/span> webbern.com<\/span><span>Webdesign \u00b7 WordPress \u00b7 SEO \u00b7 Media<\/span><\/div><\/footer>\n\n<script>\ndocument.getElementById(\"year\").textContent = new Date().getFullYear();\nfunction sendMail(e){\n e.preventDefault();\n const n=encodeURIComponent(document.getElementById(\"name\").value);\n const em=encodeURIComponent(document.getElementById(\"email\").value);\n const m=encodeURIComponent(document.getElementById(\"message\").value);\n window.location.href=`mailto:?subject=Projektanfrage%20webbern.com&body=Name:%20${n}%0AE-Mail:%20${em}%0A%0A${m}`;\n}\n<\/script>\n<\/body>\n<\/html>\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":"<p>webbern.com \u2013 Websites, SEO & digitale Medien webbern.com LeistungenProjekteAblaufKontakt Kontakt Digital. Pers\u00f6nlich. Professionell. Websites, die sichtbar werden. Moderne Websites, WordPress, SEO und digitale Medien aus einer Hand \u2013 klar gestaltet, mobil optimiert und auf echte Ergebnisse ausgerichtet. Projekt besprechenLeistungen ansehen 01Konzept & Design 02WordPress & Umsetzung 03SEO & Performance 04Foto, Video & 3D Was ich […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_front_end_style_editor":"no","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","omw_enable_modal_window":"enable","ofc_meta_disable_footer_callout":"","ofc_meta_callout_button_url":"","ofc_meta_callout_button_txt":"","ofc_meta_callout_text":"","osp_disable_panel":"default","footnotes":""},"class_list":["post-511","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/trip.thomasboehm.ch\/wp-json\/wp\/v2\/pages\/511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trip.thomasboehm.ch\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trip.thomasboehm.ch\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trip.thomasboehm.ch\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trip.thomasboehm.ch\/wp-json\/wp\/v2\/comments?post=511"}],"version-history":[{"count":4,"href":"https:\/\/trip.thomasboehm.ch\/wp-json\/wp\/v2\/pages\/511\/revisions"}],"predecessor-version":[{"id":515,"href":"https:\/\/trip.thomasboehm.ch\/wp-json\/wp\/v2\/pages\/511\/revisions\/515"}],"wp:attachment":[{"href":"https:\/\/trip.thomasboehm.ch\/wp-json\/wp\/v2\/media?parent=511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}