[
    {
        "ID": "15",
        "post_content": "[et_pb_section fb_built=\"1\" _builder_version=\"4.14.1\" background_color=\"#171717\" custom_padding=\"0px||0px||\" module_class=\"mg-footer-section\"][et_pb_row _builder_version=\"4.14.1\" width=\"100%\" max_width=\"100%\" custom_padding=\"0px||0px||\"][et_pb_column type=\"4_4\" _builder_version=\"4.14.1\"][et_pb_code _builder_version=\"4.14.1\"]<div class=\"mg-site-footer\"><div class=\"mg-footer-grid\"><section class=\"mg-footer-contact\" aria-labelledby=\"mg-footer-contact-title\"><h2 id=\"mg-footer-contact-title\" class=\"mg-footer-name\">MaGrosskopf<\/h2><p>KI-Automatisierung, Engineering<br>und digitale Lösungen.<\/p><a class=\"mg-footer-email\" href=\"mailto:magrosskopf@web.de\">magrosskopf@web.de <span aria-hidden=\"true\">↗<\/span><\/a><nav class=\"mg-footer-social\" aria-label=\"Social Media\"><a href=\"https:\/\/www.linkedin.com\/in\/marius-gro%C3%9Fkopf-214478174\/\" target=\"_blank\" rel=\"noopener noreferrer\">LinkedIn ↗<\/a><a href=\"https:\/\/instagram.com\/magrosskopf\" target=\"_blank\" rel=\"noopener noreferrer\">Instagram ↗<\/a><\/nav><\/section><section aria-labelledby=\"mg-footer-navigation-title\"><h2 id=\"mg-footer-navigation-title\">Entdecken<\/h2><nav class=\"mg-footer-nav\" aria-label=\"Footernavigation\"><a href=\"\/\">Start<\/a><a href=\"\/leistungen\/\">Leistungen<\/a><a href=\"\/portfolio\/\">Portfolio<\/a><a href=\"\/blog\/\">Blog<\/a><\/nav><\/section><section aria-labelledby=\"mg-footer-partners-title\"><h2 id=\"mg-footer-partners-title\">Partner & Netzwerk<\/h2><div class=\"mg-footer-partners\"><a href=\"https:\/\/www.annedrotleff.de\/\">Anne Drotleff<\/a><a href=\"http:\/\/www.salon-grosskopf.de\/\">Salon Großkopf<\/a><a href=\"https:\/\/ems-eberbach.de\/\">Fit In Time Eberbach<\/a><a href=\"https:\/\/magic-bonsai-studio.de\/\" target=\"_blank\" rel=\"noopener noreferrer\">Bonsai Studio<\/a><\/div><\/section><\/div><div class=\"mg-footer-bottom\"><span>© MaGrosskopf · Marius Großkopf<\/span><nav class=\"mg-footer-legal\" aria-label=\"Rechtliche Informationen\"><a href=\"\/impressum\/\">Impressum<\/a><a href=\"\/datenschutz\/\" rel=\"privacy-policy\">Datenschutz<\/a><\/nav><\/div><\/div>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n",
        "post_type": "et_footer_layout"
    },
    {
        "ID": "9",
        "post_content": "[et_pb_section fb_built=\"1\" _builder_version=\"4.14.1\" background_color=\"#171717\" custom_padding=\"0px||0px||\" module_class=\"mg-header-section\"][et_pb_row _builder_version=\"4.14.1\" width=\"100%\" max_width=\"100%\" custom_padding=\"0px||0px||\"][et_pb_column type=\"4_4\" _builder_version=\"4.14.1\"][et_pb_code _builder_version=\"4.14.1\"]<style>.et-l--header .mg-header-section,.et-l--footer .mg-footer-section{padding:0!important;background:#171717!important}.et-l--header .mg-header-section>.et_pb_row,.et-l--footer .mg-footer-section>.et_pb_row{width:100%!important;max-width:none!important;padding:0!important}.mg-header-section .et_pb_column,.mg-footer-section .et_pb_column{margin:0!important}.mg-header-section .et_pb_code,.mg-footer-section .et_pb_code{margin:0!important}.mg-site-header,.mg-site-footer{font-family:Muli,Arial,sans-serif;color:#f7f6f1;font-size:16px;line-height:1.65}.mg-site-header *,.mg-site-footer *{box-sizing:border-box}.mg-site-header a,.mg-site-footer a{color:inherit;text-decoration:none}.mg-site-header a:focus-visible,.mg-site-footer a:focus-visible,.mg-mobile-menu summary:focus-visible{outline:2px solid #f5e615;outline-offset:5px}.mg-site-header{max-width:1180px;margin:auto;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}.mg-brand{display:flex;align-items:center;gap:14px;min-height:48px}.mg-brand img{display:block;width:38px;height:44px;object-fit:contain}.mg-brand-name{font-size:15px;font-weight:800;letter-spacing:.035em}.mg-desktop-nav{display:flex;align-items:center;gap:32px}.mg-desktop-nav a{display:block;padding:10px 0;font-weight:700;font-size:15px}.mg-desktop-nav a:hover,.mg-site-header a[aria-current=page],.mg-site-footer a:hover{color:#f5e615}.mg-mobile-menu{display:none}.mg-site-footer{max-width:1180px;margin:auto;padding:64px 0 24px}.mg-footer-grid{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:64px;padding-bottom:48px}.mg-site-footer h2{padding:0;margin:0 0 18px;color:#f7f6f1!important;font-size:13px;font-weight:800;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}.mg-site-footer .mg-footer-name{font-size:24px;text-transform:none;letter-spacing:-.025em;margin-bottom:12px}.mg-site-footer p{padding:0;margin:0 0 20px;color:#bdbdb7;max-width:340px}.mg-footer-email{display:inline-block;padding:8px 0;border-bottom:1px solid #f5e615;overflow-wrap:anywhere}.mg-footer-social{display:flex;flex-wrap:wrap;gap:22px;margin-top:22px;font-size:14px}.mg-footer-nav,.mg-footer-partners{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.mg-footer-nav a,.mg-footer-partners a{display:block;padding:7px 0;min-height:40px}.mg-footer-partners a{color:#bdbdb7}.mg-footer-bottom{border-top:1px solid #393936;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;color:#aaa}.mg-footer-legal{display:flex;flex-wrap:wrap;gap:24px}.mg-footer-legal a{padding:10px 0}@media(max-width:1259px){.mg-site-header,.mg-site-footer{margin-left:40px;margin-right:40px}}@media(max-width:980px){.mg-site-header{padding:16px 0}.mg-desktop-nav{display:none}.mg-mobile-menu{display:block}.mg-mobile-menu summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;min-height:48px;padding:10px 14px;border:1px solid #55554e;font-size:14px;font-weight:700}.mg-mobile-menu summary::-webkit-details-marker{display:none}.mg-menu-icon{width:18px;height:12px;border-top:2px solid #f5e615;border-bottom:2px solid #f5e615;position:relative}.mg-menu-icon:after{content:\"\";position:absolute;left:0;top:3px;width:18px;border-top:2px solid #f5e615}.mg-mobile-menu[open] summary{background:#f5e615;color:#171717;border-color:#f5e615}.mg-mobile-menu[open] .mg-menu-icon{height:18px;border:0}.mg-mobile-menu[open] .mg-menu-icon:before,.mg-mobile-menu[open] .mg-menu-icon:after{content:\"\";position:absolute;left:0;top:8px;width:18px;border-top:2px solid #171717;transform:rotate(45deg)}.mg-mobile-menu[open] .mg-menu-icon:after{transform:rotate(-45deg)}.mg-mobile-panel{position:absolute;top:calc(100% - 1px);left:-40px;right:-40px;background:#171717;padding:12px 40px 28px;border-top:1px solid #393936;box-shadow:0 18px 24px #0002;z-index:100}.mg-mobile-panel nav{display:flex;flex-direction:column}.mg-mobile-panel nav a{display:block;font-size:24px;font-weight:700;line-height:1.3;padding:17px 0;border-bottom:1px solid #393936}.mg-mobile-panel nav a[aria-current=page]{color:#f5e615}.mg-mobile-panel .mg-menu-contact{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:14px 18px;background:#f5e615;color:#171717;font-weight:800}.mg-footer-grid{gap:32px;grid-template-columns:1.2fr .8fr 1fr}}@media(max-width:600px){.mg-site-header,.mg-site-footer{margin-left:20px;margin-right:20px}.mg-site-header{gap:12px;padding:12px 0}.mg-brand{gap:10px}.mg-brand img{width:30px;height:36px}.mg-brand-name{font-size:13px}.mg-mobile-panel{left:-20px;right:-20px;padding:8px 20px 24px;max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain}.mg-site-footer{padding:40px 0 18px}.mg-footer-grid{grid-template-columns:1fr 1fr;gap:32px 20px;padding-bottom:28px}.mg-footer-contact{grid-column:1\/-1;padding-bottom:28px;border-bottom:1px solid #393936}.mg-site-footer h2{font-size:11px;margin-bottom:12px}.mg-site-footer .mg-footer-name{font-size:24px}.mg-footer-partners a,.mg-footer-nav a{font-size:14px;line-height:1.6}.mg-footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}.mg-footer-legal{gap:24px}}@media(prefers-reduced-motion:reduce){.mg-site-header *,.mg-site-footer *{scroll-behavior:auto}}<\/style><div class=\"mg-site-header\"><a class=\"mg-brand\" href=\"\/\" aria-label=\"MaGrosskopf – Startseite\"><img src=\"https:\/\/magrosskopf.de\/wp-content\/uploads\/2020\/12\/Element-1_1.png\" width=\"38\" height=\"44\" alt=\"\"><span class=\"mg-brand-name\">MaGrosskopf<\/span><\/a><nav class=\"mg-desktop-nav\" aria-label=\"Hauptnavigation\"><a href=\"\/\">Start<\/a><a href=\"\/leistungen\/\">Leistungen<\/a><a href=\"\/portfolio\/\">Portfolio<\/a><a href=\"\/blog\/\">Blog<\/a><\/nav><details class=\"mg-mobile-menu\"><summary><span>Menü<\/span><span class=\"mg-menu-icon\" aria-hidden=\"true\"><\/span><\/summary><div class=\"mg-mobile-panel\"><nav aria-label=\"Mobile Hauptnavigation\"><a href=\"\/\">Start<\/a><a href=\"\/leistungen\/\">Leistungen<\/a><a href=\"\/portfolio\/\">Portfolio<\/a><a href=\"\/blog\/\">Blog<\/a><\/nav><a class=\"mg-menu-contact\" href=\"mailto:magrosskopf@web.de\">Projekt besprechen <span aria-hidden=\"true\">↗<\/span><\/a><\/div><\/details><\/div><script>(()=>{const header=document.querySelector('.mg-site-header');if(!header)return;const menu=header.querySelector('details');const summary=menu.querySelector('summary');const normalize=path=>(path.endsWith('\/')?path.slice(0,-1):path)||'\/';header.querySelectorAll('nav a').forEach(a=>{if(normalize(new URL(a.href).pathname)===normalize(location.pathname))a.setAttribute('aria-current','page')});document.addEventListener('keydown',e=>{if(e.key==='Escape'&&menu.open){menu.open=false;summary.focus()}});document.addEventListener('click',e=>{if(menu.open&&!header.contains(e.target))menu.open=false});menu.querySelectorAll('a').forEach(a=>a.addEventListener('click',()=>{menu.open=false}));const desktop=matchMedia('(min-width:981px)');desktop.addEventListener('change',()=>{menu.open=false})})();<\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n",
        "post_type": "et_header_layout"
    },
    {
        "ID": "306",
        "post_content": "[et_pb_section admin_label=\"section\"]\n\t\t\t[et_pb_row admin_label=\"row\"]\n\t\t\t\t[et_pb_column type=\"4_4\"][et_pb_text admin_label=\"Text\"]<style>\nbody.page-id-30 #main-content .container,body.page-id-306 #main-content .container{width:100%!important;max-width:none!important;padding:0!important}\nbody.page-id-30 #main-content .container:before,body.page-id-30 #sidebar,body.page-id-30 .main_title,body.page-id-306 #main-content .container:before,body.page-id-306 #sidebar,body.page-id-306 .main_title{display:none!important}\nbody.page-id-30 #left-area,body.page-id-306 #left-area{width:100%!important;padding:0!important}\nbody.page-id-30 article.page,body.page-id-306 article.page{margin:0!important}\n.mg-portfolio{--ink:#171717;--paper:#f7f6f1;--yellow:#f5e615;--line:#d9d8d1;--muted:#66655f;width:100%;max-width:none;background:var(--paper);color:var(--ink);font-family:Muli,Arial,sans-serif;overflow:hidden}\n.mg-portfolio *{box-sizing:border-box}.mg-portfolio a{color:inherit}.mg-portfolio h1,.mg-portfolio h2,.mg-portfolio h3,.mg-portfolio p{margin:0;padding:0}.mg-portfolio img{display:block;width:100%;height:auto}.mg-p-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.mg-p-section{padding:110px 0}.mg-p-kicker{display:flex;gap:10px;align-items:center;margin-bottom:24px;font-size:13px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.mg-p-kicker:before{content:\"\";width:34px;height:4px;background:var(--yellow)}\n.mg-portfolio h1{max-width:1020px;font-size:clamp(58px,8.4vw,120px);line-height:.91;letter-spacing:-.075em}.mg-portfolio h2{font-size:clamp(42px,6vw,80px);line-height:.98;letter-spacing:-.06em}.mg-portfolio h3{font-size:clamp(29px,3.2vw,48px);line-height:1.02;letter-spacing:-.045em}.mg-portfolio p{font-size:18px;line-height:1.65}.mg-p-lead{max-width:720px;color:var(--muted);font-size:21px!important}.mg-p-highlight{position:relative;z-index:0;white-space:nowrap}.mg-p-highlight:after{content:\"\";position:absolute;z-index:-1;left:-.02em;right:-.04em;bottom:.08em;height:.22em;background:var(--yellow)}\n.mg-p-hero{position:relative;padding:100px 0 95px}.mg-p-hero:after{content:\"08\";position:absolute;right:-.03em;top:-.06em;color:rgba(245,230,21,.72);font-size:min(32vw,440px);font-weight:900;line-height:1;letter-spacing:-.1em}.mg-p-hero .mg-p-wrap{position:relative;z-index:1}.mg-p-hero .mg-p-lead{margin-top:34px}.mg-p-index{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mg-p-index div{padding:24px;border-right:1px solid var(--line);font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mg-p-index div:last-child{border:0}.mg-p-index strong{display:block;margin-bottom:5px;font-size:30px;letter-spacing:-.05em;text-transform:none}\n.mg-p-projects{background:var(--ink);color:#fff}.mg-p-projects h2{color:#fff!important}.mg-p-projects .mg-p-kicker{color:#c7c7c2}.mg-p-project-intro{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:end;margin-bottom:82px}.mg-p-project-intro p{color:#aaa}.mg-p-case{padding:74px 0;border-top:1px solid #3d3d3d}.mg-p-case-grid{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:center}.mg-p-case--top-aligned .mg-p-case-grid{align-items:start}.mg-p-case--top-aligned .mg-p-media{margin-top:116px}.mg-p-case:nth-of-type(even) .mg-p-case-copy{order:2}.mg-p-case:nth-of-type(even) .mg-p-media{order:1}.mg-p-case-number{display:block;margin-bottom:42px;color:var(--yellow);font-size:13px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.mg-p-type{display:inline-block;margin-bottom:18px;padding:7px 10px;border:1px solid currentColor;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.mg-p-case h3{color:#fff!important}.mg-p-summary{margin-top:18px;color:#bbb;line-height:1.5!important}.mg-p-details{display:grid;gap:14px;margin-top:24px}.mg-p-detail{padding-top:14px;border-top:1px solid #3d3d3d}.mg-p-detail dt{margin-bottom:5px;color:#8f8f89;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mg-p-detail dd{margin:0;color:#eee;font-size:16px;line-height:1.48}.mg-p-link,.mg-p-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;margin-top:30px;padding:0 25px;border:2px solid var(--yellow);background:var(--yellow);color:var(--ink)!important;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s}.mg-p-link:after{content:\"↗\";margin-left:10px}.mg-p-link:hover,.mg-p-button:hover{transform:translate(-4px,-4px);box-shadow:5px 5px 0 #fff}.mg-p-link:focus-visible,.mg-p-button:focus-visible,.mg-p-work-link:focus-visible{outline:3px solid #fff;outline-offset:4px}\n.mg-p-media{position:relative;min-width:0}.mg-p-browser{padding:12px 12px 0;border:1px solid #454545;background:#242424;box-shadow:18px 18px 0 var(--yellow)}.mg-p-browser-bar{display:flex;gap:6px;height:22px}.mg-p-browser-bar i{display:block;width:7px;height:7px;border-radius:50%;background:#777}.mg-p-browser img{aspect-ratio:1.44\/1;object-fit:cover;object-position:top}.mg-p-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:stretch;min-height:360px;padding:36px;background:var(--yellow);color:var(--ink);box-shadow:18px 18px 0 #fff}.mg-p-flow-step{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:20px 13px;border:1px solid rgba(23,23,23,.38);background:var(--paper)}.mg-p-flow-step:not(:last-child):after{content:\"→\";position:absolute;z-index:2;right:-17px;top:50%;width:23px;background:var(--yellow);font-size:23px;font-weight:900;line-height:1;text-align:center;transform:translateY(-50%)}.mg-p-flow-step span{color:#5e5d57;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.mg-p-flow-step strong{font-size:clamp(15px,1.25vw,19px);line-height:1.05;letter-spacing:-.02em;white-space:nowrap}.mg-p-flow-note{grid-column:1\/-1;align-self:end;margin-top:14px!important;font-size:12px!important;font-weight:800;text-transform:uppercase;letter-spacing:.1em}\n.mg-p-archive-head{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:end;margin-bottom:60px}.mg-p-archive-head p{color:var(--muted)}.mg-p-work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.mg-p-work{grid-column:span 4;border:1px solid var(--line);background:#fff}.mg-p-work:nth-child(4),.mg-p-work:nth-child(5){grid-column:span 6}.mg-p-work-image{overflow:hidden;background:#e9e8e2}.mg-p-work-image img{aspect-ratio:16\/10;object-fit:cover;transition:transform .35s}.mg-p-work:hover img{transform:scale(1.025)}.mg-p-work-copy{padding:24px}.mg-p-work-copy h3{font-size:25px}.mg-p-work-copy p{margin-top:12px;color:var(--muted);font-size:16px}.mg-p-work-link{display:inline-block;margin-top:18px;border-bottom:2px solid var(--yellow);font-size:14px;font-weight:800;text-decoration:none}.mg-p-work-link:after{content:\" ↗\"}.mg-p-work-note{display:block;margin-top:18px;color:var(--muted);font-size:13px;font-weight:800}\n.mg-p-cta{background:var(--yellow)}.mg-p-cta-grid{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:end}.mg-p-cta .mg-p-kicker:before{background:var(--ink)}.mg-p-cta .mg-p-button{justify-self:end;border-color:var(--ink);background:var(--ink);color:#fff!important}.mg-p-cta .mg-p-button:hover{box-shadow:5px 5px 0 #fff}\n@media(max-width:1000px){.mg-p-case-grid{gap:42px}.mg-p-flow{grid-template-columns:repeat(2,1fr)}.mg-p-flow-step:nth-child(2):after{display:none}.mg-p-flow-note{grid-column:1\/-1}.mg-p-work{grid-column:span 6}.mg-p-work:nth-child(5){grid-column:4\/10}}\n@media(max-width:800px){.mg-p-section{padding:75px 0}.mg-p-hero{padding:70px 0}.mg-p-hero:after{top:.08em;right:-.16em;font-size:34vw}.mg-p-index{grid-template-columns:1fr}.mg-p-index div{border-right:0;border-bottom:1px solid var(--line)}.mg-p-index div:last-child{border-bottom:0}.mg-p-project-intro,.mg-p-archive-head,.mg-p-cta-grid{grid-template-columns:1fr;gap:22px}.mg-p-case{padding:58px 0}.mg-p-case-grid{grid-template-columns:1fr;gap:45px}.mg-p-case--top-aligned .mg-p-media{margin-top:0}.mg-p-case:nth-of-type(even) .mg-p-case-copy,.mg-p-case:nth-of-type(even) .mg-p-media{order:initial}.mg-p-case-number{margin-bottom:28px}.mg-p-browser,.mg-p-flow{box-shadow:10px 10px 0 var(--yellow)}.mg-p-flow{min-height:330px;padding:25px}.mg-p-cta .mg-p-button{justify-self:start}.mg-p-work:nth-child(5){grid-column:span 6}}\n@media(max-width:560px){.mg-p-wrap{width:min(100% - 28px,1180px)}.mg-portfolio h1{font-size:clamp(48px,16vw,72px)}.mg-portfolio h2{font-size:clamp(38px,12vw,58px)}.mg-p-lead{font-size:18px!important}.mg-p-flow{grid-template-columns:1fr;gap:9px}.mg-p-flow-step{min-height:105px}.mg-p-flow-step:not(:last-child):after{content:\"↓\";right:auto;left:50%;top:auto;bottom:-19px;transform:translateX(-50%)}.mg-p-flow-step:nth-child(2):after{display:block}.mg-p-flow-note{grid-column:auto}.mg-p-work,.mg-p-work:nth-child(4),.mg-p-work:nth-child(5){grid-column:1\/-1}.mg-p-project-intro{margin-bottom:45px}}\n<\/style>\n\n<main class=\"mg-portfolio\">\n  <section class=\"mg-p-hero\" aria-labelledby=\"portfolio-title\">\n    <div class=\"mg-p-wrap\">\n      <div class=\"mg-p-kicker\">Portfolio · Automatisierung, Software &amp; Web<\/div>\n      <h1 id=\"portfolio-title\">Aus Prozessen werden <span class=\"mg-p-highlight\">Produkte.<\/span><\/h1>\n      <p class=\"mg-p-lead\">Ausgewählte Projekte, bei denen Strategie, Gestaltung und technische Umsetzung ineinandergreifen – vom automatisierten Kunden-Onboarding bis zur vollständigen Web-App.<\/p>\n    <\/div>\n  <\/section>\n\n  <div class=\"mg-p-wrap mg-p-index\" aria-label=\"Portfolio im Überblick\">\n    <div><strong>03<\/strong>aktuelle Fallbeispiele<\/div>\n    <div><strong>05<\/strong>weitere Arbeiten<\/div>\n    <div><strong>End-to-End<\/strong>Konzept bis Umsetzung<\/div>\n  <\/div>\n\n  <section class=\"mg-p-section mg-p-projects\" aria-labelledby=\"case-title\">\n    <div class=\"mg-p-wrap\">\n      <header class=\"mg-p-project-intro\">\n        <div>\n          <div class=\"mg-p-kicker\">Ausgewählte Projekte<\/div>\n          <h2 id=\"case-title\">Lösungen mit einem klaren Job.<\/h2>\n        <\/div>\n        <p>Jedes Projekt beginnt bei einem echten Bedarf – und endet nicht beim Konzept, sondern bei einer nutzbaren Lösung.<\/p>\n      <\/header>\n\n      <article class=\"mg-p-case\">\n        <div class=\"mg-p-case-grid\">\n          <div class=\"mg-p-case-copy\">\n            <span class=\"mg-p-case-number\">01 \/ Kernprojekt<\/span>\n            <span class=\"mg-p-type\">KI-Automatisierung<\/span>\n            <h3>Automatisiertes Kurs-Onboarding<\/h3>\n            <p class=\"mg-p-summary\">Ein Zapier-Workflow verbindet Verkauf, Kundendaten, Kommunikation und Kurszugang – ohne manuelle Übertragung.<\/p>\n            <dl class=\"mg-p-details\">\n              <div class=\"mg-p-detail\"><dt>Ausgangslage<\/dt><dd>Kundendaten und Zugänge mussten nach jedem Kurskauf systemübergreifend verarbeitet werden.<\/dd><\/div>\n              <div class=\"mg-p-detail\"><dt>Mein Beitrag<\/dt><dd>Prozessanalyse, Workflow-Konzeption, Zapier-Einrichtung, Tests und Fehlerbehandlung.<\/dd><\/div>\n              <div class=\"mg-p-detail\"><dt>Ergebnis<\/dt><dd>Ein automatisiertes Kunden-Onboarding vom bestätigten Zahlungseingang bis zum freigeschalteten Kurs.<\/dd><\/div>\n            <\/dl>\n          <\/div>\n          <div class=\"mg-p-media\">\n            <div class=\"mg-p-flow\" role=\"img\" aria-label=\"Anonymisierte Prozessdarstellung von Stripe über CRM und Newsletter bis zum Kurszugang\">\n              <div class=\"mg-p-flow-step\"><span>01 · Zahlung<\/span><strong>Stripe<\/strong><\/div>\n              <div class=\"mg-p-flow-step\"><span>02 · Kundendaten<\/span><strong>CRM<\/strong><\/div>\n              <div class=\"mg-p-flow-step\"><span>03 · Segment<\/span><strong>Newsletter<\/strong><\/div>\n              <div class=\"mg-p-flow-step\"><span>04 · Freigabe<\/span><strong>Kurszugang<\/strong><\/div>\n              <p class=\"mg-p-flow-note\">Zapier verbindet alle vier Stationen<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mg-p-case mg-p-case--top-aligned\">\n        <div class=\"mg-p-case-grid\">\n          <div class=\"mg-p-case-copy\">\n            <span class=\"mg-p-case-number\">02 \/ Kernprojekt<\/span>\n            <span class=\"mg-p-type\">Individuelle Software<\/span>\n            <h3>Bonsai Tracker<\/h3>\n            <p class=\"mg-p-summary\">Eine Web-App, die Sammlung, Pflege und Entwicklung von Bonsai an einem Ort nachvollziehbar macht.<\/p>\n            <dl class=\"mg-p-details\">\n              <div class=\"mg-p-detail\"><dt>Produkt<\/dt><dd>Baumprofile, Pflegehistorie, Fotos, Erinnerungen, Pflegepläne und Community-Feed.<\/dd><\/div>\n              <div class=\"mg-p-detail\"><dt>Mein Beitrag<\/dt><dd>Konzeption, UX\/UI, technische Architektur und vollständige Entwicklung der Web-App.<\/dd><\/div>\n              <div class=\"mg-p-detail\"><dt>Ergebnis<\/dt><dd>Ein fokussiertes digitales Werkzeug, mit dem Bonsai-Fans die Entwicklung ihrer Bäume dauerhaft dokumentieren können.<\/dd><\/div>\n            <\/dl>\n            <a class=\"mg-p-link\" href=\"https:\/\/app.magic-bonsai-studio.de\/\" target=\"_blank\" rel=\"noopener noreferrer\">App ansehen<\/a>\n          <\/div>\n          <div class=\"mg-p-media\">\n            <div class=\"mg-p-browser\">\n              <div class=\"mg-p-browser-bar\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/div>\n              <img src=\"https:\/\/magrosskopf.de\/wp-content\/uploads\/2026\/09\/bonsai-tracker.webp\" width=\"1440\" height=\"1000\" loading=\"lazy\" alt=\"Öffentliche Start- und Anmeldeseite des Bonsai Trackers\">\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mg-p-case\">\n        <div class=\"mg-p-case-grid\">\n          <div class=\"mg-p-case-copy\">\n            <span class=\"mg-p-case-number\">03 \/ Kernprojekt<\/span>\n            <span class=\"mg-p-type\">E-Commerce<\/span>\n            <h3>Bonsai Studio Onlineshop<\/h3>\n            <p class=\"mg-p-summary\">Ein klar strukturierter Shopify-Shop für Bonsai-Zubehör – vom Sortiment bis zu Zahlung, Versand und laufender Weiterentwicklung.<\/p>\n            <dl class=\"mg-p-details\">\n              <div class=\"mg-p-detail\"><dt>Produkt<\/dt><dd>Produktkatalog, Checkout, Ratgeberinhalte, Newsletter und Community-Verweise.<\/dd><\/div>\n              <div class=\"mg-p-detail\"><dt>Mein Beitrag<\/dt><dd>Konzeption, Shop-Design, Shopify-Umsetzung, Produktstruktur sowie Zahlungs- und Versandkonfiguration.<\/dd><\/div>\n              <div class=\"mg-p-detail\"><dt>Ergebnis<\/dt><dd>Eine konsistente E-Commerce-Basis, die Sortiment, Inhalte und das Bonsai-Studio-Ökosystem verbindet.<\/dd><\/div>\n            <\/dl>\n            <a class=\"mg-p-link\" href=\"https:\/\/magic-bonsai-studio.de\/\" target=\"_blank\" rel=\"noopener noreferrer\">Shop ansehen<\/a>\n          <\/div>\n          <div class=\"mg-p-media\">\n            <div class=\"mg-p-browser\">\n              <div class=\"mg-p-browser-bar\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/div>\n              <img src=\"https:\/\/magrosskopf.de\/wp-content\/uploads\/2026\/09\/bonsai-shop.webp\" width=\"1440\" height=\"1000\" loading=\"lazy\" alt=\"Öffentliche Startseite des Bonsai Studio Onlineshops\">\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <section class=\"mg-p-section\" aria-labelledby=\"archive-title\">\n    <div class=\"mg-p-wrap\">\n      <header class=\"mg-p-archive-head\">\n        <div>\n          <div class=\"mg-p-kicker\">Weitere Arbeiten<\/div>\n          <h2 id=\"archive-title\">Webprojekte aus dem Archiv.<\/h2>\n        <\/div>\n        <p>Fünf frühere Projekte, kompakt versammelt – mit unterschiedlichen Branchen, Inhalten und Anforderungen.<\/p>\n      <\/header>\n      <div class=\"mg-p-work-grid\">\n        <article class=\"mg-p-work\">\n          <div class=\"mg-p-work-image\"><img src=\"https:\/\/magrosskopf.de\/wp-content\/uploads\/2020\/12\/Muench-4-Club-Mockup.jpg\" width=\"1600\" height=\"1000\" loading=\"lazy\" alt=\"Website-Mockup des Muench 4 Club e.V.\"><\/div>\n          <div class=\"mg-p-work-copy\"><h3>Muench 4 Club e.V.<\/h3><p>Vereinswebsite mit Informationen, Historie und Anlaufstellen für Mitglieder.<\/p><a class=\"mg-p-work-link\" href=\"https:\/\/muench-4-club.de\/\" target=\"_blank\" rel=\"noopener noreferrer\">Website ansehen<\/a><\/div>\n        <\/article>\n        <article class=\"mg-p-work\">\n          <div class=\"mg-p-work-image\"><img src=\"https:\/\/magrosskopf.de\/wp-content\/uploads\/2020\/12\/9df5fc29eb19ec840c446877a656bf87.jpg\" width=\"1600\" height=\"1000\" loading=\"lazy\" alt=\"Website-Mockup von Hansch im Glück Fotografie\"><\/div>\n          <div class=\"mg-p-work-copy\"><h3>Hansch im Glück<\/h3><p>Portfolioauftritt für Fotografie mit einem bildstarken, reduzierten Aufbau.<\/p><span class=\"mg-p-work-note\">Archivprojekt · Website derzeit nicht erreichbar<\/span><\/div>\n        <\/article>\n        <article class=\"mg-p-work\">\n          <div class=\"mg-p-work-image\"><img src=\"https:\/\/magrosskopf.de\/wp-content\/uploads\/2020\/12\/racetireart_mockup-scaled.jpg\" width=\"1600\" height=\"1000\" loading=\"lazy\" alt=\"Website-Mockup von Race Tire Art\"><\/div>\n          <div class=\"mg-p-work-copy\"><h3>Race Tire Art<\/h3><p>Marken- und Produktwebsite für Kunstobjekte aus dem Motorsport.<\/p><a class=\"mg-p-work-link\" href=\"https:\/\/racetireart.de\/\" target=\"_blank\" rel=\"noopener noreferrer\">Website ansehen<\/a><\/div>\n        <\/article>\n        <article class=\"mg-p-work\">\n          <div class=\"mg-p-work-image\"><img src=\"https:\/\/magrosskopf.de\/wp-content\/uploads\/2020\/12\/Salongrosskopf_mockup.png\" width=\"1600\" height=\"1000\" loading=\"lazy\" alt=\"Website-Mockup des Salon Großkopf\"><\/div>\n          <div class=\"mg-p-work-copy\"><h3>Salon Großkopf<\/h3><p>Lokaler Salonauftritt mit Leistungen, Teamvorstellung und Kontaktmöglichkeiten.<\/p><a class=\"mg-p-work-link\" href=\"https:\/\/salon-grosskopf.de\/\" target=\"_blank\" rel=\"noopener noreferrer\">Website ansehen<\/a><\/div>\n        <\/article>\n        <article class=\"mg-p-work\">\n          <div class=\"mg-p-work-image\"><img src=\"https:\/\/magrosskopf.de\/wp-content\/uploads\/2020\/12\/pow_mockup-scaled.jpg\" width=\"1600\" height=\"1000\" loading=\"lazy\" alt=\"Website-Mockup von Partnerschaft in einer Welt e.V.\"><\/div>\n          <div class=\"mg-p-work-copy\"><h3>Partnerschaft in einer Welt e.V.<\/h3><p>Informationsplattform für Projekte, Engagement und internationale Partnerschaften.<\/p><a class=\"mg-p-work-link\" href=\"https:\/\/pow-mosbach.de\/\" target=\"_blank\" rel=\"noopener noreferrer\">Website ansehen<\/a><\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mg-p-section mg-p-cta\" aria-labelledby=\"portfolio-cta-title\">\n    <div class=\"mg-p-wrap mg-p-cta-grid\">\n      <div>\n        <div class=\"mg-p-kicker\">Nächstes Projekt<\/div>\n        <h2 id=\"portfolio-cta-title\">Ein ähnliches Projekt im Kopf? Lass uns besprechen, was wir daraus machen können.<\/h2>\n      <\/div>\n      <a class=\"mg-p-button\" href=\"mailto:magrosskopf@web.de?subject=Projekt%20besprechen&amp;body=Hallo%20Marius%2C%0A%0Aich%20m%C3%B6chte%20mit%20dir%20%C3%BCber%20ein%20Projekt%20sprechen.%0A%0A\">Projekt besprechen<\/a>\n    <\/div>\n  <\/section>\n<\/main>\n[\/et_pb_text][\/et_pb_column]\n\t\t\t[\/et_pb_row]\n\t\t[\/et_pb_section]",
        "post_type": "page"
    },
    {
        "ID": "30",
        "post_content": "<style>\nbody.page-id-30 #main-content .container,body.page-id-306 #main-content .container{width:100%!important;max-width:none!important;padding:0!important}\nbody.page-id-30 #main-content .container:before,body.page-id-30 #sidebar,body.page-id-30 .main_title,body.page-id-306 #main-content .container:before,body.page-id-306 #sidebar,body.page-id-306 .main_title{display:none!important}\nbody.page-id-30 #left-area,body.page-id-306 #left-area{width:100%!important;padding:0!important}\nbody.page-id-30 article.page,body.page-id-306 article.page{margin:0!important}\n.mg-portfolio{--ink:#171717;--paper:#f7f6f1;--yellow:#f5e615;--line:#d9d8d1;--muted:#66655f;width:100%;max-width:none;background:var(--paper);color:var(--ink);font-family:Muli,Arial,sans-serif;overflow:hidden}\n.mg-portfolio *{box-sizing:border-box}.mg-portfolio a{color:inherit}.mg-portfolio h1,.mg-portfolio h2,.mg-portfolio h3,.mg-portfolio p{margin:0;padding:0}.mg-portfolio img{display:block;width:100%;height:auto}.mg-p-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.mg-p-section{padding:110px 0}.mg-p-kicker{display:flex;gap:10px;align-items:center;margin-bottom:24px;font-size:13px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.mg-p-kicker:before{content:\"\";width:34px;height:4px;background:var(--yellow)}\n.mg-portfolio h1{max-width:1020px;font-size:clamp(58px,8.4vw,120px);line-height:.91;letter-spacing:-.075em}.mg-portfolio h2{font-size:clamp(42px,6vw,80px);line-height:.98;letter-spacing:-.06em}.mg-portfolio h3{font-size:clamp(29px,3.2vw,48px);line-height:1.02;letter-spacing:-.045em}.mg-portfolio p{font-size:18px;line-height:1.65}.mg-p-lead{max-width:720px;color:var(--muted);font-size:21px!important}.mg-p-highlight{position:relative;z-index:0;white-space:nowrap}.mg-p-highlight:after{content:\"\";position:absolute;z-index:-1;left:-.02em;right:-.04em;bottom:.08em;height:.22em;background:var(--yellow)}\n.mg-p-hero{position:relative;padding:100px 0 95px}.mg-p-hero:after{content:\"08\";position:absolute;right:-.03em;top:-.06em;color:rgba(245,230,21,.72);font-size:min(32vw,440px);font-weight:900;line-height:1;letter-spacing:-.1em}.mg-p-hero .mg-p-wrap{position:relative;z-index:1}.mg-p-hero .mg-p-lead{margin-top:34px}.mg-p-index{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mg-p-index div{padding:24px;border-right:1px solid var(--line);font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mg-p-index div:last-child{border:0}.mg-p-index strong{display:block;margin-bottom:5px;font-size:30px;letter-spacing:-.05em;text-transform:none}\n.mg-p-projects{background:var(--ink);color:#fff}.mg-p-projects h2{color:#fff!important}.mg-p-projects .mg-p-kicker{color:#c7c7c2}.mg-p-project-intro{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:end;margin-bottom:82px}.mg-p-project-intro p{color:#aaa}.mg-p-case{padding:74px 0;border-top:1px solid #3d3d3d}.mg-p-case-grid{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:center}.mg-p-case--top-aligned .mg-p-case-grid{align-items:start}.mg-p-case--top-aligned .mg-p-media{margin-top:116px}.mg-p-case:nth-of-type(even) .mg-p-case-copy{order:2}.mg-p-case:nth-of-type(even) .mg-p-media{order:1}.mg-p-case-number{display:block;margin-bottom:42px;color:var(--yellow);font-size:13px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.mg-p-type{display:inline-block;margin-bottom:18px;padding:7px 10px;border:1px solid currentColor;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.mg-p-case h3{color:#fff!important}.mg-p-summary{margin-top:18px;color:#bbb;line-height:1.5!important}.mg-p-details{display:grid;gap:14px;margin-top:24px}.mg-p-detail{padding-top:14px;border-top:1px solid #3d3d3d}.mg-p-detail dt{margin-bottom:5px;color:#8f8f89;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mg-p-detail dd{margin:0;color:#eee;font-size:16px;line-height:1.48}.mg-p-link,.mg-p-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;margin-top:30px;padding:0 25px;border:2px solid var(--yellow);background:var(--yellow);color:var(--ink)!important;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s}.mg-p-link:after{content:\"↗\";margin-left:10px}.mg-p-link:hover,.mg-p-button:hover{transform:translate(-4px,-4px);box-shadow:5px 5px 0 #fff}.mg-p-link:focus-visible,.mg-p-button:focus-visible,.mg-p-work-link:focus-visible{outline:3px solid #fff;outline-offset:4px}\n.mg-p-media{position:relative;min-width:0}.mg-p-browser{padding:12px 12px 0;border:1px solid #454545;background:#242424;box-shadow:18px 18px 0 var(--yellow)}.mg-p-browser-bar{display:flex;gap:6px;height:22px}.mg-p-browser-bar i{display:block;width:7px;height:7px;border-radius:50%;background:#777}.mg-p-browser img{aspect-ratio:1.44\/1;object-fit:cover;object-position:top}.mg-p-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:stretch;min-height:360px;padding:36px;background:var(--yellow);color:var(--ink);box-shadow:18px 18px 0 #fff}.mg-p-flow-step{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:20px 13px;border:1px solid rgba(23,23,23,.38);background:var(--paper)}.mg-p-flow-step:not(:last-child):after{content:\"→\";position:absolute;z-index:2;right:-17px;top:50%;width:23px;background:var(--yellow);font-size:23px;font-weight:900;line-height:1;text-align:center;transform:translateY(-50%)}.mg-p-flow-step span{color:#5e5d57;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.mg-p-flow-step strong{font-size:clamp(15px,1.25vw,19px);line-height:1.05;letter-spacing:-.02em;white-space:nowrap}.mg-p-flow-note{grid-column:1\/-1;align-self:end;margin-top:14px!important;font-size:12px!important;font-weight:800;text-transform:uppercase;letter-spacing:.1em}\n.mg-p-archive-head{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:end;margin-bottom:60px}.mg-p-archive-head p{color:var(--muted)}.mg-p-work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.mg-p-work{grid-column:span 4;border:1px solid var(--line);background:#fff}.mg-p-work:nth-child(4),.mg-p-work:nth-child(5){grid-column:span 6}.mg-p-work-image{overflow:hidden;background:#e9e8e2}.mg-p-work-image img{aspect-ratio:16\/10;object-fit:cover;transition:transform .35s}.mg-p-work:hover img{transform:scale(1.025)}.mg-p-work-copy{padding:24px}.mg-p-work-copy h3{font-size:25px}.mg-p-work-copy p{margin-top:12px;color:var(--muted);font-size:16px}.mg-p-work-link{display:inline-block;margin-top:18px;border-bottom:2px solid var(--yellow);font-size:14px;font-weight:800;text-decoration:none}.mg-p-work-link:after{content:\" ↗\"}.mg-p-work-note{display:block;margin-top:18px;color:var(--muted);font-size:13px;font-weight:800}\n.mg-p-cta{background:var(--yellow)}.mg-p-cta-grid{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:end}.mg-p-cta .mg-p-kicker:before{background:var(--ink)}.mg-p-cta .mg-p-button{justify-self:end;border-color:var(--ink);background:var(--ink);color:#fff!important}.mg-p-cta .mg-p-button:hover{box-shadow:5px 5px 0 #fff}\n@media(max-width:1000px){.mg-p-case-grid{gap:42px}.mg-p-flow{grid-template-columns:repeat(2,1fr)}.mg-p-flow-step:nth-child(2):after{display:none}.mg-p-flow-note{grid-column:1\/-1}.mg-p-work{grid-column:span 6}.mg-p-work:nth-child(5){grid-column:4\/10}}\n@media(max-width:800px){.mg-p-section{padding:75px 0}.mg-p-hero{padding:70px 0}.mg-p-hero:after{top:.08em;right:-.16em;font-size:34vw}.mg-p-index{grid-template-columns:1fr}.mg-p-index div{border-right:0;border-bottom:1px solid var(--line)}.mg-p-index div:last-child{border-bottom:0}.mg-p-project-intro,.mg-p-archive-head,.mg-p-cta-grid{grid-template-columns:1fr;gap:22px}.mg-p-case{padding:58px 0}.mg-p-case-grid{grid-template-columns:1fr;gap:45px}.mg-p-case--top-aligned .mg-p-media{margin-top:0}.mg-p-case:nth-of-type(even) .mg-p-case-copy,.mg-p-case:nth-of-type(even) .mg-p-media{order:initial}.mg-p-case-number{margin-bottom:28px}.mg-p-browser,.mg-p-flow{box-shadow:10px 10px 0 var(--yellow)}.mg-p-flow{min-height:330px;padding:25px}.mg-p-cta .mg-p-button{justify-self:start}.mg-p-work:nth-child(5){grid-column:span 6}}\n@media(max-width:560px){.mg-p-wrap{width:min(100% - 28px,1180px)}.mg-portfolio h1{font-size:clamp(48px,16vw,72px)}.mg-portfolio h2{font-size:clamp(38px,12vw,58px)}.mg-p-lead{font-size:18px!important}.mg-p-flow{grid-template-columns:1fr;gap:9px}.mg-p-flow-step{min-height:105px}.mg-p-flow-step:not(:last-child):after{content:\"↓\";right:auto;left:50%;top:auto;bottom:-19px;transform:translateX(-50%)}.mg-p-flow-step:nth-child(2):after{display:block}.mg-p-flow-note{grid-column:auto}.mg-p-work,.mg-p-work:nth-child(4),.mg-p-work:nth-child(5){grid-column:1\/-1}.mg-p-project-intro{margin-bottom:45px}}\n<\/style>\n\n<main class=\"mg-portfolio\">\n  <section class=\"mg-p-hero\" aria-labelledby=\"portfolio-title\">\n    <div class=\"mg-p-wrap\">\n      <div class=\"mg-p-kicker\">Portfolio · Automatisierung, Software &amp; Web<\/div>\n      <h1 id=\"portfolio-title\">Aus Prozessen werden <span class=\"mg-p-highlight\">Produkte.<\/span><\/h1>\n      <p class=\"mg-p-lead\">Ausgewählte Projekte, bei denen Strategie, Gestaltung und technische Umsetzung ineinandergreifen – vom automatisierten Kunden-Onboarding bis zur vollständigen Web-App.<\/p>\n    <\/div>\n  <\/section>\n\n  <div class=\"mg-p-wrap mg-p-index\" aria-label=\"Portfolio im Überblick\">\n    <div><strong>03<\/strong>aktuelle Fallbeispiele<\/div>\n    <div><strong>05<\/strong>weitere Arbeiten<\/div>\n    <div><strong>End-to-End<\/strong>Konzept bis Umsetzung<\/div>\n  <\/div>\n\n  <section class=\"mg-p-section mg-p-projects\" aria-labelledby=\"case-title\">\n    <div class=\"mg-p-wrap\">\n      <header class=\"mg-p-project-intro\">\n        <div>\n          <div class=\"mg-p-kicker\">Ausgewählte Projekte<\/div>\n          <h2 id=\"case-title\">Lösungen mit einem klaren Job.<\/h2>\n        <\/div>\n        <p>Jedes Projekt beginnt bei einem echten Bedarf – und endet nicht beim Konzept, sondern bei einer nutzbaren Lösung.<\/p>\n      <\/header>\n\n      <article class=\"mg-p-case\">\n        <div class=\"mg-p-case-grid\">\n          <div class=\"mg-p-case-copy\">\n            <span class=\"mg-p-case-number\">01 \/ Kernprojekt<\/span>\n            <span class=\"mg-p-type\">KI-Automatisierung<\/span>\n            <h3>Automatisiertes Kurs-Onboarding<\/h3>\n            <p class=\"mg-p-summary\">Ein Zapier-Workflow verbindet Verkauf, Kundendaten, Kommunikation und Kurszugang – ohne manuelle Übertragung.<\/p>\n            <dl class=\"mg-p-details\">\n              <div class=\"mg-p-detail\"><dt>Ausgangslage<\/dt><dd>Kundendaten und Zugänge mussten nach jedem Kurskauf systemübergreifend verarbeitet werden.<\/dd><\/div>\n              <div class=\"mg-p-detail\"><dt>Mein Beitrag<\/dt><dd>Prozessanalyse, Workflow-Konzeption, Zapier-Einrichtung, Tests und Fehlerbehandlung.<\/dd><\/div>\n              <div class=\"mg-p-detail\"><dt>Ergebnis<\/dt><dd>Ein automatisiertes Kunden-Onboarding vom bestätigten Zahlungseingang bis zum freigeschalteten Kurs.<\/dd><\/div>\n            <\/dl>\n          <\/div>\n          <div class=\"mg-p-media\">\n            <div class=\"mg-p-flow\" role=\"img\" aria-label=\"Anonymisierte Prozessdarstellung von Stripe über CRM und Newsletter bis zum Kurszugang\">\n              <div class=\"mg-p-flow-step\"><span>01 · Zahlung<\/span><strong>Stripe<\/strong><\/div>\n              <div class=\"mg-p-flow-step\"><span>02 · Kundendaten<\/span><strong>CRM<\/strong><\/div>\n              <div class=\"mg-p-flow-step\"><span>03 · Segment<\/span><strong>Newsletter<\/strong><\/div>\n              <div class=\"mg-p-flow-step\"><span>04 · Freigabe<\/span><strong>Kurszugang<\/strong><\/div>\n              <p class=\"mg-p-flow-note\">Zapier verbindet alle vier Stationen<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mg-p-case mg-p-case--top-aligned\">\n        <div class=\"mg-p-case-grid\">\n          <div class=\"mg-p-case-copy\">\n            <span class=\"mg-p-case-number\">02 \/ Kernprojekt<\/span>\n            <span class=\"mg-p-type\">Individuelle Software<\/span>\n            <h3>Bonsai Tracker<\/h3>\n            <p class=\"mg-p-summary\">Eine Web-App, die Sammlung, Pflege und Entwicklung von Bonsai an einem Ort nachvollziehbar macht.<\/p>\n            <dl class=\"mg-p-details\">\n              <div class=\"mg-p-detail\"><dt>Produkt<\/dt><dd>Baumprofile, Pflegehistorie, Fotos, Erinnerungen, Pflegepläne und Community-Feed.<\/dd><\/div>\n              <div class=\"mg-p-detail\"><dt>Mein Beitrag<\/dt><dd>Konzeption, UX\/UI, technische Architektur und vollständige Entwicklung der Web-App.<\/dd><\/div>\n              <div class=\"mg-p-detail\"><dt>Ergebnis<\/dt><dd>Ein fokussiertes digitales Werkzeug, mit dem Bonsai-Fans die Entwicklung ihrer Bäume dauerhaft dokumentieren können.<\/dd><\/div>\n            <\/dl>\n            <a class=\"mg-p-link\" href=\"https:\/\/app.magic-bonsai-studio.de\/\" target=\"_blank\" rel=\"noopener noreferrer\">App ansehen<\/a>\n          <\/div>\n          <div class=\"mg-p-media\">\n            <div class=\"mg-p-browser\">\n              <div class=\"mg-p-browser-bar\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/div>\n              <img src=\"https:\/\/magrosskopf.de\/wp-content\/uploads\/2026\/09\/bonsai-tracker.webp\" width=\"1440\" height=\"1000\" loading=\"lazy\" alt=\"Öffentliche Start- und Anmeldeseite des Bonsai Trackers\">\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mg-p-case\">\n        <div class=\"mg-p-case-grid\">\n          <div class=\"mg-p-case-copy\">\n            <span class=\"mg-p-case-number\">03 \/ Kernprojekt<\/span>\n            <span class=\"mg-p-type\">E-Commerce<\/span>\n            <h3>Bonsai Studio Onlineshop<\/h3>\n            <p class=\"mg-p-summary\">Ein klar strukturierter Shopify-Shop für Bonsai-Zubehör – vom Sortiment bis zu Zahlung, Versand und laufender Weiterentwicklung.<\/p>\n            <dl class=\"mg-p-details\">\n              <div class=\"mg-p-detail\"><dt>Produkt<\/dt><dd>Produktkatalog, Checkout, Ratgeberinhalte, Newsletter und Community-Verweise.<\/dd><\/div>\n              <div class=\"mg-p-detail\"><dt>Mein Beitrag<\/dt><dd>Konzeption, Shop-Design, Shopify-Umsetzung, Produktstruktur sowie Zahlungs- und Versandkonfiguration.<\/dd><\/div>\n              <div class=\"mg-p-detail\"><dt>Ergebnis<\/dt><dd>Eine konsistente E-Commerce-Basis, die Sortiment, Inhalte und das Bonsai-Studio-Ökosystem verbindet.<\/dd><\/div>\n            <\/dl>\n            <a class=\"mg-p-link\" href=\"https:\/\/magic-bonsai-studio.de\/\" target=\"_blank\" rel=\"noopener noreferrer\">Shop ansehen<\/a>\n          <\/div>\n          <div class=\"mg-p-media\">\n            <div class=\"mg-p-browser\">\n              <div class=\"mg-p-browser-bar\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/div>\n              <img src=\"https:\/\/magrosskopf.de\/wp-content\/uploads\/2026\/09\/bonsai-shop.webp\" width=\"1440\" height=\"1000\" loading=\"lazy\" alt=\"Öffentliche Startseite des Bonsai Studio Onlineshops\">\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <section class=\"mg-p-section\" aria-labelledby=\"archive-title\">\n    <div class=\"mg-p-wrap\">\n      <header class=\"mg-p-archive-head\">\n        <div>\n          <div class=\"mg-p-kicker\">Weitere Arbeiten<\/div>\n          <h2 id=\"archive-title\">Webprojekte aus dem Archiv.<\/h2>\n        <\/div>\n        <p>Fünf frühere Projekte, kompakt versammelt – mit unterschiedlichen Branchen, Inhalten und Anforderungen.<\/p>\n      <\/header>\n      <div class=\"mg-p-work-grid\">\n        <article class=\"mg-p-work\">\n          <div class=\"mg-p-work-image\"><img src=\"https:\/\/magrosskopf.de\/wp-content\/uploads\/2020\/12\/Muench-4-Club-Mockup.jpg\" width=\"1600\" height=\"1000\" loading=\"lazy\" alt=\"Website-Mockup des Muench 4 Club e.V.\"><\/div>\n          <div class=\"mg-p-work-copy\"><h3>Muench 4 Club e.V.<\/h3><p>Vereinswebsite mit Informationen, Historie und Anlaufstellen für Mitglieder.<\/p><a class=\"mg-p-work-link\" href=\"https:\/\/muench-4-club.de\/\" target=\"_blank\" rel=\"noopener noreferrer\">Website ansehen<\/a><\/div>\n        <\/article>\n        <article class=\"mg-p-work\">\n          <div class=\"mg-p-work-image\"><img src=\"https:\/\/magrosskopf.de\/wp-content\/uploads\/2020\/12\/9df5fc29eb19ec840c446877a656bf87.jpg\" width=\"1600\" height=\"1000\" loading=\"lazy\" alt=\"Website-Mockup von Hansch im Glück Fotografie\"><\/div>\n          <div class=\"mg-p-work-copy\"><h3>Hansch im Glück<\/h3><p>Portfolioauftritt für Fotografie mit einem bildstarken, reduzierten Aufbau.<\/p><span class=\"mg-p-work-note\">Archivprojekt · Website derzeit nicht erreichbar<\/span><\/div>\n        <\/article>\n        <article class=\"mg-p-work\">\n          <div class=\"mg-p-work-image\"><img src=\"https:\/\/magrosskopf.de\/wp-content\/uploads\/2020\/12\/racetireart_mockup-scaled.jpg\" width=\"1600\" height=\"1000\" loading=\"lazy\" alt=\"Website-Mockup von Race Tire Art\"><\/div>\n          <div class=\"mg-p-work-copy\"><h3>Race Tire Art<\/h3><p>Marken- und Produktwebsite für Kunstobjekte aus dem Motorsport.<\/p><a class=\"mg-p-work-link\" href=\"https:\/\/racetireart.de\/\" target=\"_blank\" rel=\"noopener noreferrer\">Website ansehen<\/a><\/div>\n        <\/article>\n        <article class=\"mg-p-work\">\n          <div class=\"mg-p-work-image\"><img src=\"https:\/\/magrosskopf.de\/wp-content\/uploads\/2020\/12\/Salongrosskopf_mockup.png\" width=\"1600\" height=\"1000\" loading=\"lazy\" alt=\"Website-Mockup des Salon Großkopf\"><\/div>\n          <div class=\"mg-p-work-copy\"><h3>Salon Großkopf<\/h3><p>Lokaler Salonauftritt mit Leistungen, Teamvorstellung und Kontaktmöglichkeiten.<\/p><a class=\"mg-p-work-link\" href=\"https:\/\/salon-grosskopf.de\/\" target=\"_blank\" rel=\"noopener noreferrer\">Website ansehen<\/a><\/div>\n        <\/article>\n        <article class=\"mg-p-work\">\n          <div class=\"mg-p-work-image\"><img src=\"https:\/\/magrosskopf.de\/wp-content\/uploads\/2020\/12\/pow_mockup-scaled.jpg\" width=\"1600\" height=\"1000\" loading=\"lazy\" alt=\"Website-Mockup von Partnerschaft in einer Welt e.V.\"><\/div>\n          <div class=\"mg-p-work-copy\"><h3>Partnerschaft in einer Welt e.V.<\/h3><p>Informationsplattform für Projekte, Engagement und internationale Partnerschaften.<\/p><a class=\"mg-p-work-link\" href=\"https:\/\/pow-mosbach.de\/\" target=\"_blank\" rel=\"noopener noreferrer\">Website ansehen<\/a><\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mg-p-section mg-p-cta\" aria-labelledby=\"portfolio-cta-title\">\n    <div class=\"mg-p-wrap mg-p-cta-grid\">\n      <div>\n        <div class=\"mg-p-kicker\">Nächstes Projekt<\/div>\n        <h2 id=\"portfolio-cta-title\">Ein ähnliches Projekt im Kopf? Lass uns besprechen, was wir daraus machen können.<\/h2>\n      <\/div>\n      <a class=\"mg-p-button\" href=\"mailto:magrosskopf@web.de?subject=Projekt%20besprechen&amp;body=Hallo%20Marius%2C%0A%0Aich%20m%C3%B6chte%20mit%20dir%20%C3%BCber%20ein%20Projekt%20sprechen.%0A%0A\">Projekt besprechen<\/a>\n    <\/div>\n  <\/section>\n<\/main>\n",
        "post_type": "page"
    },
    {
        "ID": "202",
        "post_content": "<style> body.page-id-202 #main-content .container{width:100%!important;max-width:none!important;padding:0!important} body.page-id-202 #main-content .container:before,body.page-id-202 #sidebar,body.page-id-202 .main_title{display:none!important} body.page-id-202 #left-area{width:100%!important;padding:0!important} body.page-id-202 article.page{margin:0!important} .mg-relaunch{--ink:#171717;--paper:#f7f6f1;--yellow:#f5e615;--line:#d9d8d1;--muted:#66655f;width:100%;max-width:none;background:var(--paper);color:var(--ink);font-family:Muli,Arial,sans-serif;overflow:hidden} .mg-relaunch *{box-sizing:border-box}.mg-relaunch a{color:inherit}.mg-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.mg-section{padding:110px 0}.mg-kicker{display:flex;gap:10px;align-items:center;margin-bottom:24px;font-size:13px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.mg-kicker:before{content:\"\";width:34px;height:4px;background:var(--yellow)} .mg-relaunch h1,.mg-relaunch h2,.mg-relaunch h3,.mg-relaunch p{margin:0;padding:0}.mg-relaunch h1{max-width:1000px;font-size:clamp(58px,9vw,132px);line-height:.91;letter-spacing:-.075em}.mg-relaunch h2{max-width:820px;font-size:clamp(42px,6vw,82px);line-height:.98;letter-spacing:-.06em}.mg-relaunch h3{font-size:25px;line-height:1.08;letter-spacing:-.035em}.mg-relaunch p{font-size:18px;line-height:1.65}.mg-lead{max-width:670px;color:var(--muted);font-size:21px!important} .mg-hero{position:relative;padding:95px 0 80px}.mg-hero:after{content:\"AI\";position:absolute;z-index:0;right:-.08em;top:-.22em;color:var(--yellow);font-size:min(48vw,700px);font-weight:900;line-height:1;letter-spacing:-.12em;opacity:.92}.mg-hero .mg-wrap{position:relative;z-index:1}.mg-highlight{position:relative;white-space:nowrap}.mg-highlight:after{content:\"\";position:absolute;z-index:-1;left:-.02em;right:-.05em;bottom:.08em;height:.22em;background:var(--yellow)} .mg-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.mg-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 25px;border:2px solid var(--ink);background:var(--ink);color:#fff!important;font-weight:800;text-decoration:none;transition:.2s}.mg-button:hover{transform:translate(-4px,-4px);box-shadow:5px 5px 0 var(--yellow)}.mg-button-light{background:transparent;color:var(--ink)!important} .mg-proof{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mg-proof div{padding:24px;border-right:1px solid var(--line);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mg-proof div:last-child{border:0}.mg-proof strong{display:block;margin-bottom:5px;font-size:30px;letter-spacing:-.05em;text-transform:none} .mg-dark{background:var(--ink);color:#fff}.mg-dark h2,.mg-dark h3{color:#fff!important}.mg-dark .mg-kicker,.mg-dark .mg-lead{color:#c7c7c2}.mg-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.mg-intro{grid-column:1\/8}.mg-intro-copy{grid-column:9\/13;align-self:end} .mg-services{margin-top:70px}.mg-card{position:relative;grid-column:span 4;min-height:410px;padding:34px;border:1px solid #444;background:#202020;transition:.25s}.mg-card:first-child{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.mg-card:hover{transform:translateY(-8px)}.mg-number{display:block;margin-bottom:85px;font-size:13px;font-weight:800;letter-spacing:.14em}.mg-card p{margin-top:18px;color:#aaa}.mg-card:first-child p{color:#3b3a22}.mg-tag{display:inline-block;margin-top:25px;padding:7px 10px;border:1px solid currentColor;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .mg-process{display:block!important;width:100%!important;max-width:none!important;margin-top:65px;border-top:1px solid var(--line)}.mg-step{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:clamp(24px,4vw,70px)!important;width:100%!important;max-width:none!important;padding:34px 0;border-bottom:1px solid var(--line)}.mg-step span{display:block!important;flex:0 0 55px!important;width:55px!important;max-width:55px!important;font-weight:900;color:#9a9900}.mg-step h3{display:block!important;flex:0 0 260px!important;width:260px!important;max-width:260px!important}.mg-step p{display:block!important;flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;color:var(--muted)} .mg-quote{position:relative;background:var(--yellow)}.mg-quote blockquote{display:block!important;width:100%!important;max-width:850px!important;margin:0!important;padding:0!important;border:0!important;color:var(--ink)!important;font-family:Muli,Arial,sans-serif!important;font-size:clamp(30px,4vw,54px)!important;font-weight:800!important;line-height:1.28!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important}.mg-quote small{display:block;margin-top:25px;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .mg-cta{display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:end}.mg-cta .mg-actions{justify-content:flex-end} @media(max-width:1000px){.mg-step{flex-wrap:wrap!important}.mg-step h3{flex:1 1 calc(100% - 90px)!important;width:auto!important;max-width:none!important}.mg-step p{flex:0 0 calc(100% - 90px)!important;width:calc(100% - 90px)!important;margin-left:calc(55px + clamp(24px,4vw,70px))!important}} @media(max-width:800px){.mg-section{padding:75px 0}.mg-hero{padding-top:70px}.mg-hero:after{top:.04em;right:-.25em}.mg-proof{grid-template-columns:1fr}.mg-proof div{border-right:0;border-bottom:1px solid var(--line)}.mg-proof div:last-child{border-bottom:0}.mg-intro,.mg-intro-copy,.mg-card{grid-column:1\/-1}.mg-intro-copy{margin-top:10px}.mg-card{min-height:330px}.mg-number{margin-bottom:55px}.mg-step{display:block!important}.mg-step span,.mg-step h3,.mg-step p{width:100%!important;max-width:none!important;margin:0!important}.mg-step h3{margin-top:8px!important}.mg-step p{margin-top:14px!important}.mg-cta{grid-template-columns:1fr}.mg-cta .mg-actions{justify-content:flex-start}}  .mg-blog-hero{padding:95px 0 80px}.mg-blog-hero h1{font-size:clamp(52px,8vw,116px);line-height:1;letter-spacing:-.065em;font-weight:800}.mg-blog-topics{display:flex;flex-wrap:wrap;gap:16px 30px;margin-top:38px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mg-blog-list{border-top:1px solid var(--line)}.mg-blog-list h2{font-size:clamp(36px,5vw,64px)}.mg-blog-list .et_pb_module{margin-bottom:0!important}.mg-blog-list .et_pb_posts{margin-top:45px}.mg-blog-list .et_pb_ajax_pagination_container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.mg-blog-list .et_pb_post{display:flex;flex-direction:column;margin:0!important;padding:36px;border:1px solid var(--line);background:var(--paper);min-width:0}.mg-blog-list .et_pb_post:first-child{grid-column:1\/-1;padding:48px;background:var(--yellow);border-color:var(--yellow)}.mg-blog-list .entry-title{font-size:clamp(24px,2.5vw,34px)!important;line-height:1.2!important;letter-spacing:-.035em!important;font-weight:800!important;padding:0!important}.mg-blog-list .et_pb_post:first-child .entry-title{max-width:960px;font-size:clamp(30px,4vw,50px)!important}.mg-blog-list .entry-title a{color:var(--ink)!important;text-decoration:none}.mg-blog-list .entry-title a:hover{text-decoration:underline;text-underline-offset:5px}.mg-blog-list .post-meta{margin:18px 0!important;padding:0!important;color:#57564f!important;font-size:13px!important;line-height:1.5!important}.mg-blog-list .post-content{flex:1;display:flex;flex-direction:column}.mg-blog-list .post-content p{font-size:17px!important;line-height:1.7!important;color:#55544e!important}.mg-blog-list .et_pb_post:first-child .post-content p{max-width:760px;color:#3b3a22!important}.mg-blog-list .more-link{align-self:flex-start;display:inline-flex!important;margin-top:28px;padding:12px 20px;background:var(--ink);color:#fff!important;font-size:14px;font-weight:800;text-decoration:none!important;text-transform:none!important;border:2px solid var(--ink)}.mg-blog-list .more-link:hover{background:transparent;color:var(--ink)!important}.mg-blog-list .entry-featured-image-url{margin-bottom:26px!important}.mg-blog-list .entry-featured-image-url img{width:100%;height:auto}.mg-blog-list .pagination{grid-column:1\/-1;margin-top:20px;padding-top:20px;border-top:1px solid var(--line);font-weight:800}.mg-relaunch a:focus-visible{outline:3px solid #767000;outline-offset:5px}.mg-dark a:focus-visible{outline-color:var(--yellow)} @media(max-width:800px){.mg-blog-hero{padding:65px 0 55px}.mg-blog-list .et_pb_ajax_pagination_container{grid-template-columns:1fr}.mg-blog-list .et_pb_post,.mg-blog-list .et_pb_post:first-child{padding:26px}}  body.page-id-202 #main-content .mg-blog-hero{padding:95px 0 80px!important}body.page-id-202 #main-content .mg-section{padding:110px 0!important}body.page-id-202 #main-content .mg-blog-list h2{font-weight:800!important}body.page-id-202 #main-content .mg-blog-list .et_pb_post .more-link{color:#fff!important}body.page-id-202 #main-content .mg-blog-list .et_pb_post .more-link:hover{color:var(--ink)!important}.mg-blog-hero .mg-highlight{background:linear-gradient(transparent 76%,var(--yellow) 76%,var(--yellow) 94%,transparent 94%)}.mg-blog-hero .mg-highlight:after{display:none} @media(max-width:800px){body.page-id-202 #main-content .mg-blog-hero{padding:65px 0 55px!important}body.page-id-202 #main-content .mg-section{padding:70px 0!important}.mg-blog-hero h1{font-size:clamp(38px,9.8vw,64px)!important}} <\/style>\n<div class=\"mg-relaunch\" role=\"main\">\n<section class=\"mg-blog-hero\"><div class=\"mg-wrap\"><div class=\"mg-kicker\">MaGrosskopf · Blog<\/div><h1>Gedanken, die<br><span class=\"mg-highlight\">weiterhelfen.<\/span><\/h1><p class=\"mg-lead\" style=\"margin-top:34px\">Wie lässt sich Routine reduzieren? Wann lohnt sich eigene Software? Hier teile ich praktische Gedanken zu Automatisierung, Software und Websites.<\/p><div class=\"mg-blog-topics\"><span>Automatisierung<\/span><span>Software &amp; Engineering<\/span><span>Websites<\/span><\/div><\/div><\/section>\n<section class=\"mg-section mg-blog-list\" aria-labelledby=\"mg-blog-articles\"><div class=\"mg-wrap\"><div class=\"mg-kicker\">Wissen &amp; Praxis<\/div><h2 id=\"mg-blog-articles\">Die neuesten Beiträge.<\/h2>\n[et_pb_blog fullwidth=\"on\" posts_number=\"15\" include_categories=\"1\" show_more=\"on\" show_author=\"off\" show_categories=\"off\" show_pagination=\"on\" header_level=\"h3\" show_content=\"off\" show_thumbnail=\"on\" _builder_version=\"4.14.1\"][\/et_pb_blog]\n<\/div><\/section>\n<section class=\"mg-section mg-dark\"><div class=\"mg-wrap\"><div class=\"mg-kicker\">Lass uns sprechen<\/div><h2>Vom Gedanken zum nächsten Schritt.<\/h2><p class=\"mg-lead\" style=\"margin-top:24px\">Du hast eine Frage zu einem Beitrag oder möchtest einen konkreten Prozess verbessern? Schreib mir, was dich beschäftigt.<\/p><div class=\"mg-actions\"><a class=\"mg-button\" style=\"background:var(--yellow);border-color:var(--yellow);color:var(--ink)!important\" href=\"mailto:magrosskopf@web.de?subject=Frage%20zum%20Blog\">Gespräch starten<\/a><\/div><\/div><\/section>\n<\/div>\n",
        "post_type": "page"
    },
    {
        "ID": "280",
        "post_content": "<style>\nbody.page-id-280 #main-content .container{width:100%!important;max-width:none!important;padding:0!important}\nbody.page-id-280 #main-content .container:before,body.page-id-280 #sidebar,body.page-id-280 .main_title{display:none!important}\nbody.page-id-280 #left-area{width:100%!important;padding:0!important}\nbody.page-id-280 article.page{margin:0!important}\n.mg-relaunch{--ink:#171717;--paper:#f7f6f1;--yellow:#f5e615;--line:#d9d8d1;--muted:#66655f;width:100%;max-width:none;background:var(--paper);color:var(--ink);font-family:Muli,Arial,sans-serif;overflow:hidden}\n.mg-relaunch *{box-sizing:border-box}.mg-relaunch a{color:inherit}.mg-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.mg-section{padding:110px 0}.mg-kicker{display:flex;gap:10px;align-items:center;margin-bottom:24px;font-size:13px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.mg-kicker:before{content:\"\";width:34px;height:4px;background:var(--yellow)}\n.mg-relaunch h1,.mg-relaunch h2,.mg-relaunch h3,.mg-relaunch p{margin:0;padding:0}.mg-relaunch h1{max-width:1000px;font-size:clamp(58px,9vw,132px);line-height:.91;letter-spacing:-.075em}.mg-relaunch h2{max-width:820px;font-size:clamp(42px,6vw,82px);line-height:.98;letter-spacing:-.06em}.mg-relaunch h3{font-size:25px;line-height:1.08;letter-spacing:-.035em}.mg-relaunch p{font-size:18px;line-height:1.65}.mg-lead{max-width:670px;color:var(--muted);font-size:21px!important}\n.mg-hero{position:relative;padding:95px 0 80px}.mg-hero:after{content:\"AI\";position:absolute;z-index:0;right:-.08em;top:-.22em;color:var(--yellow);font-size:min(48vw,700px);font-weight:900;line-height:1;letter-spacing:-.12em;opacity:.92}.mg-hero .mg-wrap{position:relative;z-index:1}.mg-highlight{position:relative;white-space:nowrap}.mg-highlight:after{content:\"\";position:absolute;z-index:-1;left:-.02em;right:-.05em;bottom:.08em;height:.22em;background:var(--yellow)}\n.mg-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.mg-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 25px;border:2px solid var(--ink);background:var(--ink);color:#fff!important;font-weight:800;text-decoration:none;transition:.2s}.mg-button:hover{transform:translate(-4px,-4px);box-shadow:5px 5px 0 var(--yellow)}.mg-button-light{background:transparent;color:var(--ink)!important}\n.mg-proof{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mg-proof div{padding:24px;border-right:1px solid var(--line);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mg-proof div:last-child{border:0}.mg-proof strong{display:block;margin-bottom:5px;font-size:30px;letter-spacing:-.05em;text-transform:none}\n.mg-dark{background:var(--ink);color:#fff}.mg-dark h2,.mg-dark h3{color:#fff!important}.mg-dark .mg-kicker,.mg-dark .mg-lead{color:#c7c7c2}.mg-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.mg-intro{grid-column:1\/8}.mg-intro-copy{grid-column:9\/13;align-self:end}\n.mg-services{margin-top:70px}.mg-card{position:relative;grid-column:span 4;min-height:410px;padding:34px;border:1px solid #444;background:#202020;transition:.25s}.mg-card:first-child{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.mg-card:hover{transform:translateY(-8px)}.mg-number{display:block;margin-bottom:85px;font-size:13px;font-weight:800;letter-spacing:.14em}.mg-card p{margin-top:18px;color:#aaa}.mg-card:first-child p{color:#3b3a22}.mg-tag{display:inline-block;margin-top:25px;padding:7px 10px;border:1px solid currentColor;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}\n.mg-process{display:block!important;width:100%!important;max-width:none!important;margin-top:65px;border-top:1px solid var(--line)}.mg-step{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:clamp(24px,4vw,70px)!important;width:100%!important;max-width:none!important;padding:34px 0;border-bottom:1px solid var(--line)}.mg-step span{display:block!important;flex:0 0 55px!important;width:55px!important;max-width:55px!important;font-weight:900;color:#9a9900}.mg-step h3{display:block!important;flex:0 0 260px!important;width:260px!important;max-width:260px!important}.mg-step p{display:block!important;flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;color:var(--muted)}\n.mg-quote{position:relative;background:var(--yellow)}.mg-quote blockquote{display:block!important;width:100%!important;max-width:850px!important;margin:0!important;padding:0!important;border:0!important;color:var(--ink)!important;font-family:Muli,Arial,sans-serif!important;font-size:clamp(30px,4vw,54px)!important;font-weight:800!important;line-height:1.28!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important}.mg-quote small{display:block;margin-top:25px;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}\n.mg-cta{display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:end}.mg-cta .mg-actions{justify-content:flex-end}\n@media(max-width:1000px){.mg-step{flex-wrap:wrap!important}.mg-step h3{flex:1 1 calc(100% - 90px)!important;width:auto!important;max-width:none!important}.mg-step p{flex:0 0 calc(100% - 90px)!important;width:calc(100% - 90px)!important;margin-left:calc(55px + clamp(24px,4vw,70px))!important}}\n@media(max-width:800px){.mg-section{padding:75px 0}.mg-hero{padding-top:70px}.mg-hero:after{top:.04em;right:-.25em}.mg-proof{grid-template-columns:1fr}.mg-proof div{border-right:0;border-bottom:1px solid var(--line)}.mg-proof div:last-child{border-bottom:0}.mg-intro,.mg-intro-copy,.mg-card{grid-column:1\/-1}.mg-intro-copy{margin-top:10px}.mg-card{min-height:330px}.mg-number{margin-bottom:55px}.mg-step{display:block!important}.mg-step span,.mg-step h3,.mg-step p{width:100%!important;max-width:none!important;margin:0!important}.mg-step h3{margin-top:8px!important}.mg-step p{margin-top:14px!important}.mg-cta{grid-template-columns:1fr}.mg-cta .mg-actions{justify-content:flex-start}}\n<\/style>\n<div class=\"mg-relaunch\" role=\"main\">\n  <section class=\"mg-hero\">\n    <div class=\"mg-wrap\">\n      <div class=\"mg-kicker\">MaGrosskopf · Automatisierung &amp; Engineering<\/div>\n      <h1>Weniger Routine.<br><span class=\"mg-highlight\">Mehr Wirkung.<\/span><\/h1>\n      <p class=\"mg-lead\" style=\"margin-top:34px\">Ich entwickle KI-Automatisierungen, die Prozesse beschleunigen, Wissen nutzbar machen und deinem Team Freiraum für die Arbeit geben, die wirklich zählt.<\/p>\n      <div class=\"mg-actions\">\n        <a class=\"mg-button\" href=\"mailto:magrosskopf@web.de?subject=Erstgespräch%20KI-Automatisierung\">Potenzial besprechen<\/a>\n        <a class=\"mg-button mg-button-light\" href=\"#leistungen\">Leistungen ansehen<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <div class=\"mg-wrap mg-proof\">\n    <div><strong>Weniger<\/strong>manuelle Routine<\/div>\n    <div><strong>Schneller<\/strong>vom Wissen zur Antwort<\/div>\n    <div><strong>Klarer<\/strong>arbeiten mit KI<\/div>\n  <\/div>\n\n  <section class=\"mg-section mg-dark\" id=\"leistungen\">\n    <div class=\"mg-wrap\">\n      <div class=\"mg-grid\">\n        <div class=\"mg-intro\">\n          <div class=\"mg-kicker\">Mein Angebot<\/div>\n          <h2>KI, Software und Websites, die konkret weiterhelfen.<\/h2>\n        <\/div>\n        <p class=\"mg-lead mg-intro-copy\">Ich entwickle individuelle Lösungen für deinen konkreten Bedarf und schule Entwicklungsteams im produktiven Einsatz von KI.<\/p>\n      <\/div>\n      <div class=\"mg-grid mg-services\">\n        <article class=\"mg-card\">\n          <span class=\"mg-number\">01 \/ Kernleistung<\/span>\n          <h3>KI-Automatisierung<\/h3>\n          <p>Ich analysiere deine Abläufe und entwickle individuelle Workflows, Integrationen und KI-Lösungen, die wiederkehrende Arbeit zuverlässig reduzieren.<\/p>\n          <span class=\"mg-tag\">Analyse · Entwicklung · Integration<\/span>\n        <\/article>\n        <article class=\"mg-card\">\n          <span class=\"mg-number\">02 \/ Workshop<\/span>\n          <h3>AI-Assisted Software Engineering<\/h3>\n          <p>In einem praxisnahen Workshop lernt dein Entwicklungsteam, KI produktiv einzusetzen und dabei Qualität, Kontrolle und gemeinsames Verständnis zu erhalten.<\/p>\n          <span class=\"mg-tag\">Schulung · Praxis · Leitlinien<\/span>\n        <\/article>\n        <article class=\"mg-card\">\n          <span class=\"mg-number\">03 \/ Entwicklung<\/span>\n          <h3>Websites &amp; individuelle Software<\/h3>\n          <p>Ich entwickle moderne Websites und fokussierte Softwarelösungen, die deine digitale Präsenz stärken oder einen konkreten Prozess verbessern.<\/p>\n          <span class=\"mg-tag\">Konzept · UX · Entwicklung<\/span>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mg-section\">\n    <div class=\"mg-wrap\">\n      <div class=\"mg-kicker\">Zusammenarbeit<\/div>\n      <h2>Aus einem echten Problem wird eine funktionierende Lösung.<\/h2>\n      <div class=\"mg-process\">\n        <div class=\"mg-step\"><span>01<\/span><h3>Engpass zeigen<\/h3><p>Du bringst einen konkreten Ablauf mit, der zu langsam, fehleranfällig oder unnötig manuell ist.<\/p><\/div>\n        <div class=\"mg-step\"><span>02<\/span><h3>Nutzen prüfen<\/h3><p>Wir klären gemeinsam, ob KI und Automatisierung hier wirklich helfen und welcher erste Schritt sinnvoll ist.<\/p><\/div>\n        <div class=\"mg-step\"><span>03<\/span><h3>Lösung erproben<\/h3><p>Ein fokussierter Prototyp zeigt schnell, was funktioniert und wie daraus eine belastbare Lösung werden kann.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mg-section mg-quote\">\n    <div class=\"mg-wrap\">\n      <blockquote>„Gute Automatisierung fällt kaum auf. Sie spart deinem Team jeden Tag Zeit.“<\/blockquote>\n      <small>Marius Großkopf · Webentwickler &amp; Automation Engineer<\/small>\n    <\/div>\n  <\/section>\n\n  <section class=\"mg-section mg-dark\">\n    <div class=\"mg-wrap mg-cta\">\n      <div>\n        <div class=\"mg-kicker\">Erster Schritt<\/div>\n        <h2>Welcher Prozess kostet dich gerade zu viel Zeit?<\/h2>\n      <\/div>\n      <div class=\"mg-actions\"><a class=\"mg-button\" style=\"background:var(--yellow);border-color:var(--yellow);color:var(--ink)!important\" href=\"mailto:magrosskopf@web.de?subject=Erstgespräch%20Automatisierung\">Unverbindlich besprechen<\/a><\/div>\n    <\/div>\n  <\/section>\n<\/div>",
        "post_type": "page"
    },
    {
        "ID": "281",
        "post_content": "<style>\nbody.page-id-281 #main-content .container{width:100%!important;max-width:none!important;padding:0!important}\nbody.page-id-281 #main-content .container:before,body.page-id-281 #sidebar,body.page-id-281 .main_title{display:none!important}\nbody.page-id-281 #left-area{width:100%!important;padding:0!important}\nbody.page-id-281 article.page{margin:0!important}\n.mg-offer{--ink:#171717;--paper:#f7f6f1;--yellow:#f5e615;--muted:#66655f;--line:#d9d8d1;width:100%;max-width:none;background:var(--paper);color:var(--ink);font-family:Muli,Arial,sans-serif;overflow:hidden}.mg-offer *{box-sizing:border-box}.mg-offer a{color:inherit}.mo-wrap{width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;margin-right:auto!important;margin-left:auto!important}.mo-section{width:100%!important;max-width:none!important;padding:105px 0}.mo-kicker{margin-bottom:20px;font-size:13px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.mg-offer h1,.mg-offer h2,.mg-offer h3,.mg-offer p{width:auto!important;margin:0;padding:0}.mg-offer h1{max-width:1050px!important;font-size:clamp(55px,8vw,115px);line-height:1;letter-spacing:-.045em}.mg-offer h2{max-width:none!important;font-size:clamp(38px,5vw,68px);line-height:1.08;letter-spacing:-.03em}.mg-offer h3{max-width:none!important;font-size:27px;line-height:1.18;letter-spacing:-.015em}.mg-offer p{max-width:none!important;font-size:18px;line-height:1.65}.mo-lead{max-width:760px!important;margin-top:32px!important;color:var(--muted);font-size:22px!important}.mo-mark{background:linear-gradient(transparent 66%,var(--yellow) 66%)}.mo-button{display:inline-flex;margin-top:32px;padding:16px 24px;background:var(--ink);color:#fff!important;font-weight:800;text-decoration:none;border:2px solid var(--ink)}.mo-button:hover{background:var(--yellow);color:var(--ink)!important}.mo-dark{background:var(--ink);color:#fff}.mo-dark h2,.mo-dark h3{color:#fff!important}.mo-dark .mo-copy,.mo-dark .mo-card p{color:#c7c7c2}.mo-dark .mo-card-featured h3{color:var(--ink)!important}.mo-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:20px;width:100%!important;max-width:none!important}.mo-title{grid-column:1\/8}.mo-copy{grid-column:9\/13;align-self:end;color:#aaa}.mo-offers{margin-top:65px}.mo-card{grid-column:span 4;display:flex!important;flex-direction:column!important;min-width:0!important;min-height:570px;padding:32px;border:1px solid #444;background:#202020}.mo-card-featured{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.mo-card .mo-label{margin-bottom:70px;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.mo-card p{margin-top:18px;color:#aaa}.mo-card-featured p{color:#414027!important}.mo-card ul{margin:28px 0 0;padding:26px 0 0;border-top:1px solid #444;list-style:none}.mo-card-featured ul{border-color:#c6ba13}.mo-card li{padding:8px 0;font-size:15px}.mo-card li:before{content:\"→\";margin-right:10px;color:var(--yellow);font-weight:900}.mo-card-featured li:before{color:var(--ink)}.mo-card .mo-button{margin-top:auto;align-self:flex-start}.mo-card-featured .mo-button{background:var(--ink);color:#fff!important}.mo-split{display:flex!important;align-items:flex-start!important;gap:80px;width:100%!important}.mo-split>div{flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important}.mo-facts{border-top:1px solid var(--line)}.mo-fact{display:flex!important;gap:20px;width:100%!important;padding:25px 0;border-bottom:1px solid var(--line)}.mo-fact strong{flex:0 0 55px!important;width:55px!important;font-size:13px}.mo-fact p{flex:1 1 0!important;width:auto!important;min-width:0!important;color:var(--muted)}.mo-final{background:var(--yellow)}.mo-final h2{color:var(--ink)!important}.mo-final .mo-wrap{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:50px}.mo-final h2{flex:1 1 auto!important}.mo-final .mo-button{flex:0 0 auto!important}\n@media(max-width:1000px){.mo-card{grid-column:span 6}.mo-card:last-child{grid-column:1\/-1}.mo-split{gap:45px}}\n@media(max-width:800px){.mo-section{padding:72px 0}.mo-title,.mo-copy,.mo-card,.mo-card:last-child{grid-column:1\/-1}.mo-copy{margin-top:10px}.mo-card{min-height:500px}.mo-split,.mo-final .mo-wrap{display:block!important}.mo-split>div+div{margin-top:40px}.mo-final .mo-button{margin-top:28px}}\n<\/style>\n<div class=\"mg-offer\" role=\"main\">\n  <section class=\"mo-section\">\n    <div class=\"mo-wrap\">\n      <div class=\"mo-kicker\">Leistungen<\/div>\n      <h1>Individuelle Lösungen.<br><span class=\"mo-mark\">Ein klares Ziel.<\/span><\/h1>\n      <p class=\"mo-lead\">Ich entwickle keine Lösungen von der Stange. Ausgangspunkt sind dein konkreter Prozess, deine bestehenden Systeme und das Ergebnis, das du erreichen möchtest.<\/p>\n      <a class=\"mo-button\" href=\"mailto:magrosskopf@web.de?subject=Anfrage%20Leistungen\">Vorhaben besprechen<\/a>\n    <\/div>\n  <\/section>\n\n  <section class=\"mo-section mo-dark\">\n    <div class=\"mo-wrap\">\n      <div class=\"mo-grid\">\n        <div class=\"mo-title\"><div class=\"mo-kicker\">Leistungsfelder<\/div><h2>Was ich für dich entwickeln und verbessern kann.<\/h2><\/div>\n        <p class=\"mo-copy\">Umfang und Vorgehen richten sich nach deinem Ziel. Gemeinsam grenzen wir die sinnvollste Lösung ein und entwickeln sie schrittweise.<\/p>\n      <\/div>\n      <div class=\"mo-grid mo-offers\">\n        <article class=\"mo-card mo-card-featured\">\n          <span class=\"mo-label\">Kernleistung · Individuelles Projekt<\/span>\n          <h3>KI-Automatisierung<\/h3>\n          <p>Ich entwickle passgenaue Automatisierungen für wiederkehrende Abläufe, Informationsverarbeitung und die Verbindung bestehender Systeme.<\/p>\n          <ul><li>Analyse geeigneter Prozesse<\/li><li>Individuelle Workflows und KI-Agenten<\/li><li>Anbindung vorhandener Tools und Daten<\/li><li>Tests, Dokumentation und Übergabe<\/li><\/ul>\n          <a class=\"mo-button\" href=\"mailto:magrosskopf@web.de?subject=Anfrage%20KI-Automatisierung\">Projekt besprechen<\/a>\n        <\/article>\n        <article class=\"mo-card\">\n          <span class=\"mo-label\">Klares Format · Für Entwicklungsteams<\/span>\n          <h3>AI-Assisted Engineering Workshop<\/h3>\n          <p>Ein praxisnaher Workshop, in dem dein Team KI entlang eines realistischen Entwicklungsprozesses produktiv und kontrolliert einsetzt.<\/p>\n          <ul><li>Gemeinsames Tool- und Methodenverständnis<\/li><li>Arbeit an realistischen Engineering-Aufgaben<\/li><li>Qualitätssicherung, Tests und Reviews<\/li><li>Leitlinien für den Arbeitsalltag<\/li><\/ul>\n          <a class=\"mo-button\" href=\"mailto:magrosskopf@web.de?subject=Anfrage%20Engineering%20Workshop\">Workshop anfragen<\/a>\n        <\/article>\n        <article class=\"mo-card\">\n          <span class=\"mo-label\">Individuelles Projekt<\/span>\n          <h3>Websites &amp; Software<\/h3>\n          <p>Ich konzipiere und entwickle digitale Lösungen, die dein Angebot überzeugend präsentieren oder einen konkreten Arbeitsablauf verbessern.<\/p>\n          <ul><li>Strategie, Konzeption und UX\/UI<\/li><li>Moderne Websites und digitale Produkte<\/li><li>Individuelle Softwareentwicklung<\/li><li>Wartung und Weiterentwicklung<\/li><\/ul>\n          <a class=\"mo-button\" href=\"mailto:magrosskopf@web.de?subject=Anfrage%20Website%20oder%20Software\">Vorhaben anfragen<\/a>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mo-section\">\n    <div class=\"mo-wrap mo-split\">\n      <div><div class=\"mo-kicker\">Individuelle Zusammenarbeit<\/div><h2>Vom ersten Gespräch bis zur Lösung, die im Alltag funktioniert.<\/h2><\/div>\n      <div class=\"mo-facts\">\n        <div class=\"mo-fact\"><strong>01<\/strong><p>Wir klären Ziel, Ausgangssituation und den konkreten geschäftlichen Nutzen.<\/p><\/div>\n        <div class=\"mo-fact\"><strong>02<\/strong><p>Ich entwickle eine passende Lösung und mache Annahmen früh durch Prototypen überprüfbar.<\/p><\/div>\n        <div class=\"mo-fact\"><strong>03<\/strong><p>Die Umsetzung erfolgt nachvollziehbar, dokumentiert und abgestimmt auf vorhandene Systeme.<\/p><\/div>\n        <div class=\"mo-fact\"><strong>04<\/strong><p>Nach der Übergabe kann die Lösung weiterentwickelt und an neue Anforderungen angepasst werden.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mo-section mo-final\">\n    <div class=\"mo-wrap\">\n      <h2>Wo könnte KI deinem Team schon nächste Woche Arbeit abnehmen?<\/h2>\n      <a class=\"mo-button\" href=\"mailto:magrosskopf@web.de?subject=Erstgespräch%20KI-Potenzial\">Erstgespräch starten<\/a>\n    <\/div>\n  <\/section>\n<\/div>",
        "post_type": "page"
    }
]