/* Mister Mory Hannover Landingpage v3.0
   Brand background sampled from the supplied logo: #1e2832
   Brand accent sampled from the supplied logo: #e6c8b4
*/
body.mm-hannover-landing-active{overflow-x:clip;background:#1e2832}
body.mm-hannover-landing-active #main{overflow:visible}
body.mm-hannover-landing-active #main .container_wrap>.container,
body.mm-hannover-landing-active #main .container_wrap .template-page.content{
  width:100%!important;
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
  border:0!important;
}
body.mm-hannover-landing-active #main .container_wrap .template-page.content{padding-top:0!important;padding-bottom:0!important}

#mm-hannover-page{
  --mmh-brand:#1e2832;
  --mmh-brand-2:#263440;
  --mmh-brand-3:#334452;
  --mmh-peach:#e6c8b4;
  --mmh-peach-2:#f2ddd0;
  --mmh-peach-3:#f8ece4;
  --mmh-cream:#f7f2ee;
  --mmh-paper:#fffdfb;
  --mmh-ink:#1e2832;
  --mmh-muted:#65717b;
  --mmh-line:rgba(30,40,50,.12);
  --mmh-shadow:0 26px 76px rgba(30,40,50,.14);
  position:relative;
  left:50%;
  width:100vw;
  max-width:none;
  margin:0 0 0 -50vw;
  overflow:clip;
  color:var(--mmh-ink);
  background:var(--mmh-paper);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
#mm-hannover-page *{box-sizing:border-box}
#mm-hannover-page img{display:block;max-width:100%;height:auto}
#mm-hannover-page a{text-decoration:none}
#mm-hannover-page button{font:inherit}
#mm-hannover-page svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#mm-hannover-page .mmh-shell{width:min(1180px,calc(100% - 44px));margin-inline:auto}
#mm-hannover-page h1,#mm-hannover-page h2,#mm-hannover-page h3,#mm-hannover-page p{margin:0}
#mm-hannover-page h1,#mm-hannover-page h2{letter-spacing:-.045em;line-height:.98;text-wrap:balance}
#mm-hannover-page h1 span,#mm-hannover-page h2 span{color:var(--mmh-peach)}
#mm-hannover-page .mmh-section{position:relative;padding:clamp(82px,8vw,118px) 0}
#mm-hannover-page .mmh-section__cta{margin-top:36px}
#mm-hannover-page .mmh-heading{max-width:780px}
#mm-hannover-page .mmh-heading h2{margin-top:17px;color:var(--mmh-ink);font-size:clamp(40px,5vw,64px)}
#mm-hannover-page .mmh-heading h2 span{color:#a96f53}
#mm-hannover-page .mmh-heading>p:last-child{max-width:690px;margin-top:18px;color:var(--mmh-muted);font-size:16px;line-height:1.78}
#mm-hannover-page .mmh-eyebrow,
#mm-hannover-page .mmh-kicker{display:inline-flex;align-items:center;gap:10px;color:#a46f57;font-size:11px;font-weight:850;letter-spacing:.17em;line-height:1.4;text-transform:uppercase}
#mm-hannover-page .mmh-eyebrow span,
#mm-hannover-page .mmh-kicker:before{content:"";display:inline-block;width:36px;height:1px;background:linear-gradient(90deg,var(--mmh-peach),transparent)}

/* Buttons */
#mm-hannover-page .mmh-btn{position:relative;isolation:isolate;display:inline-flex;min-height:56px;align-items:center;justify-content:center;gap:10px;overflow:hidden;padding:0 24px;border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:850;letter-spacing:.025em;transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s ease,border-color .26s ease,background .26s ease}
#mm-hannover-page .mmh-btn:after{position:absolute;z-index:-1;top:-120%;left:-28%;width:42%;height:340%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);content:"";transform:rotate(18deg) translateX(-220%);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
#mm-hannover-page .mmh-btn:hover{transform:translateY(-2px)}
#mm-hannover-page .mmh-btn:hover:after{transform:rotate(18deg) translateX(420%)}
#mm-hannover-page .mmh-btn svg{width:18px;height:18px;transition:transform .25s ease}
#mm-hannover-page .mmh-btn:hover svg{transform:translateX(3px)}
#mm-hannover-page .mmh-btn--primary{color:var(--mmh-brand);background:linear-gradient(135deg,var(--mmh-peach-2),var(--mmh-peach));box-shadow:0 15px 38px rgba(230,200,180,.2)}
#mm-hannover-page .mmh-btn--ghost{color:#fff;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.055);backdrop-filter:blur(8px)}
#mm-hannover-page .mmh-btn--ghost-dark{color:var(--mmh-brand);border-color:rgba(30,40,50,.14);background:rgba(255,255,255,.88)}

/* Hero */
#mm-hannover-page .mmh-hero{position:relative;overflow:hidden;padding:clamp(72px,7vw,106px) 0 clamp(76px,7vw,100px);color:#fff;background:var(--mmh-brand)}
#mm-hannover-page .mmh-hero:before{position:absolute;inset:-20%;background:radial-gradient(circle at 18% 24%,rgba(230,200,180,.18),transparent 25%),radial-gradient(circle at 85% 20%,rgba(230,200,180,.1),transparent 24%),linear-gradient(115deg,rgba(255,255,255,.025),transparent 38%);content:"";pointer-events:none}
#mm-hannover-page .mmh-hero:after{position:absolute;right:-160px;bottom:-280px;width:620px;height:620px;border:1px solid rgba(230,200,180,.12);border-radius:50%;content:"";box-shadow:0 0 0 92px rgba(230,200,180,.025),0 0 0 184px rgba(230,200,180,.018);pointer-events:none}
#mm-hannover-page .mmh-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(40px,5vw,76px)}
#mm-hannover-page .mmh-hero__copy{position:relative;z-index:4;max-width:625px}
#mm-hannover-page .mmh-hero .mmh-eyebrow{color:var(--mmh-peach-2)}
#mm-hannover-page .mmh-hero h1{margin-top:21px;color:#fff;font-size:clamp(54px,6.6vw,92px)}
#mm-hannover-page .mmh-hero__lead{max-width:610px;margin-top:22px;color:rgba(255,255,255,.76);font-size:17px;line-height:1.78}
#mm-hannover-page .mmh-hero__actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}
#mm-hannover-page .mmh-proof{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}
#mm-hannover-page .mmh-proof span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(230,200,180,.14);border-radius:999px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.69);font-size:11px;font-weight:650;backdrop-filter:blur(7px)}
#mm-hannover-page .mmh-proof strong{color:#fff;font-weight:850}
#mm-hannover-page .mmh-hero__visual{position:relative;z-index:2;min-height:520px;margin:0;perspective:1200px}
#mm-hannover-page .mmh-hero__visual>img{width:100%;height:100%;min-height:520px;object-fit:cover;border:1px solid rgba(255,255,255,.09);border-radius:32px;box-shadow:0 38px 90px rgba(15,24,32,.34);transform-origin:65% 50%}
#mm-hannover-page .mmh-hero__visual:before{position:absolute;z-index:-1;inset:22px -18px -22px 24px;border:1px solid rgba(230,200,180,.2);border-radius:34px;content:"";transform:rotate(2deg)}
#mm-hannover-page .mmh-hero__card{position:absolute;z-index:4;display:flex;max-width:224px;align-items:flex-start;gap:11px;padding:13px 14px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(30,40,50,.86);box-shadow:0 18px 50px rgba(18,28,36,.25);backdrop-filter:blur(14px)}
#mm-hannover-page .mmh-hero__card svg{width:21px;height:21px;flex:0 0 auto;color:var(--mmh-peach)}
#mm-hannover-page .mmh-hero__card span{color:rgba(255,255,255,.7);font-size:11px;line-height:1.5}
#mm-hannover-page .mmh-hero__card strong{display:block;margin-bottom:2px;color:#fff;font-size:12px}
#mm-hannover-page .mmh-hero__card--service{left:-15px;bottom:24px}
#mm-hannover-page .mmh-hero__card--print{right:14px;top:18px}

/* Hero entrance inspired by the KI page's staged arrival, adapted to one premium hero image. */
#mm-hannover-page.js-ready .mmh-hero__copy>*{opacity:0;transform:translate3d(0,24px,0)}
#mm-hannover-page.js-ready [data-mmh-hero-visual]{opacity:0;clip-path:inset(10% 0 12% 18% round 32px);transform:translate3d(54px,26px,0) rotateY(-4deg) scale(.965)}
#mm-hannover-page.js-ready.is-hero-ready .mmh-hero__copy>*{animation:mmh-hero-copy .78s both cubic-bezier(.16,.82,.24,1)}
#mm-hannover-page.js-ready.is-hero-ready .mmh-hero__copy>*:nth-child(1){animation-delay:.04s}
#mm-hannover-page.js-ready.is-hero-ready .mmh-hero__copy>*:nth-child(2){animation-delay:.11s}
#mm-hannover-page.js-ready.is-hero-ready .mmh-hero__copy>*:nth-child(3){animation-delay:.19s}
#mm-hannover-page.js-ready.is-hero-ready .mmh-hero__copy>*:nth-child(4){animation-delay:.27s}
#mm-hannover-page.js-ready.is-hero-ready .mmh-hero__copy>*:nth-child(5){animation-delay:.36s}
#mm-hannover-page.js-ready.is-hero-ready [data-mmh-hero-visual]{animation:mmh-hero-visual 1.02s .13s both cubic-bezier(.16,.86,.24,1)}
#mm-hannover-page.js-ready.is-hero-ready .mmh-hero__card--print{animation:mmh-float-card .72s .74s both cubic-bezier(.16,.86,.24,1)}
#mm-hannover-page.js-ready.is-hero-ready .mmh-hero__card--service{animation:mmh-float-card .72s .86s both cubic-bezier(.16,.86,.24,1)}
@keyframes mmh-hero-copy{to{opacity:1;transform:none}}
@keyframes mmh-hero-visual{0%{opacity:0;clip-path:inset(10% 0 12% 18% round 32px);transform:translate3d(54px,26px,0) rotateY(-4deg) scale(.965)}100%{opacity:1;clip-path:inset(0 round 32px);transform:none}}
@keyframes mmh-float-card{0%{opacity:0;transform:translateY(22px) scale(.92)}100%{opacity:1;transform:none}}

/* Trust strip */
#mm-hannover-page .mmh-logo-strip{position:relative;padding:22px 0;border:0;background:var(--mmh-peach)}
#mm-hannover-page .mmh-logo-strip__label{margin:0 0 11px;color:rgba(30,40,50,.72);font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
#mm-hannover-page .mmh-logo-strip__track{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
#mm-hannover-page .mmh-logo-strip__items{display:flex;min-width:max-content;align-items:center;gap:10px;animation:mmh-marquee 28s linear infinite;will-change:transform}
#mm-hannover-page .mmh-logo-strip__items span{display:grid;min-width:152px;height:55px;place-items:center;padding:0 18px;border:1px solid rgba(30,40,50,.1);border-radius:16px;background:rgba(255,255,255,.48);color:var(--mmh-brand);font-size:16px;font-weight:850;letter-spacing:-.015em;box-shadow:0 8px 20px rgba(30,40,50,.05);backdrop-filter:blur(8px)}
@keyframes mmh-marquee{to{transform:translateX(-50%)}}

/* Features */
#mm-hannover-page #leistungen{background:var(--mmh-paper)}
#mm-hannover-page .mmh-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:38px}
#mm-hannover-page .mmh-feature{position:relative;overflow:hidden;padding:29px;border:1px solid var(--mmh-line);border-radius:26px;background:#fff;box-shadow:var(--mmh-shadow);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease}
#mm-hannover-page .mmh-feature:after{position:absolute;right:-56px;bottom:-70px;width:150px;height:150px;border:1px solid rgba(230,200,180,.42);border-radius:50%;content:"";transition:transform .45s ease}
#mm-hannover-page .mmh-feature:hover{border-color:rgba(169,111,83,.24);box-shadow:0 32px 82px rgba(30,40,50,.18);transform:translateY(-7px)}
#mm-hannover-page .mmh-feature:hover:after{transform:scale(1.16)}
#mm-hannover-page .mmh-icon{display:grid;width:54px;height:54px;place-items:center;margin-bottom:19px;border:1px solid rgba(169,111,83,.14);border-radius:17px;color:#9d6750;background:var(--mmh-peach-3)}
#mm-hannover-page .mmh-icon svg{width:25px;height:25px}
#mm-hannover-page .mmh-feature h3{color:var(--mmh-brand);font-size:21px;line-height:1.12}
#mm-hannover-page .mmh-feature p{margin-top:11px;color:var(--mmh-muted);font-size:14px;line-height:1.74}

/* Event worlds – desktop click-to-swap, mobile swipe/expand */
#mm-hannover-page .mmh-section--events{background:linear-gradient(180deg,#f4ece7 0%,#fbf7f4 100%)}
#mm-hannover-page .mmh-event-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);grid-template-rows:repeat(2,minmax(248px,1fr));gap:18px;margin-top:38px}
#mm-hannover-page .mmh-event-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(30,40,50,.08);border-radius:28px;background:#fff;box-shadow:0 24px 70px rgba(30,40,50,.11);cursor:pointer;outline:none;transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease}
#mm-hannover-page .mmh-event-card:focus-visible{box-shadow:0 0 0 4px rgba(230,200,180,.55),0 24px 70px rgba(30,40,50,.11)}
#mm-hannover-page .mmh-event-card.is-featured{grid-row:1/span 2;cursor:zoom-in}
#mm-hannover-page .mmh-event-card:not(.is-featured){display:grid;grid-template-columns:43% 57%;align-items:stretch}
#mm-hannover-page .mmh-event-card figure{position:relative;overflow:hidden;margin:0;background:var(--mmh-brand)}
#mm-hannover-page .mmh-event-card.is-featured figure{aspect-ratio:16/10}
#mm-hannover-page .mmh-event-card:not(.is-featured) figure{height:100%;min-height:245px}
#mm-hannover-page .mmh-event-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .35s ease}
#mm-hannover-page .mmh-event-card:hover img{transform:scale(1.025);filter:saturate(1.03) contrast(1.02)}
#mm-hannover-page .mmh-event-card__body{padding:25px 25px 27px}
#mm-hannover-page .mmh-event-card:not(.is-featured) .mmh-event-card__body{display:flex;flex-direction:column;justify-content:center;padding:20px}
#mm-hannover-page .mmh-tag{display:inline-flex;width:max-content;padding:7px 10px;border-radius:999px;color:#945f49;background:var(--mmh-peach-3);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
#mm-hannover-page .mmh-event-card h3{margin-top:15px;color:var(--mmh-brand);font-size:clamp(23px,2.2vw,32px);line-height:1.02;letter-spacing:-.035em}
#mm-hannover-page .mmh-event-card:not(.is-featured) h3{font-size:21px}
#mm-hannover-page .mmh-event-card p:last-child{margin-top:13px;color:var(--mmh-muted);font-size:14px;line-height:1.72}
#mm-hannover-page .mmh-event-card:not(.is-featured) p:last-child{display:none}
#mm-hannover-page .mmh-card-cue{position:absolute;z-index:2;top:14px;right:14px;padding:8px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#fff;background:rgba(30,40,50,.72);font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;opacity:0;transform:translateY(-5px);transition:opacity .22s ease,transform .22s ease;backdrop-filter:blur(10px)}
#mm-hannover-page .mmh-event-card:hover .mmh-card-cue,#mm-hannover-page .mmh-event-card:focus .mmh-card-cue{opacity:1;transform:none}
#mm-hannover-page .mmh-click-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;color:#7b6960;font-size:11px;font-weight:700}
#mm-hannover-page .mmh-click-hint span{color:#a46f57;font-size:18px}
#mm-hannover-page .mmh-swap-grid.is-swapping{pointer-events:none}

/* Reviews */
#mm-hannover-page .mmh-section--reviews{background:var(--mmh-paper)}
#mm-hannover-page .mmh-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
#mm-hannover-page .mmh-review{position:relative;display:flex;min-height:100%;flex-direction:column;gap:15px;overflow:hidden;padding:30px;border:1px solid rgba(230,200,180,.13);border-radius:27px;color:#fff;background:var(--mmh-brand);box-shadow:0 25px 70px rgba(30,40,50,.14);transition:transform .32s ease,box-shadow .32s ease}
#mm-hannover-page .mmh-review:after{position:absolute;right:18px;top:0;color:rgba(230,200,180,.08);font-family:Georgia,serif;font-size:118px;line-height:1;content:"“";pointer-events:none}
#mm-hannover-page .mmh-review:hover{box-shadow:0 34px 82px rgba(30,40,50,.2);transform:translateY(-6px)}
#mm-hannover-page .mmh-stars{position:relative;z-index:1;display:flex;gap:5px;color:var(--mmh-peach)}
#mm-hannover-page .mmh-stars svg{width:16px;height:16px;fill:currentColor;stroke:none}
#mm-hannover-page .mmh-review p{position:relative;z-index:1;color:rgba(255,255,255,.75);font-size:14px;line-height:1.82}
#mm-hannover-page .mmh-review strong{margin-top:auto;color:#fff;font-size:15px}
#mm-hannover-page .mmh-review>span{color:rgba(255,255,255,.5);font-size:12px}

/* Full service */
#mm-hannover-page .mmh-section--service{overflow:hidden;color:#fff;background:var(--mmh-brand)}
#mm-hannover-page .mmh-section--service:after{position:absolute;left:-180px;bottom:-330px;width:620px;height:620px;border:1px solid rgba(230,200,180,.08);border-radius:50%;content:"";box-shadow:0 0 0 90px rgba(230,200,180,.02)}
#mm-hannover-page .mmh-service__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,510px) minmax(0,1fr);align-items:center;gap:clamp(44px,5vw,74px)}
#mm-hannover-page .mmh-service__figure{position:relative;overflow:hidden;margin:0;border-radius:30px;box-shadow:0 32px 82px rgba(17,25,33,.28)}
#mm-hannover-page .mmh-service__figure:after{position:absolute;inset:0;border:1px solid rgba(255,255,255,.08);border-radius:inherit;content:"";pointer-events:none}
#mm-hannover-page .mmh-service__figure img{width:100%;min-height:590px;object-fit:cover;transform:translate3d(0,var(--mmh-parallax-y,0px),0) scale(1.06);transition:transform .12s linear}
#mm-hannover-page .mmh-service__copy .mmh-kicker{color:var(--mmh-peach)}
#mm-hannover-page .mmh-service__copy h2{margin-top:16px;color:#fff;font-size:clamp(40px,5vw,64px)}
#mm-hannover-page .mmh-steps{display:grid;gap:13px;margin-top:25px}
#mm-hannover-page .mmh-step{display:grid;grid-template-columns:50px 1fr;align-items:start;gap:15px;padding:18px 20px;border:1px solid rgba(230,200,180,.1);border-radius:20px;background:rgba(255,255,255,.035);transition:transform .28s ease,background .28s ease,border-color .28s ease}
#mm-hannover-page .mmh-step:hover{border-color:rgba(230,200,180,.2);background:rgba(255,255,255,.055);transform:translateX(5px)}
#mm-hannover-page .mmh-step>span{display:grid;width:50px;height:50px;place-items:center;border:1px solid rgba(230,200,180,.14);border-radius:15px;color:var(--mmh-peach);background:rgba(230,200,180,.08);font-size:13px;font-weight:850}
#mm-hannover-page .mmh-step h3{color:#fff;font-size:20px}
#mm-hannover-page .mmh-step p{margin-top:7px;color:rgba(255,255,255,.68);font-size:14px;line-height:1.7}
#mm-hannover-page .mmh-service__copy .mmh-btn{margin-top:27px}

/* Business */
#mm-hannover-page .mmh-section--business{background:var(--mmh-peach-3)}
#mm-hannover-page .mmh-business__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,455px);align-items:center;gap:clamp(44px,5vw,72px)}
#mm-hannover-page .mmh-business__copy h2{margin-top:16px;color:var(--mmh-brand);font-size:clamp(40px,5vw,64px)}
#mm-hannover-page .mmh-business__copy h2 span{color:#a96f53}
#mm-hannover-page .mmh-business__copy>p:not(.mmh-kicker){margin-top:18px;color:var(--mmh-muted);font-size:16px;line-height:1.76}
#mm-hannover-page .mmh-checklist{display:grid;gap:11px;margin:22px 0 0;padding:0;list-style:none}
#mm-hannover-page .mmh-checklist li{display:flex;align-items:flex-start;gap:10px;color:#34414b;font-size:14px;line-height:1.62}
#mm-hannover-page .mmh-checklist svg{width:18px;height:18px;flex:0 0 auto;color:#a46f57}
#mm-hannover-page .mmh-business__actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:26px}
#mm-hannover-page .mmh-mini-showcase{position:relative;overflow:hidden;border:1px solid rgba(30,40,50,.09);border-radius:30px;background:var(--mmh-brand);box-shadow:0 28px 82px rgba(30,40,50,.18)}
#mm-hannover-page .mmh-mini-showcase img{width:100%;aspect-ratio:5/4;object-fit:cover;transform:translate3d(0,var(--mmh-parallax-y,0px),0) scale(1.05);transition:transform .12s linear}
#mm-hannover-page .mmh-mini-showcase__badge{position:absolute;z-index:2;top:15px;left:15px;display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#fff;background:rgba(30,40,50,.76);font-size:11px;font-weight:800;backdrop-filter:blur(10px)}
#mm-hannover-page .mmh-mini-showcase__badge svg{width:15px;height:15px;color:var(--mmh-peach)}

/* Local */
#mm-hannover-page .mmh-section--local{background:#efe4dc}
#mm-hannover-page .mmh-local__grid{display:grid;grid-template-columns:350px minmax(0,1fr);align-items:center;gap:60px}
#mm-hannover-page .mmh-local__badge{position:relative;display:flex;aspect-ratio:1;flex-direction:column;align-items:center;justify-content:center;padding:38px;border-radius:50%;color:#fff;background:var(--mmh-brand);box-shadow:0 25px 76px rgba(30,40,50,.17);text-align:center}
#mm-hannover-page .mmh-local__badge:before,#mm-hannover-page .mmh-local__badge:after{position:absolute;border:1px solid rgba(230,200,180,.2);border-radius:50%;content:""}
#mm-hannover-page .mmh-local__badge:before{inset:16px}
#mm-hannover-page .mmh-local__badge:after{inset:-10px;border-style:dashed;animation:mmh-orbit 24s linear infinite}
#mm-hannover-page .mmh-local__badge svg{width:28px;height:28px;margin-bottom:13px;color:var(--mmh-peach)}
#mm-hannover-page .mmh-local__badge strong{font-size:clamp(40px,5vw,60px);letter-spacing:-.045em}
#mm-hannover-page .mmh-local__badge span{max-width:205px;margin-top:9px;color:rgba(255,255,255,.58);font-size:12px;line-height:1.6}
@keyframes mmh-orbit{to{transform:rotate(360deg)}}
#mm-hannover-page .mmh-local__copy h2{margin-top:16px;color:var(--mmh-brand);font-size:clamp(40px,5vw,64px)}
#mm-hannover-page .mmh-local__copy h2 span{color:#a96f53}
#mm-hannover-page .mmh-local__copy p:not(.mmh-kicker){margin-top:18px;color:var(--mmh-muted);font-size:15px;line-height:1.78}

/* FAQ */
#mm-hannover-page .mmh-section--faq{background:var(--mmh-paper)}
#mm-hannover-page .mmh-faq__grid{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:58px}
#mm-hannover-page .mmh-faq__intro{position:sticky;top:110px}
#mm-hannover-page .mmh-faq__intro h2{margin-top:16px;color:var(--mmh-brand);font-size:clamp(40px,5vw,58px)}
#mm-hannover-page .mmh-faq__intro h2 span{color:#a96f53}
#mm-hannover-page .mmh-faq__intro p:last-child{margin-top:17px;color:var(--mmh-muted);font-size:15px;line-height:1.76}
#mm-hannover-page .mmh-faq-item{border-bottom:1px solid var(--mmh-line)}
#mm-hannover-page .mmh-faq-item:first-child{border-top:1px solid var(--mmh-line)}
#mm-hannover-page .mmh-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 2px;cursor:pointer;list-style:none;color:var(--mmh-brand);font-size:17px;font-weight:800;transition:color .2s ease}
#mm-hannover-page .mmh-faq-item summary::-webkit-details-marker{display:none}
#mm-hannover-page .mmh-faq-item summary:hover{color:#a46f57}
#mm-hannover-page .mmh-faq-item summary i{position:relative;width:25px;height:25px;flex:0 0 auto;border:1px solid rgba(30,40,50,.18);border-radius:50%;background:#fff}
#mm-hannover-page .mmh-faq-item summary i:before,#mm-hannover-page .mmh-faq-item summary i:after{position:absolute;top:11px;right:6px;left:6px;height:1.5px;background:#6b747c;content:"";transition:transform .22s ease}
#mm-hannover-page .mmh-faq-item summary i:after{transform:rotate(90deg)}
#mm-hannover-page .mmh-faq-item[open] summary i{background:var(--mmh-peach-3)}
#mm-hannover-page .mmh-faq-item[open] summary i:after{transform:rotate(0)}
#mm-hannover-page .mmh-faq-answer{padding:0 48px 22px 2px}
#mm-hannover-page .mmh-faq-answer p{color:var(--mmh-muted);font-size:14px;line-height:1.77}

/* Final */
#mm-hannover-page .mmh-final{position:relative;overflow:hidden;padding:clamp(92px,9vw,132px) 0 clamp(110px,10vw,150px);color:#fff;background:var(--mmh-brand)}
#mm-hannover-page .mmh-final:before{position:absolute;top:-380px;left:50%;width:820px;height:820px;border-radius:50%;background:rgba(230,200,180,.1);content:"";filter:blur(110px);transform:translateX(-50%)}
#mm-hannover-page .mmh-final:after{position:absolute;right:-90px;bottom:-180px;width:420px;height:420px;border:1px solid rgba(230,200,180,.09);border-radius:50%;content:"";box-shadow:0 0 0 76px rgba(230,200,180,.018)}
#mm-hannover-page .mmh-final__inner{position:relative;z-index:2;max-width:870px;text-align:center}
#mm-hannover-page .mmh-final__mark{width:72px;height:72px;margin:0 auto 18px;border:1px solid rgba(230,200,180,.14);border-radius:50%;box-shadow:0 16px 44px rgba(12,20,27,.18)}
#mm-hannover-page .mmh-final .mmh-kicker{color:var(--mmh-peach)}
#mm-hannover-page .mmh-final h2{margin-top:17px;color:#fff;font-size:clamp(44px,6vw,76px)}
#mm-hannover-page .mmh-final>div>p:not(.mmh-kicker){max-width:700px;margin:20px auto 0;color:rgba(255,255,255,.7);font-size:16px;line-height:1.75}
#mm-hannover-page .mmh-final .mmh-btn{margin-top:29px}
#mm-hannover-page .mmh-final small{display:block;margin-top:18px;color:rgba(255,255,255,.43);font-size:11px;letter-spacing:.04em}

/* Mobile sticky CTA */
#mm-hannover-page .mmh-mobile-cta{position:fixed;z-index:9998;right:10px;bottom:10px;left:10px;display:none;filter:drop-shadow(0 18px 42px rgba(30,40,50,.22));transform:translateY(130%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
#mm-hannover-page .mmh-mobile-cta.is-visible{transform:none}
#mm-hannover-page .mmh-mobile-cta a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px 13px 17px;border:1px solid rgba(30,40,50,.08);border-radius:18px;color:var(--mmh-brand);background:linear-gradient(135deg,var(--mmh-peach-2),var(--mmh-peach))}
#mm-hannover-page .mmh-mobile-cta span{display:flex;flex-direction:column;gap:2px}
#mm-hannover-page .mmh-mobile-cta strong{font-size:13px}
#mm-hannover-page .mmh-mobile-cta small{font-size:10px;opacity:.7}
#mm-hannover-page .mmh-mobile-cta svg{width:22px;height:22px}

/* Lightbox */
#mm-hannover-page .mmh-lightbox[hidden]{display:none!important}
#mm-hannover-page .mmh-lightbox{position:fixed;z-index:10020;inset:0;display:grid;place-items:center;padding:24px}
#mm-hannover-page .mmh-lightbox__backdrop{position:absolute;inset:0;background:rgba(30,40,50,.91);backdrop-filter:blur(10px)}
#mm-hannover-page .mmh-lightbox__dialog{position:relative;z-index:2;width:min(1080px,94vw);max-height:90vh;overflow:hidden;border:1px solid rgba(230,200,180,.19);border-radius:28px;background:var(--mmh-brand-2);box-shadow:0 38px 120px rgba(18,28,36,.42);animation:mmh-lightbox-in .36s both cubic-bezier(.2,.8,.2,1)}
#mm-hannover-page .mmh-lightbox__dialog img{width:100%;max-height:78vh;object-fit:contain;background:var(--mmh-brand)}
#mm-hannover-page .mmh-lightbox__caption{padding:14px 20px 16px;color:rgba(255,255,255,.78);font-size:13px;font-weight:700}
#mm-hannover-page .mmh-lightbox__close{position:absolute;z-index:3;top:12px;right:12px;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff;background:rgba(30,40,50,.8);font-size:26px;line-height:1;cursor:pointer;backdrop-filter:blur(10px)}
@keyframes mmh-lightbox-in{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}

/* Scroll reveals */
#mm-hannover-page.js-ready .mmh-reveal{opacity:0;filter:blur(3px);transform:translate3d(0,28px,0) scale(.985);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1),filter .72s ease;transition-delay:var(--mmh-delay,0ms)}
#mm-hannover-page.js-ready .mmh-reveal.is-visible{opacity:1;filter:none;transform:none}
#mm-hannover-page .mmh-feature-grid>.mmh-reveal:nth-child(2),#mm-hannover-page .mmh-review-grid>.mmh-reveal:nth-child(2){--mmh-delay:70ms}
#mm-hannover-page .mmh-feature-grid>.mmh-reveal:nth-child(3),#mm-hannover-page .mmh-review-grid>.mmh-reveal:nth-child(3){--mmh-delay:140ms}
#mm-hannover-page .mmh-feature-grid>.mmh-reveal:nth-child(4){--mmh-delay:210ms}
#mm-hannover-page .mmh-steps>.mmh-reveal:nth-child(2){--mmh-delay:55ms}
#mm-hannover-page .mmh-steps>.mmh-reveal:nth-child(3){--mmh-delay:110ms}
#mm-hannover-page .mmh-steps>.mmh-reveal:nth-child(4){--mmh-delay:165ms}

/* Tablet */
@media (max-width:1024px){
  #mm-hannover-page .mmh-hero__grid,#mm-hannover-page .mmh-service__grid,#mm-hannover-page .mmh-business__grid,#mm-hannover-page .mmh-local__grid,#mm-hannover-page .mmh-faq__grid{grid-template-columns:1fr}
  #mm-hannover-page .mmh-hero__copy{max-width:760px}
  #mm-hannover-page .mmh-hero__visual{max-width:780px;width:100%;margin-inline:auto}
  #mm-hannover-page .mmh-feature-grid{grid-template-columns:repeat(2,1fr)}
  #mm-hannover-page .mmh-review-grid{grid-template-columns:1fr}
  #mm-hannover-page .mmh-service__figure{max-width:760px}
  #mm-hannover-page .mmh-service__figure img{min-height:500px}
  #mm-hannover-page .mmh-mini-showcase{max-width:650px}
  #mm-hannover-page .mmh-local__badge{width:min(350px,80vw);margin-inline:auto}
  #mm-hannover-page .mmh-faq__intro{position:static;max-width:720px}
}

/* Event swap desktop ends before mobile/tablet touch layout */
@media (max-width:899px){
  #mm-hannover-page .mmh-event-grid{display:flex;width:calc(100% + 22px);grid-template:none;gap:14px;overflow-x:auto;margin-right:-22px;padding:0 22px 14px 0;scroll-padding-right:22px;scroll-snap-type:x mandatory;scrollbar-width:none}
  #mm-hannover-page .mmh-event-grid::-webkit-scrollbar{display:none}
  #mm-hannover-page .mmh-event-card,#mm-hannover-page .mmh-event-card.is-featured,#mm-hannover-page .mmh-event-card:not(.is-featured){display:block;flex:0 0 min(82vw,440px);min-height:0;scroll-snap-align:center;cursor:zoom-in}
  #mm-hannover-page .mmh-event-card figure,#mm-hannover-page .mmh-event-card.is-featured figure,#mm-hannover-page .mmh-event-card:not(.is-featured) figure{height:auto;min-height:0;aspect-ratio:5/4}
  #mm-hannover-page .mmh-event-card:not(.is-featured) .mmh-event-card__body{display:block;padding:24px}
  #mm-hannover-page .mmh-event-card:not(.is-featured) h3{font-size:24px}
  #mm-hannover-page .mmh-event-card:not(.is-featured) p:last-child{display:block}
  #mm-hannover-page .mmh-card-cue{opacity:1;transform:none}
  #mm-hannover-page .mmh-click-hint{justify-content:flex-start}
}

/* Mobile */
@media (max-width:680px){
  body.mm-hannover-landing-active #main .container_wrap>.container{padding:0!important}
  #mm-hannover-page .mmh-shell{width:min(100% - 28px,1180px)}
  #mm-hannover-page .mmh-section{padding:72px 0}
  #mm-hannover-page .mmh-hero{padding:58px 0 62px}
  #mm-hannover-page .mmh-hero__grid{gap:36px}
  #mm-hannover-page .mmh-hero .mmh-eyebrow{font-size:9px;letter-spacing:.13em}
  #mm-hannover-page .mmh-hero h1{font-size:clamp(48px,14.5vw,66px);line-height:.98}
  #mm-hannover-page .mmh-hero__lead{font-size:15px;line-height:1.72}
  #mm-hannover-page .mmh-hero__actions,#mm-hannover-page .mmh-business__actions{display:grid;grid-template-columns:1fr}
  #mm-hannover-page .mmh-btn{width:100%;min-height:55px}
  #mm-hannover-page .mmh-proof{display:grid;grid-template-columns:1fr}
  #mm-hannover-page .mmh-proof span{justify-content:center}
  #mm-hannover-page .mmh-hero__visual{min-height:0}
  #mm-hannover-page .mmh-hero__visual>img{min-height:400px;border-radius:24px}
  #mm-hannover-page .mmh-hero__visual:before{inset:14px -8px -14px 14px;border-radius:25px}
  #mm-hannover-page .mmh-hero__card{max-width:174px;padding:10px 11px;border-radius:14px}
  #mm-hannover-page .mmh-hero__card--service{left:8px;bottom:9px}
  #mm-hannover-page .mmh-hero__card--print{right:8px;top:9px}
  #mm-hannover-page .mmh-hero__card span{font-size:9px}
  #mm-hannover-page .mmh-hero__card strong{font-size:10px}
  #mm-hannover-page .mmh-logo-strip{padding:18px 0}
  #mm-hannover-page .mmh-logo-strip__items span{min-width:128px;height:50px;font-size:14px}
  #mm-hannover-page .mmh-heading h2,#mm-hannover-page .mmh-service__copy h2,#mm-hannover-page .mmh-business__copy h2,#mm-hannover-page .mmh-local__copy h2,#mm-hannover-page .mmh-faq__intro h2{font-size:clamp(36px,10.6vw,49px)}
  #mm-hannover-page .mmh-heading>p:last-child,#mm-hannover-page .mmh-business__copy>p:not(.mmh-kicker),#mm-hannover-page .mmh-local__copy p:not(.mmh-kicker),#mm-hannover-page .mmh-faq__intro p:last-child{font-size:14px}
  #mm-hannover-page .mmh-feature-grid{grid-template-columns:1fr}
  #mm-hannover-page .mmh-feature{padding:25px}
  #mm-hannover-page .mmh-review{padding:26px}
  #mm-hannover-page .mmh-service__figure img{min-height:430px}
  #mm-hannover-page .mmh-step{grid-template-columns:43px 1fr;padding:16px}
  #mm-hannover-page .mmh-step>span{width:43px;height:43px}
  #mm-hannover-page .mmh-local__badge{width:min(300px,82vw)}
  #mm-hannover-page .mmh-faq-item summary{font-size:16px}
  #mm-hannover-page .mmh-faq-answer{padding-right:30px}
  #mm-hannover-page .mmh-final h2{font-size:clamp(40px,11vw,55px)}
  #mm-hannover-page .mmh-final__mark{width:62px;height:62px}
  #mm-hannover-page .mmh-mobile-cta{display:block}
  #mm-hannover-page .mmh-lightbox{padding:12px}
  #mm-hannover-page .mmh-lightbox__dialog{width:100%;border-radius:20px}
  #mm-hannover-page .mmh-lightbox__dialog img{max-height:75vh}
  #mm-hannover-page .mmh-lightbox__close{top:8px;right:8px;width:38px;height:38px}
}

@media (prefers-reduced-motion:reduce){
  #mm-hannover-page *,#mm-hannover-page *:before,#mm-hannover-page *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  #mm-hannover-page .mmh-logo-strip__items{animation:none!important}
  #mm-hannover-page.js-ready .mmh-reveal,#mm-hannover-page.js-ready [data-mmh-hero-visual],#mm-hannover-page.js-ready .mmh-hero__copy>*{opacity:1!important;filter:none!important;clip-path:none!important;transform:none!important}
}
body.mmh-lightbox-open{overflow:hidden!important}
@media (hover:hover) and (pointer:fine) and (min-width:1025px){
  #mm-hannover-page.is-hero-ready .mmh-hero__visual>img{
    transform:perspective(1200px) rotateX(var(--mmh-tilt-x,0deg)) rotateY(var(--mmh-tilt-y,0deg)) scale(1.012);
    transition:transform .28s cubic-bezier(.2,.8,.2,1);
  }
}

/* ========================================================================== 
   v3.1 refinement: typography variants, clearer section contrast, light reviews,
   and animated KI cross-sell teaser.
   ========================================================================== */
#mm-hannover-page{
  --mmh-cool:#edf2f4;
  --mmh-cool-2:#f6f8f9;
  --mmh-white:#ffffff;
  --mmh-heading-font:"Instrument Sans",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--mmh-white);
}
#mm-hannover-page.mmh-font-v1{--mmh-heading-font:"Instrument Sans",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#mm-hannover-page.mmh-font-v2{--mmh-heading-font:Montserrat,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#mm-hannover-page.mmh-font-v3{--mmh-heading-font:Epilogue,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#mm-hannover-page h1,
#mm-hannover-page h2,
#mm-hannover-page h3,
#mm-hannover-page .mmh-local__badge strong,
#mm-hannover-page .mmh-proof strong{
  font-family:var(--mmh-heading-font)!important;
}
#mm-hannover-page h1{font-weight:700}
#mm-hannover-page h2{font-weight:700}
#mm-hannover-page h3{font-weight:700}

/* Brand accent should support headlines, not recolor half of every headline. */
#mm-hannover-page h2 span,
#mm-hannover-page .mmh-heading h2 span,
#mm-hannover-page .mmh-business__copy h2 span,
#mm-hannover-page .mmh-local__copy h2 span,
#mm-hannover-page .mmh-faq__intro h2 span{color:inherit}
#mm-hannover-page #leistungen h2 span,
#mm-hannover-page .mmh-section--events h2 span,
#mm-hannover-page .mmh-section--reviews h2 span,
#mm-hannover-page .mmh-section--business h2 span,
#mm-hannover-page .mmh-section--local h2 span,
#mm-hannover-page .mmh-section--faq h2 span{
  background-image:linear-gradient(180deg,transparent 72%,rgba(230,200,180,.62) 72%,rgba(230,200,180,.62) 91%,transparent 91%);
  background-repeat:no-repeat;
  background-size:100% 100%;
}
#mm-hannover-page .mmh-section--service h2 span,
#mm-hannover-page .mmh-final h2 span{color:var(--mmh-peach)}
#mm-hannover-page .mmh-section--service h2 span,
#mm-hannover-page .mmh-final h2 span{background:none}

/* Hero subline: clearer scanning through weighted keywords. */
#mm-hannover-page .mmh-hero__lead strong{color:#fff;font-weight:780}

/* Stronger visual rhythm between consecutive sections. */
#mm-hannover-page #leistungen{background:#fff}
#mm-hannover-page .mmh-section--events{background:var(--mmh-cool)}
#mm-hannover-page .mmh-section--reviews{background:var(--mmh-cool-2)}
#mm-hannover-page .mmh-section--business{background:#fff}
#mm-hannover-page .mmh-section--local{background:var(--mmh-peach)}
#mm-hannover-page .mmh-section--faq{background:var(--mmh-cool-2)}

/* Trust strip: expanded client list gets a slower, calmer marquee. */
#mm-hannover-page .mmh-logo-strip__items{gap:9px;animation-duration:62s}
#mm-hannover-page .mmh-logo-strip__items span{min-width:max-content;padding-inline:22px;background:rgba(255,255,255,.54);white-space:nowrap}

/* Events cards stand away from the cooler section background. */
#mm-hannover-page .mmh-event-card{border-color:rgba(30,40,50,.09);background:#fff;box-shadow:0 26px 70px rgba(30,40,50,.11)}
#mm-hannover-page .mmh-click-hint{color:#66737d}

/* Customer references: light, editorial cards instead of a dark block. */
#mm-hannover-page .mmh-review{
  border:1px solid rgba(30,40,50,.1);
  color:var(--mmh-brand);
  background:#fff;
  box-shadow:0 22px 62px rgba(30,40,50,.09);
}
#mm-hannover-page .mmh-review:after{color:rgba(230,200,180,.38)}
#mm-hannover-page .mmh-review:hover{border-color:rgba(30,40,50,.16);box-shadow:0 30px 74px rgba(30,40,50,.13)}
#mm-hannover-page .mmh-stars{color:#b77d5f}
#mm-hannover-page .mmh-review p{color:#48555f}
#mm-hannover-page .mmh-review strong{color:var(--mmh-brand)}
#mm-hannover-page .mmh-review>span{color:#76818a}

/* Business block: neutral white section + animated KI teaser. */
#mm-hannover-page .mmh-business__copy .mmh-kicker{color:#8f5e49}
#mm-hannover-page .mmh-business__actions{align-items:flex-end;overflow:visible;padding-top:30px}
#mm-hannover-page .mmh-ki-teaser{position:relative;z-index:2;display:inline-flex;align-items:flex-end;justify-content:center;min-width:212px;padding-top:40px}
#mm-hannover-page .mmh-ki-teaser__fan{position:absolute;z-index:0;left:50%;bottom:27px;width:164px;height:90px;transform:translateX(-50%);pointer-events:none}
#mm-hannover-page .mmh-ki-teaser__card{position:absolute;left:50%;bottom:0;width:58px;aspect-ratio:4/5;object-fit:cover;border:2px solid #fff;border-radius:10px;opacity:0;box-shadow:0 13px 28px rgba(30,40,50,.2);transform-origin:50% 100%;will-change:transform,opacity}
#mm-hannover-page .mmh-ki-teaser__card--1{z-index:1;transform:translateX(-84px) translateY(26px) rotate(-12deg) scale(.86)}
#mm-hannover-page .mmh-ki-teaser__card--2{z-index:2;transform:translateX(-29px) translateY(18px) rotate(-1deg) scale(.91)}
#mm-hannover-page .mmh-ki-teaser__card--3{z-index:1;transform:translateX(30px) translateY(26px) rotate(12deg) scale(.86)}
#mm-hannover-page .mmh-ki-teaser.is-active .mmh-ki-teaser__card--1{animation:mmh-ki-peek-left 4.6s .05s infinite ease-in-out}
#mm-hannover-page .mmh-ki-teaser.is-active .mmh-ki-teaser__card--2{animation:mmh-ki-peek-center 4.2s .22s infinite ease-in-out}
#mm-hannover-page .mmh-ki-teaser.is-active .mmh-ki-teaser__card--3{animation:mmh-ki-peek-right 4.8s .42s infinite ease-in-out}
#mm-hannover-page .mmh-ki-teaser:hover .mmh-ki-teaser__card--1{animation:none;opacity:1;transform:translateX(-93px) translateY(-15px) rotate(-16deg) scale(1)}
#mm-hannover-page .mmh-ki-teaser:hover .mmh-ki-teaser__card--2{animation:none;opacity:1;transform:translateX(-29px) translateY(-29px) rotate(0) scale(1.04)}
#mm-hannover-page .mmh-ki-teaser:hover .mmh-ki-teaser__card--3{animation:none;opacity:1;transform:translateX(35px) translateY(-15px) rotate(16deg) scale(1)}
@keyframes mmh-ki-peek-left{0%,100%{opacity:.74;transform:translateX(-78px) translateY(18px) rotate(-11deg) scale(.88)}45%,65%{opacity:1;transform:translateX(-88px) translateY(-5px) rotate(-15deg) scale(.96)}}
@keyframes mmh-ki-peek-center{0%,100%{opacity:.84;transform:translateX(-29px) translateY(13px) rotate(-1deg) scale(.92)}48%,70%{opacity:1;transform:translateX(-29px) translateY(-19px) rotate(0) scale(1)}}
@keyframes mmh-ki-peek-right{0%,100%{opacity:.74;transform:translateX(25px) translateY(18px) rotate(11deg) scale(.88)}42%,62%{opacity:1;transform:translateX(33px) translateY(-5px) rotate(15deg) scale(.96)}}
#mm-hannover-page .mmh-btn--ki{z-index:3;overflow:visible;color:#fff;border-color:rgba(30,40,50,.05);background:var(--mmh-brand);box-shadow:0 16px 38px rgba(30,40,50,.2)}
#mm-hannover-page .mmh-btn--ki:before{position:absolute;z-index:-1;inset:-5px;border:1px solid rgba(230,200,180,.66);border-radius:999px;content:"";opacity:.45;animation:mmh-ki-ring 2.8s infinite ease-in-out}
#mm-hannover-page .mmh-btn--ki:hover{box-shadow:0 20px 46px rgba(30,40,50,.27)}
#mm-hannover-page .mmh-ki-spark{display:inline-block;color:var(--mmh-peach-2);font-size:15px;line-height:1;animation:mmh-ki-spark 1.9s infinite ease-in-out}
#mm-hannover-page .mmh-ki-spark--2{animation-delay:.68s}
@keyframes mmh-ki-ring{0%,100%{opacity:.22;transform:scale(.98)}50%{opacity:.62;transform:scale(1.035)}}
@keyframes mmh-ki-spark{0%,100%{opacity:.3;transform:rotate(0) scale(.72)}45%{opacity:1;transform:rotate(16deg) scale(1.25)}}

/* Local block now uses the actual light brand tone as a deliberate contrast field. */
#mm-hannover-page .mmh-section--local .mmh-kicker{color:#7d5241}
#mm-hannover-page .mmh-local__copy p:not(.mmh-kicker){color:#46525b}
#mm-hannover-page .mmh-local__badge{box-shadow:0 30px 82px rgba(30,40,50,.22)}

/* FAQ gets a cool neutral field instead of another cream block. */
#mm-hannover-page .mmh-faq-item summary i{background:#fff}
#mm-hannover-page .mmh-faq-item[open] summary i{background:rgba(230,200,180,.55)}

@media (max-width:680px){
  #mm-hannover-page .mmh-logo-strip__items{animation-duration:52s}
  #mm-hannover-page .mmh-logo-strip__items span{min-width:max-content;padding-inline:18px}
  #mm-hannover-page .mmh-business__actions{padding-top:26px}
  #mm-hannover-page .mmh-ki-teaser{width:100%;min-width:0;padding-top:46px}
  #mm-hannover-page .mmh-ki-teaser__fan{bottom:28px;transform:translateX(-50%) scale(.92)}
  #mm-hannover-page .mmh-btn--ki{width:100%}
}

@media (prefers-reduced-motion:reduce){
  #mm-hannover-page .mmh-ki-teaser__card,
  #mm-hannover-page .mmh-btn--ki:before,
  #mm-hannover-page .mmh-ki-spark{animation:none!important}
  #mm-hannover-page .mmh-ki-teaser__card--1{opacity:1;transform:translateX(-84px) translateY(-5px) rotate(-13deg) scale(.94)}
  #mm-hannover-page .mmh-ki-teaser__card--2{opacity:1;transform:translateX(-29px) translateY(-17px) rotate(0) scale(.98)}
  #mm-hannover-page .mmh-ki-teaser__card--3{opacity:1;transform:translateX(30px) translateY(-5px) rotate(13deg) scale(.94)}
}

/* ========================================================================== 
   v3.2 refinement: desktop section-head CTAs, richer six-feature palette,
   Instagram live block, and tighter desktop use of horizontal space.
   ========================================================================== */
#mm-hannover-page .mmh-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(250px,340px);
  align-items:center;
  gap:clamp(32px,5vw,82px);
}
#mm-hannover-page .mmh-section-head .mmh-heading{max-width:790px}
#mm-hannover-page .mmh-btn--section-head{
  position:relative;
  overflow:hidden;
  min-height:66px;
  padding-inline:28px;
  justify-self:end;
  font-size:15px;
  box-shadow:0 18px 42px rgba(30,40,50,.18);
}
#mm-hannover-page .mmh-btn--section-head:before{
  position:absolute;
  top:-65%;
  left:-35%;
  width:28%;
  height:230%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  content:"";
  transform:rotate(18deg) translateX(-240%);
  animation:mmh-head-cta-shine 4.8s 1.4s infinite ease-in-out;
  pointer-events:none;
}
#mm-hannover-page .mmh-btn--section-head svg{animation:mmh-head-arrow 1.7s infinite ease-in-out}
@keyframes mmh-head-cta-shine{0%,68%,100%{transform:rotate(18deg) translateX(-240%)}78%{transform:rotate(18deg) translateX(650%)}}
@keyframes mmh-head-arrow{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
#mm-hannover-page .mmh-section__cta--mobile{display:none}

/* Six varied feature tiles: still premium, but less monochrome and more universal. */
#mm-hannover-page .mmh-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#mm-hannover-page .mmh-feature{
  min-height:270px;
  padding:30px;
  border:1px solid rgba(30,40,50,.08);
  box-shadow:0 22px 58px rgba(30,40,50,.09);
  isolation:isolate;
}
#mm-hannover-page .mmh-feature:before,
#mm-hannover-page .mmh-feature:after{content:"";position:absolute;border-radius:50%;z-index:-1;pointer-events:none}
#mm-hannover-page .mmh-feature:before{width:150px;height:150px;right:-52px;top:-58px;opacity:.42;filter:blur(2px)}
#mm-hannover-page .mmh-feature:after{width:70px;height:70px;right:28px;bottom:-34px;opacity:.28}
#mm-hannover-page .mmh-feature .mmh-icon{
  width:62px;height:62px;margin-bottom:22px;border:1px solid rgba(255,255,255,.54);
  box-shadow:0 11px 24px rgba(30,40,50,.12);backdrop-filter:blur(6px)
}
#mm-hannover-page .mmh-feature .mmh-icon svg{width:29px;height:29px}
#mm-hannover-page .mmh-feature__mini{display:inline-flex;margin-bottom:10px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.58);color:rgba(30,40,50,.68);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
#mm-hannover-page .mmh-feature h3{font-size:24px;max-width:15ch}
#mm-hannover-page .mmh-feature:hover{transform:translateY(-7px) rotate(-.2deg);box-shadow:0 34px 72px rgba(30,40,50,.14)}
#mm-hannover-page .mmh-feature--photo{background:linear-gradient(145deg,#dfeef4 0%,#f6fbfd 100%)}
#mm-hannover-page .mmh-feature--photo:before{background:#8dc4d7} #mm-hannover-page .mmh-feature--photo:after{background:#b8dce8} #mm-hannover-page .mmh-feature--photo .mmh-icon{background:#c3e5ef;color:#255d72}
#mm-hannover-page .mmh-feature--print{background:linear-gradient(145deg,#fff0c6 0%,#fff9e8 100%)}
#mm-hannover-page .mmh-feature--print:before{background:#f1c552} #mm-hannover-page .mmh-feature--print:after{background:#f8d97e} #mm-hannover-page .mmh-feature--print .mmh-icon{background:#ffe4a0;color:#8b6415}
#mm-hannover-page .mmh-feature--design{background:linear-gradient(145deg,#f1dfe8 0%,#fbf3f7 100%)}
#mm-hannover-page .mmh-feature--design:before{background:#cf90ad} #mm-hannover-page .mmh-feature--design:after{background:#e4b7cc} #mm-hannover-page .mmh-feature--design .mmh-icon{background:#ecc5d7;color:#7f3f5c}
#mm-hannover-page .mmh-feature--service{background:linear-gradient(145deg,#dcece4 0%,#f3faf6 100%)}
#mm-hannover-page .mmh-feature--service:before{background:#8fc4a6} #mm-hannover-page .mmh-feature--service:after{background:#b8dbc7} #mm-hannover-page .mmh-feature--service .mmh-icon{background:#bfe2cc;color:#38694e}
#mm-hannover-page .mmh-feature--time{background:linear-gradient(145deg,#e8e3f3 0%,#f8f6fc 100%)}
#mm-hannover-page .mmh-feature--time:before{background:#aaa0d5} #mm-hannover-page .mmh-feature--time:after{background:#cbc4e7} #mm-hannover-page .mmh-feature--time .mmh-icon{background:#d1caeb;color:#575083}
#mm-hannover-page .mmh-feature--props{background:linear-gradient(145deg,#f8dfcf 0%,#fff5ed 100%)}
#mm-hannover-page .mmh-feature--props:before{background:#e99a75} #mm-hannover-page .mmh-feature--props:after{background:#f0ba9f} #mm-hannover-page .mmh-feature--props .mmh-icon{background:#f4b99c;color:#8a4b31}
#mm-hannover-page .mmh-feature-grid>.mmh-reveal:nth-child(5){--mmh-delay:280ms}
#mm-hannover-page .mmh-feature-grid>.mmh-reveal:nth-child(6){--mmh-delay:350ms}

/* Instagram: lively event collage while staying within Mister Mory's palette. */
#mm-hannover-page .mmh-section--instagram{position:relative;overflow:hidden;background:var(--mmh-brand);color:#fff}
#mm-hannover-page .mmh-section--instagram:before{content:"";position:absolute;right:-180px;top:-210px;width:520px;height:520px;border-radius:50%;background:rgba(230,200,180,.12);filter:blur(20px)}
#mm-hannover-page .mmh-instagram__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(50px,7vw,100px)}
#mm-hannover-page .mmh-instagram__visual{position:relative;min-height:470px;perspective:1200px}
#mm-hannover-page .mmh-instagram__card{position:absolute;overflow:hidden;margin:0;border:6px solid rgba(255,255,255,.92);border-radius:24px;background:#fff;box-shadow:0 28px 70px rgba(0,0,0,.32);transform-origin:50% 80%;will-change:transform}
#mm-hannover-page .mmh-instagram__card img{width:100%;height:100%;object-fit:cover}
#mm-hannover-page .mmh-instagram__card--1{left:0;top:60px;width:47%;aspect-ratio:4/5;transform:rotate(-8deg)}
#mm-hannover-page .mmh-instagram__card--2{left:30%;top:0;width:44%;aspect-ratio:4/5;z-index:2;transform:rotate(2deg)}
#mm-hannover-page .mmh-instagram__card--3{right:0;top:78px;width:42%;aspect-ratio:4/5;transform:rotate(9deg)}
#mm-hannover-page .mmh-instagram__visual.is-visible .mmh-instagram__card--1{animation:mmh-insta-left 6.8s .1s infinite ease-in-out}
#mm-hannover-page .mmh-instagram__visual.is-visible .mmh-instagram__card--2{animation:mmh-insta-center 6.2s .4s infinite ease-in-out}
#mm-hannover-page .mmh-instagram__visual.is-visible .mmh-instagram__card--3{animation:mmh-insta-right 7.1s .7s infinite ease-in-out}
@keyframes mmh-insta-left{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-10px) rotate(-10deg)}}
@keyframes mmh-insta-center{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-15px) rotate(0deg)}}
@keyframes mmh-insta-right{0%,100%{transform:translateY(0) rotate(9deg)}50%{transform:translateY(-8px) rotate(11deg)}}
#mm-hannover-page .mmh-instagram__bubble{position:absolute;z-index:4;display:grid;place-items:center;border-radius:999px;box-shadow:0 14px 32px rgba(0,0,0,.2);font-weight:900}
#mm-hannover-page .mmh-instagram__bubble--heart{right:5%;top:28px;width:54px;height:54px;color:#fff;background:linear-gradient(135deg,#ff9348,#d74986 52%,#7756d8);font-size:22px;animation:mmh-heart-pop 2.4s infinite ease-in-out}
#mm-hannover-page .mmh-instagram__bubble--live{left:4%;bottom:16px;padding:8px 12px;color:var(--mmh-brand);background:var(--mmh-peach);font-size:10px;letter-spacing:.12em;animation:mmh-live-pulse 2.8s infinite ease-in-out}
@keyframes mmh-heart-pop{0%,100%{transform:scale(.95) rotate(-4deg)}48%{transform:scale(1.08) rotate(4deg)}}
@keyframes mmh-live-pulse{0%,100%{box-shadow:0 0 0 0 rgba(230,200,180,.3)}50%{box-shadow:0 0 0 12px rgba(230,200,180,0)}}
#mm-hannover-page .mmh-instagram__copy{position:relative;z-index:2}
#mm-hannover-page .mmh-section--instagram .mmh-kicker{color:var(--mmh-peach)}
#mm-hannover-page .mmh-instagram__copy h2{margin-top:16px;color:#fff;font-size:clamp(40px,5vw,64px)}
#mm-hannover-page .mmh-instagram__copy h2 span{color:var(--mmh-peach);background:none}
#mm-hannover-page .mmh-instagram__copy p:not(.mmh-kicker){margin-top:20px;max-width:610px;color:rgba(255,255,255,.7);font-size:16px;line-height:1.75}
#mm-hannover-page .mmh-btn--instagram{position:relative;margin-top:28px;color:var(--mmh-brand);background:var(--mmh-peach);box-shadow:0 18px 42px rgba(0,0,0,.2)}
#mm-hannover-page .mmh-btn--instagram svg{width:19px;height:19px}
#mm-hannover-page .mmh-btn--instagram:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(230,200,180,.42);border-radius:999px;animation:mmh-insta-ring 2.6s infinite ease-in-out}
@keyframes mmh-insta-ring{0%,100%{opacity:.25;transform:scale(.98)}50%{opacity:.75;transform:scale(1.035)}}

@media (max-width:1024px){
  #mm-hannover-page .mmh-section-head{grid-template-columns:1fr;gap:22px}
  #mm-hannover-page .mmh-btn--section-head{justify-self:start}
  #mm-hannover-page .mmh-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #mm-hannover-page .mmh-instagram__grid{grid-template-columns:1fr;gap:34px}
  #mm-hannover-page .mmh-instagram__visual{width:min(620px,100%);min-height:430px;margin-inline:auto}
}
@media (max-width:680px){
  #mm-hannover-page .mmh-section-head{display:block}
  #mm-hannover-page .mmh-btn--section-head{display:none}
  #mm-hannover-page .mmh-section__cta--mobile{display:block;margin-top:30px}
  #mm-hannover-page .mmh-feature-grid{grid-template-columns:1fr;gap:14px}
  #mm-hannover-page .mmh-feature{min-height:0;padding:25px}
  #mm-hannover-page .mmh-feature h3{max-width:none;font-size:23px}
  #mm-hannover-page .mmh-instagram__visual{min-height:330px}
  #mm-hannover-page .mmh-instagram__card{border-width:4px;border-radius:18px}
  #mm-hannover-page .mmh-instagram__card--1{top:48px;width:48%}
  #mm-hannover-page .mmh-instagram__card--2{left:29%;width:45%}
  #mm-hannover-page .mmh-instagram__card--3{top:58px;width:43%}
  #mm-hannover-page .mmh-instagram__bubble--heart{width:44px;height:44px;font-size:18px}
  #mm-hannover-page .mmh-instagram__copy h2{font-size:clamp(36px,10.6vw,49px)}
  #mm-hannover-page .mmh-instagram__copy p:not(.mmh-kicker){font-size:14px}
  #mm-hannover-page .mmh-btn--instagram{width:100%}
}
@media (prefers-reduced-motion:reduce){
  #mm-hannover-page .mmh-btn--section-head:before,#mm-hannover-page .mmh-btn--section-head svg,
  #mm-hannover-page .mmh-instagram__card,#mm-hannover-page .mmh-instagram__bubble,#mm-hannover-page .mmh-btn--instagram:after{animation:none!important}
}
