/* Schwebender WhatsApp-Button, fix unten rechts (siehe inc/whatsapp-button.php) */
.jw-wa {
    position: fixed;
    right: calc(20px + env(safe-area-inset-right, 0px));
    bottom: calc(20px + env(safe-area-inset-bottom, 0px));
    z-index: 9000;                       /* unter dem Vollbild-Menue (9998) */
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #25D366;                 /* offizielles WhatsApp-Gruen */
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .18);
    transition: transform .25s ease, box-shadow .25s ease;
    -webkit-tap-highlight-color: transparent;
}
.jw-wa svg {
    width: 30px;
    height: 30px;
    fill: currentColor;
}
.jw-wa:hover {
    transform: translateY(-2px) scale(1.04);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .22);
    color: #fff;
}
.jw-wa:focus-visible {
    outline: 2px solid #128C7E;
    outline-offset: 3px;
}
@media (max-width: 575.98px) {
    .jw-wa { width: 52px; height: 52px; right: calc(16px + env(safe-area-inset-right, 0px)); bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
    .jw-wa svg { width: 28px; height: 28px; }
}
@media (prefers-reduced-motion: reduce) {
    .jw-wa { transition: none; }
    .jw-wa:hover { transform: none; }
}
@media print {
    .jw-wa { display: none; }
}