body {
    font-family: 'Lora', serif !important;
    font-style: italic;
    position: relative;
    color: #fff;
}

.hg-hell { background-color: #009cb4; }
.hg-dunkel { background-color: #007A8C; }
.hg-80 { background-color: #00ab97; }
.hg-70 { background-color: #45b384; }
.hg-60 { background-color: #72bb6f; }
.hg-weiss { background-color: #fff; }

.hg-verlauf {
    background-image: linear-gradient(to bottom, #009cb4, #007A8C);
}

hr {
    border-color: #fff;
}

h1 {
    transform: rotate(-2deg);
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    font-style: italic;
    margin: 2em 0 2em 0;
    color: #c8d400;
}

h6 {
    text-transform: uppercase;
    font-style: normal;
    border-top: 2px solid;
    margin: 0.5em 0 0 0;
    padding-top: 0.125em;
}

a {
    color: #fff;
    text-decoration: underline;
}

a:hover {
    color: #c8d400;
}

.display-1, .display-2, .display-3, .display-4 {
    font-weight: 700;
    font-style: italic;
}

.rundung {
    border-radius: 1.25em;
}

.rundung-klein {
    border-radius: 0.25em;
}

.navbar-custom {
    background-color: #009cb4;
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #fff;
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #fff;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #c8d400;
}

.voll-hoch { height: 100vh;}