/*
Theme Name: MR Modern
Author: Marcel Richard
Description: Schlankes Block-Theme für marcel-richard.de – ohne jQuery, Page-Builder oder Slider.
Version: 1.9.26
Requires at least: 6.6
Text Domain: mr-modern
*/
/* ---------- Basis ---------- */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;text-rendering:optimizeLegibility}
:where(.wp-site-blocks)>*{margin-block-start:0}
img{height:auto;max-width:100%}
::selection{background:#ff0042;color:#fff}
a:focus-visible{outline:3px solid #ff0042;outline-offset:3px}
.mr-accent{color:#ff0042}
/* ---------- Header ---------- */
.mr-header{position:sticky;top:0;z-index:50;padding:.85rem clamp(1.25rem,4vw,3rem);background:rgba(242,242,242,.88);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid rgba(15,17,20,.08);gap:1rem}
.mr-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:#0f1114;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:1.05rem}
.mr-brand b,.mr-footer-brand b{color:#ff0042}
.mr-mark{width:40px;height:auto;display:block}
.mr-nav{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(.9rem,2.5vw,2rem);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem}
.mr-nav a{text-decoration:none;color:#0f1114;position:relative}
.mr-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:2px;background:#ff0042;transition:right .25s}
.mr-nav a:hover::after{right:0}
.mr-nav a.mr-cta{color:#fff;background:#0f1114;color:#fff;padding:.5rem .9rem}
.mr-nav a.mr-cta::after{display:none}
.mr-nav a.mr-cta:hover{background:#ff0042;color:#fff}
/* ---------- Hero ---------- */
.mr-hero{position:relative;overflow:hidden;padding-top:clamp(4rem,12vw,9rem)!important;padding-bottom:clamp(4rem,10vw,8rem)!important}
.mr-hero::before{content:"";position:absolute;right:-6vw;top:-10%;width:min(46vw,620px);aspect-ratio:1;background:url(assets/img/mr-mark.webp) center/contain no-repeat;filter:invert(1);opacity:.07;pointer-events:none}
.mr-hero::after{content:"";position:absolute;left:0;bottom:0;height:6px;width:100%;background:linear-gradient(90deg,#ff0042 0 22%,transparent 22%)}
.mr-hero-small{padding-top:clamp(3rem,8vw,6rem)!important;padding-bottom:clamp(2.5rem,6vw,4.5rem)!important}
.mr-hero-title{max-width:14ch;margin:.2em 0 .35em;line-height:.98}
.mr-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:600;color:#abacaf;margin:0}
.mr-kicker a{color:inherit;text-decoration:none}
.mr-lead{font-size:var(--wp--preset--font-size--large);line-height:1.5;max-width:44ch}
.mr-hero .mr-lead{color:#d9d9db}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;border:2px solid currentColor;color:inherit;padding:calc(.667em - 2px) calc(1.333em - 2px)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:#fff;color:#0f1114;border-color:#fff}
/* ---------- Sektionen ---------- */
.mr-section{padding-top:var(--wp--preset--spacing--60)!important;padding-bottom:var(--wp--preset--spacing--60)!important}
.mr-section-title{display:flex;align-items:center;gap:.9rem;text-transform:uppercase;margin-bottom:var(--wp--preset--spacing--40)!important}
.mr-section-title::before{content:"";width:.9em;height:.16em;background:#ff0042;flex:none}
.mr-dark a{color:#f2f2f2}
.mr-more{font-weight:600;text-decoration:none;border-bottom:2px solid #ff0042}
/* Leistungen */
.mr-services{gap:clamp(1rem,2vw,1.5rem)!important}
.mr-card{background:#fff;padding:clamp(1.25rem,2.5vw,2rem);border:1px solid rgba(15,17,20,.07);transition:transform .25s,box-shadow .25s}
.mr-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(15,17,20,.35)}
.mr-card h3{margin:.6rem 0 .4rem}
.mr-card p{color:#4d5054;font-size:.95rem;margin:0}
.mr-icon{margin:0!important}
.mr-icon img{width:88px!important}
.mr-service-row{padding:var(--wp--preset--spacing--50) 0;border-top:1px solid rgba(15,17,20,.12);margin:0!important}
.mr-service-row .mr-icon img{width:min(220px,100%)!important}
.mr-tags-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.4rem}
.mr-tags-list li{font-size:.8rem;font-weight:600;letter-spacing:.03em;padding:.3rem .7rem;border:1px solid #0f1114}
/* Portfolio-Grid */
.mr-grid{gap:clamp(1rem,2vw,1.75rem)!important;list-style:none;padding:0}
.mr-grid>li{position:relative}
.mr-grid .wp-block-post-featured-image{margin:0;overflow:hidden;background:#1d2024}
.mr-grid .wp-block-post-featured-image img{transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s;object-fit:cover}
.mr-grid>li:hover img{transform:scale(1.045)}
.mr-grid .wp-block-post-title{font-size:1.05rem;margin:.75rem 0 0;line-height:1.25}
.mr-grid .wp-block-post-title a{text-decoration:none}
.mr-grid .wp-block-post-title a:hover{color:#ff0042}
.mr-grid .wp-block-post-date{font-size:.8rem;color:#4d5054;margin-top:.15rem}
.mr-grid>li::before{content:"";position:absolute;left:0;top:0;width:0;height:4px;background:#ff0042;z-index:2;transition:width .35s}
.mr-grid>li:hover::before{width:100%}
@media (max-width:781px){.mr-grid.is-layout-grid{grid-template-columns:repeat(2,1fr)!important}}
/* Kunden */
.mr-logos{max-width:1024px;margin-inline:auto!important}.mr-logos img{width:100%;opacity:.85}
/* Profil */
.mr-cv{list-style:none;padding:0;margin:0}
.mr-cv li{padding:.7rem 0;border-bottom:1px solid rgba(15,17,20,.1);font-size:.95rem}
.mr-cv b{display:block;color:#ff0042;font-weight:600;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
/* Kontakt */
.mr-contact a{color:#fff}
.mr-contact .mr-section-title::before{background:#0f1114}
.mr-contact-mail{font-size:clamp(1.6rem,5.5vw,4.2rem);font-weight:600;line-height:1.1;margin:0 0 1rem;word-break:break-word}
.mr-contact-mail a{text-decoration:none;background:linear-gradient(#0f1114,#0f1114) 0 100%/0 .12em no-repeat;transition:background-size .3s}
.mr-contact-mail a:hover{background-size:100% .12em;color:#fff}
.mr-social{display:flex;gap:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}
/* Footer */
.mr-footer{padding:var(--wp--preset--spacing--50) clamp(1.25rem,4vw,3rem)!important;font-size:.9rem}
.mr-footer a{color:#f2f2f2;text-decoration:none}
.mr-footer a:hover{color:#ff0042}
.mr-footer-brand{font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:1.1rem;margin:0}
.mr-footer p{margin:0 0 .3rem;color:#abacaf}
/* Projekt-Einzelseite */
.mr-project-title{font-size:var(--wp--preset--font-size--x-large)!important;text-transform:none!important}
.mr-project-content img{display:block;margin-inline:auto}
.mr-project-content .wp-block-image{margin-block:1.25rem}
.mr-project-content iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}
.mr-project .wp-block-post-navigation-link{font-weight:600;margin-top:2rem}
.mr-page-title{font-size:var(--wp--preset--font-size--x-large)!important}
main table{border-collapse:collapse;width:100%;font-size:.85rem}main td,main th{border:1px solid #d5d5d7;padding:.4rem;vertical-align:top}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media (max-width:600px){.mr-brand span{display:none}.mr-nav{font-size:.74rem;gap:.8rem}.mr-header{padding:.6rem 1rem}.mr-nav a.mr-cta{color:#fff;padding:.4rem .6rem}}
@media (max-width:480px){.mr-grid .wp-block-post-title{font-size:.9rem}.mr-grid{gap:.75rem!important}}
/* ===== v2: Hero-Porträt ===== */
.mr-hero-home::before{display:none}
.mr-hero-cols{gap:2rem!important;margin:0!important}
.mr-face-wrap{position:relative;margin:0 auto;max-width:360px;--bolt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='160 0 17 28'%3E%3Cpath d='M172.4 11h-2.2L176 .9h-8.3l-6.9 15.6h6.4l-2.7 10.9L176.2 11z' fill='%23ff0042'/%3E%3C/svg%3E")}
.mr-face{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain;animation:mr-float 7s ease-in-out infinite}
.mr-face-wrap::after{content:"";position:absolute;right:-4%;top:6%;width:22%;aspect-ratio:1/2;background:var(--bolt) center/contain no-repeat;opacity:0;animation:mr-zap 6s steps(1) infinite 1.5s}
.mr-face-wrap::before{content:"";position:absolute;inset:8% 10%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,0,66,.35),transparent);animation:mr-glow 6s ease-in-out infinite 1.5s}
@keyframes mr-float{50%{transform:translateY(-12px) rotate(-.6deg)}}
@keyframes mr-zap{0%,100%{opacity:0}2%{opacity:1;transform:translateY(-6px)}4%{opacity:.2}6%{opacity:1}12%{opacity:0}}
@keyframes mr-glow{0%,100%{opacity:.4}3%{opacity:1}12%{opacity:.4}}
@media (max-width:781px){.mr-hero-cols{flex-direction:column-reverse}.mr-face-wrap{max-width:46vw}.mr-hero-home{padding-top:2rem!important}}
/* ===== v2: Spaß ===== */
@media (pointer:fine){.mr-grid>li,.mr-hero,.mr-card{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='32' viewBox='160 0 17 28'%3E%3Cpath d='M172.4 11h-2.2L176 .9h-8.3l-6.9 15.6h6.4l-2.7 10.9L176.2 11z' fill='%23ff0042' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E") 6 2,auto}}
.mr-grid>li{transform:perspective(800px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .2s ease-out}
.mr-grid>li:hover .wp-block-post-featured-image::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,0,66,.35) 50%,transparent 60%) -100% 0/250% 100% no-repeat;animation:mr-sweep .7s ease-out forwards;pointer-events:none}
.mr-grid .wp-block-post-featured-image{position:relative}
@keyframes mr-sweep{to{background-position:100% 0}}
.mr-spark{position:fixed;z-index:99;width:14px;height:28px;margin:-14px 0 0 -7px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='160 0 17 28'%3E%3Cpath d='M172.4 11h-2.2L176 .9h-8.3l-6.9 15.6h6.4l-2.7 10.9L176.2 11z' fill='%23ff0042'/%3E%3C/svg%3E") center/contain no-repeat;animation:mr-spark .6s ease-out forwards}
@keyframes mr-spark{from{transform:rotate(var(--r)) scale(var(--s));opacity:1}to{transform:rotate(var(--r)) translateY(26px) scale(0);opacity:0}}
.js .mr-rv{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0)*60ms)}
.js .mr-rv.is-in{opacity:1;transform:none}
.mr-grid>li.mr-rv.is-in{transform:perspective(800px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.mr-strike{position:fixed;inset:0;z-index:200;pointer-events:none;display:grid;place-items:center;animation:mr-flash 1.6s ease-out forwards}
.mr-strike i{position:absolute;top:-10vh;left:50%;width:min(30vw,220px);height:80vh;margin-left:max(-15vw,-110px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='160 0 17 28'%3E%3Cpath d='M172.4 11h-2.2L176 .9h-8.3l-6.9 15.6h6.4l-2.7 10.9L176.2 11z' fill='%23ff0042' stroke='%23fff' stroke-width='.5'/%3E%3C/svg%3E") center/contain no-repeat;animation:mr-drop .35s cubic-bezier(.5,0,1,.5) forwards}
.mr-strike b{position:relative;background:#0f1114;color:#fff;padding:.8rem 1.3rem;font-size:clamp(1rem,3vw,1.6rem);font-weight:600;text-transform:uppercase;border-left:6px solid #ff0042;animation:mr-pop .4s .3s both}
@keyframes mr-flash{0%{background:rgba(255,0,66,0)}20%{background:rgba(255,0,66,.55)}35%{background:rgba(255,255,255,.3)}100%{background:rgba(255,0,66,0)}}
@keyframes mr-drop{from{transform:translateY(-100%);opacity:0}to{transform:none;opacity:1}}
@keyframes mr-pop{from{transform:scale(.6);opacity:0}}
.mr-shake body{animation:mr-shake .4s .25s}
@keyframes mr-shake{20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-3px,2px)}80%{transform:translate(2px,-1px)}}
/* YouTube 2-Klick */
.mr-yt{aspect-ratio:16/9;background:#0f1114 repeating-linear-gradient(-45deg,transparent 0 14px,rgba(255,0,66,.12) 14px 28px);color:#f2f2f2;display:grid;place-items:center;margin:1.5rem 0;text-align:center}
.mr-yt-inner{max-width:36rem;padding:1.25rem}
.mr-yt button{font:inherit;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:#ff0042;color:#fff;border:0;padding:.9rem 1.5rem;cursor:pointer}
.mr-yt button:hover{background:#fff;color:#0f1114}
.mr-yt p{font-size:.8rem;color:#abacaf;margin-top:.8rem}.mr-yt a{color:#fff}
.mr-yt iframe{width:100%;height:100%;border:0}
.mr-obf{border-bottom:1px dotted currentColor}
@media (prefers-reduced-motion:reduce){.mr-face,.mr-face-wrap::after,.mr-face-wrap::before,.mr-strike,.mr-strike i,.mr-strike b{animation:none!important}.mr-face-wrap::after{opacity:1}.mr-strike{background:rgba(255,0,66,.25)}.mr-grid>li{transform:none!important}}

/* v3: Hero reinschwarz, kein Halo */
.mr-hero-home{background:#000!important}.mr-face-wrap::before{display:none}
/* v3: Burger-Menü (nur mit JS, sonst umbrechende Navigation) */
.mr-burger{display:none}
@media (max-width:781px){
.js .mr-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 10px;border:0;background:#0f1114;cursor:pointer;margin-left:auto}
.mr-burger i{display:block;height:2px;background:#fff;transition:transform .25s,opacity .2s}
.mr-burger i:nth-child(2){width:70%;background:#ff0042}
.mr-burger:hover,.mr-burger:focus-visible{background:#ff0042}.mr-burger:hover i{background:#fff}
.mr-burger:focus-visible{outline:2px solid #0f1114;outline-offset:2px}
.mr-burger[aria-expanded=true] i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mr-burger[aria-expanded=true] i:nth-child(2){opacity:0}
.mr-burger[aria-expanded=true] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.js .mr-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 0 1.25rem;background:#0f1114;font-size:1rem;border-bottom:4px solid #ff0042}
.js .mr-nav.is-open{display:flex;animation:mr-drop .2s ease-out}
.js .mr-nav a{color:#f2f2f2;padding:.9rem clamp(1.25rem,4vw,3rem)}
.js .mr-nav a::after{display:none}
.js .mr-nav a:hover,.js .mr-nav a:focus-visible{color:#ff0042}
.js .mr-nav a:hover::before,.js .mr-nav a:focus-visible::before{content:"";display:inline-block;width:.6em;height:1em;margin-right:.4em;vertical-align:-.1em;background:#ff0042;-webkit-mask:var(--mrb) center/contain no-repeat;mask:var(--mrb) center/contain no-repeat}
.js .mr-nav a.mr-cta{padding:.85rem;margin:.5rem clamp(1.25rem,4vw,3rem) 0;background:#ff0042;text-align:center}
.js .mr-nav a.mr-cta:hover{color:#fff;background:#d10036}}
@keyframes mr-drop{from{opacity:0;transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.mr-nav.is-open{animation:none!important}.mr-burger i{transition:none}}
b,strong{font-weight:600}

h1,h2{font-weight:600;text-transform:uppercase;letter-spacing:-.01em}
.mr-hero-title{max-width:none;line-height:.95;font-size:clamp(2.8rem,8vw,6.2rem)!important;margin:.15em 0 .1em}
.mr-sub{font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(1.1rem,2.2vw,1.6rem);line-height:1.2;color:#f2f2f2;margin:0 0 .8em}
/* v4: Kontakt-Kopfleiste */
.mr-topbar{display:flex;justify-content:space-between;gap:1rem;padding:.35rem clamp(1.25rem,4vw,3rem);background:#0f1114;color:#abacaf;font-size:.78rem;letter-spacing:.04em}
.mr-tb-c{display:flex;gap:1.5rem}
.mr-topbar a,.mr-topbar .mr-obf{color:#f2f2f2;text-decoration:none}
.mr-tb-c>.mr-obf::before,.mr-tb-c>a::before{content:"";display:inline-block;width:.55em;height:1em;margin-right:.45em;vertical-align:-.15em;background:#ff0042;-webkit-mask:var(--mrb) center/contain no-repeat;mask:var(--mrb) center/contain no-repeat}
.mr-topbar a:hover{color:#ff0042}
.mr-nav-c{display:none}
@media (max-width:781px){.js .mr-topbar{display:none}.mr-topbar>span:first-child{display:none}
.js .mr-nav .mr-nav-c{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem;padding:1rem clamp(1.25rem,4vw,3rem) 0;border-top:1px solid #33363b;font-size:.9rem;text-transform:none;letter-spacing:.02em}
.js .mr-nav .mr-nav-c a{padding:0;color:#f2f2f2}}
/* v4: Punk / 80er / Xerox */
body{background:#f2f2f2 url(assets/img/mr-grunge.webp) 0 0/400px repeat}
.mr-hero,.mr-dark,.mr-topbar,.has-black-background-color{position:relative;isolation:isolate}
.mr-hero>*,.mr-dark>*{position:relative;z-index:1}
.mr-hero-home::before,.mr-dark::before{content:"";display:block!important;position:absolute;inset:0;z-index:0;background:url(assets/img/mr-grunge.webp) 0 0/400px repeat;filter:invert(1);opacity:.55;pointer-events:none;width:auto;aspect-ratio:auto;right:0;top:0}
/* gerissene Kante unten am Hero */
.mr-hero-home{clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),96% 100%,91% calc(100% - 14px),85% calc(100% - 4px),78% calc(100% - 20px),70% 100%,63% calc(100% - 12px),55% calc(100% - 2px),47% calc(100% - 18px),40% calc(100% - 6px),32% 100%,24% calc(100% - 16px),16% calc(100% - 3px),9% calc(100% - 20px),3% calc(100% - 6px),0 calc(100% - 14px))}
.mr-hero-home::after{bottom:auto;top:0;height:5px;background:#ff0042}
/* Sticker */
.mr-kicker{display:inline-block;background:#ff0042;color:#000!important;padding:.3em .7em;transform:rotate(-2.5deg);box-shadow:3px 3px 0 #f2f2f2;font-weight:600}
.mr-sub{display:inline-block;background:#f2f2f2;color:#000;padding:.15em .45em;transform:rotate(1deg);box-shadow:5px 5px 0 #ff0042}
.mr-hero-title .mr-accent{color:#ff0042;text-shadow:3px 3px 0 #fff}
/* Buttons: harte Kanten, Offset-Schatten */
.wp-element-button,.wp-block-button__link{border-radius:0!important;box-shadow:4px 4px 0 #000;transition:transform .15s,box-shadow .15s}
.mr-hero .wp-element-button{box-shadow:4px 4px 0 #f2f2f2}
.wp-element-button:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:6px 6px 0 #ff0042}
/* Section-Titel als schräger Marker-Streifen */
.mr-section-title{transform:rotate(-1deg)}
.mr-section-title::before{height:.5em;transform:skewX(-20deg)}
/* Karten: Xerox-Kasten */
.mr-card{border:2px solid #0f1114;box-shadow:6px 6px 0 #0f1114}
.mr-card:hover{transform:translate(-3px,-3px) rotate(-.6deg);box-shadow:9px 9px 0 #ff0042}
.mr-grid img{filter:contrast(1.08)}
.mr-grid>li:hover img{filter:contrast(1.3) saturate(1.3)}
/* Rasterpunkte (Halftone) über dem Porträt */
.mr-face-wrap{background:radial-gradient(#ff0042 1.2px,transparent 1.6px) 0 0/9px 9px}
.mr-face{mix-blend-mode:normal}
.mr-face-wrap::before{display:block!important;content:"";position:absolute;inset:auto 0 -6% 18%;height:30%;border-radius:0;background:radial-gradient(#ff0042 1.4px,transparent 1.8px) 0 0/8px 8px;transform:rotate(-6deg);animation:none;z-index:-1}
@media (prefers-reduced-motion:reduce){.wp-element-button:hover,.mr-card:hover{transform:none}}

/* v5: Logo statt Headline-Schrift, Marcels Blitz */
:root{--mrb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='160 0 17 28'%3E%3Cpath d='M172.4 11h-2.2L176 .9h-8.3l-6.9 15.6h6.4l-2.7 10.9L176.2 11z'/%3E%3C/svg%3E")}
.mr-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mr-logo-h1{margin:.3em 0 .5em!important;max-width:min(560px,100%);line-height:0}
.mr-logo-h1 svg{display:block;width:100%;height:auto;fill:#fff;overflow:visible}
.mr-logo-h1 .lg-b{fill:#ff0042}
.mr-logo-h1 svg{filter:drop-shadow(4px 4px 0 rgba(255,0,66,.0))}
.mr-brand{display:flex;align-items:center;color:#0f1114}
.mr-brand svg{display:block;fill:currentColor}
.mr-logo-long{height:22px;width:auto}.mr-logo-long .lg-z{fill:#ff0042}
.mr-brand .mr-logo-mark{display:none;height:36px;width:auto}
@media (max-width:600px){.mr-brand .mr-logo-long{display:none}.mr-brand .mr-logo-mark{display:block}}
.mr-strike b::before{content:"";display:inline-block;width:.6em;height:1em;margin-right:.4em;vertical-align:-.1em;background:#ff0042;-webkit-mask:var(--mrb) center/contain no-repeat;mask:var(--mrb) center/contain no-repeat}
/* Vorschlag 1: Scroll-Fortschritt mit Blitz-Spitze (reines CSS, scroll-driven) */
.mr-progress{display:none}
@supports (animation-timeline:scroll()){.mr-progress{display:block;position:absolute;z-index:5;left:0;right:0;top:100%;height:0;pointer-events:none;--mrbrush:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1000 10%22 preserveAspectRatio=%22none%22%3E%3Cmask id=%22m%22%3E%3Cpath d=%22M0,0.9 L8,0.5 L16,1.7 L24,0.4 L32,1.4 L40,1.0 L48,0.3 L56,1.4 L64,0.3 L72,1.2 L80,0.4 L88,0.4 L96,1.2 L104,2.1 L112,0.5 L120,0.7 L128,1.6 L136,2.4 L144,1.5 L152,1.1 L160,2.4 L168,0.3 L176,2.2 L184,0.9 L192,0.5 L200,0.5 L208,0.9 L216,2.1 L224,0.6 L232,1.5 L240,1.7 L248,1.1 L256,1.5 L264,0.3 L272,0.3 L280,0.7 L288,1.8 L296,1.2 L304,0.9 L312,1.5 L320,1.2 L328,0.9 L336,2.0 L344,1.8 L352,0.8 L360,1.5 L368,1.4 L376,2.2 L384,1.9 L392,0.9 L400,2.5 L408,0.5 L416,1.2 L424,1.9 L432,0.5 L440,1.3 L448,0.3 L456,1.7 L464,2.0 L472,1.5 L480,2.2 L488,0.9 L496,1.8 L504,1.6 L512,1.5 L520,1.2 L528,2.1 L536,2.4 L544,1.3 L552,1.7 L560,0.3 L568,1.8 L576,1.7 L584,2.5 L592,2.1 L600,0.9 L608,1.1 L616,1.7 L624,0.3 L632,1.3 L640,0.6 L648,0.5 L656,0.3 L664,2.0 L672,0.5 L680,0.8 L688,1.1 L696,2.2 L704,0.4 L712,1.2 L720,1.5 L728,2.2 L736,2.1 L744,2.2 L752,0.8 L760,1.2 L768,1.0 L776,2.2 L784,2.4 L792,0.5 L800,0.6 L808,0.7 L816,0.7 L824,1.3 L832,1.6 L840,0.8 L848,0.2 L856,1.2 L864,1.0 L872,1.5 L880,2.4 L888,1.8 L896,1.4 L904,1.6 L912,1.8 L920,0.3 L928,2.3 L936,2.0 L944,2.2 L952,2.0 L960,1.1 L968,1.1 L976,0.4 L984,1.7 L992,0.3 L1000,0.4 L1000,7.3 L992,7.2 L984,7.6 L976,6.9 L968,6.8 L960,7.2 L952,7.0 L944,7.7 L936,6.9 L928,8.9 L920,8.3 L912,7.2 L904,7.4 L896,7.6 L888,7.7 L880,7.1 L872,8.8 L864,9.2 L856,7.9 L848,8.0 L840,7.0 L832,7.0 L824,7.6 L816,7.4 L808,8.8 L800,7.2 L792,6.9 L784,9.1 L776,8.1 L768,7.2 L760,8.1 L752,6.9 L744,8.1 L736,9.1 L728,8.9 L720,8.5 L712,7.4 L704,7.7 L696,7.2 L688,8.7 L680,8.1 L672,8.7 L664,7.6 L656,7.3 L648,8.7 L640,9.2 L632,8.8 L624,8.7 L616,8.8 L608,8.6 L600,7.3 L592,8.0 L584,7.7 L576,6.9 L568,6.9 L560,7.5 L552,7.4 L544,8.5 L536,9.1 L528,7.9 L520,9.0 L512,9.2 L504,9.1 L496,7.7 L488,7.3 L480,7.3 L472,7.3 L464,7.3 L456,8.3 L448,9.0 L440,8.8 L432,8.0 L424,8.4 L416,8.7 L408,7.0 L400,8.4 L392,9.0 L384,8.7 L376,8.6 L368,7.9 L360,7.2 L352,8.7 L344,7.6 L336,8.7 L328,9.1 L320,7.8 L312,7.8 L304,9.1 L296,8.5 L288,7.2 L280,7.1 L272,7.2 L264,9.0 L256,8.7 L248,7.2 L240,8.8 L232,9.2 L224,8.4 L216,7.6 L208,8.1 L200,7.1 L192,6.8 L184,9.1 L176,8.4 L168,8.1 L160,9.0 L152,7.8 L144,8.9 L136,8.8 L128,7.3 L120,7.4 L112,7.5 L104,7.4 L96,8.2 L88,7.4 L80,7.8 L72,7.1 L64,9.0 L56,7.6 L48,7.9 L40,8.2 L32,9.0 L24,7.8 L16,9.0 L8,8.0 L0,8.1Z%22 fill=%22white%22/%3E%3Crect x=%22536%22 y=%226.4%22 width=%2222%22 height=%22.7%22 fill=%22black%22/%3E%3Crect x=%22893%22 y=%224.6%22 width=%2243%22 height=%22.7%22 fill=%22black%22/%3E%3Crect x=%22623%22 y=%222.5%22 width=%2239%22 height=%22.7%22 fill=%22black%22/%3E%3Crect x=%22176%22 y=%222.5%22 width=%2280%22 height=%22.7%22 fill=%22black%22/%3E%3Crect x=%22633%22 y=%226.4%22 width=%2235%22 height=%22.7%22 fill=%22black%22/%3E%3Crect x=%22569%22 y=%222.5%22 width=%2261%22 height=%22.7%22 fill=%22black%22/%3E%3Crect x=%22698%22 y=%226.4%22 width=%2287%22 height=%22.7%22 fill=%22black%22/%3E%3Crect x=%22568%22 y=%224.6%22 width=%2233%22 height=%22.7%22 fill=%22black%22/%3E%3Crect x=%22904%22 y=%226.4%22 width=%2227%22 height=%22.7%22 fill=%22black%22/%3E%3Crect x=%22254%22 y=%222.5%22 width=%2255%22 height=%22.7%22 fill=%22black%22/%3E%3Crect x=%2243%22 y=%222.5%22 width=%2284%22 height=%22.7%22 fill=%22black%22/%3E%3Crect x=%22463%22 y=%226.4%22 width=%2223%22 height=%22.7%22 fill=%22black%22/%3E%3Crect x=%22778%22 y=%222.5%22 width=%2276%22 height=%22.7%22 fill=%22black%22/%3E%3Crect x=%22333%22 y=%226.4%22 width=%2284%22 height=%22.7%22 fill=%22black%22/%3E%3Crect x=%22620%22 y=%226.4%22 width=%2245%22 height=%22.7%22 fill=%22black%22/%3E%3Crect x=%22709%22 y=%224.6%22 width=%2277%22 height=%22.7%22 fill=%22black%22/%3E%3Crect x=%22520%22 y=%226.4%22 width=%2281%22 height=%22.7%22 fill=%22black%22/%3E%3Crect x=%22519%22 y=%222.5%22 width=%2286%22 height=%22.7%22 fill=%22black%22/%3E%3Crect x=%22897%22 y=%224.6%22 width=%2245%22 height=%22.7%22 fill=%22black%22/%3E%3Crect x=%22860%22 y=%224.6%22 width=%2237%22 height=%22.7%22 fill=%22black%22/%3E%3Crect x=%22426%22 y=%222.5%22 width=%2270%22 height=%22.7%22 fill=%22black%22/%3E%3Crect x=%22452%22 y=%224.6%22 width=%2229%22 height=%22.7%22 fill=%22black%22/%3E%3C/mask%3E%3Crect width=%221000%22 height=%2210%22 fill=%22white%22 mask=%22url%28%23m%29%22/%3E%3C/svg%3E")}
.mr-progress .mr-pb{position:absolute;left:0;top:-2px;width:100%;height:5px;background:#ff0042;-webkit-mask:var(--mrbrush) 0 0/100% 100% no-repeat;mask:var(--mrbrush) 0 0/100% 100% no-repeat;clip-path:inset(0 100% 0 0);animation:mr-prog linear both;animation-timeline:scroll(root)}
.mr-progress .mr-pt{position:absolute;left:0;top:-6px;width:0;height:0;animation:mr-tip linear both;animation-timeline:scroll(root);will-change:transform}
.mr-progress .mr-pt::before{content:"";position:absolute;left:-4px;top:0;width:8px;height:13px;background:#ff0042;-webkit-mask:var(--mrb) center/contain no-repeat;mask:var(--mrb) center/contain no-repeat}
.mr-progress .mr-pt i,.mr-progress .mr-pd{position:absolute;width:2px;height:9px;border-radius:0 0 2px 2px;background:#ff0042;transform-origin:50% 0}
.mr-progress .mr-pt i{left:-9px;top:7px;animation:mr-drip 3.2s ease-in-out infinite}
.mr-progress .mr-pt i+i{left:-17px;width:1.5px;height:6px;animation-duration:4.1s;animation-delay:-1.3s}
.mr-progress .mr-pd::after,.mr-progress .mr-pt i::after{content:"";position:absolute;left:50%;bottom:-2px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:inherit}
.mr-progress .mr-pd{top:2px;left:var(--x);height:var(--h,8px);transform:scaleY(0);animation:mr-pdrip linear both;animation-timeline:scroll(root);animation-range:calc(var(--p) * 1%) calc(var(--p) * 1% + 6%)}
.mr-progress .mr-pd:nth-child(4){width:1.5px}
@keyframes mr-tip{0%{transform:translateX(0);opacity:0}3%{opacity:1}to{transform:translateX(100vw);opacity:1}}
@keyframes mr-drip{0%,100%{transform:scaleY(.35)}55%{transform:scaleY(1)}}
@keyframes mr-pdrip{0%{transform:scaleY(0)}to{transform:scaleY(1)}}}
@keyframes mr-prog{0%{clip-path:inset(0 100% 0 0);opacity:0}3%{opacity:1}to{clip-path:inset(0 0 0 0);opacity:1}}
@media (prefers-reduced-motion:reduce){.mr-progress .mr-pt i{animation:none;transform:scaleY(.7)}}
/* Vorschlag 2: Link-Hover – Blitz schlägt vor dem Link ein */
main p a,.mr-footer a,footer a{position:relative}
main p a::before,footer p a::before{content:"";position:absolute;left:-.75em;top:.1em;width:.55em;height:.95em;background:#ff0042;-webkit-mask:var(--mrb) center/contain no-repeat;mask:var(--mrb) center/contain no-repeat;transform:scale(0) rotate(-30deg);transform-origin:50% 0;transition:transform .18s cubic-bezier(.3,1.8,.6,1)}
main p a:hover::before,main p a:focus-visible::before,footer p a:hover::before,footer p a:focus-visible::before{transform:none}
/* Vorschlag 3: Abschnittstitel – Blitz statt Balken, zuckt beim Einblenden */
.mr-section-title::before{width:.55em!important;height:.95em!important;transform:none!important;background:#ff0042;-webkit-mask:var(--mrb) center/contain no-repeat;mask:var(--mrb) center/contain no-repeat}
.mr-section-title.is-in::before{animation:mr-jolt .5s steps(2) 2}
@keyframes mr-jolt{50%{transform:translate(-2px,1px) rotate(-12deg)!important;opacity:.4}}
/* Vorschlag 4: 404 – „4 Blitz 4“, flackert wie kaputtes Neon */
.mr-404{display:flex;align-items:center;gap:.1em;font-size:clamp(5rem,18vw,11rem);line-height:1;margin:0 0 .2em}
.mr-404 i{display:inline-block;width:.5em;height:.85em;background:#ff0042;-webkit-mask:var(--mrb) center/contain no-repeat;mask:var(--mrb) center/contain no-repeat;animation:mr-neon 2.6s steps(1) infinite}
@keyframes mr-neon{0%,18%,22%,60%,64%,100%{opacity:1}20%,62%{opacity:.15}}
@media (prefers-reduced-motion:reduce){.mr-404 i,.mr-section-title.is-in::before{animation:none}main p a::before,footer p a::before{transition:none}}

/* ===== v6: Korrekturen ===== */
/* Sticky Header (Wrapper klebt, Kopfleiste + Header bleiben oben) */
.mr-head-wrap{position:sticky;top:0;z-index:60}
.mr-head-wrap .mr-header{position:relative;top:auto}
.mr-topbar{justify-content:flex-end}
/* Mobil: Header zentriert, Burger rechts */
@media (max-width:781px){
.mr-header{justify-content:center!important;min-height:56px}
.mr-brand{margin-inline:auto}
.js .mr-burger{position:absolute;right:1rem;top:50%;transform:translateY(-50%);margin:0}
.mr-topbar{justify-content:center}}
/* Klebestreifen (Tape) – gemeinsamer Look */
.mr-grid .wp-block-post-title a,.mr-project-title{display:inline-block;background:#ff0042 linear-gradient(100deg,rgba(255,255,255,.12),rgba(0,0,0,.08) 40%,rgba(255,255,255,.1) 70%,rgba(0,0,0,.12));color:#fff!important;text-transform:uppercase!important;font-weight:600;letter-spacing:.03em;padding:.35em .9em;transform:rotate(-1.5deg);
clip-path:polygon(0 8%,2% 0,4% 12%,6% 2%,8% 6%,92% 4%,94% 0,96% 10%,98% 2%,100% 9%,99% 30%,100% 52%,98.5% 74%,100% 92%,97% 100%,95% 90%,93% 99%,6% 96%,4% 100%,2% 90%,0 98%,1% 70%,0 48%,1.5% 26%)}
.mr-grid .wp-block-post-title{margin:.6rem 0 0!important}
.mr-grid .wp-block-post-title a:hover{color:#000!important}
.mr-grid>li:nth-child(even) .wp-block-post-title a{transform:rotate(1deg)}
.mr-project-title{font-size:clamp(1.4rem,3.6vw,2.4rem)!important;line-height:1.15;margin-bottom:1rem!important}
/* Hero: roter Klebestreifen statt Punkteraster */
.mr-face-wrap{background:none!important}
.mr-face-wrap::before{display:block!important;content:"";position:absolute;inset:auto -8% 4% -8%;height:15%;border-radius:0;background:#ff0042 linear-gradient(95deg,rgba(255,255,255,.14),rgba(0,0,0,.1) 35%,rgba(255,255,255,.08) 65%,rgba(0,0,0,.14));transform:rotate(-7deg);animation:none!important;z-index:2;opacity:.95;mix-blend-mode:normal;
clip-path:polygon(0 10%,2% 0,4% 14%,5.5% 3%,7% 8%,93% 5%,95% 0,96.5% 12%,98% 2%,100% 12%,99% 34%,100% 55%,98.5% 78%,100% 94%,97.5% 100%,95.5% 88%,93% 98%,7% 95%,5% 100%,3% 88%,1% 99%,0 80%,1.5% 58%,0 36%)}
.mr-face-wrap::after{z-index:3}
/* Projektseite: Sticky Zurück-Button */
.mr-back{position:fixed;left:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:70;display:inline-flex;gap:.4em;align-items:center;background:#0f1114;color:#f2f2f2!important;text-decoration:none;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;padding:.75em 1.1em;box-shadow:4px 4px 0 #ff0042;transition:transform .15s,box-shadow .15s}
.mr-back:hover,.mr-back:focus-visible{background:#ff0042;box-shadow:4px 4px 0 #0f1114;transform:translate(-2px,-2px)}
.mr-back::before{display:none!important}
/* Footer-Logo (SVG) */
.mr-footer-brand{display:inline-block;color:#f2f2f2;margin-bottom:.6rem}
.mr-footer-brand::before{display:none!important}
.mr-footer-logo{height:24px;width:auto;max-width:100%;display:block;fill:#f2f2f2}
.mr-footer-logo .lg-z{fill:#ff0042}
/* Sechs Leistungen auf der Startseite */
.mr-services-6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2rem)}
.mr-services-6>.mr-card{margin:0!important;padding:clamp(1.25rem,2vw,1.75rem);background:#f2f2f2}
.mr-services-6 .mr-icon{margin:0 0 .5rem}
.mr-services-6 .mr-icon img{width:88px!important;height:auto}
.mr-services-6 h3{text-transform:uppercase;margin:.3rem 0 .6rem}
.mr-services-6 p{font-size:.95rem;line-height:1.55}
@media (max-width:1000px){.mr-services-6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.mr-services-6{grid-template-columns:1fr}}
/* Großes Hintergrund-Logo aus SVG statt Pixelbild; Grunge als eigene Ebene */
.mr-hero::before{background:url(assets/svg/bildmarke.svg) center/contain no-repeat;opacity:.09}
.mr-hero-small::after{content:"";position:absolute;inset:0;width:auto;height:auto;z-index:0;background:url(assets/img/mr-grunge.webp) 0 0/400px repeat;filter:invert(1);opacity:.5;pointer-events:none}
.mr-hero-small>*{position:relative;z-index:1}
/* Risskanten zwischen den Bereichen */
:root{--tear-b:polygon(0 0,100% 0,100% calc(100% - 16px),96% calc(100% - 2px),91% calc(100% - 12px),85% calc(100% - 1px),79% calc(100% - 15px),72% calc(100% - 3px),65% calc(100% - 13px),58% 100%,51% calc(100% - 14px),44% calc(100% - 4px),37% calc(100% - 16px),30% calc(100% - 2px),23% calc(100% - 12px),16% 100%,9% calc(100% - 15px),4% calc(100% - 3px),0 calc(100% - 11px));
--tear-tb:polygon(0 12px,5% 2px,11% 14px,18% 0,25% 11px,32% 3px,39% 15px,46% 1px,53% 12px,60% 4px,67% 16px,74% 0,81% 13px,88% 3px,94% 14px,100% 4px,100% calc(100% - 16px),96% calc(100% - 2px),91% calc(100% - 12px),85% calc(100% - 1px),79% calc(100% - 15px),72% calc(100% - 3px),65% calc(100% - 13px),58% 100%,51% calc(100% - 14px),44% calc(100% - 4px),37% calc(100% - 16px),30% calc(100% - 2px),23% calc(100% - 12px),16% 100%,9% calc(100% - 15px),4% calc(100% - 3px),0 calc(100% - 11px));
--tear-t:polygon(0 12px,5% 2px,11% 14px,18% 0,25% 11px,32% 3px,39% 15px,46% 1px,53% 12px,60% 4px,67% 16px,74% 0,81% 13px,88% 3px,94% 14px,100% 4px,100% 100%,0 100%)}
.mr-hero-small{clip-path:var(--tear-b)}
.mr-hero-small::after{display:block}
.mr-dark,.mr-section.has-white-background-color{clip-path:var(--tear-tb);margin-block:-8px!important}
.mr-contact{clip-path:var(--tear-t);margin-top:-8px!important}
.mr-footer{clip-path:var(--tear-t);padding-top:calc(var(--wp--preset--spacing--50) + 16px)!important}
.wp-site-blocks>footer,.wp-site-blocks>div:last-child{margin-top:-14px}
.mr-face-wrap::before{inset:auto -8% -5% -8%}
.mr-hero::before{opacity:.06}
@media (max-width:600px){.mr-project-title{font-size:1.3rem!important}}
.mr-service-row .mr-icon img{width:120px!important;max-width:120px}@media (max-width:781px){.mr-service-row .mr-icon img{width:88px!important}}

/* ===== v7 ===== */
/* 2) Flach: keine Versatz-/Doppelschatten */
.wp-element-button,.wp-block-button__link,.mr-hero .wp-element-button,.mr-card,.mr-card:hover,.mr-kicker,.mr-sub,.mr-back,.mr-back:hover,.mr-back:focus-visible{box-shadow:none!important}
.wp-element-button:hover,.mr-card:hover,.mr-back:hover{transform:none!important}
.wp-element-button:hover{background:#0f1114;color:#fff}
.mr-hero .wp-element-button:hover,.mr-dark .wp-element-button:hover{background:#fff;color:#0f1114}
.mr-card{border:0;background:#fff}
/* 1) Echter Klebestreifen (WebP mit Alpha) */
.mr-face-wrap::before{clip-path:none!important;background:url(assets/img/tape-1.webp) center/100% 100% no-repeat!important;opacity:1!important;height:auto!important;aspect-ratio:800/145;inset:auto -14% -2% -10%!important;transform:rotate(-6deg)!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.mr-grid .wp-block-post-title a,.mr-project-title{clip-path:none!important;background:url(assets/img/tape-2.webp) center/100% 100% no-repeat!important;padding:.55em 1.3em .5em!important;text-shadow:0 1px 0 rgba(0,0,0,.18)}
.mr-grid>li:nth-child(3n+2) .wp-block-post-title a{background-image:url(assets/img/tape-3.webp)!important}
.mr-grid>li:nth-child(3n) .wp-block-post-title a,.mr-project-title{background-image:url(assets/img/tape-1.webp)!important}
.mr-grid .wp-block-post-title a:hover{color:#0f1114!important}
/* 3) Realistische Risskante: Maske + weiße Papierfaser */
.mr-tear,.mr-hero-home,.mr-hero-small,.mr-dark,.mr-angebot,.mr-contact,.mr-section.has-white-background-color,.mr-footer{clip-path:none!important;
-webkit-mask:url(assets/svg/tear-mask-top.svg) top/100% 32px no-repeat,linear-gradient(#000,#000) center/100% calc(100% - 62px) no-repeat,url(assets/svg/tear-mask-bot.svg) bottom/100% 32px no-repeat;
mask:url(assets/svg/tear-mask-top.svg) top/100% 32px no-repeat,linear-gradient(#000,#000) center/100% calc(100% - 62px) no-repeat,url(assets/svg/tear-mask-bot.svg) bottom/100% 32px no-repeat;
background-image:url(assets/svg/tear-fiber-top.svg),url(assets/svg/tear-fiber-bot.svg)!important;background-position:top,bottom!important;background-size:100% 32px!important;background-repeat:no-repeat!important;margin-block:0!important}
/* oben nicht gerissen: Hero (Seitenanfang) */
.mr-hero-home,.mr-hero-small{-webkit-mask:linear-gradient(#000,#000) top/100% calc(100% - 31px) no-repeat,url(assets/svg/tear-mask-bot.svg) bottom/100% 32px no-repeat;mask:linear-gradient(#000,#000) top/100% calc(100% - 31px) no-repeat,url(assets/svg/tear-mask-bot.svg) bottom/100% 32px no-repeat;background-image:url(assets/svg/tear-fiber-bot.svg)!important;background-position:bottom!important}
/* farbig auf farbig: der folgende Bereich überlappt mit seiner oberen Kante */
:is(.mr-hero-home,.mr-hero-small,.mr-dark,.mr-angebot,.mr-contact,.mr-section.has-white-background-color)+:is(.mr-dark,.mr-angebot,.mr-contact,.mr-section.has-white-background-color){margin-top:-30px!important}
:is(.mr-dark,.mr-angebot,.mr-section.has-white-background-color):has(+ :is(.mr-dark,.mr-angebot,.mr-contact,.mr-section.has-white-background-color)){-webkit-mask:url(assets/svg/tear-mask-top.svg) top/100% 32px no-repeat,linear-gradient(#000,#000) bottom/100% calc(100% - 31px) no-repeat;mask:url(assets/svg/tear-mask-top.svg) top/100% 32px no-repeat,linear-gradient(#000,#000) bottom/100% calc(100% - 31px) no-repeat;background-image:url(assets/svg/tear-fiber-top.svg)!important;background-position:top!important}
.mr-hero-home:has(+ :is(.mr-dark,.mr-angebot,.mr-contact)),.mr-hero-small:has(+ :is(.mr-dark,.mr-angebot,.mr-contact)){-webkit-mask:none;mask:none;background-image:none!important}
.mr-hero-home:has(+ :is(.mr-dark,.mr-angebot,.mr-contact)){background-image:none!important}
/* Footer: obere Kante über dem Kontaktblock, Kontakt unten gerade */
.mr-footer{-webkit-mask:url(assets/svg/tear-mask-top.svg) top/100% 32px no-repeat,linear-gradient(#000,#000) bottom/100% calc(100% - 31px) no-repeat;mask:url(assets/svg/tear-mask-top.svg) top/100% 32px no-repeat,linear-gradient(#000,#000) bottom/100% calc(100% - 31px) no-repeat;background-image:url(assets/svg/tear-fiber-top.svg)!important;background-position:top!important}
main>.mr-contact:last-child,main>.wp-block-post-content>.mr-contact:last-child,.mr-contact:last-child{-webkit-mask:url(assets/svg/tear-mask-top.svg) top/100% 32px no-repeat,linear-gradient(#000,#000) bottom/100% calc(100% - 31px) no-repeat;mask:url(assets/svg/tear-mask-top.svg) top/100% 32px no-repeat,linear-gradient(#000,#000) bottom/100% calc(100% - 31px) no-repeat;background-image:url(assets/svg/tear-fiber-top.svg)!important;background-position:top!important}
.wp-site-blocks>footer,.wp-site-blocks>div:last-child{margin-top:-30px!important;position:relative;z-index:2}
.mr-section.mr-dark,.mr-angebot,.mr-contact,.mr-section.has-white-background-color{padding-top:calc(var(--wp--preset--spacing--60) + 12px)!important}
/* 4) Angebot auf rotem Block, Karten nur Titel + Text */
.mr-angebot{background-color:#ff0042!important;color:#fff}
.mr-angebot .mr-section-title::before{background:#0f1114}
.mr-angebot .mr-services-6>.mr-card{background:none;border:0;border-top:3px solid #0f1114;padding:1rem 0 0}
.mr-angebot .mr-card h3{color:#0f1114;font-size:1.3rem}
.mr-angebot .mr-card p{color:#fff;font-size:1rem}
.mr-angebot .mr-more{color:#fff;font-weight:600}
.mr-angebot p a::before{background:#0f1114}
/* 5) Referenzen – Mehr anzeigen */
.mr-more-wrap{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center;margin-top:2rem}
.mr-more-btn{font:inherit;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.9rem;border:0;cursor:pointer;background:#ff0042;color:#fff;padding:.85em 1.5em;border-radius:0}
.mr-more-btn:hover,.mr-more-btn:focus-visible{background:#fff;color:#0f1114}
.mr-more-btn[hidden]{display:none}
.mr-all-link{color:#f2f2f2;font-weight:600;text-decoration:none}
.mr-grid>li[hidden]{display:none!important}
/* 6) Kontakt-Mail normale Größe */
.mr-contact-mail{font-size:clamp(1.1rem,2vw,1.35rem)!important;font-weight:600;margin:0 0 .6rem}
/* 7) Hero: Reihe großer Blitze hinter dem Foto statt Logo */
.mr-hero-home::before{background:url(assets/img/mr-grunge.webp) 0 0/400px repeat!important;opacity:.55!important;inset:0!important;width:auto!important;filter:invert(1)}
.mr-hero-home .mr-hero-cols{position:relative}
.mr-hero-home .mr-hero-cols>.wp-block-column:last-child::before{content:"";position:absolute;z-index:0;left:50%;top:50%;width:170%;height:92%;transform:translate(-50%,-50%) skewX(-6deg);pointer-events:none;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='158 -1 22 30'%3E%3Cpath d='M172.4 11h-2.2L176 .9h-8.3l-6.9 15.6h6.4l-2.7 10.9L176.2 11z' fill='%23ff0042'/%3E%3C/svg%3E") center/auto 78% repeat-x;opacity:.22;animation:mr-bolts 7s ease-in-out infinite}
.mr-hero-home .mr-hero-cols>*{position:relative;z-index:1}
@keyframes mr-bolts{0%,100%{opacity:.26}45%{opacity:.4}50%{opacity:.16}53%{opacity:.42}}
.mr-hero-home .mr-hero-cols>.wp-block-column:last-child{position:relative}
@media (max-width:781px){.mr-hero-home .mr-hero-cols>.wp-block-column:last-child::before{width:100vw;height:100%}}
@media (prefers-reduced-motion:reduce){.mr-hero-home .mr-hero-cols>.wp-block-column:last-child::before{animation:none}}

/* ===== v8 ===== */
/* 4) Risskanten ohne Papierstreifen/Fasern: direkt Farbe auf Farbe */
.mr-tear,.mr-hero-home,.mr-hero-small,.mr-dark,.mr-angebot,.mr-contact,.mr-section,.mr-footer{background-image:none!important}
/* 3) Angebot: Bereich hell (Grunge der Seite), Karten rot mit Tape-Headline */
.mr-angebot{background-color:transparent!important;color:#0f1114;-webkit-mask:none!important;mask:none!important;margin-top:0!important}
.mr-hero-home:has(+ .mr-angebot){-webkit-mask:linear-gradient(#000,#000) top/100% calc(100% - 31px) no-repeat,url(assets/svg/tear-mask-bot.svg) bottom/100% 32px no-repeat!important;mask:linear-gradient(#000,#000) top/100% calc(100% - 31px) no-repeat,url(assets/svg/tear-mask-bot.svg) bottom/100% 32px no-repeat!important}
.mr-angebot+.mr-dark{margin-top:0!important}
.mr-angebot .mr-section-title{color:#0f1114}
.mr-angebot .mr-section-title::before{background:#ff0042}
.mr-angebot .mr-services-6>.mr-card{background:#ff0042!important;border:0!important;padding:clamp(1.25rem,2vw,1.75rem)!important;color:#fff}
.mr-angebot .mr-card h3{display:inline-block;color:#fff!important;font-size:1.15rem;margin:-.2rem 0 .9rem -.6rem!important;padding:.5em 1.2em .45em;background:url(assets/img/tape-2.webp) center/100% 100% no-repeat;transform:rotate(-2deg);text-shadow:0 1px 0 rgba(0,0,0,.2);filter:drop-shadow(0 2px 2px rgba(0,0,0,.25)) saturate(1.1) brightness(.92)}
.mr-angebot .mr-card:nth-child(3n+2) h3{background-image:url(assets/img/tape-3.webp);transform:rotate(1.5deg)}
.mr-angebot .mr-card:nth-child(3n) h3{background-image:url(assets/img/tape-1.webp);transform:rotate(-1deg)}
.mr-angebot .mr-card p{color:#fff}
.mr-angebot .mr-more{color:#0f1114}
.mr-angebot p a::before{background:#ff0042}
/* 1) Hero: EIN großer Blitz rechts, angeschnitten; Grunge bleibt */
.mr-hero-home .mr-hero-cols>.wp-block-column:last-child::before{display:none!important}
.mr-hero-home .mr-hero-cols{position:static!important}
.mr-hero-home>.mr-hero-cols::after,.mr-hero-home::after{content:""}
.mr-hero-home::after{position:absolute!important;inset:auto!important;top:4%!important;bottom:auto!important;right:-9%!important;left:auto!important;width:min(48vw,640px)!important;height:auto!important;aspect-ratio:17/28;z-index:0!important;pointer-events:none;opacity:.2;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='160.8 .9 15.4 26.5'%3E%3Cpath d='M172.4 11h-2.2L176 .9h-8.3l-6.9 15.6h6.4l-2.7 10.9L176.2 11z' fill='%23ff0042'/%3E%3C/svg%3E") center/contain no-repeat!important}
@media (max-width:781px){.mr-hero-home::after{width:78vw!important;right:-26%!important;top:2%!important}}
/* 2) Kein Tape mehr am Gesicht */
.mr-face-wrap::before{display:none!important}
/* 5) Mehr Luft zwischen den Bereichen */
.mr-section{padding-top:clamp(4.5rem,9vw,8rem)!important;padding-bottom:clamp(4.5rem,9vw,8rem)!important}
.mr-section.mr-dark,.mr-contact,.mr-section.has-white-background-color{padding-top:calc(clamp(4.5rem,9vw,8rem) + 16px)!important;padding-bottom:calc(clamp(4.5rem,9vw,8rem) + 16px)!important}
.mr-refs .mr-section-title{margin-bottom:clamp(2rem,4vw,3rem)!important}
.mr-refs .mr-more-wrap{margin-top:clamp(2.5rem,5vw,3.5rem)}
.mr-hero-home .mr-face{mix-blend-mode:lighten!important}.mr-hero-home .mr-face-wrap{isolation:auto}.mr-angebot .mr-card h3{filter:drop-shadow(0 3px 4px rgba(0,0,0,.4)) brightness(.88)}
.mr-hero-home::after{z-index:-1!important}.mr-hero-home::before{z-index:-1!important}.mr-hero-home>.mr-hero-cols,.mr-hero-home .mr-hero-cols>.wp-block-column{z-index:auto!important}
/* v8: Gesicht blendet über den großen Blitz (Schwarz des Fotos wird transparent) */
.mr-hero-home>.mr-hero-cols,.mr-hero-home .mr-hero-cols>*{z-index:auto!important}
.mr-hero-home::after{z-index:-1!important}
.mr-hero-home::before{z-index:-2!important}
/* v8: Kundenlogos mobil größer, 4 pro Reihe */
.mr-logos-m{display:none}
@media (max-width:600px){.mr-logos{display:none!important}
.mr-logos-m{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem .9rem;list-style:none;margin:0;padding:0;align-items:center}
.mr-logos-m li{display:flex;align-items:center;justify-content:center;aspect-ratio:2/1}
.mr-logos-m img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}}
/* ===== v9 ===== */
/* 1 Hero: kein Blitz, Foto deckend (freigestellt), Grunge im Schwarz hinter dem Kopf */
.mr-hero-home::after{display:none!important}
.mr-hero-home .mr-face{mix-blend-mode:normal!important;opacity:1!important}
.mr-hero-home{isolation:isolate}
.mr-hero-home::before{z-index:-1!important;opacity:.32!important}
.mr-hero-home .mr-hero-cols>.wp-block-column:last-child{position:relative}
.mr-hero-home .mr-hero-cols>.wp-block-column:last-child::before{display:block!important;content:""!important;position:absolute!important;z-index:-1!important;left:50%!important;top:50%!important;width:150%!important;height:120%!important;transform:translate(-50%,-50%)!important;background:url(assets/img/mr-grunge.webp) 0 0/420px repeat!important;filter:invert(1)!important;opacity:.6!important;animation:none!important;-webkit-mask:radial-gradient(closest-side,#000 35%,transparent);mask:radial-gradient(closest-side,#000 35%,transparent)}
/* 2 Weniger Abstand oben */
.mr-hero-home{padding-top:clamp(1.5rem,3.5vw,3rem)!important;padding-bottom:clamp(3rem,6vw,5rem)!important}
.mr-hero-home .mr-hero-cols{align-items:flex-start!important}
.mr-hero-home .mr-hero-cols>.wp-block-column:first-child{align-self:center}
.mr-hero-home .mr-face{max-height:64vh}
/* 3 Angebot: größeres Tape über der Ecke */
.mr-angebot .mr-card{position:relative;overflow:visible!important}
.mr-angebot .mr-card h3{font-size:clamp(1.3rem,2vw,1.6rem)!important;padding:.6em 1.5em .55em!important;margin:-2.6rem 0 1rem -2.4rem!important;position:relative;z-index:2}
.mr-angebot .mr-grid,.mr-angebot .mr-cards{row-gap:3.5rem!important}
.mr-angebot .mr-more{display:none}
/* 4 Referenzen: helle Fläche im dunklen Band */
.mr-refs .wp-block-query{background:#f2f2f2 url(assets/img/mr-grunge.webp) 0 0/400px repeat;color:#0f1114;padding:clamp(1.25rem,3vw,2.5rem);border-radius:2px}
/* 5 Mobil: Sticker + Buttons zentriert */
@media (max-width:781px){.mr-hero-home .mr-hero-cols>.wp-block-column:first-child{text-align:center}
.mr-hero-home .mr-sub{margin-left:auto!important;margin-right:auto!important;display:table!important}
.mr-hero-home .wp-block-buttons{justify-content:center!important}
.mr-hero-home .mr-hero-title svg{margin-inline:auto}
.mr-hero-home .mr-hero-cols>.wp-block-column:last-child::before{width:120vw!important}}
/* Kunden: Einzel-Logos */
.mr-logos-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2.4rem 2.2rem;list-style:none;margin:0;padding:0;align-items:center}
.mr-logos-grid li{display:flex;align-items:center;justify-content:center;height:84px}
.mr-logos-grid img{max-width:100%;max-height:72px;width:auto;height:auto;object-fit:contain}
@media (max-width:1000px){.mr-logos-grid{grid-template-columns:repeat(5,1fr)}}
@media (max-width:600px){.mr-logos-grid{grid-template-columns:repeat(4,1fr);gap:1.1rem .9rem}.mr-logos-grid li{height:auto;aspect-ratio:2/1}.mr-logos-grid img{max-height:100%}}
.mr-hero-home::before{opacity:.5!important}
.mr-hero-home .mr-hero-cols>.wp-block-column:last-child::before{opacity:1!important;width:180%!important;height:140%!important;-webkit-mask:radial-gradient(closest-side,#000 45%,transparent)!important;mask:radial-gradient(closest-side,#000 45%,transparent)!important}
@media (min-width:601px){.mr-logos-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2.4rem 2.2rem}.mr-logos-grid li{flex:0 0 calc((100% - 5*2.2rem)/6)}}
@media (min-width:601px) and (max-width:1000px){.mr-logos-grid li{flex-basis:calc((100% - 4*2.2rem)/5)}}
.mr-hero-home::before{opacity:.75!important}
/* ===== v9 Hero-Redesign: großes Duotone-Porträt rechts im Anschnitt ===== */
.mr-hero-home{min-height:min(calc(100svh - 110px),760px);display:flex!important;flex-direction:column;justify-content:center;padding-top:clamp(1.5rem,3vw,2.5rem)!important;padding-bottom:clamp(3rem,6vw,5rem)!important}
.mr-hero-home .mr-hero-cols{position:static!important;width:100%}
.mr-hero-home .mr-hero-cols>.wp-block-column:first-child{flex-basis:56%!important;position:relative;z-index:2!important}
.mr-hero-home .mr-hero-cols>.wp-block-column:last-child{position:static!important;flex:0 0 0!important;margin:0!important;padding:0!important}
.mr-hero-home .mr-hero-cols>.wp-block-column:last-child::before{display:none!important}
.mr-hero-photo{position:absolute;z-index:0;right:-6%;bottom:-10%;height:118%;aspect-ratio:1;margin:0;pointer-events:none}
.mr-hero-photo img{display:block;width:100%;height:100%;object-fit:cover}
.mr-hero-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0,rgba(0,0,0,.75) 14%,transparent 38%),linear-gradient(0deg,#000 0,transparent 18%)}
.mr-hero-photo::after{content:"";position:absolute;inset:0;background:url(assets/img/mr-grunge.webp) 0 0/380px repeat;filter:invert(1);mix-blend-mode:screen;opacity:.45}
.mr-hero-home::before{z-index:1!important;opacity:.5!important;pointer-events:none}
@media (max-width:781px){
.mr-hero-home{min-height:0;padding-top:min(78vw,420px)!important;text-align:center}
.mr-hero-photo{right:auto;left:50%;transform:translateX(-50%);top:-4%;bottom:auto;height:auto;width:118vw;max-width:560px}
.mr-hero-photo::before{background:linear-gradient(0deg,#000 0,rgba(0,0,0,.85) 14%,transparent 42%)}
.mr-hero-home .mr-hero-cols>.wp-block-column:first-child{flex-basis:100%!important}}
@media (min-width:782px){.mr-hero-photo{right:-16%;bottom:-14%;height:130%}.mr-hero-home .mr-hero-title svg{width:min(100%,560px)!important;max-width:none!important;height:auto}}
/* v9: Glitch */
.mr-hero-photo{pointer-events:auto;cursor:crosshair}
.mr-hero-photo .mr-g{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
.mr-hero-photo.is-glitch .mr-g-r{opacity:.8;mix-blend-mode:screen;filter:saturate(2);animation:mr-gr .65s steps(2) both}
.mr-hero-photo.is-glitch .mr-g-c{opacity:.7;mix-blend-mode:screen;filter:hue-rotate(170deg) saturate(3) brightness(.9);animation:mr-gc .65s steps(2) both}
.mr-hero-photo.is-glitch .mr-g-s1{opacity:1;animation:mr-gs1 .65s steps(1) both}
.mr-hero-photo.is-glitch .mr-g-s2{opacity:1;animation:mr-gs2 .65s steps(1) both}
.mr-hero-photo.is-glitch>img:first-child{animation:mr-gm .65s steps(1) both}
@keyframes mr-gr{0%{transform:translate(9px,-2px)}40%{transform:translate(-6px,1px)}80%{transform:translate(4px,0)}100%{transform:none;opacity:0}}
@keyframes mr-gc{0%{transform:translate(-9px,2px)}40%{transform:translate(7px,-1px)}80%{transform:translate(-3px,0)}100%{transform:none;opacity:0}}
@keyframes mr-gs1{0%{clip-path:inset(22% 0 68% 0);transform:translateX(-28px)}20%{clip-path:inset(48% 0 40% 0);transform:translateX(34px)}45%{clip-path:inset(70% 0 22% 0);transform:translateX(-18px)}70%{clip-path:inset(35% 0 58% 0);transform:translateX(22px)}100%{clip-path:inset(0 0 100% 0);transform:none}}
@keyframes mr-gs2{0%{clip-path:inset(56% 0 36% 0);transform:translateX(24px)}25%{clip-path:inset(12% 0 82% 0);transform:translateX(-30px)}55%{clip-path:inset(82% 0 10% 0);transform:translateX(16px)}80%{clip-path:inset(40% 0 52% 0);transform:translateX(-12px)}100%{clip-path:inset(0 0 100% 0);transform:none}}
@keyframes mr-gm{0%{transform:translateX(3px)}30%{transform:translateX(-3px)}60%{transform:translateX(2px)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.mr-hero-photo .mr-g{display:none}.mr-hero-photo.is-glitch>img:first-child{animation:none}}
/* v9.2: Blitz-Pop-ups */
.mr-bolt-pop{position:absolute;z-index:4;width:clamp(24px,3.2vw,44px);aspect-ratio:17/28;pointer-events:none;transform:translate(-50%,-50%) scale(0);animation:mr-bpop 1s cubic-bezier(.2,1.6,.4,1) both;filter:drop-shadow(0 0 6px rgba(255,0,66,.6))}
.mr-bolt-pop svg{display:block;width:100%;height:100%}
@keyframes mr-bpop{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(var(--r))}25%{opacity:1;transform:translate(calc(-50% + var(--dx)*.6),calc(-50% + var(--dy)*.6)) scale(var(--s)) rotate(var(--r))}70%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(calc(var(--s)*.7)) rotate(var(--r))}}
@media (prefers-reduced-motion:reduce){.mr-bolt-pop{display:none}}
/* v9.3: DYMO-Prägeband statt Tape */
.mr-grid .wp-block-post-title a,.mr-project-title,.mr-angebot .mr-card h3{
 background:linear-gradient(180deg,rgba(255,255,255,.28) 0,rgba(255,255,255,.06) 38%,rgba(0,0,0,0) 55%,rgba(0,0,0,.22) 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,rgba(0,0,0,.03) 2px 4px),#b8002c!important;background-color:#b8002c!important;opacity:1!important;
 color:#fff!important;text-transform:uppercase;font-family:var(--wp--preset--font-family--kanit)!important;font-weight:600!important;letter-spacing:.12em;
 padding:.38em .95em .34em!important;border-radius:2px;
 clip-path:polygon(0 0,100% 0,calc(100% - .35em) 100%,0 100%)!important;
 text-shadow:0 -1px 0 rgba(0,0,0,.28),0 1px 0 rgba(255,255,255,.55),0 0 1px rgba(255,255,255,.6)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.25);
 filter:url(#mr-dymo) drop-shadow(0 2px 2px rgba(0,0,0,.35))!important;
 -webkit-font-smoothing:antialiased;text-decoration:none!important;line-height:1.25}
.mr-grid>li .wp-block-post-title a,.mr-grid>li:nth-child(n) .wp-block-post-title a{background-image:linear-gradient(180deg,rgba(255,255,255,.28) 0,rgba(255,255,255,.06) 38%,rgba(0,0,0,0) 55%,rgba(0,0,0,.18) 100%)!important}
.mr-angebot .mr-card h3,.mr-angebot .mr-card:nth-child(n) h3{transform:rotate(-1.2deg);background-image:linear-gradient(180deg,rgba(255,255,255,.28) 0,rgba(255,255,255,.06) 38%,rgba(0,0,0,0) 55%,rgba(0,0,0,.18) 100%)}
.mr-angebot .mr-card:nth-child(2n) h3{transform:rotate(.8deg);clip-path:polygon(.35em 0,100% 0,100% 100%,0 100%)!important}
.mr-grid>li:nth-child(2n) .wp-block-post-title a{clip-path:polygon(.3em 0,100% 0,100% 100%,0 100%)!important}
.mr-grid .wp-block-post-title a,.mr-project-title,.mr-angebot .mr-card h3{background-color:#b8002c!important;outline:1px solid rgba(0,0,0,.25);outline-offset:-1px}
/* v9.4: DYMO pro Zeile */
.mr-dymo{background:none!important;clip-path:none!important;box-shadow:none!important;outline:0!important;filter:none!important;padding:0!important;text-shadow:none!important;display:inline-flex!important;flex-direction:column;align-items:flex-start;gap:0;transform:none!important}
.mr-dl{display:block;white-space:nowrap;width:fit-content;padding:.36em .9em .32em;border-radius:2px;
 background:linear-gradient(180deg,rgba(255,255,255,.28) 0,rgba(255,255,255,.06) 38%,rgba(0,0,0,0) 55%,rgba(0,0,0,.22) 100%),#b8002c;color:#fff;
 clip-path:polygon(0 0,100% 0,calc(100% - .35em) 100%,0 100%);
 text-shadow:0 -1px 0 rgba(0,0,0,.3),0 1px 0 rgba(255,255,255,.5),0 0 1px rgba(255,255,255,.6);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.25);filter:url(#mr-dymo) drop-shadow(0 2px 2px rgba(0,0,0,.35));rotate:-1.2deg}
.mr-dymo-multi .mr-dl:first-child{rotate:-2.6deg;position:relative;z-index:1}
.mr-dymo-multi .mr-dl:nth-child(2){rotate:-.5deg;margin:-.12em 0 0 .5em;clip-path:polygon(.35em 0,100% 0,100% 100%,0 100%)}
.mr-dymo-multi .mr-dl:nth-child(n+3){rotate:1deg;margin:-.12em 0 0 .2em}
.mr-grid .mr-dymo .mr-dl,.mr-project-title.mr-dymo .mr-dl{background:linear-gradient(180deg,rgba(255,255,255,.22) 0,rgba(255,255,255,.04) 38%,rgba(0,0,0,0) 55%,rgba(0,0,0,.4) 100%),#111214;text-shadow:0 -1px 0 rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.35),0 0 1px rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 0 rgba(0,0,0,.5)}
.mr-grid .wp-block-post-title a.mr-dymo:hover .mr-dl{background-color:#ff0042}
/* v9.4: Topbar ohne Unterstreichung */
.mr-topbar .mr-obf,.mr-topbar a{border-bottom:0!important;text-decoration:none!important}
/* v9.4: Hero linke Spalte */
.mr-hero-cols>.wp-block-column:first-child{position:relative;padding-left:clamp(0rem,4vw,4.5rem);transform-origin:left center}
@media (min-width:782px){.mr-hero-cols>.wp-block-column:first-child{scale:1.08}}
.mr-hero-cols>.wp-block-column:first-child>*{position:relative;z-index:2}
/* v9.4: Grunge im Hero kräftiger */
.mr-hero-home::before{opacity:.85!important;background-size:520px!important;mix-blend-mode:screen}
/* v9.4: Kontakt-Links sauber */
.mr-contact a,.mr-contact .mr-obf{text-decoration:none!important;border-bottom:0!important;background-image:linear-gradient(#0f1114,#0f1114)!important;background-repeat:no-repeat!important;background-position:0 100%!important;background-size:0 2px!important;transition:background-size .25s,color .2s;padding-bottom:2px}
.mr-contact a:hover,.mr-contact a:focus-visible{background-size:100% 2px!important;color:#fff}
.mr-contact-mail a{background-size:0 .1em!important}.mr-contact-mail a:hover{background-size:100% .1em!important}
@media (prefers-reduced-motion:reduce){.mr-contact a{transition:none}}
/* v9.4 fixes */
.mr-angebot .mr-card h3.mr-dymo,.mr-grid .wp-block-post-title a.mr-dymo,.mr-project-title.mr-dymo{background:none!important;background-color:transparent!important;outline:0!important;filter:none!important;clip-path:none!important;box-shadow:none!important;text-shadow:none!important}
.mr-angebot .mr-card h3.mr-dymo{padding:0!important}
/* v9.5: Slogan als DYMO im Hero */
.mr-hero-home p.mr-slogan.mr-dymo{display:flex!important;flex-direction:column;align-items:flex-start;margin:.6em 0 1.4em!important;font-size:clamp(1.15rem,2.2vw,1.9rem)!important;font-family:var(--wp--preset--font-family--kanit);font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.2;background:none!important;padding:0!important;transform:none!important}
.mr-slogan .mr-dl{padding:.4em .95em .36em;white-space:nowrap}
.mr-slogan .mr-dl:first-child{rotate:-4deg;margin-left:-.2em}
.mr-slogan .mr-dl:nth-child(2){rotate:-1deg;margin:-.18em 0 0 .9em}
@media (max-width:781px){.mr-hero-home p.mr-slogan.mr-dymo{align-items:center;font-size:clamp(.9rem,4.2vw,1.2rem)!important}.mr-slogan .mr-dl:nth-child(2){margin-left:0}}
/* v9.6: großer Neon-Blitz mit Flackern */
.mr-hero-home{overflow:hidden}
/* v9.6: DYMO schlichter – Flachfarbe, nur dezente Prägung */
.mr-dl{background:#b8002c!important;box-shadow:none!important;filter:url(#mr-dymo) drop-shadow(0 1px 1px rgba(0,0,0,.25))!important;text-shadow:0 1px 0 rgba(0,0,0,.25)!important}
.mr-grid .mr-dymo .mr-dl,.mr-project-title.mr-dymo .mr-dl{background:#111214!important;text-shadow:0 1px 0 rgba(255,255,255,.12)!important}
.mr-grid .wp-block-post-title a.mr-dymo:hover .mr-dl{background:#ff0042!important}
.mr-slogan .mr-dl{background:#f4f4f2!important;color:#0f1114!important;text-shadow:0 1px 0 rgba(255,255,255,.8)!important}
.mr-hero-home p.mr-slogan.mr-dymo{font-size:clamp(.95rem,1.6vw,1.4rem)!important}
@media (max-width:781px){.mr-hero-home p.mr-slogan.mr-dymo{font-size:clamp(.8rem,3.6vw,1.05rem)!important}}
/* v9.7: Mobile-Hero zentriert, Slogan-Bänder ohne Überlappung */
@media (max-width:781px){
 .mr-hero-home .mr-hero-cols>.wp-block-column:first-child{text-align:center;padding-left:0!important;display:flex;flex-direction:column;align-items:center}
 .mr-hero-home .mr-hero-title,.mr-hero-home .mr-logo-h1{margin-left:auto!important;margin-right:auto!important;text-align:center}
 .mr-hero-home .mr-logo-h1 svg{display:block;margin:0 auto;max-width:min(86vw,420px);height:auto}
 .mr-hero-home p.mr-slogan.mr-dymo{align-items:center!important;gap:.45em!important;margin:.7em auto 1.3em!important}
 .mr-slogan .mr-dl,.mr-slogan .mr-dl:nth-child(2){margin:0!important;white-space:normal;max-width:92vw;text-align:center}
 .mr-slogan .mr-dl:first-child{rotate:-2.5deg}.mr-slogan .mr-dl:nth-child(2){rotate:-.8deg}
 .mr-hero-home .wp-block-buttons{justify-content:center!important;width:100%}
}
html,body{overflow-x:clip}
@media (max-width:781px){.mr-dl{max-width:100%;white-space:normal!important}}
/* v9.8: Mobil – Blitz kleiner, am linken Rand angeschnitten */
/* v9.8: Hero-Buttons mobil gestapelt */
@media (max-width:781px){.mr-hero-home .wp-block-buttons{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;width:100%;max-width:420px;margin-inline:auto}
 .mr-hero-home .wp-block-button{width:100%!important}.mr-hero-home .wp-block-button__link{display:block;width:100%;text-align:center;box-sizing:border-box}}
/* v9.8: Kontakt-Popover / Sheet – punkig, flach, ohne Schatten */
.mr-ksheet{position:fixed;inset:0;z-index:9999;background:transparent}
.mr-ksheet[hidden]{display:none}
.mr-ksheet-in{position:fixed;width:260px;background:#0f1114;color:#fff;border:3px solid #ff0042;padding:1rem 1rem .9rem;display:flex;flex-direction:column;gap:.5rem;font-family:var(--wp--preset--font-family--kanit)}
.mr-ksheet-t{margin:0 2rem .3rem 0;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;color:#ff0042}
.mr-kopt{display:flex;align-items:center;gap:.6em;padding:.75em .9em;background:#fff;color:#0f1114!important;text-decoration:none!important;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;border:2px solid #fff}
.mr-kopt::before{content:"";width:.6em;height:1em;flex:none;background:#ff0042;-webkit-mask:var(--mrb) center/contain no-repeat;mask:var(--mrb) center/contain no-repeat}
.mr-kopt:hover,.mr-kopt:focus-visible{background:#ff0042;color:#fff!important;border-color:#ff0042;outline:0}
.mr-kopt:hover::before,.mr-kopt:focus-visible::before{background:#fff}
.mr-kopt:focus-visible{outline:3px solid #fff;outline-offset:2px}
.mr-kclose{position:absolute;top:.35rem;right:.45rem;background:none;border:0;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;padding:.2rem .4rem}
.mr-kclose:focus-visible{outline:2px solid #ff0042}
.mr-ksheet.is-sheet{background:rgba(0,0,0,.55)}
.mr-ksheet.is-sheet .mr-ksheet-in{left:0!important;right:0;bottom:0;top:auto!important;width:auto;border-width:3px 0 0;padding:1.3rem 1.2rem calc(1.2rem + env(safe-area-inset-bottom));animation:mr-sheet .22s ease-out}
.mr-ksheet.is-sheet .mr-kopt{padding:1em;font-size:1.05rem}
@keyframes mr-sheet{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.mr-ksheet.is-sheet .mr-ksheet-in{animation:none}}
/* v9.9: DYMO ohne Verzerrung, Grid-Labels kleiner, keine Wortbrüche */
.mr-dl,.mr-slogan .mr-dl{filter:none!important;text-shadow:none!important}
.mr-dl{word-break:keep-all!important;overflow-wrap:normal!important;hyphens:manual!important}
.mr-grid .mr-dymo .mr-dl{font-size:.82em;letter-spacing:.06em;padding:.32em .7em .28em}
@media (max-width:781px){
 .mr-grid .wp-block-post-title{font-size:clamp(.62rem,2.9vw,.8rem)!important;line-height:1.15}
 .mr-grid .mr-dymo .mr-dl{font-size:1em;letter-spacing:.04em;padding:.35em .55em .3em;white-space:normal!important;max-width:100%}
 .mr-dymo-multi .mr-dl:nth-child(2){margin-left:.3em}
 /* Logo-H1: beide Zeilen mittig (MARCEL 466 von 587 Einheiten breit) */
 .mr-hero-home .mr-logo-h1 svg .lg-a{transform:translateX(60px)}
}
/* v9.9: Neon-Flackern deutlich sichtbar (Desktop + Mobil), max ~2 Blinks/s */
@media (max-width:781px){.mr-grid .wp-block-post-title{font-size:clamp(.56rem,2.55vw,.74rem)!important}.mr-grid .mr-dymo .mr-dl{padding:.35em .45em .3em;letter-spacing:.03em}}
@media (max-width:781px){.mr-grid .wp-block-post-title{font-size:clamp(.56rem,2.55vw,.74rem)!important}.mr-grid .mr-dymo .mr-dl{padding:.35em .45em .3em;letter-spacing:.03em}}
/* v9.11: Referenzen – Verlauf weg, weiße Schrift auf roten Dymo-Bändern, über der Bildkante */
.mr-grid>li .wp-block-post-title a.mr-dymo,.mr-grid>li:nth-child(n) .wp-block-post-title a.mr-dymo{background:none!important;background-image:none!important;background-color:transparent!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;outline:0!important;clip-path:none!important;padding:0!important}
.mr-grid .wp-block-post-title{position:relative;z-index:3;margin:-1.15em 0 0 -.35em!important;pointer-events:none}
.mr-grid .wp-block-post-title a{pointer-events:auto}
.mr-grid .mr-dymo .mr-dl,.mr-project-title.mr-dymo .mr-dl{background:#d6002f!important;color:#fff!important;text-shadow:none!important;box-shadow:none!important;filter:none!important}
.mr-grid>li .mr-dymo .mr-dl:first-child{rotate:-2.4deg}
.mr-grid>li:nth-child(even) .mr-dymo .mr-dl:first-child{rotate:1.6deg}
.mr-grid>li .mr-dymo-multi .mr-dl:nth-child(2){rotate:-.4deg;margin-top:-.08em}
.mr-grid .wp-block-post-title a.mr-dymo:hover .mr-dl{background:#0f1114!important}
@media (max-width:781px){.mr-grid .wp-block-post-title{margin:-1.1em 0 0 -.25em!important}}
/* v9.11: Angebot – Bausteine fliegen nacheinander rein */
.js .mr-angebot .mr-card.mr-rv{opacity:1;transform:none;transition:none}
.js .mr-angebot .mr-card.mr-fly{opacity:0;transform:translate3d(var(--fx,-90px),70px,0) rotate(var(--fr,-9deg)) scale(.9)}
.mr-angebot .mr-card:nth-child(even){--fx:90px;--fr:8deg}
.js .mr-angebot .mr-card.mr-fly.is-landed{animation:mr-fly .85s cubic-bezier(.22,1,.36,1) var(--d,0ms) both}
.js .mr-angebot .mr-card.mr-fly h3 .mr-dl{opacity:0}
.js .mr-angebot .mr-card.mr-fly.is-landed h3 .mr-dl{animation:mr-slap .45s cubic-bezier(.3,1.6,.5,1) calc(var(--d,0ms) + .5s) both}
.js .mr-angebot .mr-card.mr-fly.is-landed>p{animation:mr-fade .5s ease-out calc(var(--d,0ms) + .35s) both}
@keyframes mr-fly{0%{opacity:0;transform:translate3d(var(--fx,-90px),70px,0) rotate(var(--fr,-9deg)) scale(.9)}
 55%{opacity:1;transform:translate3d(0,-8px,0) rotate(calc(var(--fr,-9deg) * -.25)) scale(1.02)}
 78%{transform:translate3d(0,3px,0) rotate(calc(var(--fr,-9deg) * .08)) scale(.995)}
 100%{opacity:1;transform:none}}
@keyframes mr-slap{0%{opacity:0;transform:scale(1.7) rotate(-10deg)}100%{opacity:1;transform:none}}
@keyframes mr-fade{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.js .mr-angebot .mr-card.mr-fly,.js .mr-angebot .mr-card.mr-fly h3 .mr-dl,.js .mr-angebot .mr-card.mr-fly>p{opacity:1!important;transform:none!important;animation:none!important}}
/* v9.12: Referenzen komplett schwarz, Kacheln invertiert auf weißem Grunge */
.mr-refs .wp-block-query{background:none!important;padding:0!important;color:inherit}
.mr-refs .mr-grid .wp-block-post-featured-image{background:#f2f2f2 url(assets/img/mr-grunge.webp) 0 0/320px repeat!important;padding:7%}
.mr-refs .mr-grid .wp-block-post-featured-image a{display:block;overflow:hidden}
.mr-refs .mr-grid .wp-block-post-title{margin:-1.9em 0 0 -.35em!important}
@media (max-width:781px){.mr-refs .mr-grid .wp-block-post-title{margin:-1.7em 0 0 -.2em!important}.mr-refs .mr-grid{gap:1.1rem .6rem!important}}
.mr-refs .mr-all-link{color:#f2f2f2}
/* v9.12: Kundenlogos – gleiche optische Fläche (--lh aus functions.php), mobil 3 Spalten */
.mr-logos-grid li{height:96px}
.mr-logos-grid img{height:calc(var(--lh,.5) * 70px)!important;width:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain}
@media (max-width:600px){.mr-logos-grid{grid-template-columns:repeat(3,1fr)!important;gap:1.6rem 1.2rem!important}
 .mr-logos-grid li{height:72px!important;aspect-ratio:auto!important}
 .mr-logos-grid img{height:calc(var(--lh,.5) * 58px)!important}}
/* v9.12: Angebot – rote Kästen schmaler, mehr Innenabstand, Label nicht mehr am Rand */
.mr-angebot .mr-services-6>.mr-card{padding:clamp(1.6rem,2.6vw,2.2rem)!important}
.mr-angebot .mr-card h3{margin:-2.4rem 0 1rem -1rem!important}
@media (max-width:640px){.mr-angebot .mr-services-6{padding-inline:1.1rem;row-gap:3.6rem!important}
 .mr-angebot .mr-services-6>.mr-card{padding:1.7rem 1.4rem 1.6rem!important}
 .mr-angebot .mr-card h3{margin:-2.5rem 0 1rem -.4rem!important;font-size:1.2rem!important}}
/* 1.9.14: brush progress at very top edge, knife cuts the line, deeper drips */
:root{--mrknife:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 9'%3E%3Cpath d='M0 2.2h15.5v4.6H0z' fill='%23ff0042' stroke='%230f1114' stroke-width='.5'/%3E%3Cpath d='M2 3.3h2v2.4H2zM6 3.3h2v2.4H6zM10 3.3h2v2.4H10z' fill='%230f1114'/%3E%3Cpath d='M15.5 1.6h1.6v5.8h-1.6z' fill='%23888'/%3E%3Cpath d='M17.1 2.4h6.3L30 6.6l-12.9.6z' fill='%23d9dadc' stroke='%230f1114' stroke-width='.5'/%3E%3Cpath d='M19 2.4l1.3 4.7M21.4 2.4l1.3 4.5' stroke='%230f1114' stroke-width='.35'/%3E%3C/svg%3E")}
@supports (animation-timeline:scroll()){.mr-progress{top:calc(-1 * var(--mrtb,0px));z-index:80}}
.mr-progress .mr-pb{top:0;height:4px}
.mr-progress .mr-pt{top:0}
.mr-progress .mr-pt::before{left:-31px;top:-1px;width:32px;height:10px;background:var(--mrknife) center/contain no-repeat;-webkit-mask:none;mask:none;transform:rotate(-8deg);transform-origin:100% 60%;filter:drop-shadow(0 0 .5px #fff)}
.mr-progress .mr-pt i{left:-40px;top:3px;width:1.5px;height:34px;animation-duration:3.6s}
.mr-progress .mr-pt i+i{left:-58px;width:1.5px;height:22px;animation-duration:4.4s;animation-delay:-1.3s}
.mr-progress .mr-pt i+i+i{left:-78px;width:1px;height:46px;animation-duration:5.2s;animation-delay:-2.6s}
.mr-progress .mr-pd{top:2px;width:1.5px;opacity:.85}
.mr-progress .mr-pd::after,.mr-progress .mr-pt i::after{width:3.5px;height:3.5px;margin-left:-1.75px}
@keyframes mr-drip{0%,100%{transform:scaleY(.15)}60%{transform:scaleY(1)}}
@media (max-width:600px){.mr-progress .mr-pt i{height:24px}.mr-progress .mr-pt i+i{height:16px}.mr-progress .mr-pt i+i+i{height:32px}.mr-progress .mr-pd{height:calc(var(--h) * .7)}}
@media (prefers-reduced-motion:reduce){.mr-progress .mr-pt i{animation:none;transform:scaleY(.6)}}
/* 1.9.15: no knife/tip; fixed paint-nose drips grow with scroll */
.mr-progress .mr-pt{display:none}
.mr-progress .mr-pd{top:1px;left:var(--x);width:var(--w);height:var(--h);margin-left:calc(var(--w) / -2);background:none;border-radius:0;opacity:1;transform:none;animation:none;--mrnose:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H20C15 3 13.5 9 12.4 20C11.8 40 11.6 70 11.4 100H8.6C8.4 70 8.2 40 7.6 20C6.5 9 5 3 0 0Z' fill='%23ff0042'/%3E%3C/svg%3E");--mrdrop:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 26'%3E%3Cpath d='M10 0C11 6 18 11 18 17.5A8 8 0 0 1 2 17.5C2 11 9 6 10 0Z' fill='%23ff0042'/%3E%3Cellipse cx='7' cy='17' rx='1.8' ry='2.8' fill='%23fff' opacity='.55' transform='rotate(20 7 17)'/%3E%3C/svg%3E")}
.mr-progress .mr-pd::after{display:none}
.mr-progress .mr-pd b{position:absolute;left:0;top:0;width:100%;height:100%;background:var(--mrnose) 0 0/100% 100% no-repeat;transform-origin:50% 0;transform:scaleY(0)}
.mr-progress .mr-pd em{position:absolute;left:50%;top:0;width:calc(var(--w) * .62);height:calc(var(--w) * .8);margin-left:calc(var(--w) * -.31);margin-top:calc(var(--w) * -.35);background:var(--mrdrop) center/contain no-repeat;transform:translateY(0) scale(0)}
@supports (animation-timeline:scroll()){
.mr-progress .mr-pd b{animation:mr-nose linear both;animation-timeline:scroll(root);animation-range:calc(var(--p) * 1%) 100%}
.mr-progress .mr-pd em{animation:mr-ndrop linear both;animation-timeline:scroll(root);animation-range:calc(var(--p) * 1%) 100%}
@keyframes mr-nose{0%{transform:scaleY(0)}6%{transform:scaleY(.1)}to{transform:scaleY(1)}}
@keyframes mr-ndrop{0%{transform:translateY(0) scale(0)}6%{transform:translateY(calc(var(--h) * var(--k,1) * .1)) scale(1)}to{transform:translateY(calc(var(--h) * var(--k,1))) scale(1)}}}
@media (max-width:600px){.mr-progress .mr-pd{height:calc(var(--h) * .6);--k:.6}.mr-progress .mr-pd:nth-of-type(4),.mr-progress .mr-pd:nth-of-type(5){display:none}}
@media (prefers-reduced-motion:reduce){.mr-progress .mr-pd b,.mr-progress .mr-pd em{animation:none;transform:none}.mr-progress .mr-pd em{transform:translateY(calc(var(--h) * .4))}.mr-progress .mr-pd b{transform:scaleY(.4)}}
/* 1.9.16: black stroke + black paint noses; sits on light header (below black topbar) for contrast */
@supports (animation-timeline:scroll()){.mr-progress{top:0}}
.mr-progress .mr-pb{background:#111;filter:drop-shadow(0 .5px 0 rgba(255,255,255,.35))}
.mr-progress .mr-pd{--mrnose:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H20C15 3 13.5 9 12.4 20C11.8 40 11.6 70 11.4 100H8.6C8.4 70 8.2 40 7.6 20C6.5 9 5 3 0 0Z' fill='%23111'/%3E%3C/svg%3E");--mrdrop:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 26'%3E%3Cpath d='M10 0C11 6 18 11 18 17.5A8 8 0 0 1 2 17.5C2 11 9 6 10 0Z' fill='%23111'/%3E%3Cellipse cx='7' cy='17' rx='1.6' ry='2.6' fill='%23ddd' opacity='.45' transform='rotate(20 7 17)'/%3E%3C/svg%3E")}
/* 1.9.22: kein Hintergrund-Blitz mehr; Sticky-Header mit Risskante; Pinselstrich + Farbnasen an der Kante (mobil + desktop) */
.mr-hero-cols>.wp-block-column:first-child::before{content:none!important;display:none!important;animation:none!important}
.mr-header{border-bottom:0!important}
.mr-header::after{content:"";position:absolute;left:0;right:0;top:100%;height:9px;margin-top:-2px;pointer-events:none;z-index:4;
 background:url(assets/svg/tear-fiber-bot.svg) bottom/100% 9px no-repeat,#0f1114;
 -webkit-mask:url(assets/svg/tear-mask-bot.svg) bottom/100% 9px no-repeat;mask:url(assets/svg/tear-mask-bot.svg) bottom/100% 9px no-repeat}
@media (max-width:781px){.mr-header::after{height:7px;background-size:180% 7px,auto;-webkit-mask-size:180% 7px;mask-size:180% 7px;background-position:30% 100%,0 0;-webkit-mask-position:30% 100%;mask-position:30% 100%}}
@supports (animation-timeline:scroll()){.mr-progress{top:calc(100% + 3px)!important;z-index:5}}
.mr-progress .mr-pb{top:-1px!important;height:4px!important;filter:none!important}
.mr-progress .mr-pd{top:1px!important}
.mr-progress .mr-pd:nth-of-type(n){display:block}
@media (max-width:600px){.mr-progress .mr-pd:nth-of-type(4),.mr-progress .mr-pd:nth-of-type(5){display:none}}
@media (min-width:782px){.mr-progress .mr-pd{width:calc(var(--w) * 1.4);margin-left:calc(var(--w) * -.7);height:calc(var(--h) * 1.9);--k:1.9}
 .mr-progress .mr-pd em{width:calc(var(--w) * .87);height:calc(var(--w) * 1.12);margin-left:calc(var(--w) * -.435)}}