.mz{--mz-linie:var(--text-primary)}.mz [data-art=webdesign],.mz-kachel[data-art=webdesign]{--k-bg:#b13a16;--k-fg:#f7f2e9}.mz [data-art=online-marketing],.mz-kachel[data-art=online-marketing]{--k-bg:#26201a;--k-fg:#e9a47f}.mz [data-art=design-medien],.mz-kachel[data-art=design-medien]{--k-bg:#e9a47f;--k-fg:#26201a}.mz [data-art=it-software],.mz-kachel[data-art=it-software]{--k-bg:#5e5548;--k-fg:#f7f2e9}.mz [data-art=e-commerce],.mz-kachel[data-art=e-commerce]{--k-bg:#f6e2d6;--k-fg:#9a3113}.mz [data-art=dienstleister],.mz-kachel[data-art=dienstleister]{--k-bg:#efe7d8;--k-fg:#26201a}.mz-kopf{padding-top:2.5rem}.rg .mz-kopfzeile{border-top:3px solid var(--mz-linie);border-bottom:1px solid var(--mz-linie);font-size:.74rem;font-weight:var(--weight-label);letter-spacing:.14em;text-transform:uppercase;color:var(--text-primary);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1.5rem;margin:0;padding:.55rem 0;display:flex}.rg .mz-kopf h1{max-width:15ch;font-family:var(--font-heading);letter-spacing:-.035em;color:var(--text-primary);text-wrap:balance;margin:2.2rem 0 0;font-size:clamp(2.7rem,6.6vw,5.6rem);font-weight:380;line-height:.98}.mz-kopf h1 span{color:var(--brand-primary)}.mz-kopf-unten{border-bottom:3px double var(--mz-linie);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:end;gap:1.5rem 3rem;margin-top:1.9rem;padding-bottom:1.8rem;display:grid}.rg .mz-lead{max-width:40rem;color:var(--text-secondary-strong);margin:0;font-size:1.15rem;line-height:1.62}.rg .mz-autor{color:var(--text-primary);align-items:center;gap:.85rem;margin:0;font-size:.98rem;line-height:1.4;display:flex}.mz-autor img{box-shadow:0 0 0 3px var(--canvas), 0 0 0 4px var(--border-decorative-strong);border-radius:50%;flex:none}.mz-autor small{color:var(--text-secondary);margin-top:.15rem;font-size:.85rem;display:block}.mz-kachel{aspect-ratio:16/10;background:var(--k-bg,#26201a);max-width:100%;color:var(--k-fg,#f7f2e9);isolation:isolate;border-radius:.9rem;display:block;position:relative;overflow:hidden}.mz-kachel.is-bild{background:var(--surface-warm)}.mz-kachel img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:block}.mz-kachel-linien{width:100%;height:100%;position:absolute;inset:0}.mz-kachel-linien path{fill:none;stroke:currentColor;stroke-width:1.2px;opacity:.22}.mz-kachel-motiv{width:52%;height:auto;transition:transform .4s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:8%;right:5%;overflow:visible}.mz-kachel-motiv *{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.mz-kachel-text{font-size:.7rem;font-weight:var(--weight-label);letter-spacing:.13em;text-transform:uppercase;position:absolute;top:.9rem;left:1rem}.mz-kachel.is-gross .mz-kachel-text{font-size:.78rem;top:1.25rem;left:1.4rem}.mz-titelgeschichte{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:1.5rem 2.75rem;margin-top:2.5rem;display:grid;position:relative}.mz-titelgeschichte .mz-kachel{border-radius:1.1rem}.mz-titel-text{min-width:0}.rg .mz-titel-marke{font-size:.74rem;font-weight:var(--weight-label);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary-strong);flex-wrap:wrap;align-items:center;gap:.6rem;margin:0;display:flex}.mz-titel-marke span{background:var(--brand-primary);color:#fffcf6;letter-spacing:.08em;border-radius:999px;padding:.2rem .6rem}.rg .mz-titelgeschichte h2{font-family:var(--font-heading);letter-spacing:-.02em;text-wrap:balance;margin:.9rem 0 0;font-size:clamp(1.75rem,3.1vw,2.6rem);font-weight:420;line-height:1.1}.mz-titelgeschichte h2 a{color:var(--text-primary);text-decoration:none}.mz-titelgeschichte h2 a:after{content:"";border-radius:1.1rem;position:absolute;inset:0}.rg .mz-titel-beschreibung{color:var(--text-secondary-strong);margin:.9rem 0 0;font-size:1.06rem;line-height:1.6}.rg .mz-titel-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.4rem .6rem;margin:1.1rem 0 0;font-size:.9rem;display:flex}.mz-weiter{font-weight:var(--weight-label);color:var(--brand-primary);align-items:center;gap:.35rem;margin-left:auto;display:inline-flex}.mz-weiter svg{transition:transform .2s}.mz-titelgeschichte:hover h2 a{color:var(--brand-primary)}.mz-titelgeschichte:hover .mz-weiter svg{transform:translate(4px)}.mz-titelgeschichte:hover .mz-kachel img,.mz-karte:hover .mz-kachel img{transform:scale(1.04)}.mz-titelgeschichte:hover .mz-kachel-motiv,.mz-karte:hover .mz-kachel-motiv{transform:translate(-4px,-4px)rotate(-2deg)}.mz-alle{border-top:1px solid var(--mz-linie);margin-top:4rem;padding-top:1.5rem}.mz-alle-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;display:flex}.rg .mz-alle-kopf h2,.rg .mz-bereiche h2{font-family:var(--font-heading);letter-spacing:-.02em;margin:0;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:420}.mz-suche{border:1px solid var(--border-decorative-strong);background:var(--surface);width:min(100%,25rem);color:var(--text-secondary);border-radius:999px;align-items:center;gap:.6rem;padding:.25rem .4rem .25rem 1rem;transition:border-color .2s,box-shadow .2s;display:flex}.mz-suche:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 4px var(--surface-brand-subtle)}.mz-suche input{min-width:0;min-height:2.6rem;color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;font-size:.98rem}.mz-suche input:focus-visible{outline:none}.mz-filter-feld{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.mz-filter{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.mz-filter label{border:1px solid var(--border-decorative-strong);background:var(--surface);min-height:2.5rem;font-size:.92rem;font-weight:var(--weight-label);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .95rem;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.mz-filter label[data-art]:before{content:"";background:var(--k-bg);border-radius:50%;width:.65rem;height:.65rem;box-shadow:inset 0 0 0 1px #26201a26}.mz-filter label:hover{border-color:var(--text-primary)}.mz-filter em{font-family:var(--font-body);font-size:.8rem;font-style:normal;font-weight:var(--weight-label);color:var(--text-secondary)}#mz-f-alle:checked~.mz-filter label[for=mz-f-alle],#mz-f-webdesign:checked~.mz-filter label[for=mz-f-webdesign],#mz-f-online-marketing:checked~.mz-filter label[for=mz-f-online-marketing],#mz-f-design-medien:checked~.mz-filter label[for=mz-f-design-medien],#mz-f-it-software:checked~.mz-filter label[for=mz-f-it-software],#mz-f-e-commerce:checked~.mz-filter label[for=mz-f-e-commerce],#mz-f-dienstleister:checked~.mz-filter label[for=mz-f-dienstleister]{background:var(--text-primary);border-color:var(--text-primary);color:#fffcf6}#mz-f-alle:checked~.mz-filter label[for=mz-f-alle] em,#mz-f-webdesign:checked~.mz-filter label[for=mz-f-webdesign] em,#mz-f-online-marketing:checked~.mz-filter label[for=mz-f-online-marketing] em,#mz-f-design-medien:checked~.mz-filter label[for=mz-f-design-medien] em,#mz-f-it-software:checked~.mz-filter label[for=mz-f-it-software] em,#mz-f-e-commerce:checked~.mz-filter label[for=mz-f-e-commerce] em,#mz-f-dienstleister:checked~.mz-filter label[for=mz-f-dienstleister] em{color:#fffcf6b3}#mz-f-alle:focus-visible~.mz-filter label[for=mz-f-alle]{outline:3px solid var(--brand-primary);outline-offset:3px}#mz-f-webdesign:focus-visible~.mz-filter label[for=mz-f-webdesign]{outline:3px solid var(--brand-primary);outline-offset:3px}#mz-f-online-marketing:focus-visible~.mz-filter label[for=mz-f-online-marketing]{outline:3px solid var(--brand-primary);outline-offset:3px}#mz-f-design-medien:focus-visible~.mz-filter label[for=mz-f-design-medien]{outline:3px solid var(--brand-primary);outline-offset:3px}#mz-f-it-software:focus-visible~.mz-filter label[for=mz-f-it-software]{outline:3px solid var(--brand-primary);outline-offset:3px}#mz-f-e-commerce:focus-visible~.mz-filter label[for=mz-f-e-commerce]{outline:3px solid var(--brand-primary);outline-offset:3px}#mz-f-dienstleister:focus-visible~.mz-filter label[for=mz-f-dienstleister]{outline:3px solid var(--brand-primary);outline-offset:3px}#mz-mehr:focus-visible~.mz-mehr{outline:3px solid var(--brand-primary);outline-offset:3px}.mz-raster>[hidden]{display:none!important}.mz-alle:not([data-sucht]) #mz-f-alle:checked~.mz-raster>.is-titel,.mz-alle:not([data-sucht]) #mz-f-alle:checked~#mz-mehr:not(:checked)~.mz-raster>.is-spaeter,#mz-f-webdesign:checked~.mz-raster>li:not([data-bereich=webdesign][data-zielgruppe=interessenten]),#mz-f-online-marketing:checked~.mz-raster>li:not([data-bereich=online-marketing][data-zielgruppe=interessenten]),#mz-f-design-medien:checked~.mz-raster>li:not([data-bereich=design-medien][data-zielgruppe=interessenten]),#mz-f-it-software:checked~.mz-raster>li:not([data-bereich=it-software][data-zielgruppe=interessenten]),#mz-f-e-commerce:checked~.mz-raster>li:not([data-bereich=e-commerce][data-zielgruppe=interessenten]),#mz-f-dienstleister:checked~.mz-raster>li:not([data-zielgruppe=dienstleister]),.mz-mehr{display:none}.mz-alle:not([data-sucht]) #mz-f-alle:checked~#mz-mehr:not(:checked)~.mz-mehr{display:inline-flex}.mz-raster{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.25rem 1.5rem;margin:1.75rem 0 0;padding:0;list-style:none;display:grid}.mz-karte{flex-direction:column;min-width:0;display:flex;position:relative}.mz-karte .mz-kachel{margin-bottom:.9rem}.rg .mz-karte-thema{font-size:.72rem;font-weight:var(--weight-label);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-primary);align-items:center;gap:.5rem;margin:0;display:flex}.rg .mz-karte h3{font-family:var(--font-heading);letter-spacing:-.01em;text-wrap:balance;margin:.4rem 0 0;font-size:1.2rem;font-weight:450;line-height:1.28}.mz-karte h3 a{color:var(--text-primary);text-decoration:none;transition:color .2s}.mz-karte h3 a:after{content:"";position:absolute;inset:0}.mz-karte:hover h3 a{color:var(--brand-primary)}.rg .mz-karte-datum{color:var(--text-secondary);margin:.45rem 0 0;font-size:.86rem}.rg .mz-leer{border-radius:var(--radius-panel);background:var(--surface-warm);color:var(--text-secondary-strong);margin-top:1.5rem;padding:1.25rem 1.4rem}.mz-mehr{border:1px solid var(--text-primary);min-height:3rem;font-weight:var(--weight-label);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;margin:2.25rem auto 0;padding:.6rem 1.5rem;transition:background .2s,color .2s}.mz-mehr:hover{background:var(--text-primary);color:#fffcf6}.mz-alle{flex-direction:column;display:flex}.mz-alle>.mz-raster,.mz-alle>.mz-filter,.mz-alle>.mz-alle-kopf,.mz-alle>.mz-leer{align-self:stretch}.mz-bereiche{border-top:1px solid var(--border-decorative-strong);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-top:2.75rem;padding-top:1.1rem;font-size:.92rem;display:flex}.mz-bereiche a{font-weight:var(--weight-label);color:var(--text-primary);align-items:center;gap:.45rem;display:inline-flex}.mz-bereiche a:before{content:"";background:var(--k-bg);border-radius:50%;width:.6rem;height:.6rem}.mz-bereiche a:hover{color:var(--brand-primary)}.mz-impressum{background:var(--surface-warm);border-radius:1.1rem;margin-top:4.5rem;padding:2rem 2.25rem 1.6rem;scroll-margin-top:5rem}.rg .mz-impressum h2{border-bottom:1px solid var(--text-primary);font-family:var(--font-heading);margin:0;padding-bottom:.9rem;font-size:1.5rem;font-weight:450}.mz-impressum dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem 0;margin:1.25rem 0 0;display:grid}.mz-impressum dl>div{border-left:1px solid var(--border-decorative-strong);min-width:0;padding:0 1.4rem}.mz-impressum dl>div:nth-child(3n+1){border-left:0;padding-left:0}.mz-impressum dt{font-size:.74rem;font-weight:var(--weight-label);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-primary)}.mz-impressum dd{color:var(--text-secondary-strong);margin:.4rem 0 0;font-size:.95rem;line-height:1.58}.rg .mz-impressum-fuss{border-top:1px solid var(--border-decorative-strong);color:var(--text-secondary);margin:1.4rem 0 0;padding-top:.9rem;font-size:.88rem}.mz-cta{background:#26201a;border-radius:1.1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin-top:2rem;padding:1.5rem 1.75rem;display:flex}.rg .mz-cta p{color:#f7f2e9d1;flex:26rem;margin:0;font-size:1rem;line-height:1.55}.mz-cta strong{font-family:var(--font-heading);color:#f7f2e9;margin-bottom:.2rem;font-size:1.3rem;font-weight:450;display:block}@media (max-width:60rem){.mz-kopf-unten,.mz-titelgeschichte{grid-template-columns:minmax(0,1fr)}.mz-raster,.mz-impressum dl{grid-template-columns:repeat(2,minmax(0,1fr))}.mz-impressum dl>div,.mz-impressum dl>div:nth-child(3n+1){border-left:1px solid var(--border-decorative-strong);padding:0 1.2rem}.mz-impressum dl>div:nth-child(odd){border-left:0;padding-left:0}}@media (max-width:44rem){.mz-kopf{padding-top:1.5rem}.rg .mz-kopf h1{margin-top:1.5rem}.mz-titelgeschichte{margin-top:1.75rem}.mz-filter{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-1rem;padding:.2rem 1rem .4rem;overflow-x:auto}.mz-filter::-webkit-scrollbar{display:none}.mz-filter label{flex:none}.mz-raster{grid-template-columns:minmax(0,1fr);gap:0}.mz-karte{border-top:1px solid var(--border-decorative-strong);grid-template-rows:auto auto 1fr;grid-template-columns:6rem minmax(0,1fr);column-gap:1rem;padding:1rem 0;display:grid}.mz-karte .mz-kachel{aspect-ratio:1;border-radius:.7rem;grid-row:1/span 3;margin:0}.mz-karte .mz-kachel-text{display:none}.mz-karte .mz-kachel-motiv{width:76%;bottom:18%;right:12%}.rg .mz-karte h3{font-size:1.08rem}.mz-impressum{padding:1.5rem 1.25rem 1.25rem}.mz-impressum dl{grid-template-columns:minmax(0,1fr)}.mz-impressum dl>div,.mz-impressum dl>div:nth-child(3n+1),.mz-impressum dl>div:nth-child(odd){border-left:0;padding:0}.mz-cta{padding:1.3rem 1.25rem}}@media (prefers-reduced-motion:reduce){.mz-kachel img,.mz-kachel-motiv{transition:none}.mz-titelgeschichte:hover .mz-kachel img,.mz-karte:hover .mz-kachel img,.mz-titelgeschichte:hover .mz-kachel-motiv,.mz-karte:hover .mz-kachel-motiv{transform:none}}
