/**
 * hana+nils · Büro für Gestaltung
 * https://hananils.de · buero@hananils.de
 */

*,
::before,
::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}

:root {
    --z-index-background: 1;
    --z-index-surface: 100;
    --z-index-overlay-back: 1000;
    --z-index-overlay-middle: 2000;
    --z-index-overlay-front: 3000;
    --z-index-top: 10000;
}

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}

body {
    min-width: 320px;
    -webkit-overflow-scrolling: touch;
}

/* States */

.is-hidden {
    display: none !important;
}

.visually-hidden:not(:focus):not(:active) {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    white-space: nowrap !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
}

.is-resizing * {
    pointer-events: none;
    transition: none !important;
}

@media (prefers-reduced-motion) {
    * {
        transition: none !important;
        animation: none !important;
    }
}