/* marius TROCKNET · Erweiterungen (Marinwebdesign, 10/2026):
   Illustrationen, Bild-Karussell + Player, Karten-Illustration, Rechtliches-Icons, "Made with love", Google-Sterne.
   Animationen laufen nur im sichtbaren Bereich (.is-on) und nicht bei prefers-reduced-motion. */

/* ---------- Illustrationen ---------- */
.mt-il{position:relative;margin:0;border-radius:22px;overflow:hidden;isolation:isolate;background:radial-gradient(120% 90% at 85% 10%,rgba(224,81,21,.22),transparent 55%),radial-gradient(90% 80% at 0% 100%,rgba(127,156,173,.18),transparent 60%),#1a1f23;box-shadow:0 30px 60px -34px rgba(20,23,26,.7),0 0 0 1px rgba(255,255,255,.05) inset}
.mt-il::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:24px 24px;-webkit-mask:radial-gradient(circle at 60% 40%,#000,transparent 80%);mask:radial-gradient(circle at 60% 40%,#000,transparent 80%)}
.mt-il svg{display:block;width:100%;height:auto}
.mt-il figcaption{position:absolute;left:14px;bottom:12px;display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border-radius:999px;background:rgba(20,23,26,.72);border:1px solid rgba(255,255,255,.08);color:#cfd4d8;font:800 .7rem/1 var(--mt-body);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.mt-il figcaption i{width:7px;height:7px;border-radius:50%;background:#e05115;box-shadow:0 0 0 0 rgba(224,81,21,.6);animation:mtp-dot 2.2s infinite}
.mt-cath__r .mt-il{margin-top:2px}
.mt-rt .mt-il--float{float:right;width:min(46%,400px);margin:4px 0 20px 30px;shape-outside:inset(0 round 22px)}
.mt-rt .mt-il--wide{margin:8px 0 26px;max-width:640px;clear:both}
.mt-rt .mt-il--below{margin:30px 0 0;max-width:560px}
@media (max-width:760px){.mt-rt .mt-il--float{float:none;width:100%;margin:6px 0 22px}}

/* Bausteine der SVG-Zeichnungen */
.mt-il text{font-family:var(--mt-body);font-weight:800;letter-spacing:.06em}
.i-s{fill:none;stroke:#e8ecef;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.i-m{fill:none;stroke:#4a535a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.i-o{fill:none;stroke:#e05115;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.i-ol{fill:none;stroke:#ff8b4d;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.i-w{fill:none;stroke:#a9c0cc;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.i-of{fill:#e05115}.i-olf{fill:#ff8b4d}.i-wf{fill:#a9c0cc}.i-wdf{fill:#7f9cad}.i-inkf{fill:#14171a}
.i-body{fill:#252b30;stroke:#4a535a;stroke-width:2;stroke-linejoin:round}
.i-body2{fill:#1d2226;stroke:#3a4147;stroke-width:2;stroke-linejoin:round}
.i-zone{fill:rgba(224,81,21,.07);stroke:#e05115;stroke-width:1.5;stroke-dasharray:5 6}
.i-t{font-size:11px;fill:#a9b4bb}.i-to{font-size:11px;fill:#ffb48a}.i-tw{font-size:11px;fill:#c8d5dc}
.i-big{font-size:28px;fill:#fff;letter-spacing:0}.i-mid{font-size:17px;fill:#fff;letter-spacing:0}

/* Zeichnen beim ersten Erscheinen */
.mt-il .i-d{stroke-dasharray:1;stroke-dashoffset:1}
.mt-il.is-in .i-d{animation:mtp-draw 1.5s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(.15s + var(--k,0)*.14s)}
.mt-il .i-fade{opacity:0}
.mt-il.is-in .i-fade{animation:mtp-fade .9s ease forwards;animation-delay:calc(.5s + var(--k,0)*.14s)}

/* Bewegungen (Schleifen) */
.mt-il .a-spin,.mt-il .a-pulse,.mt-il .a-ring,.mt-il .a-bob,.mt-il .a-fill,.mt-il .a-sway{transform-box:fill-box;transform-origin:center}
.mt-il .a-spin{animation:mtp-spin var(--t,3s) linear infinite}
.mt-il .a-flow{stroke-dasharray:7 11;animation:mtp-flow var(--t,1.2s) linear infinite}
.mt-il .a-rise{animation:mtp-rise var(--t,3s) ease-in infinite;animation-delay:calc(var(--i,0)*-.6s)}
.mt-il .a-fall{animation:mtp-fall var(--t,2.4s) ease-in infinite;animation-delay:calc(var(--i,0)*-.5s)}
.mt-il .a-drift{animation:mtp-drift var(--t,4s) linear infinite;animation-delay:calc(var(--i,0)*-.8s)}
.mt-il .a-pulse{animation:mtp-pulse var(--t,2.2s) ease-in-out infinite;animation-delay:calc(var(--i,0)*-.4s)}
.mt-il .a-ring{animation:mtp-ring var(--t,2.6s) ease-out infinite;animation-delay:calc(var(--i,0)*-.9s)}
.mt-il .a-blink{animation:mtp-blink var(--t,1.6s) steps(2,jump-none) infinite}
.mt-il .a-bob{animation:mtp-bob var(--t,3s) ease-in-out infinite;animation-delay:calc(var(--i,0)*-.5s)}
.mt-il .a-sway{animation:mtp-sway var(--t,2.6s) ease-in-out infinite;animation-delay:calc(var(--i,0)*-.4s)}
.mt-il .a-fill{transform-origin:50% 100%;animation:mtp-fill var(--t,8s) ease-in-out infinite}
.mt-il .a-scan{animation:mtp-scan var(--t,4s) ease-in-out infinite alternate}
.mt-il .a-glow{animation:mtp-glow var(--t,2.4s) ease-in-out infinite}
.mt-il .a-fadeloop{animation:mtp-fadeloop var(--t,6s) ease-in-out infinite;animation-delay:calc(var(--i,0)*-1s)}
.mt-il .a-fillx{transform-box:fill-box;transform-origin:0 50%;animation:mtp-fillx var(--t,8s) ease-in-out infinite}
.mt-il .a-gauge{stroke-dasharray:100;animation:mtp-gauge var(--t,8s) ease-in-out infinite}
.mt-il .a-step{opacity:.35;animation:mtp-step var(--t,7.5s) ease-in-out infinite;animation-delay:calc(var(--i,0)*2.5s - 7.5s)}
.mt-il:not(.is-on) *{animation-play-state:paused!important}
@keyframes mtp-fillx{0%,8%{transform:scaleX(var(--a,1))}55%,63%{transform:scaleX(var(--b,.15))}100%{transform:scaleX(var(--a,1))}}
@keyframes mtp-gauge{0%,8%{stroke-dashoffset:var(--a,70)}55%,63%{stroke-dashoffset:var(--b,30)}100%{stroke-dashoffset:var(--a,70)}}
@keyframes mtp-step{0%,4%{opacity:.35}10%,30%{opacity:1}36%,100%{opacity:.35}}
@keyframes mtp-draw{to{stroke-dashoffset:0}}
@keyframes mtp-fade{to{opacity:1}}
@keyframes mtp-spin{to{transform:rotate(360deg)}}
@keyframes mtp-flow{to{stroke-dashoffset:-36}}
@keyframes mtp-rise{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(var(--dy,-60px));opacity:0}}
@keyframes mtp-fall{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(var(--dy,50px));opacity:0}}
@keyframes mtp-drift{0%{transform:translate(0,0);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translate(var(--dx,120px),var(--dy,0));opacity:0}}
@keyframes mtp-pulse{50%{transform:scale(var(--s,1.12));opacity:.75}}
@keyframes mtp-ring{0%{transform:scale(.35);opacity:.9}100%{transform:scale(var(--s,1.8));opacity:0}}
@keyframes mtp-blink{50%{opacity:.15}}
@keyframes mtp-bob{50%{transform:translateY(var(--dy,-6px))}}
@keyframes mtp-sway{50%{transform:translate(var(--dx,4px),var(--dy,-4px));opacity:.55}}
@keyframes mtp-fill{0%,8%{transform:scaleY(var(--a,.2))}55%,63%{transform:scaleY(var(--b,.9))}100%{transform:scaleY(var(--a,.2))}}
@keyframes mtp-scan{from{transform:translateX(0)}to{transform:translateX(var(--dx,200px))}}
@keyframes mtp-glow{50%{opacity:.45}}
@keyframes mtp-fadeloop{0%,100%{opacity:0}20%,70%{opacity:1}}
@keyframes mtp-dot{0%{box-shadow:0 0 0 0 rgba(224,81,21,.55)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* ---------- Bild-Karussell (wie Portfolio auf marinwebdesign.at) ---------- */
.mt-sl{position:relative;display:grid;gap:16px;margin:1.8em 0 2em;outline:none;clear:both}
.mt-sl:focus-visible{outline:2px solid #e05115;outline-offset:6px;border-radius:20px}
.mt-sl__stage{display:grid;place-items:center;padding-block:3%;perspective:1500px;touch-action:pan-y;user-select:none;-webkit-user-select:none;overflow:hidden;border-radius:20px;background:radial-gradient(80% 70% at 50% 40%,#fdf0e9,transparent 70%)}
.mt-sl__s{grid-area:1/1;width:72%;margin:0;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.8,.2,1),opacity .6s,filter .6s}
.mt-sl__s.is-active{z-index:3;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));opacity:1}
.mt-sl__s.is-next{z-index:2;transform:translateX(38%) scale(.78) rotateY(-22deg);opacity:.6;filter:saturate(.55) brightness(.9);cursor:pointer}
.mt-sl__s.is-prev{z-index:2;transform:translateX(-38%) scale(.78) rotateY(22deg);opacity:.6;filter:saturate(.55) brightness(.9);cursor:pointer}
.mt-sl__s.is-hidden{z-index:1;transform:scale(.6);opacity:0;pointer-events:none}
.mt-sl__a{position:relative;display:block;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#e9edf0;box-shadow:0 34px 60px -30px rgba(20,23,26,.65),0 0 0 1px rgba(20,23,26,.06)}
.mt-sl__s.is-active .mt-sl__a{box-shadow:0 40px 70px -32px rgba(20,23,26,.7),0 0 0 3px #e05115}
.mt-sl__a img{display:block;width:100%;height:100%;object-fit:cover;margin:0!important;border-radius:0!important}
.mt-sl__s.is-active .mt-sl__a img{animation:mtp-kb 9s ease-in-out infinite alternate}
.mt-sl.is-paused .mt-sl__s.is-active .mt-sl__a img{animation-play-state:paused}
@keyframes mtp-kb{from{transform:scale(1)}to{transform:scale(1.07)}}
.mt-sl__zoom{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;background:#14171a;color:#fff;font:800 .78rem/1 var(--mt-body);opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.mt-sl__zoom svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.mt-sl__s.is-active .mt-sl__a:hover .mt-sl__zoom,.mt-sl__s.is-active .mt-sl__a:focus-visible .mt-sl__zoom{opacity:1;transform:none}
.mt-sl__info{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 16px;padding:0 3%}
.mt-sl__meta{display:grid;gap:3px;min-width:0}
.mt-sl__k{justify-self:start;padding:3px 10px;border-radius:999px;background:#fdf0e9;color:#b8400d;font:800 .7rem/1.4 var(--mt-body);letter-spacing:.08em;text-transform:uppercase}
.mt-sl__t{margin:0!important;font-family:var(--mt-head);font-weight:800;font-size:1.05rem;color:#14171a;line-height:1.25}
.mt-sl__nav{display:flex;align-items:center;gap:10px}
.mt-sl__btn{display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border-radius:50%;border:1px solid #e4e4e1;background:#fff;color:#14171a;cursor:pointer;box-shadow:0 10px 24px -16px rgba(20,23,26,.6);transition:background-color .25s,color .25s,border-color .25s,transform .3s}
.mt-sl__btn:hover{background:#e05115;border-color:#e05115;color:#fff;transform:translateY(-2px)}
.mt-sl__btn:focus-visible{outline:2px solid #e05115;outline-offset:2px}
.mt-sl__btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.mt-sl__cnt{min-width:58px;text-align:center;font:800 .82rem/1 var(--mt-body);color:#3a4147;font-variant-numeric:tabular-nums}
.mt-sl__prog{grid-column:1/-1;display:block;height:4px;border-radius:4px;background:#ececea;overflow:hidden}
.mt-sl__prog i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#e05115,#ff8b4d);transform:scaleX(0);transform-origin:0 50%}
.mt-sl__prog.is-run i{animation:mtp-prog var(--sl-dur,5s) linear forwards}
.mt-sl.is-paused .mt-sl__prog i{animation-play-state:paused}
@keyframes mtp-prog{to{transform:scaleX(1)}}
@media (max-width:599px){.mt-sl__s{width:84%}.mt-sl__s.is-next{transform:translateX(26%) scale(.82) rotateY(-16deg);opacity:.4}.mt-sl__s.is-prev{transform:translateX(-26%) scale(.82) rotateY(16deg);opacity:.4}.mt-sl__info{grid-template-columns:minmax(0,1fr);padding:0}.mt-sl__nav{justify-content:space-between}}

/* ---------- Bild-Player (Vollbild) ---------- */
.mt-pl{position:fixed;inset:0;z-index:1200;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:radial-gradient(90% 70% at 50% 45%,rgba(224,81,21,.16),transparent 60%),rgba(12,14,16,.97);color:#fff;opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s}
.mt-pl.is-open{opacity:1;visibility:visible;transition-delay:0s}
.mt-pl__top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(14px,3vw,30px)}
.mt-pl__title{display:flex;align-items:center;gap:12px;min-width:0;font:800 .95rem/1.2 var(--mt-head)}
.mt-pl__title img{width:74px;height:auto;flex:none}
.mt-pl__title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cfd4d8}
.mt-pl__cnt{font:800 .85rem/1 var(--mt-body);color:#ffb48a;font-variant-numeric:tabular-nums;white-space:nowrap}
.mt-pl__stage{position:relative;display:grid;place-items:center;padding:0 clamp(56px,7vw,96px);min-height:0;overflow:hidden}
.mt-pl__img{max-width:100%;max-height:calc(100vh - 210px);max-height:calc(100svh - 210px);width:auto;height:auto;border-radius:16px;object-fit:contain;box-shadow:0 40px 90px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.06);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.mt-pl__img.is-swap{opacity:0;transform:scale(.97)}
.mt-pl button{display:grid;place-items:center;margin:0;padding:0;border:0;cursor:pointer;color:#fff;font:inherit}
.mt-pl__arr{position:absolute;top:50%;width:52px;height:52px;margin-top:-26px;border-radius:50%;background:rgba(255,255,255,.08);transition:background-color .25s,transform .25s}
.mt-pl__arr:hover{background:#e05115;transform:scale(1.06)}
.mt-pl__arr--p{left:clamp(8px,2vw,24px)}.mt-pl__arr--n{right:clamp(8px,2vw,24px)}
.mt-pl__x{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.08);transition:background-color .25s,transform .3s}
.mt-pl__x:hover{background:#e05115;transform:rotate(90deg)}
.mt-pl svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.mt-pl__bot{display:grid;gap:12px;padding:14px clamp(14px,3vw,30px) 18px}
.mt-pl__bar{display:flex;align-items:center;gap:14px}
.mt-pl__play{width:42px;height:42px;flex:none;border-radius:50%;background:#e05115;transition:transform .25s}
.mt-pl__play:hover{transform:scale(1.08)}
.mt-pl__play .ic-pause,.mt-pl.is-playing .mt-pl__play .ic-play{display:none}
.mt-pl.is-playing .mt-pl__play .ic-pause{display:block}
.mt-pl__prog{flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.12);overflow:hidden}
.mt-pl__prog i{display:block;height:100%;background:linear-gradient(90deg,#e05115,#ff8b4d);transform:scaleX(0);transform-origin:0 50%}
.mt-pl.is-playing .mt-pl__prog.is-run i{animation:mtp-prog 4.5s linear forwards}
.mt-pl__thumbs{display:flex;justify-content:center;gap:8px;overflow-x:auto;padding:2px;scrollbar-width:none}
.mt-pl__thumbs button{width:64px;height:46px;flex:none;border-radius:8px;overflow:hidden;opacity:.45;outline:2px solid transparent;outline-offset:1px;transition:opacity .25s,outline-color .25s}
.mt-pl__thumbs button.is-cur{opacity:1;outline-color:#e05115}
.mt-pl__thumbs img{width:100%;height:100%;object-fit:cover}
@media (max-width:599px){.mt-pl__stage{padding:0 10px}.mt-pl__img{max-height:calc(100svh - 230px)}.mt-pl__arr{top:auto;bottom:-8px;width:44px;height:44px}.mt-pl__title img{display:none}.mt-pl__thumbs button{width:52px;height:38px}}
html.mt-pl-lock{overflow:hidden}

/* ---------- Karte als Illustration ---------- */
.mt-mapil{position:relative;display:block;border-radius:var(--mt-r-l,28px);overflow:hidden;isolation:isolate;min-height:340px;aspect-ratio:16/7;background:#1a1f23;box-shadow:0 30px 70px -40px rgba(20,23,26,.75)}
.mt-mapil__svg{position:absolute;inset:0;width:100%;height:100%}
.mt-mapil__hit{position:absolute;inset:0;z-index:1}
.mt-mapil__card{position:absolute;z-index:2;left:clamp(14px,4%,40px);bottom:clamp(14px,6%,40px);display:grid;gap:10px;max-width:min(420px,calc(100% - 28px));padding:18px 20px;border-radius:18px;background:rgba(20,23,26,.82);border:1px solid rgba(255,255,255,.08);color:#cfd4d8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 50px -24px rgba(0,0,0,.7)}
.mt-mapil__card b{display:block;color:#fff;font-family:var(--mt-head);font-size:1.15rem;line-height:1.25}
.mt-mapil__card p{margin:0;font-size:.9rem;line-height:1.5}
.mt-mapil__card .mt-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.mt-mapil__hint{position:absolute;z-index:2;right:clamp(14px,4%,40px);top:clamp(14px,6%,34px);display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:#e05115;color:#fff;font:800 .78rem/1 var(--mt-body);pointer-events:none;box-shadow:0 14px 30px -14px rgba(224,81,21,.9);transition:transform .35s cubic-bezier(.3,1.5,.5,1)}
.mt-mapil__hint svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.mt-mapil:hover .mt-mapil__hint{transform:translateY(-3px) scale(1.04)}
.mt-mapil .m-road{fill:none;stroke:#2c3338;stroke-linecap:round}
.mt-mapil .m-road2{fill:none;stroke:#353d43;stroke-linecap:round}
.mt-mapil .m-blk{fill:#21272b}
.mt-mapil .m-park{fill:rgba(3,166,70,.12)}
.mt-mapil .m-water{fill:none;stroke:rgba(127,156,173,.35);stroke-linecap:round}
.mt-mapil .m-route{fill:none;stroke:#e05115;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
.mt-mapil.is-in .m-route{animation:mtp-draw 2.6s cubic-bezier(.4,0,.2,1) .4s forwards}
.mt-mapil .m-car{offset-rotate:auto;opacity:0}
.mt-mapil.is-on .m-car{animation:mtp-car 7s ease-in-out 3s infinite}
@keyframes mtp-car{0%{offset-distance:0%;opacity:0}8%{opacity:1}85%{offset-distance:100%;opacity:1}100%{offset-distance:100%;opacity:0}}
.mt-mapil .m-ring{transform-box:fill-box;transform-origin:center;animation:mtp-ring 2.8s ease-out infinite}
.mt-mapil .m-ring2{animation-delay:-1.4s}
.mt-mapil .m-pin{transform-box:fill-box;transform-origin:50% 100%;animation:mtp-bob 2.4s ease-in-out infinite;--dy:-8px}
.mt-mapil .m-lbl{font:800 13px var(--mt-body);letter-spacing:.06em;fill:#7b858c}
.mt-mapil:not(.is-on) *{animation-play-state:paused!important}
@media (max-width:640px){.mt-mapil{aspect-ratio:auto;min-height:0;display:flex;flex-direction:column}.mt-mapil__svg{position:relative;inset:auto;height:300px;flex:none}.mt-mapil__card{position:relative;left:auto;bottom:auto;max-width:none;margin:-34px 12px 12px}.mt-mapil__hint{top:12px;right:12px;font-size:.72rem}}

/* ---------- Rechtliches: Icons zeichnen sich selbst, Hover schwarz/weiß ---------- */
.mt-legal__ic{transition:background-color .35s,color .35s,transform .35s}
.mt-legal__ic svg *{stroke-dasharray:var(--len);stroke-dashoffset:0}
.mt-legal__card.mtp-wait .mt-legal__ic svg *{stroke-dashoffset:var(--len)}
.mt-legal__card.mtp-draw .mt-legal__ic svg *{animation:mtp-redraw 1.3s cubic-bezier(.4,0,.2,1) backwards;animation-delay:calc(.1s + var(--k,0)*.16s)}
.mt-legal__card:hover .mt-legal__ic,.mt-legal__ic:hover{background:#14171a!important;color:#fff!important;transform:scale(1.06)}
.mt-legal__card.mtp-draw:hover .mt-legal__ic svg *{animation:mtp-redraw2 1s cubic-bezier(.4,0,.2,1) backwards;animation-delay:calc(var(--k,0)*.1s)}
@keyframes mtp-redraw{from{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}
@keyframes mtp-redraw2{from{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}

/* ---------- Footer: Made with love ---------- */
.mt-ft__legal{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.mt-made{display:inline-flex;align-items:center;gap:7px;color:#a9b0b5;font-size:.8rem;text-decoration:none;transition:color .3s}
.mt-made:hover{color:#fff}
.mt-made b{color:#fff;font-weight:800}
.mt-made:hover b{color:#ff8b4d}
.mt-heart{position:relative;display:inline-grid;place-items:center;width:22px;height:22px}
.mt-heart svg{width:15px;height:15px;fill:#e05115;animation:mtp-beat 1.3s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(224,81,21,.6))}
.mt-heart i{position:absolute;left:50%;top:50%;width:2px;height:5px;margin:-2.5px 0 0 -1px;border-radius:2px;background:#ff8b4d;transform:rotate(var(--r)) translateY(-11px);opacity:0;animation:mtp-ray 1.3s ease-out infinite}
@keyframes mtp-beat{0%,100%{transform:scale(1)}15%{transform:scale(1.28)}30%{transform:scale(1)}45%{transform:scale(1.18)}60%{transform:scale(1)}}
@keyframes mtp-ray{0%,12%{opacity:0;transform:rotate(var(--r)) translateY(-8px) scaleY(.4)}25%{opacity:1}55%,100%{opacity:0;transform:rotate(var(--r)) translateY(-14px) scaleY(1)}}
@media (max-width:640px){.mt-ft__legal{align-items:flex-start}}

/* ---------- Google-Sterne mit Teilstern (4,8) ---------- */
.mt-grev .st{background:linear-gradient(90deg,#fbbc05 var(--p,96%),#d6d9dc var(--p,96%));-webkit-background-clip:text;background-clip:text;color:transparent!important}

@media (prefers-reduced-motion:reduce){
  .mt-il *,.mt-mapil *,.mt-heart *,.mt-sl *,.mt-legal__ic svg *{animation:none!important}
  .mt-il .i-d,.mt-legal__card .mt-legal__ic svg *{stroke-dashoffset:0!important}
  .mt-il .i-fade{opacity:1}
  .mt-mapil .m-route{stroke-dashoffset:0}
}

/* Anker der alten WordPress-Seite (Google-Sprunglinks) */
.mt-anc{display:block;height:0;scroll-margin-top:calc(var(--mt-hh,76px) + 24px)}