:root {
    --main-color:#497AA6;
    --footer-text-color:#fff;
    --navbar-unselected-color:#888;
    --warning-color:#cd2626;
}

html, body {
  height: 100%;
}

body {
    font-family: 'Open-sans', sans-serif;
    font-size: 17px;
    line-height: 1.5em;
    padding: 0;
	margin: 0;
}

ul {
    padding-inline-start: 0px;
}

li {
    list-style: none;
}

.row {
    padding-top: 3rem;
    text-align: left;
}

.Site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.Site-content {
  flex: 1;
}

.container {
    margin: auto;
}

.primary-text {
    color: var(--main-color);
}

.vortraege-list li {
    margin: 0px 0px;
    padding-bottom: 20px;
}

.datenschutz-list li {
    list-style: initial;
    margin-left: 1em;
}

.warning {
    color: var(--warning-color)
}

.no-margins {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* HEADER */
#main-header {
    border-bottom: 2px solid var(--main-color);
}

/* NAVBAR */
#navbar {
    text-transform: uppercase;
}

#navbar li {
    display: inline;
    padding-right: 20px;
}


#navbar a {
    text-decoration: none;
    color: var(--navbar-unselected-color);
}

#navbar li.current a, #navbar a:hover {
    color: var(--main-color);
    border-bottom: 3px solid var(--main-color);
    padding-bottom: 3px;
}

/* FOOTER */
#main-footer {
    background: var(--main-color);
    color: var(--footer-text-color);
    margin-top: 3rem;
}

#main-footer .row {
    padding-top: 0rem;
}

.footer-text {
    color: var(--footer-text-color);
    text-decoration: none;
}