/* Presentation only. All rules stay inside the booking section. */
#digital-termin.dbh {
  --dbh-ink: #f1f8f7;
  --dbh-muted: #aac2c5;
  --dbh-accent: #76e0d6;
  --dbh-line: #294a4e;
  --dbh-deep: #071719;
  --dbh-surface: #0d2225;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 1240px;
  min-width: 0;
  margin: 32px auto 64px;
  padding: clamp(22px, 4vw, 52px);
  overflow: hidden;
  border: 1px solid #29474a;
  border-radius: 28px;
  background: radial-gradient(ellipse at 92% 0%, #184f4a55, transparent 52%), var(--dbh-deep);
  color: var(--dbh-ink);
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  text-align: left;
  scroll-margin-top: 110px;
}
#digital-termin.dbh::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: var(--dbh-wave, none);
  background-size: cover;
  background-position: center top;
  opacity: .13;
  pointer-events: none;
}
#digital-termin *,
#digital-termin *::before,
#digital-termin *::after { box-sizing: border-box; }
#digital-termin [hidden] { display: none !important; }
#digital-termin :is(h2,h3,p) { font-family: inherit; }
#digital-termin :is(p,h2,h3) { color: inherit; }
#digital-termin :is(a,button) { -webkit-tap-highlight-color: transparent; }
#digital-termin a { color: var(--dbh-accent); text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
#digital-termin :is(a,button):focus-visible { outline: 3px solid #a6fff0; outline-offset: 5px; }
#digital-termin .dbh-header { position: relative; max-width: 860px; margin: 0 0 42px; padding: 0; }
#digital-termin .dbh-brand { display: inline-block; margin: 0 0 28px; color: #f3fafa; font-size: 31px; font-weight: 750; line-height: 1; letter-spacing: -1.8px; }
#digital-termin .dbh-brand > span { color: #43b8c5; }
#digital-termin .dbh-brand small { display: block; margin-top: 4px; color: #a7bfc2; font-size: 9px; font-weight: 500; line-height: 1.3; letter-spacing: .04em; text-align: right; }
#digital-termin .dbh-eyebrow { margin: 0 0 12px; color: var(--dbh-accent); font-size: 10px; font-weight: 700; line-height: 1.6; letter-spacing: .16em; }
#digital-termin #dbh-heading { max-width: 820px; margin: 0 0 20px; color: var(--dbh-ink); font-size: clamp(31px, 4.4vw, 52px); font-weight: 600; line-height: 1.13; letter-spacing: -.045em; overflow-wrap: break-word; }
#digital-termin .dbh-lead { max-width: 610px; margin: 0; color: #bad0d1; font-size: 16px; line-height: 1.8; }
#digital-termin .dbh-facts { display: flex; align-items: center; gap: 9px 22px; flex-wrap: wrap; margin-top: 24px; }
#digital-termin .dbh-fact { display: inline-flex; align-items: center; gap: 9px; min-width: 0; color: #d7e9e7; font-size: 12px; line-height: 1.7; }
#digital-termin .dbh-fact svg { width: 18px; height: 18px; fill: none; stroke: var(--dbh-accent); stroke-width: 1.6; }
#digital-termin .dbh-fact-dot { display: block; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: var(--dbh-accent); box-shadow: 0 0 0 4px #76e0d60d; }
#digital-termin .dbh-layout { display: grid; grid-template-columns: minmax(0, 330px) minmax(0, 1fr); align-items: start; gap: 32px; min-width: 0; }
#digital-termin .dbh-topics { min-width: 0; padding-top: 9px; }
#digital-termin .dbh-topics > h3 { margin: 0 0 22px; color: var(--dbh-ink); font-size: 23px; font-weight: 600; line-height: 1.3; letter-spacing: -.03em; }
#digital-termin .dbh-intents { display: grid; gap: 12px; min-width: 0; }
#digital-termin .dbh-intent { display: flex; align-items: center; gap: 13px; width: 100%; max-width: 100%; min-width: 0; min-height: 96px; margin: 0; padding: 17px 16px; border: 1px solid #2d4d51; border-radius: 15px; background: #0c2023e8; color: var(--dbh-ink); font: inherit; line-height: 1.5; letter-spacing: 0; text-transform: none; text-align: left; white-space: normal; box-shadow: none; cursor: pointer; transition: background .16s, border-color .16s; }
#digital-termin .dbh-intent:hover { border-color: #598b89; background: #143438; }
#digital-termin .dbh-intent[aria-pressed="true"] { border-color: #78c9bf; background: linear-gradient(120deg, #25534f70, #122d31); box-shadow: inset 0 0 0 1px #76e0d618; }
#digital-termin .dbh-intent-icon { display: grid; place-items: center; width: 34px; height: 40px; flex: 0 0 34px; color: #73c4c0; }
#digital-termin .dbh-intent-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }
#digital-termin .dbh-intent-copy { display: block; min-width: 0; flex: 1 1 auto; }
#digital-termin .dbh-intent-copy strong { display: block; margin: 0 0 5px; color: #eff9f7; font-size: 14px; font-weight: 650; line-height: 1.45; overflow-wrap: break-word; }
#digital-termin .dbh-intent-copy > span { display: block; color: var(--dbh-muted); font-size: 11px; font-weight: 400; line-height: 1.65; overflow-wrap: break-word; }
#digital-termin .dbh-intent-arrow { width: 18px; flex: 0 0 18px; color: #75beb9; font-size: 20px; font-weight: 400; line-height: 1; text-align: right; }
#digital-termin .dbh-intent[aria-pressed="true"] .dbh-intent-arrow { color: #b9fff0; }
#digital-termin .dbh-topic-note { margin: 20px 0 15px; color: var(--dbh-muted); font-size: 12px; line-height: 1.85; }
#digital-termin .dbh-write-link { display: inline-block; padding: 7px 0; font-size: 12px; line-height: 1.6; }
#digital-termin .dbh-calendar-panel { min-width: min(320px, 100%); width: 100%; max-width: 100%; padding: 0; overflow: hidden; border: 1px solid #36585b; border-radius: 21px; background: #0b1d20; box-shadow: 0 18px 60px #00000021; }
#digital-termin .dbh-calendar-header { min-width: 0; padding: 30px 30px 0; }
#digital-termin .dbh-calendar-header > h3 { max-width: 590px; margin: 0 0 13px; color: var(--dbh-ink); font-size: clamp(23px, 2.4vw, 29px); font-weight: 600; line-height: 1.25; letter-spacing: -.035em; overflow-wrap: break-word; }
#digital-termin .dbh-calendar-description { margin: 0; color: #adc8ca; font-size: 13px; line-height: 1.85; }
#digital-termin .dbh-context { max-width: 100%; margin: 18px 0 0; padding: 12px 14px; border: 1px solid #3a6560; border-radius: 10px; background: #173c3b77; color: #d3eeea; font-size: 12px; line-height: 1.75; overflow-wrap: anywhere; }
#digital-termin .dbh-calendar-placeholder { min-width: 0; padding: 36px 30px 30px; }
#digital-termin .dbh-calendar-symbol { display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: 22px; border: 1px solid #2c5556; border-radius: 18px; background: linear-gradient(145deg, #204b48, #10292d); color: #8aede0; }
#digital-termin .dbh-calendar-symbol svg { width: 36px; height: 36px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
#digital-termin .dbh-placeholder-title { max-width: 330px; margin: 0 0 9px; color: #e4f2ef; font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -.02em; }
#digital-termin .dbh-placeholder-copy { margin: 0 0 23px; color: var(--dbh-muted); font-size: 13px; line-height: 1.8; }
#digital-termin a.dbh-primary { display: inline-flex; align-items: center; justify-content: center; gap: 14px; width: auto; max-width: 100%; min-width: 0; min-height: 53px; margin: 0; padding: 14px 21px; border: 1px solid #a1eee2; border-radius: 10px; background: var(--dbh-accent); color: #082c2b; font-size: 13px; font-weight: 650; line-height: 1.7; letter-spacing: 0; text-decoration: none; white-space: normal; overflow-wrap: break-word; box-shadow: none; transition: background .16s; }
#digital-termin a.dbh-primary:hover { background: #a1f0e4; color: #082c2b; }
#digital-termin a.dbh-primary > span { flex: 0 0 auto; font-size: 18px; font-weight: 400; }
#digital-termin .dbh-provider-note { max-width: 100%; margin: 14px 0 0; color: #93afb2; font-size: 10px; line-height: 1.85; }
#digital-termin .dbh-provider-note a { margin-left: 4px; color: #c0d7d7; }
#digital-termin .dbh-calendar-status { margin: 0; padding: 0 30px 20px; color: #b8d4d0; font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; }
#digital-termin .dbh-calendar-status:empty { display: none; }
#digital-termin [data-dbh-calendly] { display: block; width: 100%; min-width: 0; max-width: 100%; min-height: 950px; padding: 0; margin: 0; }
#digital-termin [data-dbh-calendly]:empty { min-height: 0; }
#digital-termin [data-dbh-calendly] .calendly-inline-widget { width: 100% !important; min-width: 0 !important; max-width: 100%; min-height: 950px; padding: 0 !important; margin: 0; }
#digital-termin [data-dbh-calendly] .calendly-spinner { display: none; }
#digital-termin [data-dbh-calendly] iframe { display: block; width: 100% !important; min-width: 0 !important; max-width: 100% !important; min-height: 950px; padding: 0; margin: 0; border: 0; color-scheme: light; }
#digital-termin .dbh-calendar-footer { display: flex; align-items: center; justify-content: space-between; gap: 9px 18px; flex-wrap: wrap; min-width: 0; margin: 0; padding: 17px 30px 20px; border-top: 1px solid #28474a; color: #8eaeb1; font-size: 10px; line-height: 1.8; }
#digital-termin .dbh-calendar-footer > span { min-width: 0; }
#digital-termin .dbh-calendar-footer a { color: #b9d5d3; }
@media (max-width: 1050px) {
  #digital-termin .dbh-layout { grid-template-columns: minmax(0, 280px) minmax(0, 1fr); gap: 24px; }
  #digital-termin .dbh-intent { gap: 9px; padding: 16px 12px; }
  #digital-termin .dbh-intent-icon { width: 28px; flex-basis: 28px; }
  #digital-termin .dbh-calendar-header { padding: 25px 24px 0; }
  #digital-termin .dbh-calendar-placeholder { padding: 30px 24px 26px; }
}
@media (max-width: 850px) {
  #digital-termin .dbh-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  #digital-termin .dbh-topics { padding-top: 0; }
  #digital-termin .dbh-topics > h3 { margin-bottom: 17px; }
  #digital-termin .dbh-intents { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  #digital-termin .dbh-intent { align-items: flex-start; flex-wrap: wrap; gap: 9px; min-height: 150px; padding: 16px; }
  #digital-termin .dbh-intent-copy { flex-basis: calc(100% - 30px); }
  #digital-termin .dbh-intent-icon { display: none; }
  #digital-termin .dbh-intent-arrow { width: 16px; flex-basis: 16px; margin-top: 3px; }
  #digital-termin .dbh-topic-note { max-width: 560px; margin-top: 17px; }
  #digital-termin .dbh-header { margin-bottom: 34px; }
}
@media (max-width: 600px) {
  #digital-termin.dbh { margin: 18px auto 36px; padding: 23px 14px 14px; border-radius: 20px; }
  #digital-termin .dbh-header { padding: 0 6px; margin-bottom: 29px; }
  #digital-termin .dbh-brand { margin-bottom: 26px; font-size: 28px; }
  #digital-termin #dbh-heading { max-width: 100%; font-size: clamp(29px, 7.7vw, 38px); line-height: 1.17; letter-spacing: -.04em; margin-bottom: 17px; }
  #digital-termin .dbh-desktop-break { display: none; }
  #digital-termin .dbh-lead { font-size: 14px; line-height: 1.85; }
  #digital-termin .dbh-facts { gap: 8px 19px; margin-top: 20px; }
  #digital-termin .dbh-fact { font-size: 11px; }
  #digital-termin .dbh-topics { padding: 0 6px; }
  #digital-termin .dbh-topics > h3 { margin-bottom: 16px; font-size: 21px; }
  #digital-termin .dbh-intents { grid-template-columns: minmax(0, 1fr); gap: 9px; }
  #digital-termin .dbh-intent { align-items: center; flex-wrap: nowrap; gap: 11px; min-height: 82px; padding: 14px 13px; border-radius: 12px; }
  #digital-termin .dbh-intent-copy { flex-basis: auto; }
  #digital-termin .dbh-intent-icon { display: grid; width: 29px; flex-basis: 29px; }
  #digital-termin .dbh-intent-copy strong { font-size: 13px; }
  #digital-termin .dbh-intent-copy > span { font-size: 10px; }
  #digital-termin .dbh-intent-arrow { margin-top: 0; }
  #digital-termin .dbh-topic-note { font-size: 11px; }
  #digital-termin .dbh-calendar-panel { border-radius: 16px; }
  #digital-termin .dbh-calendar-header { padding: 24px 19px 0; }
  #digital-termin .dbh-calendar-header > h3 { font-size: 24px; }
  #digital-termin .dbh-calendar-description { font-size: 12px; }
  #digital-termin .dbh-calendar-placeholder { padding: 27px 19px 25px; }
  #digital-termin .dbh-placeholder-title { font-size: 19px; }
  #digital-termin .dbh-placeholder-copy { font-size: 12px; }
  #digital-termin a.dbh-primary { width: 100%; padding: 13px 14px; font-size: 12px; }
  #digital-termin .dbh-calendar-status { padding: 0 19px 20px; }
  #digital-termin .dbh-calendar-footer { padding: 16px 19px 18px; }
}
@media (max-width: 350px) {
  #digital-termin.dbh { padding: 22px 10px 10px; }
  #digital-termin .dbh-header,
  #digital-termin .dbh-topics { padding-inline: 3px; }
  #digital-termin .dbh-intent { gap: 8px; padding-inline: 10px; }
  #digital-termin .dbh-intent-icon { width: 23px; flex-basis: 23px; }
  #digital-termin .dbh-intent-icon svg { width: 22px; height: 22px; }
  #digital-termin .dbh-calendar-header { padding: 21px 16px 0; }
  #digital-termin .dbh-calendar-placeholder { padding: 25px 16px 22px; }
  #digital-termin .dbh-calendar-footer { padding-inline: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  #digital-termin .dbh-intent,
  #digital-termin a.dbh-primary { transition: none; }
}
/* Keep the vendor calendar at full viewport width on narrow screens. */
@media(max-width:600px){
  #digital-termin.dbh{width:100vw;max-width:100vw;margin-inline:calc((100% - 100vw)/2)}
  #digital-termin .dbh-calendar-panel{width:100vw;max-width:100vw;margin-inline:calc((100% - 100vw)/2);border-left:0;border-right:0;border-radius:0}
}
#digital-termin .dbh-calendly iframe{min-height:950px;max-width:100%;border:0}
