:root {
    --text: #3C3B3C;
    --link-hover: #949394;
    --lind: #478E42;
    --lindtwo: #95BD44;
    --bg-card: #fffefa;
}


/* #region font */

#html-body,
h1,
h2,
h3,
h4,
h5 {
    /* default font */
    font-family: 'Arsenal', sans-serif;
}

#content-head,
h1,
.uk-card a.youtube {
    color: var(--lind) !important;
}

@media (min-width: 960px) {
    .uk-h2,
    h2 {
        font-size: 1.3rem;
    }
}

.uk-h2,
h2 {
    font-size: 1.3rem;
    line-height: 1.3;
}

.uk-card-primary h2.lind-title {
    color: var(--lind) !important;
    font-size: 1.1rem;
    line-height: 1.4;
    font-weight: 800;
    margin-bottom: 0.4em;
}

.uk-card p {
    margin-top: 0;
}

h2.slide-title {
    color: white;
    font-size: 1.5em;
}

.slide-text {
    color: white;
    font-size: 1.6em;
    font-weight: 600;
}


/* #endregion */


/* #region layout */

.uk-card-primary {
    background: var(--bg-card) !important;
    color: var(--text) !important;
    box-shadow: 0 5px 15px rgb(0 0 0 / 8%);
    border-radius: 15px;
}

.uk-card-primary.uk-card-body,
.uk-card-primary>:not([class*=uk-card-media]),
.uk-card-secondary.uk-card-body,
.uk-card-secondary>:not([class*=uk-card-media]),
.uk-light,
.uk-offcanvas-bar,
.uk-overlay-primary,
.uk-section-primary:not(.uk-preserve-color),
.uk-section-secondary:not(.uk-preserve-color),
.uk-tile-primary:not(.uk-preserve-color),
.uk-tile-secondary:not(.uk-preserve-color) {
    color: var(--text) !important;
}

.slide-overlay {
    background: transparent;
}

.uk-card img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.tpl-kurse .uk-card,
.tpl-kurse .uk-card-media-top {
    border-radius: 15px;
}

footer.uk-section.uk-section-secondary {
    background-color: var(--lindtwo);
}

#footer {
    color: white;
}

#footer link:a {
    color: white;
}

#footer a:hover {
    color: silver;
}


/* #endregion */


/* #region navigation */

.uk-navbar-container:not(.uk-navbar-transparent) {
    background: var(--lindtwo);
    margin-top: 1px;
}

.uk-navbar-center {
    padding: 10px 0;
}

.uk-navbar-nav>li>a {
    color: var(--text) !important;
    text-transform: none;
    transition: .1s ease-in-out;
    transition-property: color, background-color;
}

.uk-navbar-nav>li>a:hover {
    color: white !important;
    text-transform: none;
    transition: .1s ease-in-out;
    transition-property: color, background-color;
}

.uk-card-body a.more-link {
    color: var(--lind) !important;
}

.uk-card-body a.more-link:hover {
    color: var(--lindtwo) !important;
}

#masthead-navbar .uk-navbar-nav>li.uk-active>a {
    color: black !important;
}

.uk-navbar-item,
.uk-navbar-nav>li>a,
.uk-navbar-toggle {
    min-height: 0;
    padding: 0 15px;
    font-size: 1.2rem;
    font-family: Arsenal, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    text-decoration: none;
}

a:link,
a:hover,
a:active {
    color: var(--lind);
}

a:visited {
    color: var(--text);
}

#edit-page {
    /* the edit page link that appears when page is editable */
    position: absolute;
    top: 10px;
    right: 10px
}

#offcanvas-toggle {
    /* the hamburger icon that toggles the mobile navigation */
    position: absolute;
    top: 10px;
    left: 15px;
}

#offcanvas-nav .uk-search-input {
    /* the search box that appears in offcanvas nav */
    width: 100%;
}


/* #endregion */

img.uk-comment-avatar {
    /* avatar that appears in comments */
    width: 60px;
    height: 60px;
}

@media only screen and (max-width: 959px) {
    /* custom adjustments for mobile layouts under 960px */
    #masthead {
        /* primary nav is not visible, so it needs some padding here */
        padding-bottom: 20px;
    }
}


/****************************************************************
* Bodycopy text and images
*
* These styles are good to have on any ProcessWire site
*
*/

.align_left {
    /* for images placed in rich text editor */
    float: left;
    margin: 0 1em 0.5em 0;
    position: relative;
    top: 0.5em;
    max-width: 50%;
}

.align_right {
    /* for images placed in rich text editor */
    float: right;
    margin: 0 0 0.5em 1em;
    max-width: 50%;
}

.align_center {
    /* for images placed in rich text editor */
    display: block;
    margin: 1em auto;
    position: relative;
    top: 0.5em;
}

figure {
    /* figure for image that has a caption */
    display: table;
    margin: 1em 0;
}

figure figcaption {
    /* display caption text below image contained to image width */
    display: table-caption;
    caption-side: bottom;
    font-size: 13px;
    line-height: 1.4em;
    margin-top: 5px;
    color: #777;
}

@media only screen and (max-width: 767px) {
    /* common PW mobile layout adjustments for widths under 768px */
    .align_left,
    .align_right,
    .align_center {
        /* display images in center rather than aligned */
        display: block;
        float: none;
        margin: 1em auto;
        max-width: 100%;
    }
    figure,
    figure figcaption {
        /* let figcaption display as wide as needed below image */
        display: block;
        text-align: center;
    }
}