[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]