/* ------------   BASIC ------------*/
body {
    font-family: Candara; sans-serif;

}
/* ------------ STICKY FOOTER ----------------- */
.footer {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    z-index: 9999;
}
.container {
    padding-bottom: 5em;
    margin-bottom: 
}
 
/* ------------ BACKGROUND FARBEN ----------------- */
.bg-main {
    background-color: var(--main);
    color: var(--main-o);
}
.bg-main a {
    color: var(--main-o) !important;
}

.bg-main-second {
    background-color: var(--minor);
    color: var(--minor-o);
}

.bg-main-second a {
    color: var(--accent);
}

/* ------------ TEXT FARBEN ----------------- */

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

.text-minor {
    color: var(--minor);
}

.text-accent {
    color: var(--accent);
}
.text-minor-o {
    color: var(--minor-o);
}

/* ------------ BUTTON FARBEN ----------------- */

.btn-accent {
    background-color: var(--accent);
    color: var(--accent-o);
}
.btn-accent:hover {
    background-color: var(--accent);
    color: var(--accent-o);
}
.btn-accent:active {
    background-color: var(--accent);
    color: var(--accent-o);
}
.btn-accent:visited {
    background-color: var(--accent);
    color: var(--accent-o);
}

.btn-main-o {
    background-color: var(--main-o);
    color: var(--main);
}
.btn-main-o:hover {
    background-color: var(--main-o);
    color: var(--main);
}
.btn-main-o:active {
    background-color: var(--main-o);
    color: var(--main);
}
.btn-main-o:visited {
    background-color: var(--main-o);
    color: var(--main);
}

.btn-outline-main-o {
    background-color: transparent;
    color: var(--main-o);
    border-color: var(--main-o);
}
.btn-outline-main-o:hover {
    background-color: var(--main-o);
    color: var(--main);
}
.btn-outline-main-o:active {
    background-color: var(--main-o);
    color: var(--main);
}
.btn-outline-main-o:visited {
    background-color: transparent;
    color: var(--main-o);
    border-color: var(--main-o);
}
/* ------------ BUTTON FARBEN ----------------- */
.border-accent {
    border-color: var(--accent);
}
.border-accent .card-header {
    border-color: var(--accent) !important;
}
.card a:hover {
    text-decoration: none !important;
}

/* ------------ ÜBERSCHRIFTEN ----------------- */
h1 {
    font-size: 1.6em;
    font-weight: 400;
}
h2 {
    font-size: 1.4em !important;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-weight: 400;
}
h3 {
    font-size: 1.2em !important;
    font-weight: 400;
}

.footer .nav {
    font-size: 1.7em;
}

/* --------------- MODAL  --------------------*/
.modal-content {
    background-color: var(--main);
}

/* --------------- HELPER --------------------*/
.awl-buttons {
    font-size: 2.5em;
    line-height: 0;
    text-align: right;
}
.bigger {
    font-size: 150%;
}

hr.minor {
    border-top: 1px solid var(--minor);
}