:root {
    --font-color: #fff;
    --bg-color: #13123c;
    --bg-gray: #e3e3e3;
    --font-family: "Titillium Web", sans-serif;
}


html {
    font-family: var(--font-family);
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family);
    font-weight: 700;
}

p {
    font-weight: 400;
}

.page-wrapper {
    min-height: 100vh;
    background: url(../img/Landingpage_Hintergrund.jpg) no-repeat;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 30px;
}

.bg-blue {
    background-color: var(--bg-color);
}

.bg-gray {
    background-color: var(--bg-gray);
}

.bg-white {
    background-color: white;
}

h1,h2,h3,h4,h5,h6,p {
    color: var(--font-color);
}

.page-wrapper section + section {
    margin-top: 50px;
}

.text-center {
    text-align: center;
}

.text-white {
    color: white;
}

.badge > img {
    max-width: 160px;
    margin: 0 auto;
    display: block;
}


.uk-table th {
    font-weight: 700;
    color: var(--font-color);
}

.uk-table th:not(:first-child) {
    font-size: 1.2em;
}

.uk-button-default {
    background-color: var(--bg-color);
}

.uk-button-default {
    background-color: var(--bg-color);
}

.uk-button-danger {
    background-color: #9a150f;
}

.uk-button-secondary {
    background-color: #1d1d1b;
}