/* Hallmark · macrostructure: Long Document (Leistungsseite im bestehenden System) · tone: utilitarian · anchor hue: Navy mit Gold
 * theme: bestehende Marke aus theme/style.css · nav und footer: unverändert aus dem System · enrichment: none
 * pre-emit critique: P4 H4 E4 S5 R5 V3
 */
.page-dolmetscher-buchen{
  --db-ink:var(--color-primary);
  --db-ink-soft:var(--color-primary-light);
  --db-accent:var(--color-accent);
  --db-accent-ink:var(--color-accent-dark);
  --db-on-dark:var(--color-on-dark-strong);
  --db-text:var(--color-text);
  --db-muted:var(--color-text-muted);
  --db-line:var(--color-border);
  --db-paper:var(--color-white);
  --db-soft:var(--color-bg-soft);
  --db-s1:.25rem;--db-s2:.5rem;--db-s3:.75rem;--db-s4:1rem;--db-s6:1.5rem;--db-s8:2rem;--db-s12:3rem;--db-s16:4rem;
  --db-ease-out:cubic-bezier(.22,1,.36,1);
}
html,body.page-dolmetscher-buchen{overflow-x:clip}

.db-hero h1{overflow-wrap:anywhere;min-width:0;font-style:normal}
.db-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--db-s4) var(--db-s6);margin-top:var(--db-s6)}
.db-hero-actions .btn{white-space:nowrap}
.db-hero-phone{color:var(--db-on-dark);font-weight:700;font-size:1.1rem;text-decoration:underline;text-underline-offset:.2em;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.db-hero-phone:hover{color:var(--color-white)}
.db-hero-phone:focus-visible{outline:2px solid var(--color-accent-light);outline-offset:3px}

.db-section{padding:clamp(2.5rem,6vw,4.5rem) 0}
.db-section--soft{background:var(--db-soft)}
.db-section h2{font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1.12;color:var(--db-ink);margin:0 0 var(--db-s4);overflow-wrap:anywhere;min-width:0;font-style:normal}
.db-intro{max-width:62ch;color:var(--db-muted);line-height:1.65;margin:0 0 var(--db-s8)}
.db-note,.db-hint{font-size:.9rem;line-height:1.5;color:var(--db-muted);margin:var(--db-s4) 0 0}
.db-hint{margin:calc(var(--db-s2) * -1) 0 var(--db-s4)}
.db-hint--center{text-align:center;margin:var(--db-s3) 0 0}
.db-note a{color:var(--db-ink);text-decoration:underline;text-underline-offset:.18em}
.db-narrow{max-width:820px}

/* Dolmetscharten: Zeilen statt Kacheln */
.db-kinds{border-top:1px solid var(--db-line)}
.db-kind{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--db-s3);padding:var(--db-s6) 0;border-bottom:1px solid var(--db-line);scroll-margin-top:96px}
.db-kind h3{font-family:var(--font-serif);font-size:1.5rem;line-height:1.15;color:var(--db-ink);margin:0;font-style:normal;overflow-wrap:anywhere;min-width:0}
.db-kind-how{margin:0;color:var(--db-text);line-height:1.6;max-width:56ch}
.db-kind-facts{margin:0;display:grid;gap:var(--db-s3)}
.db-kind-facts dt{font-size:.8rem;font-weight:700;color:var(--db-accent-ink);margin:0 0 var(--db-s1)}
.db-kind-facts dd{margin:0;font-size:.95rem;line-height:1.5;color:var(--db-muted)}
@media(min-width:900px){
  .db-kind{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr) minmax(0,1fr);gap:var(--db-s8);align-items:start}
}

.db-two{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--db-s12)}
@media(min-width:900px){.db-two{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--db-s16)}}
.db-table-wrap{overflow-x:auto}
.db-two .price-table{width:100%}
.db-steps{list-style:none;counter-reset:db;margin:0;padding:0;border-top:1px solid var(--db-line)}
.db-steps li{counter-increment:db;display:grid;grid-template-columns:2.25rem minmax(0,1fr);column-gap:var(--db-s3);padding:var(--db-s4) 0;border-bottom:1px solid var(--db-line);line-height:1.55;color:var(--db-muted)}
.db-steps li::before{content:counter(db);font-family:var(--font-serif);font-size:1.6rem;line-height:1;color:var(--db-accent-ink);grid-row:1/3}
.db-steps strong{display:block;color:var(--db-ink)}

.db-book{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--db-s8)}
@media(min-width:900px){.db-book{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--db-s16);align-items:start}.db-book-text{position:sticky;top:112px}}
#buchen{scroll-margin-top:80px}
.db-call{margin:0;display:grid;gap:var(--db-s1)}
.db-call a{display:inline-flex;align-items:center;min-height:44px;font-family:var(--font-serif);font-size:2rem;line-height:1.1;color:var(--db-ink);text-decoration:none;white-space:nowrap}
.db-call a:hover{text-decoration:underline;text-underline-offset:.15em}
.db-call a:focus-visible{outline:2px solid var(--db-ink);outline-offset:3px}
.db-call span{font-size:.9rem;color:var(--db-muted)}
.db-form{background:var(--db-paper);border:1px solid var(--db-line);border-radius:var(--radius-lg);padding:clamp(1.1rem,3vw,2rem);box-shadow:var(--shadow-md)}
.db-form .form-row{display:grid;grid-template-columns:minmax(0,1fr);gap:0 var(--db-s4)}
@media(min-width:620px){.db-form .form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.db-form .db-row-3{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,1.2fr)}}
.db-form .form-control{min-height:48px;font-size:16px;width:100%}
.db-form textarea.form-control{min-height:88px}
.db-form .form-check{margin:var(--db-s6) 0 var(--db-s4)}
.db-submit{min-height:54px;white-space:nowrap;transition:transform .12s var(--db-ease-out),opacity .12s var(--db-ease-out)}
.db-submit:focus-visible{outline:2px solid var(--db-ink);outline-offset:3px}
.db-submit:active{transform:translateY(1px)}
.db-submit[disabled]{opacity:.65;cursor:progress}
.db-form .hp-field{position:absolute;left:-9999px}

.db-faq-item{border-bottom:1px solid var(--db-line)}
.db-faq-item:first-of-type{border-top:1px solid var(--db-line)}
.db-faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--db-s4);min-height:56px;padding:var(--db-s3) 0;font-weight:700;color:var(--db-ink);line-height:1.35}
.db-faq-item summary::-webkit-details-marker{display:none}
.db-faq-item summary::after{content:"";flex:0 0 auto;margin-left:auto;width:.55rem;height:.55rem;border-right:2px solid var(--db-ink);border-bottom:2px solid var(--db-ink);transform:rotate(45deg);transition:transform .2s var(--db-ease-out)}
.db-faq-item[open] summary::after{transform:rotate(-135deg)}
.db-faq-item summary:hover{color:var(--db-ink-soft)}
.db-faq-item summary:focus-visible{outline:2px solid var(--db-ink);outline-offset:2px}
.db-faq-item p{margin:0 0 var(--db-s6);max-width:68ch;line-height:1.65;color:var(--db-muted)}

@media(prefers-reduced-motion:reduce){.db-submit,.db-faq-item summary::after{transition:none}html{scroll-behavior:auto}}