/* =========================================================
   Mrs. Property · Terminseite Kaufbegleitung (Stand 2026-10-03)
   Basis: vsl-1/heben-build/style.css (Token-System, Sektionsklassen,
   Bauplan-Ecken, Karten, Kennzahlen, Quiz-Overlay).
   Token-Block. Quelle: kunden/maike-kipker/marke/design-system/
   (README.md, colors_and_type.css) + heben-build (freigegebene Werte).
   Ausserhalb dieses Blocks steht kein Hex-Wert und keine rgba-Farbe.
   ========================================================= */
:root{
  /* Farben */
  --mp-altrosa:#f4e1d9;
  --mp-altrosa-soft:#fdf4f1;
  --mp-presse:#fbf2ed;       /* Grundfarbe des Presse-PNG, damit dessen Kasten unsichtbar wird */
  --mp-beere:#a33e6b;
  --mp-beere-dark:#8c3159;
  --mp-beere-veil:rgba(163,62,107,.11);
  --mp-kohle:#373c3c;
  --mp-text:#4b4f58;
  --mp-hellgrau:#e3e3e3;     /* 3. neutrale Primaerfarbe: grauer Hinweiskasten */
  --mp-hellgrau-soft:#f1f1f1;
  --mp-senf:#efdd4f;
  --mp-paper:#ffffff;
  --mask-solid:#000000;      /* nur fuer CSS-Masken, nie sichtbar */
  --backdrop:rgba(55,60,60,.55);
  --veil-paper:rgba(255,255,255,.9);

  --bg:var(--mp-paper);
  --fg:var(--mp-text);
  --fg-strong:var(--mp-kohle);
  --accent:var(--mp-beere);
  --line:rgba(55,60,60,.16);
  --line-soft:rgba(55,60,60,.09);
  --line-on-beere:rgba(244,225,217,.3);

  /* Schrift */
  --font-display:'Tenor Sans','Cormorant Garamond',Georgia,serif;
  --font-text:'Raleway','Helvetica Neue',Arial,sans-serif;
  --t-h1:clamp(30px,4.6vw,48px);
  --t-h2:clamp(25px,3.6vw,38px);
  --t-h3:clamp(20px,2.2vw,26px);
  --t-h4:clamp(18px,1.7vw,20px);
  --t-body-lg:clamp(17px,1.5vw,19px);
  --t-body:16px;
  --t-sm:14px;
  --t-caption:13px;
  --t-eyebrow:12px;
  --ls-eyebrow:.2em;

  /* Raster */
  --radius:3px;
  --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px;
  --container:1180px;
  --prose:640px;
  --wide:980px;

  /* Abstandssystem (wie heben-build) */
  --s-section:56px;
  --s-hero-top:40px;
  --s-hero-bottom:48px;
  --s-h2:20px;
  --s-p:16px;
  --s-h3:40px;
  --s-block:32px;
  --s-gap:16px;
  --s-card:20px;

  /* Signature „Bauplan-Ecke“ */
  --bp-leg:20px;
  --bp-off:10px;
  --bp-stroke:1.5px;
  --bp-color:var(--mp-beere);

  /* Bewegung */
  --ease:cubic-bezier(.2,.7,.2,1);
  --t-hover:180ms;
  --t-enter:360ms;
  --t-loader:1800ms;         /* Ladebalken „Wir ordnen deine Angaben ein“ */

  /* Tiefe (heben-build, Nachtrag Tiefe/Schatten) */
  --elev-1:0 1px 2px rgba(55,60,60,.06),0 4px 12px -6px rgba(94,36,62,.12);
  --elev-2:0 1px 2px rgba(55,60,60,.06),0 12px 24px -14px rgba(94,36,62,.22),0 28px 48px -30px rgba(94,36,62,.18);
  --elev-on-beere:0 10px 24px -12px rgba(40,12,26,.45);
  --elev-cta:0 1px 2px rgba(55,60,60,.08),0 6px 14px -8px rgba(163,62,107,.45);
  --elev-press:0 1px 2px rgba(55,60,60,.08);
  --elev-panel:0 24px 60px -24px rgba(55,60,60,.45);
}
@media (min-width:768px){
  :root{
    --s-section:72px; --s-hero-top:56px; --s-hero-bottom:64px;
    --s-h2:24px; --s-h3:48px; --s-block:40px; --s-gap:24px; --s-card:28px;
    --bp-leg:28px;
  }
}
@media (min-width:1024px){
  :root{
    --s-section:96px; --s-hero-top:64px; --s-hero-bottom:80px;
    --s-p:18px; --s-block:48px; --s-gap:32px; --s-card:32px;
    --t-body:17px;
  }
}

/* ---------- Basis ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--fg);
  font-family:var(--font-text);font-size:var(--t-body);line-height:1.62;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
picture{display:block}
a{color:var(--accent)}
h1,h2,h3,h4{
  font-family:var(--font-display);font-weight:400;
  color:var(--accent);margin:0 0 var(--s4);line-height:1.18;
  letter-spacing:-.005em;text-wrap:pretty;
}
h1{font-size:var(--t-h1);line-height:1.12}
h2{font-size:var(--t-h2)}
h3{font-size:var(--t-h3)}
p{margin:0 0 var(--s4);text-wrap:pretty}
strong{font-weight:700;color:var(--fg-strong)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.wrap{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px}
.prose{max-width:var(--prose);margin-left:auto;margin-right:auto}
.wrap.prose{max-width:calc(var(--prose) + 40px)}
.wrap.wide{max-width:calc(var(--wide) + 40px)}
.center{text-align:center}

main > section{padding:var(--s-section) 0}
main > section h2{margin-bottom:var(--s-h2)}
main > section p{margin-bottom:var(--s-p)}
main > section h2.sub{margin-top:var(--s-h3)}
main > section > .wrap > :last-child,
main > section .prose > :last-child{margin-bottom:0}

.bg-rose{background:var(--mp-altrosa)}
.bg-soft{background:var(--mp-altrosa-soft)}
.bg-fade{background:linear-gradient(var(--mp-altrosa) 40%,var(--mp-paper) 100%)}
.bg-beere{background:var(--accent);color:var(--mp-paper)}
.bg-beere h2,.bg-beere h3{color:var(--mp-paper)}

.eyebrow{
  font-size:var(--t-eyebrow);text-transform:uppercase;letter-spacing:var(--ls-eyebrow);
  font-weight:500;color:var(--accent);margin:0 0 var(--s4)
}
main > section p.eyebrow{margin-bottom:var(--s4)}

/* ---------- Signature: Bauplan-Ecke ---------- */
.bp{position:relative}
.bp::before,.bp::after{
  content:"";position:absolute;width:var(--bp-leg);height:var(--bp-leg);
  pointer-events:none;z-index:1;
  transition:transform 480ms var(--ease) 120ms;
}
.bp::before{
  top:calc(var(--bp-off) * -1);right:calc(var(--bp-off) * -1);
  border-top:var(--bp-stroke) solid var(--bp-color);border-right:var(--bp-stroke) solid var(--bp-color);
  transform-origin:100% 0;
}
.bp::after{
  bottom:calc(var(--bp-off) * -1);left:calc(var(--bp-off) * -1);
  border-bottom:var(--bp-stroke) solid var(--bp-color);border-left:var(--bp-stroke) solid var(--bp-color);
  transform-origin:0 100%;
}

/* ---------- Header ---------- */
.site-head{background:var(--mp-paper);border-bottom:1px solid var(--line-soft)}
.site-head .wrap{display:flex;align-items:center;justify-content:center;height:60px}
.site-head img{width:168px;height:auto}

/* ---------- CTA ---------- */
.cta{
  display:inline-block;background:var(--accent);color:var(--mp-paper);
  text-decoration:none;border:0;border-radius:var(--radius);cursor:pointer;
  padding:15px 24px;font-family:var(--font-text);font-weight:600;
  font-size:clamp(17px,1.7vw,19px);line-height:1.3;text-align:center;
  transition:background var(--t-hover) var(--ease);max-width:100%;
}
.cta:hover,.cta:focus-visible{background:var(--mp-beere-dark)}
.cta-arrow{display:inline-block;transition:transform var(--t-hover) var(--ease)}
.cta:hover .cta-arrow,.cta:focus-visible .cta-arrow{transform:translateX(4px)}
.cta-block{margin:var(--s-block) 0}
.cta-block .cta{width:100%}
.cta-note{font-size:var(--t-sm);font-style:italic;color:var(--fg);margin:10px 0 0}
main > section p.cta-note{margin:10px 0 0}
.cta-block.center .cta-note{text-align:center}
main .cta{box-shadow:var(--elev-cta)}
main .cta:active{transform:translateY(1px);box-shadow:var(--elev-press)}

/* ---------- Hero ---------- */
main > section.hero{background:var(--mp-altrosa);padding:var(--s-hero-top) 0 var(--s-hero-bottom)}
.kicker{
  font-family:var(--font-text);font-weight:600;font-size:var(--t-sm);
  line-height:1.5;color:var(--accent);margin:0 0 var(--s4);max-width:46ch
}
main > section p.kicker{margin-bottom:var(--s4)}
.hero h1{margin-bottom:var(--s5)}
.hero h1 strong{font-weight:400;color:var(--fg-strong)}
.hero .lead{font-size:var(--t-body-lg)}
.hero .cta-block{margin:var(--s5) 0}
.hero-call{font-size:var(--t-body)}
.hero-grid{display:grid;row-gap:var(--s6)}
.hero-main > :last-child{margin-bottom:0}
.hero-img{width:100%;max-width:440px;margin:0 auto}
.hero-img img{
  width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 12%;
  -webkit-mask-image:linear-gradient(to right,transparent,var(--mask-solid) 24px,var(--mask-solid) calc(100% - 24px),transparent),linear-gradient(to bottom,transparent,var(--mask-solid) 24px,var(--mask-solid) calc(100% - 24px),transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent,var(--mask-solid) 24px,var(--mask-solid) calc(100% - 24px),transparent),linear-gradient(to bottom,transparent,var(--mask-solid) 24px,var(--mask-solid) calc(100% - 24px),transparent);
  mask-composite:intersect;
}

/* ---------- Zahlenband unter dem ATF (hell) + Presse ---------- */
.zahlen{background:var(--mp-presse);padding:var(--s6) 0 var(--s4)}
.zahlen ul{
  list-style:none;margin:0 auto;padding:0;max-width:var(--wide);
  display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s5) var(--s4);text-align:center
}
.zahlen li{border-top:1.5px solid var(--accent);padding-top:var(--s3)}
.zahlen b{
  display:block;font-family:var(--font-display);font-weight:400;color:var(--accent);
  font-size:clamp(24px,3vw,32px);line-height:1.15;white-space:nowrap;margin-bottom:4px
}
.zahlen span{display:block;font-size:var(--t-sm);color:var(--fg-strong);line-height:1.45}
.presse{background:var(--mp-presse);padding:var(--s4) 0 var(--s6)}
.presse p{font-size:var(--t-eyebrow);text-transform:uppercase;letter-spacing:var(--ls-eyebrow);text-align:center;color:var(--fg);margin:0 0 var(--s3)}
.presse img{width:calc(100% + 40px);max-width:none;margin:0 -20px}

/* ---------- Checklisten ---------- */
.checklist{list-style:none;padding:0;margin:var(--s5) 0 0;display:grid;gap:var(--s4)}
.checklist li{position:relative;padding-left:34px}
.checklist li::before{
  content:"";position:absolute;left:0;top:6px;width:18px;height:10px;
  border-left:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);
  transform:rotate(-45deg)
}

/* ---------- Grauer Hinweiskasten „Bitte beachte“ (Muster Sandra) ---------- */
.note{background:var(--mp-hellgrau-soft);border-left:2px solid var(--mp-hellgrau);padding:var(--s5);font-size:var(--t-sm);color:var(--fg-strong)}
main > section .note p{margin:0}
main .note{margin-top:var(--s-block)}

/* ---------- Anzeichen (Erkennst du dich wieder?) ---------- */
.signs{list-style:none;padding:0;margin:var(--s5) 0 0;display:grid;gap:var(--s3)}
.signs li{
  position:relative;background:var(--mp-paper);padding:var(--s4) var(--s4) var(--s4) 52px;
  box-shadow:var(--elev-1)
}
.signs li::before{
  content:"";position:absolute;left:var(--s4);top:calc(var(--s4) + 6px);width:18px;height:10px;
  border-left:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(-45deg)
}
.signs-close{
  font-family:var(--font-display);font-size:var(--t-h3);line-height:1.3;color:var(--fg-strong);
  margin-top:var(--s-block)
}
main > section p.signs-close{margin:var(--s-block) 0 0}
.signs-close strong{font-weight:400;color:var(--accent)}

/* ---------- Was viele nicht wissen ---------- */
.story-box{
  border-left:1.5px solid var(--accent);background:var(--mp-altrosa-soft);
  padding:var(--s5);margin:var(--s5) 0 var(--s-p)
}
main > section .story-box p{margin:0}

/* ---------- Mentoring-Leistungen ---------- */
.features{display:grid;gap:var(--s-gap);list-style:none;padding:0;margin:var(--s-block) 0 0}
.feature{
  display:grid;grid-template-columns:32px 1fr;column-gap:var(--s4);align-items:start;
  padding:var(--s5);background:var(--mp-paper);box-shadow:var(--elev-1)
}
.feature svg{width:32px;height:32px;stroke:var(--accent);fill:none;stroke-width:1.5;margin-top:2px}
main > section .feature p{margin:0}

/* ---------- Ueber Maike ---------- */
.about{display:grid;gap:var(--s6)}
.about-photo{margin:0;max-width:360px;width:100%;margin-left:auto;margin-right:auto}
.about-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;box-shadow:var(--elev-2)}
.about-body > :last-child{margin-bottom:0}

/* ---------- Kennzahlen (Beere-Band) ---------- */
.stats{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line-on-beere);
  list-style:none;padding:0;margin:0 auto;text-align:center;max-width:var(--wide)
}
.stats li{background:var(--accent);padding:var(--s5) var(--s3)}
.stats b{
  display:block;font-family:var(--font-display);font-size:clamp(22px,2.8vw,32px);
  font-weight:400;line-height:1.15;white-space:nowrap;margin-bottom:var(--s2)
}
.stats span{display:block;font-size:var(--t-sm);opacity:.92}

/* ---------- Stimmen: Text-Karten mit Sternen ---------- */
.voices{display:grid;gap:var(--s-gap);list-style:none;padding:0;margin:var(--s-block) 0 0}
.voices > li{display:flex}
.voice{margin:0;width:100%;background:var(--mp-paper);padding:var(--s-card);box-shadow:var(--elev-2);display:flex;flex-direction:column}
.voice blockquote{margin:0;flex:1}
.voice blockquote p{font-family:var(--font-display);font-size:var(--t-h4);line-height:1.5;color:var(--fg-strong)}
main > section .voice blockquote p{margin:0}
.stars{display:flex;gap:3px;margin:0 0 var(--s4)}
.stars svg{width:16px;height:16px;fill:var(--accent)}
.voice figcaption{
  margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--line-soft);
  font-size:var(--t-sm);color:var(--fg)
}
.voice figcaption b{color:var(--accent);font-weight:700}

/* ---------- Team-Trio (heben-build, 2026-09-28) ---------- */
.team-trio{padding:0;display:grid;grid-template-columns:1fr 1.18fr 1fr;align-items:end;gap:var(--s3);margin:var(--s-block) auto;max-width:600px}
.team-trio img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius);box-shadow:var(--elev-1);background:var(--mp-hellgrau)}
.team-trio img:not(.team-trio-main){margin-bottom:var(--s5)}

/* ---------- Footer ---------- */
.site-foot{background:var(--mp-altrosa);color:var(--fg);font-size:var(--t-caption);padding:var(--s7) 0}
.site-foot a{color:var(--accent)}
.site-foot .wrap{text-align:center}
.site-foot .foot-logo{width:120px;margin:0 auto var(--s5)}
.site-foot p:last-child{margin-bottom:0}

/* ---------- Breakpoints ---------- */
@media (min-width:600px){
  .cta-block .cta{width:auto}
}
@media (min-width:768px){
  .wrap{padding:0 32px}
  .wrap.prose{max-width:calc(var(--prose) + 64px)}
  .wrap.wide{max-width:calc(var(--wide) + 64px)}
  .site-head .wrap{height:66px}
  .site-head img{width:200px}
  .zahlen ul{grid-template-columns:repeat(4,1fr);gap:var(--s5)}
  .presse img{width:100%;margin:0 auto;max-width:var(--wide)}
  .features{grid-template-columns:1fr 1fr}
  .features > li:last-child{grid-column:1 / -1}
  .voices{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:repeat(4,1fr)}
  .stats li{padding:var(--s6) var(--s4)}
  .site-foot .foot-logo{width:140px}
}
@media (min-width:1024px){
  .site-head .wrap{height:72px}
  .site-head img{width:232px}
  /* ATF: Headline links, Bild rechts, oben buendig */
  .hero-grid{grid-template-columns:7fr 5fr;column-gap:var(--s8);align-items:center}
  .hero-img{max-width:440px;margin:0 0 0 auto}
  .hero-img img{aspect-ratio:auto;object-fit:initial}
  .voices{grid-template-columns:repeat(3,1fr)}
  .about{grid-template-columns:4fr 7fr;column-gap:var(--s8);align-items:start}
  .about-photo{max-width:none;margin:0;position:sticky;top:var(--s6)}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
  .cta:hover .cta-arrow,.cta:focus-visible .cta-arrow{transform:none}
}

/* =========================================================
   Quiz-Overlay (Mechanik aus heben-build/mk-vsl uebernommen,
   Inhalte: Copy Sektion 8). Ablauf: 3 Fragen > Ladebalken >
   Einschaetzung > Kontakt 1/2 > Kontakt 2/2 > danke.html
   ========================================================= */
.qm{position:fixed;inset:0;z-index:100;display:none}
.qm.is-open{display:block}
.qm-backdrop{position:absolute;inset:0;background:var(--backdrop)}
.qm-panel{
  position:absolute;inset:0;background:var(--mp-altrosa-soft);
  overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--s8)
}
.qm-head{
  position:sticky;top:0;z-index:2;background:var(--mp-paper);
  border-bottom:1px solid var(--line-soft);
  display:flex;align-items:center;justify-content:space-between;padding:10px 16px
}
.qm-head img{width:150px}
.qm-close{
  background:none;border:0;cursor:pointer;font-family:var(--font-text);
  font-size:var(--t-sm);color:var(--fg);padding:8px;display:flex;align-items:center;gap:8px
}
.qm-close:hover{color:var(--accent)}
.qm-close svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.8;fill:none}
.qm-inner{max-width:680px;margin:0 auto;padding:0 20px}
body.qm-locked{overflow:hidden}

.qm-intro{padding-top:var(--s6)}
.qm-intro h2{font-size:var(--t-h2);margin-bottom:var(--s3)}
.qm-intro .qm-sub{font-size:var(--t-sm);margin:0}
.qm .progress{height:3px;background:var(--mp-hellgrau);margin:var(--s5) 0 var(--s5)}
.qm .progress i{display:block;height:100%;background:var(--accent);width:0;transition:width .25s ease}
.qm .qcount{font-size:var(--t-eyebrow);text-transform:uppercase;letter-spacing:var(--ls-eyebrow);color:var(--fg);margin:0 0 var(--s3)}
.qm .step{display:none}
.qm .step.is-active{display:block}
.qm fieldset{border:0;margin:0;padding:0}
.qm legend{font-family:var(--font-display);font-size:var(--t-h3);color:var(--accent);line-height:1.25;margin-bottom:var(--s3);padding:0}
.qm .hint{font-size:var(--t-sm);font-style:italic;margin:0 0 var(--s5)}
.qm .options{display:grid;gap:10px;margin:0 0 var(--s5)}
.qm .opt{position:relative;display:block}
.qm .opt input{position:absolute;opacity:0;width:1px;height:1px}
.qm .opt span{
  display:block;background:var(--mp-paper);border:1px solid var(--line);
  border-radius:var(--radius);padding:14px 16px 14px 46px;cursor:pointer;
  font-size:var(--t-body);transition:border-color .15s ease,background .15s ease;position:relative
}
.qm .opt span::before{
  content:"";position:absolute;left:16px;top:17px;width:16px;height:16px;border-radius:50%;
  border:1.5px solid var(--line);background:var(--mp-paper)
}
.qm .opt:hover span{border-color:var(--accent)}
.qm .opt input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.qm .opt input:checked+span{border-color:var(--accent);background:var(--mp-beere-veil)}
.qm .opt input:checked+span::before{background:var(--accent);border-color:var(--accent)}
.qm .nav{display:flex;gap:var(--s4);align-items:center;flex-wrap:wrap}
.qm .back{background:none;border:0;color:var(--fg);font-family:var(--font-text);font-size:var(--t-sm);cursor:pointer;padding:8px 0;text-decoration:underline}
.qm button.cta{width:100%}
.qm button.cta[disabled]{opacity:.45;cursor:not-allowed}

.qm .screen{display:none;padding-top:var(--s7)}
.qm .screen.is-active{display:block}
.qm .screen h2{font-size:var(--t-h2);margin-bottom:var(--s4)}
.qm .screen-sub{font-size:var(--t-sm);font-style:italic;margin:0 0 var(--s5)}

/* Ladebalken */
.qm .loader{padding-top:var(--s9);text-align:center}
.qm .loader p{font-family:var(--font-display);font-size:var(--t-h3);color:var(--accent);margin:0 0 var(--s5)}
.qm .loadbar{height:4px;background:var(--mp-hellgrau);max-width:360px;margin:0 auto;overflow:hidden}
.qm .loadbar i{display:block;height:100%;width:0;background:var(--accent)}
.qm .loader.is-active .loadbar i{animation:mp-load var(--t-loader) var(--ease) forwards}
@keyframes mp-load{from{width:0}to{width:100%}}

/* Einschaetzung */
.qm .result-card{background:var(--mp-paper);padding:var(--s-card);box-shadow:var(--elev-2);margin-bottom:var(--s5)}
.qm .result-card p:last-child{margin-bottom:0}

/* Kontaktformular */
.qm .lead-form{position:relative;background:var(--mp-paper);border:1px solid var(--line);padding:var(--s5)}
.qm .lead-form label{display:block;font-size:var(--t-sm);font-weight:600;color:var(--fg-strong);margin-bottom:6px}
.qm .lead-form input[type=text],.qm .lead-form input[type=email],.qm .lead-form input[type=tel]{
  width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);
  font-family:var(--font-text);font-size:16px;margin-bottom:var(--s4);
  background:var(--mp-paper);color:var(--fg-strong)
}
.qm .lead-form input:focus{outline:2px solid var(--accent);outline-offset:1px}
.qm .form-hint{font-size:var(--t-sm);margin:0 0 var(--s5)}
.qm .secure{font-size:var(--t-caption);text-align:center;margin:var(--s4) 0 0}
.qm .field-error{color:var(--accent);font-size:var(--t-sm);margin:-10px 0 var(--s4);display:none}
.qm .field-error.is-visible{display:block}
.qm .form-error{
  background:var(--mp-beere-veil);border-left:2px solid var(--accent);
  padding:12px 14px;margin:0 0 var(--s4);font-size:var(--t-sm);color:var(--fg-strong)
}
.qm .fcheck{
  position:absolute;inset:0;z-index:6;display:none;flex-direction:column;
  align-items:center;justify-content:center;gap:16px;
  background:var(--veil-paper);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)
}
.qm .fcheck.is-on{display:flex}
.qm .fcheck p{margin:0;font-size:15px;font-weight:600;color:var(--fg-strong)}
.qm .fspin{position:relative;width:46px;height:46px}
.qm .fspin i{
  position:absolute;top:0;left:50%;width:4px;height:12px;margin-left:-2px;
  border-radius:2px;background:var(--accent);transform-origin:2px 23px;
  animation:fspin 1.08s linear infinite
}
.qm .fspin i:nth-child(1){transform:rotate(0deg);animation-delay:-1.08s}
.qm .fspin i:nth-child(2){transform:rotate(30deg);animation-delay:-.99s}
.qm .fspin i:nth-child(3){transform:rotate(60deg);animation-delay:-.90s}
.qm .fspin i:nth-child(4){transform:rotate(90deg);animation-delay:-.81s}
.qm .fspin i:nth-child(5){transform:rotate(120deg);animation-delay:-.72s}
.qm .fspin i:nth-child(6){transform:rotate(150deg);animation-delay:-.63s}
.qm .fspin i:nth-child(7){transform:rotate(180deg);animation-delay:-.54s}
.qm .fspin i:nth-child(8){transform:rotate(210deg);animation-delay:-.45s}
.qm .fspin i:nth-child(9){transform:rotate(240deg);animation-delay:-.36s}
.qm .fspin i:nth-child(10){transform:rotate(270deg);animation-delay:-.27s}
.qm .fspin i:nth-child(11){transform:rotate(300deg);animation-delay:-.18s}
.qm .fspin i:nth-child(12){transform:rotate(330deg);animation-delay:-.09s}
@keyframes fspin{0%{opacity:1}100%{opacity:.15}}
@media (prefers-reduced-motion:reduce){
  .qm .fspin i{animation-duration:2.4s!important;animation-name:fspin!important}
  .qm .loader.is-active .loadbar i{width:100%}
}
@media (min-width:768px){
  .qm-panel{inset:28px;max-width:820px;margin:0 auto;border-radius:var(--radius);box-shadow:var(--elev-panel)}
  .qm button.cta{width:auto}
}

/* =========================================================
   Danke-Seite (Terminwahl), Muster heben-build/danke-2.html
   ========================================================= */
.page-danke{background:var(--mp-altrosa-soft)}
.booking{max-width:720px;margin:0 auto;padding:var(--s7) 20px var(--s8)}
.booking h1{text-align:center;font-size:clamp(28px,4vw,40px);margin-bottom:var(--s4)}
.booking .lead{text-align:center;font-size:var(--t-body-lg);margin:0 auto var(--s4)}
.booking .checklist{max-width:560px;margin:0 auto var(--s6)}
.booking .notar{
  background:var(--mp-altrosa);border-left:2px solid var(--accent);
  padding:var(--s4) var(--s5);margin:0 0 var(--s6);color:var(--fg-strong)
}
.maike-avatar{width:80px;height:80px;border-radius:50%;margin:0 auto var(--s5);object-fit:cover}
.cal-wrap{
  background:var(--mp-paper);border:1.5px solid var(--accent);border-radius:var(--radius);
  padding:var(--s4);min-height:680px;box-shadow:var(--elev-2)
}
.cal-fallback{text-align:center;padding:var(--s7) var(--s5);font-size:var(--t-sm)}
.plaetze{font-size:var(--t-sm);font-style:italic;text-align:center;margin:var(--s5) 0}
.booking .note{margin-top:0}
.booking .note p{margin:0}
@media (min-width:600px){.maike-avatar{width:96px;height:96px}}

.nowrap{white-space:nowrap}