/* Online booking as its own page (2026-10-31, second version).
   Replaces the former inline styles of template-termin.php and template-termin-kanz.php.
   Field names, step logic, SMS verification and submission are unchanged; this file only lays them out.
   Below 600px phone layout, 600-999px one roomy column, from 1000px two columns with the selection sidebar. */

.wh-termin-wrap.wh-booking{
  --bk-ink:#1d3440;
  --bk-text:#243b46;
  --bk-muted:#5d6e77;
  --bk-soft:#8a9aa1;
  --bk-accent:#367b94;
  --bk-accent-dark:#285c70;
  --bk-grad:linear-gradient(150deg,#4f9ab4 0%,#367b94 48%,#265a6e 100%);
  --bk-tint:#e9f2f5;
  --bk-tint-strong:#dcebf0;
  --bk-line:#dfe8eb;
  --bk-field:#c9d8de;
  --bk-surface:#f6f9fa;
  --bk-danger:#a83b2a;
  --bk-danger-bg:#fdf1ee;
  --bk-ok:#1f6b44;
  --bk-ok-bg:#eaf6ef;
  --bk-warn:#7a4d00;
  --bk-warn-bg:#fff6e7;
  --bk-ease:cubic-bezier(.22,.8,.28,1);
  --bk-top:0px;
  box-sizing:border-box;
  width:100%;
  max-width:none;
  margin:0 auto;
  padding:0 16px 32px;
  color:var(--bk-text);
}
.wh-termin-wrap.wh-booking *,
.wh-termin-wrap.wh-booking *::before,
.wh-termin-wrap.wh-booking *::after{box-sizing:border-box}
.wh-termin-wrap.wh-booking [hidden]{display:none!important}
.wh-termin-wrap.wh-booking button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
.wh-termin-wrap.wh-booking :is(button,a,input,textarea,label):focus-visible{outline:2px solid var(--bk-accent);outline-offset:3px}
body.wh-kanz-site .wh-termin-wrap.wh-booking{--bk-top:68px}
@media (max-width:599px){body:not(.wh-modal-iframe) .wh-termin-wrap.wh-booking{min-height:calc(100vh - 68px);min-height:calc(100dvh - 68px)}}

/* Native inputs stay in the tiles for keyboard and screen readers, but are not shown. */
.wh-termin-wrap.wh-booking :is(.wh-service-card,.wh-toggle,.wh-callback-card)>input[type="radio"]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;opacity:0}

/* ---------- Page header and sidebar (from 600px / 1000px) ---------- */
.wh-termin-wrap.wh-booking .wh-page-header,
.wh-termin-wrap.wh-booking .wh-booking-sidebar{display:none}
.wh-termin-wrap.wh-booking .wh-page-eyebrow{margin:0 0 10px;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--bk-accent)}
.wh-termin-wrap.wh-booking .wh-page-h1{margin:0;font-size:clamp(30px,3.6vw,44px);font-weight:600;line-height:1.1;letter-spacing:-.025em;color:var(--bk-ink);text-wrap:balance}
.wh-termin-wrap.wh-booking .wh-page-h1 span{color:var(--bk-accent)}
.wh-termin-wrap.wh-booking .wh-page-sub{margin:12px 0 0;font-size:16.5px;line-height:1.55;color:var(--bk-muted)}
.wh-termin-wrap.wh-booking .wh-booking-layout{display:block}

/* ---------- Top bar: Zurück · Schritt · Abbrechen ---------- */
.wh-termin-wrap.wh-booking .wh-flow-top{position:sticky;top:var(--bk-top);z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 10px;margin:0 -16px;padding:12px 16px 14px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--bk-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.wh-termin-wrap.wh-booking .wh-flow-header,
.wh-termin-wrap.wh-booking .wh-flow-toolbar{display:contents}
.wh-termin-wrap.wh-booking .wh-flow-brand{display:none!important}
.wh-termin-wrap.wh-booking .wh-flow-actions{grid-column:1;grid-row:1;display:flex}
.wh-termin-wrap.wh-booking .wh-flow-cancel{grid-column:3;grid-row:1}
.wh-termin-wrap.wh-booking .wh-progress-caption{grid-column:1;grid-row:2;margin:0;font-size:13px;font-weight:600;color:var(--bk-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.wh-termin-wrap.wh-booking .wh-flow-meter{grid-column:2/-1;grid-row:2;align-self:center;position:relative;display:block;height:6px;overflow:hidden;border-radius:6px;background:#e4edf0}
.wh-termin-wrap.wh-booking .wh-flow-meter i{display:block;height:100%;width:16%;border-radius:inherit;background:var(--bk-grad);transition:width .4s var(--bk-ease)}
.wh-termin-wrap.wh-booking .wh-wizard-progress{display:none}
.wh-termin-wrap.wh-booking .wh-flow-selection{grid-column:1/-1;grid-row:3;justify-self:start;display:inline-flex;align-items:center;max-width:100%;margin:2px 0 0;padding:6px 12px;border-radius:999px;background:var(--bk-tint);color:var(--bk-accent-dark);font-size:13.5px;font-weight:600;line-height:1.3}
.wh-termin-wrap.wh-booking .wh-flow-selection:empty{display:none}
.wh-termin-wrap.wh-booking :is(#wh-flow-back,.wh-flow-cancel){display:inline-flex;align-items:center;gap:8px;height:46px;margin:0;padding:0 14px 0 5px;border:1px solid var(--bk-line);border-radius:999px;background:#fff;color:var(--bk-ink);font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px rgba(22,44,54,.05);transition:border-color .2s ease,background-color .2s ease,transform .15s ease}
.wh-termin-wrap.wh-booking :is(#wh-flow-back,.wh-flow-cancel):hover{border-color:rgba(54,123,148,.45);background:#f8fbfc}
.wh-termin-wrap.wh-booking :is(#wh-flow-back,.wh-flow-cancel):active{transform:scale(.96)}
.wh-termin-wrap.wh-booking #wh-flow-back svg{box-sizing:content-box;width:18px;height:18px;padding:9px;border-radius:50%;background:var(--bk-tint);color:var(--bk-accent-dark);flex:0 0 auto}
.wh-termin-wrap.wh-booking .wh-flow-cancel-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bk-grad);color:#fff;flex:0 0 auto}
.wh-termin-wrap.wh-booking .wh-flow-cancel-icon svg{width:18px;height:18px}
.wh-termin-wrap.wh-booking .wh-flow-cancel{padding:0 14px 0 5px}

/* ---------- Steps ---------- */
.wh-termin-wrap.wh-booking .wh-wizard{margin:0;padding:0;border:0;background:transparent}
.wh-termin-wrap.wh-booking .wh-step{display:none;padding-top:22px}
.wh-termin-wrap.wh-booking .wh-step.active{display:block;animation:bkIn .32s var(--bk-ease)}
@keyframes bkIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.wh-termin-wrap.wh-booking .wh-step-title{margin:0 0 6px;font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--bk-ink);text-align:center;text-wrap:balance}
.wh-termin-wrap.wh-booking .wh-step-title:focus{outline:none}
.wh-termin-wrap.wh-booking .wh-step-hint{margin:0 auto 16px;max-width:560px;font-size:15.5px;line-height:1.55;text-align:center;color:var(--bk-muted)}
.wh-termin-wrap.wh-booking :is(.wh-step-error,.wh-error-banner,.wh-date-error,.wh-otp-error){margin:12px 0;padding:12px 14px;border:1px solid #f0c9c1;border-radius:14px;background:var(--bk-danger-bg);color:var(--bk-danger);font-size:14.5px;line-height:1.5}
.wh-termin-wrap.wh-booking .wh-error-banner{margin:16px 0 0}
.wh-termin-wrap.wh-booking .wh-date-error{display:none;align-items:flex-start;gap:8px}
.wh-termin-wrap.wh-booking .wh-date-error.show{display:flex}
.wh-termin-wrap.wh-booking .wh-date-error svg{flex:0 0 auto;margin-top:2px}

/* ---------- Choice tiles, always side by side ---------- */
.wh-termin-wrap.wh-booking :is(.wh-service-groups,.wh-service-grid,.wh-toggle-grid,.wh-callback-choices){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0}
/* An odd last tile is centred instead of hanging on the left (class set by wz-booking.js). */
.wh-termin-wrap.wh-booking :is(.wh-service-groups,.wh-service-grid,.wh-toggle-grid,.wh-callback-choices)>.is-odd-last{grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}
.wh-termin-wrap.wh-booking :is(.wh-service-group,.wh-service-card,.wh-toggle,.wh-callback-card){
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  width:100%;
  min-width:0;
  min-height:172px;
  margin:0;
  padding:22px 12px 18px;
  border:1.5px solid var(--bk-line);
  border-radius:22px;
  background:#fff;
  color:var(--bk-text);
  text-align:center;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(22,44,54,.04),0 12px 28px -24px rgba(22,44,54,.55);
  transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .15s ease;
}
@media (hover:hover){
  .wh-termin-wrap.wh-booking :is(.wh-service-group,.wh-service-card,.wh-toggle,.wh-callback-card):hover{border-color:rgba(54,123,148,.5);box-shadow:0 1px 2px rgba(22,44,54,.04),0 18px 34px -22px rgba(22,44,54,.55);transform:translateY(-2px)}
}
.wh-termin-wrap.wh-booking :is(.wh-service-group,.wh-service-card,.wh-toggle,.wh-callback-card):active{transform:scale(.97)}
.wh-termin-wrap.wh-booking :is(.wh-service-card,.wh-toggle,.wh-callback-card):has(input:focus-visible){outline:2px solid var(--bk-accent);outline-offset:2px}
.wh-termin-wrap.wh-booking :is(.wh-service-card,.wh-toggle,.wh-callback-card):is(.selected,:has(input:checked)){border-color:var(--bk-accent);background:#f1f8fa;box-shadow:inset 0 0 0 1px var(--bk-accent),0 14px 30px -24px rgba(40,92,112,.9)}
.wh-termin-wrap.wh-booking :is(.wh-service-card,.wh-toggle,.wh-callback-card)::after{content:"";position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;opacity:0;transform:scale(.6);background:var(--bk-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat;transition:opacity .2s ease,transform .2s var(--bk-ease)}
.wh-termin-wrap.wh-booking :is(.wh-service-card,.wh-toggle,.wh-callback-card):is(.selected,:has(input:checked))::after{opacity:1;transform:none}

/* Filled icon badges */
.wh-termin-wrap.wh-booking :is(.wh-group-icon,.wh-svc-icon){display:inline-flex;align-items:center;justify-content:center;width:66px;height:66px;flex:0 0 auto;margin-bottom:4px;border-radius:50%;background:var(--bk-grad);color:#fff;box-shadow:0 12px 22px -14px rgba(38,90,110,.95),inset 0 1px 0 rgba(255,255,255,.28)}
.wh-termin-wrap.wh-booking :is(.wh-group-icon,.wh-svc-icon) svg{width:32px;height:32px;stroke:#fff}
.wh-termin-wrap.wh-booking :is(.wh-group-icon,.wh-svc-icon) svg :is(path,circle,rect,polygon){fill:rgba(255,255,255,.2)}
.wh-termin-wrap.wh-booking .wh-group-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.wh-termin-wrap.wh-booking .wh-group-text strong{font-size:16.5px;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--bk-ink);text-wrap:balance}
.wh-termin-wrap.wh-booking .wh-group-text small{font-size:13.5px;line-height:1.4;color:var(--bk-muted);text-wrap:balance}
.wh-termin-wrap.wh-booking .wh-group-arrow{display:none}

.wh-termin-wrap.wh-booking .wh-svc-text{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}
.wh-termin-wrap.wh-booking .wh-svc-title{font-size:16px;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--bk-ink);text-wrap:balance}
.wh-termin-wrap.wh-booking .wh-svc-desc{font-size:13.5px;line-height:1.4;color:var(--bk-muted);text-wrap:balance}
.wh-termin-wrap.wh-booking .wh-svc-desc:empty{display:none}
.wh-termin-wrap.wh-booking .wh-prophy-provider{font-size:14px;font-weight:600;color:var(--bk-accent-dark);text-wrap:balance}
.wh-termin-wrap.wh-booking :is(.wh-prophy-role,.wh-prophy-note){font-size:13px;line-height:1.4;color:var(--bk-muted);text-wrap:balance}
.wh-termin-wrap.wh-booking .wh-prophy-cost{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:6px}
.wh-termin-wrap.wh-booking .wh-svc-price{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:var(--bk-tint);color:var(--bk-accent-dark);font-size:14.5px;font-weight:700;font-variant-numeric:tabular-nums}
.wh-termin-wrap.wh-booking .wh-prophy-cost small{font-size:12.5px;color:var(--bk-muted)}
.wh-termin-wrap.wh-booking .wh-prophy-cost small:empty{display:none}
/* Cleaning cards: both prices on one line. The text fills the card, the price block sits at the bottom and
   reserves the line for the small note in both cards. */
.wh-termin-wrap.wh-booking .wh-prophy-choice .wh-svc-text{flex:1 1 auto;width:100%}
.wh-termin-wrap.wh-booking .wh-prophy-choice .wh-prophy-cost{margin-top:auto;padding-top:6px}
.wh-termin-wrap.wh-booking .wh-prophy-choice .wh-prophy-cost small,.wh-termin-wrap.wh-booking .wh-prophy-choice .wh-prophy-cost small:empty{display:block;min-height:1.4em;line-height:1.4}

/* Patient status and callback: icons drawn here, the markup has none */
.wh-termin-wrap.wh-booking :is(.wh-toggle,.wh-callback-card)::before{content:"";display:block;width:66px;height:66px;margin-bottom:4px;border-radius:50%;background-color:#367b94;background-image:var(--bk-icon),var(--bk-grad);background-repeat:no-repeat;background-position:center,center;background-size:32px,cover;box-shadow:0 12px 22px -14px rgba(38,90,110,.95),inset 0 1px 0 rgba(255,255,255,.28)}
.wh-termin-wrap.wh-booking .wh-toggle:has(input[value="Bestandspatient"]){--bk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9.5' cy='8' r='3.6' fill='rgba(255,255,255,.2)'/%3E%3Cpath d='M3 20c.7-3.4 3.3-5.4 6.5-5.4 1.6 0 3 .5 4.1 1.3'/%3E%3Cpath d='m15 18 2 2 4-4.5'/%3E%3C/svg%3E")}
.wh-termin-wrap.wh-booking .wh-toggle:has(input[value="Neupatient"]){--bk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9.5' cy='8' r='3.6' fill='rgba(255,255,255,.2)'/%3E%3Cpath d='M3 20c.7-3.4 3.3-5.4 6.5-5.4 1.6 0 3 .5 4.1 1.3'/%3E%3Cpath d='M18 14v6M15 17h6'/%3E%3C/svg%3E")}
.wh-termin-wrap.wh-booking .wh-callback-card:has(input[value="1"]){--bk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath fill='rgba(255,255,255,.2)' d='M6.6 3.5H4.8A1.3 1.3 0 0 0 3.5 5c.4 8.3 7.2 15.1 15.5 15.5a1.3 1.3 0 0 0 1.5-1.3v-1.8a1.3 1.3 0 0 0-.9-1.2l-3-1a1.3 1.3 0 0 0-1.3.3l-1.4 1.4a12.6 12.6 0 0 1-5.4-5.4l1.4-1.4a1.3 1.3 0 0 0 .3-1.3l-1-3a1.3 1.3 0 0 0-1.2-.9Z'/%3E%3C/svg%3E")}
.wh-termin-wrap.wh-booking .wh-callback-card:has(input[value="0"]){--bk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.4' fill='rgba(255,255,255,.2)'/%3E%3Cpath d='M8 3v4M16 3v4M3.5 10h17M9 15l2 2 4-4'/%3E%3C/svg%3E")}
.wh-termin-wrap.wh-booking .wh-toggle-title{font-size:16px;font-weight:600;line-height:1.3;color:var(--bk-ink);text-wrap:balance}
.wh-termin-wrap.wh-booking .wh-toggle-desc{display:none}
.wh-termin-wrap.wh-booking .wh-callback-card>span:first-of-type{display:flex;flex-direction:column;gap:4px}
.wh-termin-wrap.wh-booking .wh-callback-card strong{font-size:16px;font-weight:600;color:var(--bk-ink)}
.wh-termin-wrap.wh-booking .wh-callback-card small{font-size:13.5px;line-height:1.4;color:var(--bk-muted);text-wrap:balance}
.wh-termin-wrap.wh-booking .wh-callback-card>span[aria-hidden]{display:none}
.wh-termin-wrap.wh-booking .wh-pain-callback{margin-top:16px;padding:18px;border-radius:18px;background:var(--bk-tint);text-align:center}
.wh-termin-wrap.wh-booking .wh-pain-callback p{margin:0 0 14px;font-size:16px;color:var(--bk-text)}
.wh-termin-wrap.wh-booking .wh-pain-callback a{color:var(--bk-accent-dark);font-weight:700;text-decoration:none;white-space:nowrap}

/* Notices */
.wh-termin-wrap.wh-booking .wh-pain-alert{display:none;align-items:flex-start;gap:10px;margin:14px 0 4px;padding:14px 16px;border:1px solid #f0d8ad;border-radius:14px;background:var(--bk-warn-bg);color:var(--bk-warn);font-size:15px;line-height:1.5}
.wh-termin-wrap.wh-booking .wh-pain-alert.show{display:flex}
.wh-termin-wrap.wh-booking .wh-pain-alert svg{width:20px;height:20px;flex:0 0 auto;margin-top:1px}
.wh-termin-wrap.wh-booking .wh-pain-alert a{color:inherit;font-weight:700;white-space:nowrap}
.wh-termin-wrap.wh-booking .wh-pain-period-info{display:flex;align-items:flex-start;gap:10px;margin:14px 0;padding:14px 16px;border-radius:14px;background:var(--bk-tint);color:var(--bk-accent-dark);font-size:15px;line-height:1.5}

/* ---------- Calendar ---------- */
.wh-termin-wrap.wh-booking .wh-field{margin:0 0 18px}
.wh-termin-wrap.wh-booking .wh-cal{margin-top:16px;padding:16px 14px 14px;border:1.5px solid var(--bk-line);border-radius:22px;background:#fff;box-shadow:0 12px 28px -24px rgba(22,44,54,.55)}
.wh-termin-wrap.wh-booking .wh-cal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.wh-termin-wrap.wh-booking .wh-cal-title{order:-1;margin:0;padding-left:4px;font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--bk-ink)}
.wh-termin-wrap.wh-booking .wh-cal-header .wh-cal-prev{margin-left:auto}
.wh-termin-wrap.wh-booking .wh-cal-nav span{display:none}
.wh-termin-wrap.wh-booking .wh-cal-nav{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:var(--bk-tint);color:var(--bk-accent-dark);cursor:pointer;transition:background-color .2s ease}
.wh-termin-wrap.wh-booking .wh-cal-nav:hover:not(:disabled){background:var(--bk-tint-strong)}
.wh-termin-wrap.wh-booking .wh-cal-nav:disabled,
.wh-termin-wrap.wh-booking .wh-cal-nav.disabled{opacity:.35;cursor:default}
.wh-termin-wrap.wh-booking .wh-cal-nav svg{width:18px;height:18px;flex:0 0 auto}
.wh-termin-wrap.wh-booking .wh-cal-weekdays,
.wh-termin-wrap.wh-booking .wh-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.wh-termin-wrap.wh-booking .wh-cal-weekdays{margin-bottom:6px}
.wh-termin-wrap.wh-booking .wh-cal-weekday{padding:4px 0;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-align:center;color:var(--bk-soft)}
.wh-termin-wrap.wh-booking .wh-cal-day{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;max-height:58px;margin:0;padding:0;border:0;border-radius:50%;background:var(--bk-grad);color:#fff;font-size:16.5px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;box-shadow:0 8px 16px -12px rgba(38,90,110,.9);transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}
.wh-termin-wrap.wh-booking .wh-cal-day:hover:not(.disabled):not(.outside){filter:brightness(1.08)}
.wh-termin-wrap.wh-booking .wh-cal-day:active:not(.disabled){transform:scale(.92)}
.wh-termin-wrap.wh-booking .wh-cal-day.disabled{background:transparent;color:#b1bec4;font-weight:400;box-shadow:none;cursor:default}
.wh-termin-wrap.wh-booking .wh-cal-day.outside{visibility:hidden;background:none;box-shadow:none}
.wh-termin-wrap.wh-booking .wh-cal-day.today::after{content:"";position:absolute;bottom:5px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:currentColor;opacity:.75}
.wh-termin-wrap.wh-booking .wh-cal-day.selected{background:#1d3440;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--bk-accent)}
.wh-termin-wrap.wh-booking .wh-cal-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:14px 0 0;font-size:13.5px;color:var(--bk-muted)}
.wh-termin-wrap.wh-booking .wh-cal-legend-item{display:inline-flex;align-items:center;gap:8px}
.wh-termin-wrap.wh-booking .wh-cal-legend-swatch{display:inline-block;width:16px;height:16px;border-radius:50%}
.wh-termin-wrap.wh-booking .wh-cal-legend-swatch.avail{background:var(--bk-grad)}
.wh-termin-wrap.wh-booking .wh-cal-legend-swatch.sel{background:#1d3440;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--bk-accent)}
.wh-termin-wrap.wh-booking .wh-cal-legend-swatch.dis{border:1px dashed #c6d1d6;background:#fff}
.wh-termin-wrap.wh-booking :is(.wh-date-info,.wh-min-date-label,.wh-date-doc-name){font-size:14px;color:var(--bk-muted)}

/* ---------- Times ---------- */
.wh-termin-wrap.wh-booking #wh-flow-change-date{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;margin:16px 0 4px;padding:10px 16px;border:1.5px solid var(--bk-line);border-radius:18px;background:#fff;color:var(--bk-ink);font-size:16px;font-weight:600;text-align:left;cursor:pointer}
.wh-termin-wrap.wh-booking #wh-flow-change-date::before{content:"";width:22px;height:22px;flex:0 0 auto;background:var(--bk-accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.4'/%3E%3Cpath d='M8 3v4M16 3v4M3.5 10h17'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.4'/%3E%3Cpath d='M8 3v4M16 3v4M3.5 10h17'/%3E%3C/svg%3E") center/contain no-repeat}
.wh-termin-wrap.wh-booking #wh-flow-change-date:hover{border-color:rgba(54,123,148,.45)}
/* Day switch around the date (31.10.2026): previous and next day with a free time. */
.wh-termin-wrap.wh-booking .wh-day-switch{display:flex;align-items:stretch;gap:10px;margin:16px 0 4px}
.wh-termin-wrap.wh-booking .wh-day-switch #wh-flow-change-date{flex:1 1 auto;width:auto;min-width:0;margin:0}
.wh-termin-wrap.wh-booking .wh-change-text{display:flex;flex-direction:column;gap:1px;min-width:0}
.wh-termin-wrap.wh-booking .wh-change-text strong{font-size:16px;font-weight:700;line-height:1.25;color:var(--bk-ink)}
.wh-termin-wrap.wh-booking .wh-change-text small{font-size:13px;font-weight:600;line-height:1.3;color:var(--bk-accent-dark)}
.wh-termin-wrap.wh-booking .wh-day-step{display:flex;flex:0 0 78px;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:58px;margin:0;padding:6px 4px;border:1.5px solid var(--bk-line);border-radius:18px;background:#fff;color:var(--bk-accent-dark);font:inherit;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .15s ease}
.wh-termin-wrap.wh-booking .wh-day-step svg{width:20px;height:20px}
.wh-termin-wrap.wh-booking .wh-day-step small{font-size:12.5px;font-weight:600;line-height:1.2;color:var(--bk-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.wh-termin-wrap.wh-booking .wh-day-step:hover:not(:disabled){border-color:rgba(54,123,148,.45);background:var(--bk-tint)}
.wh-termin-wrap.wh-booking .wh-day-step:active:not(:disabled){transform:scale(.97)}
.wh-termin-wrap.wh-booking .wh-day-step:disabled{opacity:.4;cursor:default}
.wh-termin-wrap.wh-booking .wh-day-step:focus-visible{outline:2px solid var(--bk-accent);outline-offset:2px}
@media (max-width:599px){.wh-termin-wrap.wh-booking .wh-day-switch{gap:8px}.wh-termin-wrap.wh-booking .wh-day-step{flex-basis:62px;border-radius:16px}.wh-termin-wrap.wh-booking .wh-day-switch #wh-flow-change-date{gap:10px;padding:10px 12px}.wh-termin-wrap.wh-booking .wh-change-text strong{font-size:15px}}
.wh-termin-wrap.wh-booking .wh-slot-block{margin-top:8px}
.wh-termin-wrap.wh-booking .wh-slot-section{margin-top:18px}
.wh-termin-wrap.wh-booking .wh-slot-section-title{margin:0 0 10px;font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--bk-muted)}
.wh-termin-wrap.wh-booking .wh-slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wh-termin-wrap.wh-booking .wh-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;margin:0;padding:8px;border:1.5px solid var(--bk-line);border-radius:18px;background:#fff;color:var(--bk-ink);font-size:17.5px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;box-shadow:0 10px 22px -20px rgba(22,44,54,.6);transition:border-color .15s ease,background-color .15s ease,color .15s ease,transform .15s ease}
.wh-termin-wrap.wh-booking .wh-slot:hover:not(.booked):not(.selected){border-color:var(--bk-accent);background:#f6fafb}
.wh-termin-wrap.wh-booking .wh-slot:active:not(.booked){transform:scale(.95)}
.wh-termin-wrap.wh-booking .wh-slot:is(.selected,[aria-pressed="true"]){border-color:transparent;background:var(--bk-grad);color:#fff;box-shadow:0 12px 22px -14px rgba(38,90,110,.95)}
.wh-termin-wrap.wh-booking .wh-slot.booked{border-style:dashed;background:#f4f6f7;color:#a9b5ba;text-decoration:line-through;box-shadow:none;cursor:not-allowed}
.wh-termin-wrap.wh-booking .wh-slot-period{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.wh-termin-wrap.wh-booking .wh-slot-period .wh-slot{min-height:110px;font-size:18px}
.wh-termin-wrap.wh-booking .wh-slot small{font-size:13px;font-weight:400;color:var(--bk-muted)}
.wh-termin-wrap.wh-booking .wh-slot:is(.selected,[aria-pressed="true"]) small{color:rgba(255,255,255,.88)}
.wh-termin-wrap.wh-booking .wh-slot-empty{margin-top:16px;padding:16px;border-radius:14px;background:var(--bk-surface);color:var(--bk-muted);font-size:15px;text-align:center}
.wh-termin-wrap.wh-booking .wh-slot-empty.error{background:var(--bk-danger-bg);color:var(--bk-danger)}

/* ---------- Contact details ---------- */
.wh-termin-wrap.wh-booking .wh-label{display:block;margin:0 0 8px;font-size:14.5px;font-weight:600;color:var(--bk-ink)}
.wh-termin-wrap.wh-booking .wh-required{color:var(--bk-accent)}
.wh-termin-wrap.wh-booking :is(.wh-input,.wh-textarea){display:block;width:100%;margin:0;border:1.5px solid var(--bk-field);border-radius:16px;background:#fff;color:var(--bk-ink);font:inherit;font-size:16px;line-height:1.4;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;appearance:none}
.wh-termin-wrap.wh-booking .wh-input{height:58px;padding:0 16px}
.wh-termin-wrap.wh-booking .wh-textarea{min-height:120px;padding:14px 16px;resize:vertical}
.wh-termin-wrap.wh-booking :is(.wh-input,.wh-textarea)::placeholder{color:#9aa9af}
.wh-termin-wrap.wh-booking :is(.wh-input,.wh-textarea):focus{outline:none;border-color:var(--bk-accent);box-shadow:0 0 0 4px rgba(54,123,148,.16)}
.wh-termin-wrap.wh-booking :is(.wh-input,.wh-textarea).error,
.wh-termin-wrap.wh-booking :is(.wh-input,.wh-textarea)[aria-invalid="true"]{border-color:var(--bk-danger);box-shadow:0 0 0 4px rgba(168,59,42,.12)}
.wh-termin-wrap.wh-booking .wh-field-row{display:grid;grid-template-columns:1fr;gap:0 16px}
.wh-termin-wrap.wh-booking .wh-field-hint{font-size:13.5px;line-height:1.5;color:var(--bk-muted)}

/* ---------- Summary, consent, SMS code ---------- */
.wh-termin-wrap.wh-booking .wh-summary{margin:18px 0;padding:0;border:1.5px solid var(--bk-line);border-radius:20px;overflow:hidden;background:#fff}
.wh-termin-wrap.wh-booking .wh-summary-row{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;padding:13px 16px;border-top:1px solid var(--bk-line)}
.wh-termin-wrap.wh-booking .wh-summary-row:first-child{border-top:0}
.wh-termin-wrap.wh-booking .wh-summary-row dt{font-size:13.5px;font-weight:500;color:var(--bk-muted)}
.wh-termin-wrap.wh-booking .wh-summary-row dd{margin:0;font-size:15.5px;font-weight:600;color:var(--bk-ink);overflow-wrap:anywhere}
.wh-termin-wrap.wh-booking .wh-formconsent{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;margin:0 0 18px;padding:16px;border:1.5px solid var(--bk-line);border-radius:18px;background:var(--bk-surface);font-size:14.5px;line-height:1.55;color:var(--bk-text);cursor:pointer}
.wh-termin-wrap.wh-booking .wh-formconsent input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--bk-accent);cursor:pointer}
.wh-termin-wrap.wh-booking .wh-formconsent a{color:var(--bk-accent-dark);text-decoration:underline;text-underline-offset:3px}
.wh-termin-wrap.wh-booking .wh-otp-block{margin:0 0 8px;padding:20px 18px;border:1.5px solid var(--bk-line);border-radius:22px;background:#fff}
.wh-termin-wrap.wh-booking .wh-otp-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.wh-termin-wrap.wh-booking .wh-otp-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:var(--bk-grad);color:#fff}
.wh-termin-wrap.wh-booking .wh-otp-icon svg{width:26px;height:26px}
.wh-termin-wrap.wh-booking .wh-otp-title{font-size:17px;font-weight:600;color:var(--bk-ink)}
.wh-termin-wrap.wh-booking .wh-otp-sub{margin-top:3px;font-size:14.5px;line-height:1.5;color:var(--bk-muted)}
.wh-termin-wrap.wh-booking .wh-otp-btn-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;padding:0 18px;border:0;border-radius:16px;background:var(--bk-grad);color:#fff;font-size:16.5px;font-weight:600;cursor:pointer;box-shadow:0 12px 22px -14px rgba(38,90,110,.95)}
.wh-termin-wrap.wh-booking .wh-otp-btn-primary:disabled{opacity:.6;cursor:wait}
.wh-termin-wrap.wh-booking .wh-otp-sent-info{margin:0 0 10px;font-size:14.5px;color:var(--bk-muted);text-align:center}
.wh-termin-wrap.wh-booking .wh-otp-sent-info strong{color:var(--bk-ink)}
.wh-termin-wrap.wh-booking .wh-otp-input{display:block;width:100%;height:68px;margin:0;padding:0 12px;border:1.5px solid var(--bk-field);border-radius:18px;background:#fff;color:var(--bk-ink);font-size:28px;font-weight:600;letter-spacing:.42em;text-align:center;text-indent:.42em;font-variant-numeric:tabular-nums}
.wh-termin-wrap.wh-booking .wh-otp-input:focus{outline:none;border-color:var(--bk-accent);box-shadow:0 0 0 4px rgba(54,123,148,.16)}
.wh-termin-wrap.wh-booking .wh-otp-input.error{border-color:var(--bk-danger);box-shadow:0 0 0 4px rgba(168,59,42,.12)}
.wh-termin-wrap.wh-booking .wh-otp-input.success{border-color:var(--bk-ok)}
.wh-termin-wrap.wh-booking .wh-otp-actions{display:flex;justify-content:center;margin-top:8px}
.wh-termin-wrap.wh-booking .wh-otp-btn-text{min-height:44px;padding:0 12px;border:0;background:none;color:var(--bk-accent-dark);font-size:14.5px;font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.wh-termin-wrap.wh-booking .wh-otp-btn-text:disabled{color:var(--bk-soft);text-decoration:none;cursor:default}
.wh-termin-wrap.wh-booking .wh-otp-success{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:14px;background:var(--bk-ok-bg);color:var(--bk-ok);font-size:15px;font-weight:600}
.wh-termin-wrap.wh-booking .wh-otp-festnetz{padding:14px 16px;border-radius:14px;background:var(--bk-warn-bg);color:var(--bk-warn);font-size:15px;line-height:1.5}
.wh-termin-wrap.wh-booking .wh-otp-festnetz a{color:inherit;font-weight:700}

/* ---------- Buttons: fixed action bar on phones ---------- */
.wh-termin-wrap.wh-booking .wh-step-nav{position:sticky;bottom:0;z-index:15;display:flex;align-items:center;gap:10px;margin:22px -16px 0;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--bk-line);background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.wh-termin-wrap.wh-booking :is(.wh-btn-next,.wh-btn-submit,.wh-btn-prev){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:58px;margin:0;border-radius:18px;font-size:16.5px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:filter .2s ease,box-shadow .2s ease,transform .15s ease,opacity .2s ease}
.wh-termin-wrap.wh-booking :is(.wh-btn-next,.wh-btn-submit){flex:1 1 auto;padding:0 22px;border:0;background:var(--bk-grad);color:#fff;box-shadow:0 12px 24px -14px rgba(38,90,110,.95)}
.wh-termin-wrap.wh-booking :is(.wh-btn-next,.wh-btn-submit):hover:not(:disabled){filter:brightness(1.07)}
.wh-termin-wrap.wh-booking :is(.wh-btn-next,.wh-btn-submit,.wh-btn-prev):active:not(:disabled){transform:scale(.98)}
.wh-termin-wrap.wh-booking :is(.wh-btn-next,.wh-btn-submit):disabled{background:#c5d3d9;box-shadow:none;cursor:not-allowed}
/* "Zurück" lives in the top bar, so the bottom bar only carries the main action. */
.wh-termin-wrap.wh-booking .wh-step-nav .wh-btn-prev{display:none}
.wh-termin-wrap.wh-booking .wh-pain-callback .wh-btn-next{width:100%}
.wh-termin-wrap.wh-booking .wh-flow-footer{display:none}

/* ---------- Cancel dialog (wz-booking.js) ---------- */
.wh-termin-wrap.wh-booking .wzb-dialog{width:min(420px,calc(100vw - 32px));padding:0;border:0;border-radius:24px;background:#fff;color:var(--bk-text);box-shadow:0 30px 80px -30px rgba(15,35,45,.6)}
.wh-termin-wrap.wh-booking .wzb-dialog::backdrop{background:rgba(20,40,50,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.wh-termin-wrap.wh-booking .wzb-dialog-inner{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 22px 22px;text-align:center}
.wh-termin-wrap.wh-booking .wzb-dialog-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:8px;border-radius:50%;background:var(--bk-grad);color:#fff}
.wh-termin-wrap.wh-booking .wzb-dialog-icon svg{width:30px;height:30px}
.wh-termin-wrap.wh-booking .wzb-dialog h2{margin:0;font-size:21px;font-weight:600;color:var(--bk-ink)}
.wh-termin-wrap.wh-booking .wzb-dialog p{margin:0 0 12px;font-size:15px;line-height:1.5;color:var(--bk-muted)}
.wh-termin-wrap.wh-booking .wzb-dialog-actions{display:grid;gap:10px;width:100%}
.wh-termin-wrap.wh-booking .wzb-btn{display:flex;align-items:center;justify-content:center;min-height:54px;padding:0 18px;border:1.5px solid var(--bk-line);border-radius:16px;background:#fff;color:var(--bk-ink);font-size:16px;font-weight:600;text-decoration:none;cursor:pointer}
.wh-termin-wrap.wh-booking .wzb-btn-primary{border:0;background:var(--bk-grad);color:#fff}
.wh-termin-wrap.wh-booking .wzb-btn-link{min-height:44px;border:0;background:none;color:var(--bk-muted);font-weight:500;text-decoration:underline;text-underline-offset:3px}

/* ---------- Confirmation ---------- */
.wh-termin-wrap.wh-booking .wh-success{max-width:620px;margin:0 auto;padding:28px 0 8px;text-align:center}
.wh-termin-wrap.wh-booking .wh-booking-success-brand .wh-flow-brand{display:none}
.wh-termin-wrap.wh-booking .wh-success-icon{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;margin:4px auto 18px;border-radius:50%;background:linear-gradient(150deg,#3f9a6c,#1f6b44);color:#fff;box-shadow:0 14px 26px -16px rgba(31,107,68,.9)}
.wh-termin-wrap.wh-booking .wh-success-icon svg{width:36px;height:36px}
.wh-termin-wrap.wh-booking .wh-success-h1{margin:0 0 12px;font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--bk-ink);text-wrap:balance}
.wh-termin-wrap.wh-booking .wh-success-text{margin:0 auto 20px;max-width:520px;font-size:16px;line-height:1.6;color:var(--bk-muted)}
.wh-termin-wrap.wh-booking .wh-success-card{margin:0 0 20px;padding:0;border:1.5px solid var(--bk-line);border-radius:20px;overflow:hidden;background:#fff;text-align:left}
.wh-termin-wrap.wh-booking .wh-success-row{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;padding:13px 16px;border-top:1px solid var(--bk-line)}
.wh-termin-wrap.wh-booking .wh-success-row:first-child{border-top:0}
.wh-termin-wrap.wh-booking .wh-success-row dt{font-size:13.5px;color:var(--bk-muted)}
.wh-termin-wrap.wh-booking .wh-success-row dd{margin:0;font-size:15.5px;font-weight:600;color:var(--bk-ink)}
.wh-termin-wrap.wh-booking .wh-success-actions{display:grid;gap:10px}
.wh-termin-wrap.wh-booking .wh-success-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:0 20px;border-radius:16px;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer}
.wh-termin-wrap.wh-booking .wh-success-btn.primary{border:0;background:var(--bk-grad);color:#fff}
.wh-termin-wrap.wh-booking .wh-success-btn.ghost{border:1.5px solid var(--bk-line);background:#fff;color:var(--bk-text)}

/* ---------- Booking window (iframe, only if still opened that way) ---------- */
body.wh-modal-iframe{margin:0;background:#fff}
body.wh-modal-iframe .wh-termin-wrap.wh-booking{--bk-top:0px;padding-bottom:20px}
body.wh-modal-iframe .wh-termin-wrap.wh-booking .wh-page-header,
body.wh-modal-iframe .wh-termin-wrap.wh-booking .wh-booking-sidebar{display:none!important}

/* ---------- From 600px: one roomy column ---------- */
@media (min-width:600px){
  .wh-termin-wrap.wh-booking{max-width:800px;padding:0 28px 40px}
  body.wh-kanz-site .wh-termin-wrap.wh-booking{--bk-top:0px}
  .wh-termin-wrap.wh-booking .wh-flow-top{position:static;margin:0;padding:20px 0 16px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
  .wh-termin-wrap.wh-booking .wh-step{padding-top:28px}
  .wh-termin-wrap.wh-booking .wh-step-title{font-size:28px}
  .wh-termin-wrap.wh-booking .wh-service-groups{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wh-termin-wrap.wh-booking .wh-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  /* Grids follow the number of visible choices (data-visible, set by wz-booking.js). */
  .wh-termin-wrap.wh-booking .wh-service-grid:is([data-visible="2"],[data-visible="4"]){grid-template-columns:repeat(2,minmax(0,1fr))}
  .wh-termin-wrap.wh-booking .wh-service-groups>.is-odd-last,
  .wh-termin-wrap.wh-booking .wh-service-grid:not([data-visible="2"]):not([data-visible="4"])>.is-odd-last{grid-column:auto;justify-self:stretch;width:auto}
  /* Wider screens: step counter centred between the two buttons. */
  .wh-termin-wrap.wh-booking .wh-progress-caption{grid-column:2;grid-row:1;font-size:14px;text-align:center;color:var(--bk-ink)}
  .wh-termin-wrap.wh-booking .wh-flow-meter{grid-column:1/-1}
  .wh-termin-wrap.wh-booking :is(.wh-service-group,.wh-service-card,.wh-toggle,.wh-callback-card){min-height:200px;padding:26px 16px 22px}
  .wh-termin-wrap.wh-booking .wh-cal{padding:22px 22px 18px}
  .wh-termin-wrap.wh-booking .wh-cal-day{max-height:54px;max-width:54px;justify-self:center;font-size:17px}
  .wh-termin-wrap.wh-booking .wh-slot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .wh-termin-wrap.wh-booking .wh-field-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wh-termin-wrap.wh-booking .wh-summary-row,
  .wh-termin-wrap.wh-booking .wh-success-row{grid-template-columns:140px minmax(0,1fr)}
  .wh-termin-wrap.wh-booking .wh-step-nav{position:static;justify-content:flex-end;margin:28px 0 0;padding:0;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .wh-termin-wrap.wh-booking :is(.wh-btn-next,.wh-btn-submit){flex:0 0 auto;min-width:260px}
  .wh-termin-wrap.wh-booking .wh-success-actions{grid-template-columns:1fr 1fr}
  .wh-termin-wrap.wh-booking .wh-otp-block{padding:24px}
  body:not(.wh-modal-iframe) .wh-termin-wrap.wh-booking{padding-top:40px}
  body:not(.wh-modal-iframe) .wh-termin-wrap.wh-booking .wh-page-header{display:block;margin:0 0 24px;text-align:center}
  body:not(.wh-modal-iframe) .wh-termin-wrap.wh-booking .wh-booking-panel{padding:4px 32px 32px;border:1.5px solid var(--bk-line);border-radius:30px;background:#fff;box-shadow:0 30px 70px -56px rgba(22,44,54,.55)}
}

/* ---------- From 1000px: two columns with the selection sidebar ---------- */
@media (min-width:1000px){
  body:not(.wh-modal-iframe) .wh-termin-wrap.wh-booking{max-width:1180px;padding:56px 40px 72px}
  body:not(.wh-modal-iframe) .wh-termin-wrap.wh-booking .wh-page-header{margin:0 0 32px;text-align:left}
  body:not(.wh-modal-iframe) .wh-termin-wrap.wh-booking .wh-booking-layout{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:start;gap:28px}
  body:not(.wh-modal-iframe) .wh-termin-wrap.wh-booking .wh-booking-sidebar{position:sticky;top:120px;display:block;padding:24px;border:1.5px solid var(--bk-line);border-radius:26px;background:#fff}
  body:not(.wh-modal-iframe) .wh-termin-wrap.wh-booking .wh-booking-panel{min-height:560px;padding:8px 40px 36px}
  .wh-termin-wrap.wh-booking .wh-slot-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
.wh-termin-wrap.wh-booking .wh-booking-identity{display:flex;align-items:center;gap:14px}
.wh-termin-wrap.wh-booking .wh-booking-portrait{display:block;width:72px;height:72px;flex:0 0 72px;border-radius:50%;object-fit:cover;object-position:50% 25%;background:var(--bk-tint)}
.wh-termin-wrap.wh-booking .wh-booking-identity-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.wh-termin-wrap.wh-booking .wh-booking-kicker{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--bk-soft)}
.wh-termin-wrap.wh-booking .wh-booking-practice-name{margin:0;font-size:19px;font-weight:600;line-height:1.25;color:var(--bk-ink)}
.wh-termin-wrap.wh-booking .wh-booking-location{font-size:14px;font-style:normal;line-height:1.45;color:var(--bk-muted)}
.wh-termin-wrap.wh-booking .wh-booking-location br{display:none}
/* Terminlage (Erol, 31.10.2026): next free day per area, one bar segment per booked week. */
.wh-termin-wrap.wh-booking .wh-booking-outlook{margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--bk-line)}
.wh-termin-wrap.wh-booking .wh-booking-outlook-lead{margin:0 0 13px;font-size:14.5px;line-height:1.5;color:var(--bk-muted)}
.wh-termin-wrap.wh-booking .wh-booking-outlook-lead b{display:block;font-size:16px;font-weight:600;color:var(--bk-ink)}
.wh-termin-wrap.wh-booking .wh-booking-outlook-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.wh-termin-wrap.wh-booking .wh-booking-outlook-list li{margin:0;padding:0}
.wh-termin-wrap.wh-booking .wh-outlook-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:14px;color:var(--bk-text)}
.wh-termin-wrap.wh-booking .wh-outlook-head strong{font-size:14.5px;font-weight:600;color:var(--bk-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.wh-termin-wrap.wh-booking .wh-outlook-bar{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;margin:7px 0 5px}
.wh-termin-wrap.wh-booking .wh-outlook-bar i{display:block;height:6px;border-radius:3px;background:var(--bk-line)}
.wh-termin-wrap.wh-booking .wh-outlook-bar i.is-on{background:var(--bk-line);transition:background-color .5s ease var(--d,0ms)}
.wh-termin-wrap.wh-booking .wh-booking-outlook.is-ready .wh-outlook-bar i.is-on{background:var(--bk-accent)}
.wh-termin-wrap.wh-booking .wh-booking-outlook-list small{display:block;font-size:12.5px;line-height:1.3;color:var(--bk-soft)}
.wh-termin-wrap.wh-booking .wh-booking-outlook-note{margin:14px 0 0;padding:10px 13px;border-radius:14px;background:var(--bk-tint);font-size:13px;line-height:1.45;color:var(--bk-muted)}
@media (prefers-reduced-motion:reduce){.wh-termin-wrap.wh-booking .wh-outlook-bar i.is-on{transition:none}}
/* Laptops with low screens: the taller column scrolls with the page instead of hiding its lower part. */
@media (min-width:1000px) and (max-height:959px){body:not(.wh-modal-iframe) .wh-termin-wrap.wh-booking .wh-booking-sidebar{position:static}}
.wh-termin-wrap.wh-booking .wh-booking-side-summary{margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--bk-line)}
.wh-termin-wrap.wh-booking .wh-booking-side-title{margin:0 0 12px;font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--bk-soft)}
.wh-termin-wrap.wh-booking .wh-booking-side-summary dl{margin:0}
.wh-termin-wrap.wh-booking .wh-booking-side-summary dl>div{padding:10px 0;border-top:1px solid var(--bk-line)}
.wh-termin-wrap.wh-booking .wh-booking-side-summary dl>div:first-child{border-top:0;padding-top:0}
.wh-termin-wrap.wh-booking .wh-booking-side-summary dt{font-size:13px;color:var(--bk-muted)}
.wh-termin-wrap.wh-booking .wh-booking-side-summary dd{margin:2px 0 0;font-size:15.5px;font-weight:600;line-height:1.35;color:var(--bk-ink)}
.wh-termin-wrap.wh-booking .wh-booking-side-summary dd:empty::before{content:"Noch offen";font-weight:400;color:var(--bk-soft)}
.wh-termin-wrap.wh-booking .wh-booking-help{margin:20px 0 0;padding:16px;border-radius:18px;background:var(--bk-tint)}
.wh-termin-wrap.wh-booking .wh-booking-help p{margin:0 0 6px;font-size:14px;color:var(--bk-muted)}
.wh-termin-wrap.wh-booking .wh-booking-phone{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--bk-accent-dark);font-size:17px;font-weight:700;text-decoration:none;font-variant-numeric:tabular-nums}
.wh-termin-wrap.wh-booking .wh-booking-phone svg{width:20px;height:20px}

@media (max-width:374px){
  .wh-termin-wrap.wh-booking{padding-left:12px;padding-right:12px}
  .wh-termin-wrap.wh-booking :is(.wh-flow-top,.wh-step-nav){margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}
  .wh-termin-wrap.wh-booking :is(#wh-flow-back,.wh-flow-cancel){padding-right:10px;font-size:14px}
  .wh-termin-wrap.wh-booking .wh-cal-grid,.wh-termin-wrap.wh-booking .wh-cal-weekdays{gap:4px}
  .wh-termin-wrap.wh-booking :is(.wh-group-icon,.wh-svc-icon),.wh-termin-wrap.wh-booking :is(.wh-toggle,.wh-callback-card)::before{width:56px;height:56px}
  .wh-termin-wrap.wh-booking :is(.wh-service-group,.wh-service-card,.wh-toggle,.wh-callback-card){min-height:160px;padding:18px 8px 14px}
}
@media (prefers-reduced-motion:reduce){
  .wh-termin-wrap.wh-booking *,.wh-termin-wrap.wh-booking *::before,.wh-termin-wrap.wh-booking *::after{animation:none!important;transition:none!important}
}
/* Cancel dialog: the theme resets every margin to 0, which pins a modal dialog to the top left. Centre it again. */
.wh-termin-wrap.wh-booking .wzb-dialog{position:fixed;inset:0;margin:auto;height:fit-content;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
.wh-termin-wrap.wh-booking .wzb-dialog[open]{animation:wzb-dialog-in .22s ease-out}
.wh-termin-wrap.wh-booking .wzb-dialog-inner:focus{outline:none}
@keyframes wzb-dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.wh-termin-wrap.wh-booking .wzb-dialog[open]{animation:none}}
/* Four areas (with Kinder): two by two on every screen size. */
.wh-termin-wrap.wh-booking .wh-service-groups:has(> .wh-service-group:nth-of-type(4)){grid-template-columns:repeat(2,minmax(0,1fr))}