/* Gemeinsame Darstellung. Farben stammen ausschließlich aus der jeweiligen Seite. */
body.unified-design {
  --at-bg: var(--bg, var(--background, #e8e9eb));
  --at-text: var(--text, var(--foreground, #24272b));
  --at-line: var(--line, var(--border, #c3c6cd));
  --at-accent: var(--blue, #00627a);
  --at-surface: var(--surface, #f8f9fb);
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.65;
}
body.unified-design[data-site="screenink"] { --at-accent: var(--teal); }
html { scroll-padding-top: var(--at-header-height, 160px); }
.unified-design *, .unified-design *::before, .unified-design *::after { box-sizing: border-box; }
.unified-design .wrap { width:100%; max-width:1288px; padding-inline:40px; margin-inline:auto; }
.unified-design h1,.unified-design h2,.unified-design h3 { font-family:inherit; font-weight:600; letter-spacing:-.025em; text-wrap:balance; }
.unified-design .hero h1,.unified-design main>h1 { font-size:clamp(2.25rem,4.4vw,3.8rem); line-height:1.12; }
.unified-design h2 { font-size:clamp(1.8rem,3.4vw,2.8rem); line-height:1.18; }
.unified-design h3 { line-height:1.35; }
.unified-design .eyebrow { font-family:inherit; font-size:.75rem; font-weight:600; letter-spacing:.12em; line-height:1.5; margin-bottom:20px; }
.unified-design :is(.lede,.intro,.hero-intro) { font-size:1.18rem; line-height:1.65; max-width:62ch; }
.unified-design :is(.hero,.balanced-hero) { padding-block:56px 64px; }
.unified-design .hero-grid { gap:40px; margin-top:0; }
.unified-design :is(.section,.process-section,.case-section,.warning-section,.contact,.final,.qp-section,.about,.cooperation-section) { padding-block:64px; }
.unified-design :is(.section-heading,.sec-head) { max-width:760px; margin-bottom:32px; }
.unified-design :is(.button,.btn) { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:12px 20px; border-radius:6px; font:600 .88rem/1.45 "Segoe UI",Arial,sans-serif; text-decoration:none; }
.unified-design :is(.actions,.cta) { gap:14px; flex-wrap:wrap; }
.unified-design :is(.offer-card,.entry-card,.rcard,.col,.role,.box,.hero-support,.report-card,.features article,.situations article,.warning-grid article,.setup-steps li) { border-radius:8px; padding:24px; box-shadow:none; }
.unified-design :is(.paper,.shot,.report,.mail,.gview,.screenshot-card,.secondary-shot,.demo-player) { border-radius:8px; box-shadow:none; }
.unified-design :is(.offer-grid,.reports,.compare,.situations,.warning-grid,.features,.setup-steps) { gap:24px; }
.unified-design :is(.hero,.hero-grid,.product-grid,.process-grid,.contact-grid,.detail-grid)>* { min-width:0; }
.unified-design img,.unified-design video { max-width:100%; }
.unified-design a:focus-visible,.unified-design button:focus-visible,.unified-design summary:focus-visible { outline:3px solid var(--at-accent); outline-offset:4px; }
.unified-design .skip { z-index:100; }

/* Identische Kopfzeile und Navigation auf allen Inhaltsseiten. */
.unified-design .at-header { position:sticky; top:0; z-index:50; background:var(--at-bg); color:var(--at-text); border-bottom:1px solid var(--at-line); backdrop-filter:none; }
.unified-design .at-top { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:24px; min-height:88px; padding-block:16px; }
.unified-design .at-brand { display:flex; justify-self:start; align-items:center; gap:12px; min-width:0; text-decoration:none; color:var(--at-accent); }
.unified-design .at-brand img { width:36px; height:36px; flex-shrink:0; }
.unified-design .at-brand strong { display:block; font-size:23px; line-height:1.2; letter-spacing:-.025em; font-weight:600; }
.unified-design .at-offers { display:flex; align-items:center; gap:24px; }
.unified-design .at-offers a { display:flex; align-items:center; min-height:44px; font-size:14px; font-weight:500; color:var(--at-text); text-decoration:none; white-space:nowrap; }
.unified-design .at-offers a[aria-current],.unified-design .at-sections a[aria-current] { color:var(--at-accent); box-shadow:inset 0 -2px var(--at-accent); font-weight:600; }
.unified-design .at-actions { display:flex; justify-self:end; align-items:center; gap:8px; }
.unified-design .at-linkedin { width:44px; height:44px; display:grid; place-items:center; }
.unified-design .at-linkedin img { width:34px; height:34px; background:#0a66c2; }
.unified-design .at-toggle { display:none; width:44px; height:44px; border:1px solid var(--at-line); border-radius:6px; background:var(--at-surface); color:var(--at-accent); align-items:center; justify-content:center; cursor:pointer; }
.unified-design .at-panel { border-top:1px solid var(--at-line); }
.unified-design .at-sections { display:flex; flex-wrap:wrap; align-items:center; gap:0 24px; padding-block:4px; }
.unified-design .at-sections a { display:flex; align-items:center; min-height:44px; padding:8px 0; font-size:14px; color:var(--at-text); text-decoration:none; }
.unified-design .at-header a:hover { color:var(--at-accent); }
.unified-design .at-mobile-offers { display:none; }
.unified-design .at-mobile-linkedin { display:none; }
.unified-design .at-footer { display:block; width:100%; max-width:none; margin:0; padding:0; border-top:1px solid var(--at-line); color:var(--at-text); background:transparent; }
.unified-design .at-footer-inner { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px 32px; padding-block:28px; font-size:14px; }
.unified-design .at-footer p { margin:0; font-size:14px; }
.unified-design .at-footer nav { display:flex; flex-wrap:wrap; gap:8px 24px; }
.unified-design .at-footer a { display:inline-flex; align-items:center; min-height:44px; font-size:14px; text-decoration:none; color:inherit; }
.unified-design .at-footer a:hover { text-decoration:underline; }
.unified-design .site-footer.wrap { max-width:none; padding-inline:0; }
.unified-design .querypilot-promo { max-width:1208px; margin-inline:auto; }
.unified-design .at-facts { margin:24px 0 0; padding-top:16px; border-top:1px solid var(--at-line); font-size:.88rem; }
.unified-design .at-region { font-size:.88rem; margin-top:18px; }
.unified-design[data-site="legal"] main { overflow-wrap:anywhere; hyphens:auto; }
.unified-design[data-site="legal"] main h1 { font-size:clamp(2rem,4.4vw,3.8rem); line-height:1.12; }

@media(max-width:1100px) {
  .unified-design .at-top { gap:16px; }
  .unified-design .at-offers { gap:16px; }
  .unified-design .at-offers a { font-size:13px; }
}
@media(max-width:1000px) {
  .unified-design .at-top { grid-template-columns:minmax(0,1fr) auto; min-height:76px; padding-block:12px; }
  .unified-design .at-top>.at-offers { display:none; }
  .unified-design .at-header.at-enhanced .at-toggle { display:flex; }
  .unified-design .at-header.at-enhanced:not(.at-open) .at-panel { display:none; }
  .unified-design .at-header.at-enhanced .at-panel { position:absolute; top:100%; left:18px; right:18px; margin-top:8px; border:1px solid var(--at-line); border-radius:8px; background:var(--at-bg); max-height:calc(100dvh - 104px); overflow:auto; box-shadow:0 8px 24px #0002; }
  .unified-design .at-panel-inner { padding:16px 24px; }
  .unified-design .at-sections { flex-direction:column; align-items:stretch; gap:0; }
  .unified-design .at-sections a { min-height:44px; font-size:16px; }
  .unified-design .at-mobile-offers { display:flex; flex-direction:column; align-items:stretch; gap:0; border-top:1px solid var(--at-line); margin-top:12px; padding-top:12px; }
  .unified-design .at-mobile-offers a { font-size:15px; }
}
@media(max-width:760px) {
  .unified-design .wrap { padding-inline:20px; }
  .unified-design :is(.hero,.balanced-hero) { padding-block:36px 44px; }
  .unified-design .hero h1,.unified-design main>h1 { font-size:clamp(2rem,8vw,3rem); }
  .unified-design h2 { font-size:clamp(1.65rem,6.5vw,2.3rem); }
  .unified-design :is(.lede,.intro,.hero-intro) { font-size:1.06rem; }
  .unified-design :is(.section,.process-section,.case-section,.warning-section,.contact,.final,.qp-section,.about,.cooperation-section) { padding-block:44px; }
  .unified-design .hero-grid { gap:28px; }
  .unified-design :is(.offer-card,.entry-card,.rcard,.col,.role,.box,.hero-support,.report-card,.features article,.situations article,.warning-grid article,.setup-steps li) { padding:20px; }
  .unified-design .at-brand { gap:8px; }
  .unified-design .at-brand strong { font-size:20px; }
  .unified-design .at-brand img { width:30px; height:30px; }
  .unified-design .at-footer-inner { align-items:flex-start; flex-direction:column; padding-block:24px; }
  .unified-design .at-footer nav { gap:4px 20px; }
  .unified-design .querypilot-promo { padding-inline:20px; }
}
@media(max-width:600px) {
  .unified-design .at-top { gap:6px; padding-inline:12px; }
  .unified-design .at-brand { gap:6px; }
  .unified-design .at-brand strong { font-size:16px; }
  .unified-design .at-brand img { width:28px; height:28px; }
  .unified-design .at-actions { gap:0; }
}
@media(max-width:380px) {
  .unified-design .at-top { gap:4px; }
  .unified-design .at-brand strong { font-size:14px; }
  .unified-design .at-brand img { width:24px; height:24px; }
  .unified-design[data-site="main"] .at-brand { gap:4px; }
}
/* Desktop: große Überschriften auf 2/3 ihrer bisherigen Größe.
   Faktor 1 = ursprüngliche Größe, 0.666666667 = zwei Drittel.
   Fließtext, Navigation und mobile Schriftgrößen bleiben unverändert. */
@media screen and (min-width:1001px) {
  .unified-design { --desktop-heading-scale: 0.666666667; }
  .unified-design .hero h1,
  .unified-design main>h1 {
    font-size:calc(clamp(2.25rem, 4.4vw, 3.8rem) * var(--desktop-heading-scale));
  }
  .unified-design[data-site="legal"] main h1 {
    font-size:calc(clamp(2rem, 4.4vw, 3.8rem) * var(--desktop-heading-scale));
  }
  .unified-design h2 {
    font-size:calc(clamp(1.8rem, 3.4vw, 2.8rem) * var(--desktop-heading-scale));
  }
  .unified-design .qp-section h2 {
    font-size:calc(clamp(2rem, 3.1vw, 2.8rem) * var(--desktop-heading-scale));
  }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media print {
  .unified-design .at-header { position:static; }
  .unified-design .at-offers,.unified-design .at-panel,.unified-design .at-actions { display:none; }
}