/* VERNETZT.DIGITAL – Schnellkontakt am rechten Rand (Mockup: Rot Vorfall, Blau Kontakt, Grün WhatsApp) */
.vd-side { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 99980; display: flex; flex-direction: column; gap: 8px; }
.vd-side a {
	display: flex; align-items: center; gap: 10px; height: 50px; padding: 0 16px 0 14px;
	border-radius: 12px 0 0 12px; color: #fff !important; text-decoration: none !important;
	font: 700 14px/1 Arial, Helvetica, sans-serif; white-space: nowrap;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
	transform: translateX(calc(100% - 50px)); transition: transform .2s ease;
}
.vd-side a:hover, .vd-side a:focus-visible { transform: translateX(0); }
.vd-side a:focus-visible { outline: 3px solid #3b82f6; outline-offset: 2px; }
.vd-side-lb { opacity: 0; transition: opacity .15s ease; }
.vd-side a:hover .vd-side-lb, .vd-side a:focus-visible .vd-side-lb { opacity: 1; }
.vd-side svg { width: 22px; height: 22px; flex: none; fill: currentColor; }
.vd-side .vd-side-alarm { background: #c62828; }
.vd-side .vd-side-contact { background: #2563eb; }
.vd-side .vd-side-wa { background: #177a40; }
/* Lage „rechts, unten“ am Rechner */
.vd-side.vd-side-unten { top: auto; bottom: 90px; transform: none; }
/* Handy und Tablet: runde Knöpfe unten rechts, über dem „Nach oben“-Knopf */
@media (max-width: 980px) {
	.vd-side { top: auto; bottom: var(--vd-side-bottom, 76px); right: 12px; transform: none; }
	.vd-side a { width: 48px; height: 48px; padding: 0; justify-content: center; border-radius: 50%; transform: none; }
	.vd-side-lb { opacity: 1; position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
/* Während ein Popup offen ist, liegt der Dialog darüber (z-index 100001). */
@media print { .vd-side { display: none; } }
@media (prefers-reduced-motion: reduce) { .vd-side a { transition: none; } }