:root {
    --site-zoom: 1;
}

/* Die gesamte Seite zoomt proportional */
html {
    font-size: calc(13px * var(--site-zoom));
    transition: font-size 0.15s ease-out;
}

/* px-Werte überschreiben, damit alles skaliert */
body * {
    font-size: inherit !important;
}

/* Zoom-Control UI */
.zoom-controls {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 6px 0;
}

.zoom-btn {
    padding: 4px 10px;
/*    font-size: 0.6rem;
*/    font-size: 11px !important;
    cursor: pointer;
}

.zoom-label {
    font-size: 0.6rem;
    color: #ffffff;
    font-style: inherit;
}