:root {
    --ru-primary: #b81867;
    --ru-primary-light: #f6e3ec;
    --ru-primary-hover: #f1d3e2;
    --ru-background: #f2f3f3;
    --ru-surface: #ffffff;
    --ru-surface-soft: #fafafa;
    --ru-border: #dfe1e2;
    --ru-border-light: #eceeef;
    --ru-text: #222222;
    --ru-text-secondary: #555b5f;
    --ru-text-muted: #7a8185;
    --ru-shadow-left: 6px 0 18px rgba(0, 0, 0, 0.08);
    --ru-shadow-right: -6px 0 18px rgba(0, 0, 0, 0.08);
}


/* ==================================================
   Grundlayout
   ================================================== */

html,
body,
#cesiumContainer {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}


html,
body {
    font-family: "Segoe UI", "Source Sans Pro", Arial, sans-serif;
    color: var(--ru-text);
    background: var(--ru-background);
}


#cesiumContainer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}