/* Demo-Hinweis (AV Website Solutions) — schmale Leiste unten für die Branchen-Beispielprojekte: Zurück zur Startseite + Kennzeichnung als fiktiv.
   Bewusst im AV-Erscheinungsbild (Graphit, Champagnergold), unabhängig von der Gestaltung der jeweiligen Beispielseite. */
.demo-hinweis{--dh-grund:#0a0d13;--dh-f2:#141924;--dh-text:#eef2f8;--dh-text3:#9aa6ba;--dh-gold:#e9c274;--dh-linie:rgba(150,172,206,.28);
  position:fixed;left:12px;bottom:12px;z-index:90;display:flex;align-items:stretch;max-width:calc(100vw - 24px);
  background:var(--dh-grund);color:var(--dh-text);border:1px solid var(--dh-linie);border-radius:2px;box-shadow:0 10px 40px rgba(0,0,0,.35);
  font:500 .72rem/1 ui-monospace,"Cascadia Mono","SF Mono",Consolas,monospace;letter-spacing:.06em;-webkit-font-smoothing:antialiased}
.dh-zurueck{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:0 .95rem;min-height:46px;min-width:48px;color:var(--dh-text);text-decoration:none;border-right:1px solid var(--dh-linie);white-space:nowrap;text-transform:uppercase}
.dh-zurueck:hover{color:var(--dh-gold)}
.dh-pfeil{color:var(--dh-gold);font-size:1rem}
.dh-art{display:flex;flex-direction:column;justify-content:center;gap:.32rem;padding:0 .95rem;min-width:0}
.dh-art b{font-weight:600;color:var(--dh-gold);letter-spacing:.14em;text-transform:uppercase;font-size:.66rem}
.dh-art span{font-size:.62rem;letter-spacing:.04em;color:var(--dh-text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dh-zurueck:focus-visible{outline:2px solid var(--dh-gold);outline-offset:-3px}
.dh-bew{display:flex;align-items:center;justify-content:center;gap:.6rem;min-width:46px;min-height:46px;padding:0 .95rem;border:0;border-left:1px solid var(--dh-linie);background:none;color:var(--dh-text);font:inherit;letter-spacing:inherit;text-transform:uppercase;white-space:nowrap;cursor:pointer}
.dh-bew:hover{background:var(--dh-f2);color:var(--dh-gold)}
.dh-bew:focus-visible{outline:2px solid var(--dh-gold);outline-offset:-3px}
.dh-bi{display:block;width:0;height:0;border:5px solid transparent;border-left:9px solid var(--dh-gold);border-right:0}
.dh-bew-aus .dh-bi{width:9px;height:10px;border:0;border-left:2px solid var(--dh-gold);border-right:2px solid var(--dh-gold)}
@media (max-width:560px){
  .dh-bew{padding:0;min-width:46px}   /* Handy: nur das Symbol, der Text bleibt für Hilfstechniken im Knopf */
  .dh-bt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .demo-hinweis{left:8px;bottom:8px;max-width:calc(100vw - 16px)}
  .dh-zt{display:none}
  .dh-zurueck{padding:0 .85rem}
  .dh-art{padding:0 .75rem}
  .dh-art span{max-width:11.5rem}
}
.demo-hinweis{transition:transform .2s ease-out,opacity .2s ease-out}
.demo-hinweis.dh-weg{transform:translateY(calc(100% + 20px));opacity:0;pointer-events:none;visibility:hidden}
@media (prefers-reduced-motion:reduce){html:not(.bewegung-an) .demo-hinweis{transition:none}}
.eingebettet .demo-hinweis{display:none!important}
/* damit ein fokussiertes Element nie unter der Leiste verschwindet (WCAG 2.4.11) */
html.hat-demo-hinweis{scroll-padding-bottom:84px}
@media print{.demo-hinweis{display:none}}