/* Design-Vorgaben aus dem Elementor-Kit von wsw.de, post-5.css.
   Einzige Quelle fuer Farben, Abstaende und Radien. Flexo ist dort ein
   lizenzierter Webfont und wird nicht eingebunden, nur benannt. */
:root {
    --color-primary: #093D79;
    --color-primary-light: #84B5CD;
    --color-secondary: #85C8B9;
    --color-accent: #FFD444;
    --color-h1: #093D79;
    --color-text-primary: #020101;
    --color-text-secondary: #595654;
    --color-text-muted: #8a8785;
    --color-bg-primary: #ffffff;
    --color-bg-secondary: #F7F7F7;
    --color-bg-tertiary: #D7D7D7;
    --color-border: #D5D5D5;
    --color-surface: #ffffff;
    --font-family-base: 'Flexo', 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --ux-radius-card: 0.625rem;
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --ux-transition: 160ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

* { box-sizing: border-box; }

body {
    margin: 0;
    font-family: var(--font-family-base);
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
    -webkit-text-size-adjust: 100%;
}

.hidden { display: none !important; }

/* Wischstufen als gefuellte Chips, aus Entfernung lesbar */
.d3, .d2, .d1, .d0 { border-radius: var(--radius-md); padding: .1em .5em; }
.d3 { background: #093D79; color: #ffffff; }
.d2 { background: #85C8B9; color: #020101; }
.d1 { background: #FFD444; color: #020101; }
.d0 { background: #D5D5D5; color: #595654; }