/* Farben kommen vom Theme (Palette-Variablen), die Fallbacks entsprechen dem Editorial-Design. */
.mp-gallery,.mp-single{--mp-ink:var(--wp--preset--color--brown,#3d332f);--mp-muted:var(--wp--preset--color--muted,#776b64);--mp-line:var(--wp--preset--color--line,#d9c9bc);--mp-sand:var(--wp--preset--color--sand,#e7d5c7);--mp-cream:var(--wp--preset--color--cream,#f7f2eb);--mp-accent:var(--wp--preset--color--taupe-deep,#7d6050)}
.mp-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 37px}
.mp-filters button{border:1px solid var(--mp-line);background:transparent;color:var(--mp-ink);padding:0 20px;min-height:44px;font:inherit;font-size:12px;letter-spacing:.04em;cursor:pointer}
.mp-filters button:hover,.mp-filters button[aria-pressed=true]{background:var(--mp-ink);color:#fff;border-color:var(--mp-ink)}
.mp-grid{display:grid;grid-template-columns:1fr;gap:42px 28px}
@media(min-width:600px){.mp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.mp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mp-card[hidden]{display:none}
.mp-media{position:relative;aspect-ratio:9/16;background:var(--mp-sand);overflow:hidden}
.mp-media img,.mp-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mp-video{background:#302721}
.mp-play{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;background:transparent;border:0;cursor:pointer;padding:0}
.mp-play span{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:rgba(252,250,247,.95);color:var(--mp-ink);font-size:22px;padding-left:4px}
.mp-play:focus-visible{outline:3px solid #9a6550;outline-offset:-6px}
.mp-card .mp-card__type{margin:36px 0 0;text-transform:uppercase;font-size:11px;letter-spacing:.18em;color:var(--mp-accent);font-weight:650}
.mp-card__title{margin:10px 0 0;font:400 clamp(28px,3vw,36px)/1.1 var(--wp--preset--font-family--serif,Georgia,serif)}
.mp-card__title a{color:inherit;text-decoration:none}
.mp-card__title a:hover{text-decoration:underline;text-underline-offset:5px}
.mp-slider .mp-card,.mp-grid .mp-card{text-align:center}
.mp-card .mp-card__kind{margin:16px 0 0;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--mp-muted)}
.mp-empty{padding:46px 30px;border:1px solid var(--mp-line);background:var(--mp-cream);color:var(--mp-muted)}
.mp-single{display:grid;gap:32px;max-width:480px}
.mp-details{margin:0;display:grid;gap:12px}
.mp-details div{display:grid;grid-template-columns:7rem 1fr;gap:12px;border-top:1px solid var(--mp-line);padding-top:12px}
.mp-details dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:650;color:var(--mp-accent)}
.mp-details dd{margin:0}
.mp-ig{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;background:var(--mp-sand);color:var(--mp-ink);border:0;cursor:pointer;font:inherit}
.mp-ig__icon{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:rgba(252,250,247,.95);font-size:22px;padding-left:4px}
.mp-ig__text{font-weight:650;font-size:14px;letter-spacing:.04em}
.mp-ig__note{font-size:12px;color:var(--mp-muted);max-width:22ch}
.mp-ig:focus-visible{outline:3px solid #9a6550;outline-offset:-6px}
/* Slider (Startseite) */
.mp-slider-wrap{position:relative}
.mp-slider{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0;scrollbar-width:none}
.mp-slider::-webkit-scrollbar{display:none}
.mp-slider .mp-card{flex:0 0 min(300px,72vw);scroll-snap-align:start}
.mp-slider-nav{position:absolute;left:10px;right:10px;top:0;bottom:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.mp-slider-nav button{pointer-events:auto;width:48px;height:48px;border:0;border-radius:50%;background:rgba(252,250,247,.94);color:var(--mp-ink);font-size:20px;box-shadow:0 4px 18px rgba(61,51,47,.22);cursor:pointer}
.mp-slider-nav button:hover{background:var(--mp-ink);color:#fff}
.mp-slider:focus-visible{outline:3px solid #9a6550;outline-offset:4px}
@media(max-width:600px){.mp-slider-nav{left:6px;right:6px}.mp-slider-nav button{width:40px;height:40px;font-size:18px}}
/* Portfolio-Seite: ruhiges, gleichmäßiges Raster */
.mp-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 40px}
.mp-case{display:block}
.mp-case .mp-card__type{margin:20px 0 0;text-transform:none;letter-spacing:.02em;font-size:14px;font-weight:400;color:var(--mp-muted)}
.mp-case__title{margin:4px 0 0;font:400 clamp(24px,2.2vw,30px)/1.2 var(--wp--preset--font-family--serif,Georgia,serif)}
.mp-case__title a{color:inherit;text-decoration:none}
.mp-case__title a:hover{text-decoration:underline;text-underline-offset:5px}
.mp-case .mp-card__kind{margin:6px 0 0;font-weight:400;letter-spacing:0;font-size:14px}
.mp-case__body p:not(.mp-card__type):not(.mp-card__kind){margin:12px 0 0;color:var(--mp-muted);font-size:15px;line-height:1.6}
.mp-case__body .mp-case__facts{font-size:13px}
@media(max-width:1000px){.mp-cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}}
@media(max-width:560px){.mp-cases{grid-template-columns:1fr;gap:44px}.mp-case .mp-media{max-width:320px}}
/* Handy-Rahmen: iPhone, Titan natur. Das Videofeld (.mp-media) ist der Bildschirm. */
.mp-phone,.mp-phone .mp-media{box-sizing:border-box}
.mp-phone{--m1:#b9ad9c;--m2:#8f8374;--m3:#d5cbbb;position:relative;padding:7px;border-radius:54px;background:linear-gradient(145deg,var(--m3),var(--m2) 45%,var(--m1) 70%,var(--m3));box-shadow:0 0 0 1px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.22),0 28px 50px -24px rgba(48,39,33,.55)}
.mp-phone__btn{position:absolute;width:4px;border-radius:2px;background:linear-gradient(90deg,var(--m2),var(--m3))}
.mp-phone__btn--action{left:-3px;top:13%;height:4.5%}
.mp-phone__btn--up{left:-3px;top:20%;height:8%}
.mp-phone__btn--down{left:-3px;top:30%;height:8%}
.mp-phone__btn--power{right:-3px;top:25%;height:12%}
.mp-phone .mp-media{aspect-ratio:9/18.6;border:6px solid #050505;border-radius:47px}
.mp-phone .mp-media::before{content:"";position:absolute;top:11px;left:50%;translate:-50% 0;width:31%;height:25px;border-radius:14px;background:#000;z-index:5;pointer-events:none}
.mp-phone .mp-media::after{content:"";position:absolute;bottom:8px;left:50%;translate:-50% 0;width:34%;height:5px;border-radius:3px;background:rgba(255,255,255,.9);z-index:5;pointer-events:none}
.mp-phone .mp-media:has(.mp-video)::after{display:none}
.mp-phone::before{content:"9:41";position:absolute;top:26px;left:38px;z-index:6;color:#fff;font:600 12px/1 var(--wp--preset--font-family--sans,Inter,sans-serif);pointer-events:none}
.mp-phone::after{content:"";position:absolute;top:26px;right:36px;width:64px;height:12px;z-index:6;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 12' fill='white'%3E%3Crect y='7' width='3' height='4' rx='1'/%3E%3Crect x='5' y='5' width='3' height='6' rx='1'/%3E%3Crect x='10' y='2.5' width='3' height='8.5' rx='1'/%3E%3Crect x='15' width='3' height='11' rx='1'/%3E%3Cpath d='M23 4.2a10 10 0 0 1 14 0M25.5 6.8a6.5 6.5 0 0 1 9 0' stroke='white' fill='none' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='30' cy='9.5' r='1.3'/%3E%3Crect x='40' y='.5' width='22' height='11' rx='3.2' fill='none' stroke='white' opacity='.6'/%3E%3Crect x='41.5' y='2' width='19' height='8' rx='2'/%3E%3C/svg%3E") no-repeat right center/contain}
.mp-slider .mp-card{flex-basis:min(280px,72vw)}
/* Passen alle Karten auf den Bildschirm (höchstens drei), steht der Slider mittig und ohne Pfeile. */
@media(min-width:1100px){.mp-slider:not(:has(.mp-card:nth-child(4))){gap:40px;justify-content:center}.mp-slider:not(:has(.mp-card:nth-child(4))) .mp-card{flex-basis:300px}.mp-slider-wrap:not(:has(.mp-card:nth-child(4))) .mp-slider-nav{display:none}}
.mp-single .mp-phone{max-width:340px}
@media(max-width:560px){.mp-case .mp-phone{max-width:300px}}
/* Projekt ohne Vorschaubild: ruhige Fläche im Seitenstil statt leerem Kasten */
.mp-media__empty{position:absolute;inset:0;overflow:hidden;background:var(--mp-sand)}
.mp-media__empty::before{content:"";position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:#d8c6ba;top:-12%;right:-22%}
.mp-media__empty::after{content:"";position:absolute;width:62%;height:48%;border-radius:50% 50% 0 0;background:var(--mp-accent);opacity:.55;bottom:0;left:19%}
.mp-card:nth-child(3n+2) .mp-media__empty::before{right:auto;left:-22%;background:#eadfd3}
.mp-card:nth-child(3n+3) .mp-media__empty::after{left:auto;right:12%;opacity:.4}
.mp-media__hint{position:absolute;inset:auto 12px 12px 12px;padding:8px 10px;background:rgba(252,250,247,.92);font-size:12px;line-height:1.4;color:var(--mp-ink)}