Hallo, ich bin Johannes Maier,
Web Designer & Entwickler aus dem Allgäu.

Mit über 16 Jahren Erfahrung und einer Spezialisierung auf WordPress-Webseiten und Online-Shops unterstütze ich Sie dabei, Ihre Projekte erfolgreich umzusetzen.

Kontakt aufnehmen

img:is([sizes="auto"i],[sizes^="auto,"i]){contain-intrinsic-size:3000px 1500px}/*! This file is auto-generated */.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}@font-face{font-family:"Mosvita Expanded";font-weight:700;font-display:swap;src:url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-BoldExpanded.woff2)format("woff2"),url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-BoldExpanded.woff)format("woff"),url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-BoldExpanded.ttf)format("truetype")}@font-face{font-family:"Mosvita";font-weight:300;font-display:swap;src:url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-Light.woff2)format("woff2"),url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-Light.woff)format("woff"),url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-Light.ttf)format("truetype")}@font-face{font-family:"Mosvita";font-weight:400;font-display:swap;src:url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-Regular.woff2)format("woff2"),url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-Regular.woff)format("woff"),url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-Regular.ttf)format("truetype")}@font-face{font-family:"Mosvita";font-weight:500;font-display:swap;src:url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-Medium.woff2)format("woff2"),url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-Medium.woff)format("woff"),url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-Medium.ttf)format("truetype")}@font-face{font-family:"Mosvita";font-weight:600;font-display:swap;src:url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-SemiBold.woff2)format("woff2"),url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-SemiBold.woff)format("woff"),url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-SemiBold.ttf)format("truetype")}@font-face{font-family:"Mosvita";font-weight:700;font-display:swap;src:url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-Bold.woff2)format("woff2"),url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-Bold.woff)format("woff"),url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-Bold.ttf)format("truetype")}@font-face{font-family:"Mosvita";font-weight:800;font-display:swap;src:url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-ExtraBold.woff2)format("woff2"),url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-ExtraBold.woff)format("woff"),url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-ExtraBold.ttf)format("truetype")}@font-face{font-family:"Mosvita";font-weight:900;font-display:swap;src:url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-Black.woff2)format("woff2"),url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-Black.woff)format("woff"),url(https://cdn.fastpixel.io/fp/ret_auto+v_274c/der-homepage-macher.de/wp-content/uploads/2025/01/Mosvita-Black.ttf)format("truetype")}.header{flex-direction:row;position:relative;display:flex;padding-top:var(--space-xs);padding-bottom:var(--space-xs);width:var(--content-width);margin-right:auto;margin-left:auto;justify-content:space-between}.header__page-title{font-size:2rem;text-transform:uppercase;font-weight:500;margin-left:2rem;position:relative}.header__page-title:before{content:"|";position:absolute;top:-2px;left:-1.25rem}.header__nav .bricks-nav-menu{gap:var(--space-m)}.header__nav .bricks-nav-menu>li{margin-left:0}.header__nav .bricks-nav-menu>li>a{text-transform:uppercase;font-weight:500;font-size:calc(var(--text-m)/1.3);color:var(--text-dark)}.header__nav .bricks-nav-menu>li>.brx-submenu-toggle>*{text-transform:uppercase;font-weight:500;font-size:calc(var(--text-m)/1.3);color:var(--text-dark)}@media (max-width:767px){.header__nav{display:none}}.intro__img{height:auto;width:25rem;aspect-ratio:1/1;min-width:25rem}.intro__img:not(.tag),.intro__img img{object-fit:cover;object-position:50% 50%}@media (max-width:767px){.intro__img{width:18rem;min-width:18rem}}@media (max-width:478px){.intro__img{width:16rem;min-width:16rem}}.intro__title{font-size:var(--h2)}.intro__text{max-width:68ch}.icon-link{font-weight:600;color:var(--primary);gap:0.5em}.icon-link .icon{color:var(--primary);fill:var(--primary)}.icon-link .icon>i{font-size:1.5em}.icon-link .icon>svg{width:1.5em;height:1.5em}.icon-link:hover .text{text-decoration:underline;text-underline-offset:0.2em;transition:var(--transition)}.footer{padding-bottom:var(--space-s)}.footer{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 33%);mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 33%)}.footer__nav .bricks-nav-menu>li>a{font-size:var(--text-xs);color:var(--text-dark)}.footer__nav .bricks-nav-menu>li>.brx-submenu-toggle>*{font-size:var(--text-xs);color:var(--text-dark)}.footer__nav .bricks-nav-menu>li{margin-left:0}.footer__nav .bricks-nav-menu{gap:var(--space-xs)}.logo-h__text{font-size:var(--text-m);text-align:center;text-transform:uppercase;font-weight:800;font-family:"Mosvita";line-height:1;color:var(--black)}.logo-h__text{white-space:nowrap}