/* HubSpot-Terminauswahl: Dialog im Blured-Design, hell und dunkel. */
.mtg-dlg{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:24px;font-family:var(--bl-ui),system-ui,sans-serif}
.mtg-dlg[hidden]{display:none!important}
.mtg-bd{position:absolute;inset:0;background:rgba(14,12,21,.72);border:0;padding:0;margin:0;cursor:pointer}
body.active-light-mode .mtg-bd{background:rgba(29,23,41,.48)}
.mtg-shell{position:relative;z-index:1;max-width:100%}
.mtg-panel{position:relative;z-index:1;display:flex;flex-direction:column;width:min(960px,100%);max-height:calc(100vh - 48px);background:var(--lp-card,#1D1729);color:var(--lp-tx,#BCB6CE);border:1px solid var(--lp-bd,rgba(217,204,251,.16));border-radius:var(--r-lg,16px);box-shadow:none;overflow:hidden}
/* Desktop: Fenster 80 % der bisherigen Maße. Der Kalender bleibt intern bei 960 px
   und wird skaliert, damit HubSpot die zweispaltige Ansicht nicht beschneidet. */
@media(min-width:640px){
  .mtg-shell{overflow:hidden;flex:0 0 auto}
  .mtg-panel{width:min(960px,calc((100vw - 48px)/0.8));transform:scale(0.8);transform-origin:top left}
}
.mtg-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 16px;flex:0 0 auto}
.mtg-title{margin:0;font-family:var(--bl-head),Oxanium,sans-serif;font-weight:600;font-size:24px;line-height:1.3;color:var(--lp-h,#F7F5FC)}
.mtg-x{flex:0 0 40px;width:40px;height:40px;margin:-8px -8px 0 0;padding:0;border:0;background:transparent;color:var(--lp-h,#F7F5FC);font-size:26px;line-height:1;cursor:pointer;border-radius:var(--r-sm,8px)}
.mtg-x:hover{background:rgba(163,133,245,.12)}
.mtg-x:focus-visible,.mtg-ok:focus-visible,.mtg-fallback:focus-visible{outline:3px solid var(--bl-focus,#A385F5);outline-offset:2px}
.mtg-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:0 24px 24px;overflow:auto}
.mtg-off{flex:1 1 auto;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:32px 16px}
.mtg-off[hidden],.mtg-box[hidden]{display:none!important}
.mtg-off p{margin:0;max-width:520px;font-size:16px;line-height:1.5;color:var(--lp-tx,#BCB6CE)}
.mtg-off .btn-default{white-space:normal;height:auto;min-height:52px;line-height:1.3;padding:14px 24px}
.mtg-fallback{color:var(--bl-lila,#A385F5);text-decoration:underline;font-weight:600}
.mtg-fallback:hover{color:var(--lp-h,#F7F5FC)}
body.active-light-mode .mtg-fallback:hover{color:var(--lp-p,#5F2DEE)}
.mtg-box{flex:1 1 auto;min-height:560px;background:transparent;width:100%}
.mtg-box iframe{display:block;width:100%;min-height:560px;border:0;background:transparent}
html.mtg-lock,html.mtg-lock body{overflow:hidden}
html.mtg-lock .bdt-theme--fix{visibility:hidden;pointer-events:none}
@media(max-width:639px){
  .mtg-dlg{padding:0;align-items:stretch}
  .mtg-shell{width:100%;height:100%;max-height:100%;display:flex;flex-direction:column}
  .mtg-panel{width:100%;height:100%;max-height:100%;border-radius:0;border:0;transform:none;flex:1 1 auto}
  .mtg-head{padding:16px 16px 12px}
  .mtg-title{font-size:20px}
  .mtg-body{padding:0 16px 16px}
  .mtg-off{min-height:0;padding:24px 8px}
  .mtg-box,.mtg-box iframe{min-height:0;flex:1 1 auto;height:100%}
}
@media(prefers-reduced-motion:reduce){
  .mtg-x{transition:none}
}