:root {
    /*----- Globale Farben als Variablen -----*/
    /* Generated by Paletton.com © 2002-2014 */
    /* http://paletton.com */

    /* Primärfarbe */
    --color-primary-0: #FFAA47;
    --color-primary-1: #FF8E0B;
    --color-primary-2: #FF9C29;
    --color-primary-3: #E8A75D;
    --color-primary-4: #D0A675;

    /* Sekundärfarbe 1 */
    --color-secondary-1-0: #FFCC47;
    --color-secondary-1-1: #FFBB0B;
    --color-secondary-1-2: #FFC429;
    --color-secondary-1-3: #E8C15D;
    --color-secondary-1-4: #D0B775;

    /* Sekundärfarbe 2 */
    --color-secondary-2-0: #424FB0;
    --color-secondary-2-1: #263DE4;
    --color-secondary-2-2: #3748CA;
    --color-secondary-2-3: #4C569F;
    --color-secondary-2-4: #595F8F;

    /* Komplementärfarbe */
    --color-complement-0: #337DA1;
    --color-complement-1: #149CDF;
    --color-complement-2: #278EC1;
    --color-complement-3: #3F7793;
    --color-complement-4: #4D7284;

    /* Schwarz */
    --color-black-0: #000000;
    --color-black-1: #161313;
    --color-black-2: #050505;
    --color-black-3: #080808;
    --color-black-4: #101010;

    /* Weiß */
    --color-white-0: #FFFFFF;
    --color-white-1: #FEFBFB;
    --color-white-2: #E2E1E1;
    --color-white-3: #C5C5C5;
    --color-white-4: #AFACAC;

    /* Grau */
    --color-gray-0: #999999;
    --color-gray-1: #9F9696;
    --color-gray-2: #7F7F7F;
    --color-gray-3: #626161;
    --color-gray-4: #474444;
}


/*----- Apple Safari detectors -----*/
a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}


/*----- Navbar: PC und Tablet -----*/
.uk-navbar-container {
    background: var(--color-white-1) !important;
    box-shadow: none;
    height: 5rem;
    transition: box-shadow 0.3s ease-in-out;
}

.uk-navbar-sticky {
    box-shadow: 0 6px 12px -1px rgba(0, 0, 0, 0.2), 0 2px 6px -2px rgba(0, 0, 0, 0.2);
}

.uk-navbar-nav > li > a {
    color: var(--color-gray-0) !important;
    font-size: 1.1rem;
    font-weight: 500;
}

.uk-navbar-nav:hover {
    color: var(--color-complement-0) !important;
}

.uk-navbar-nav > li.uk-active > a {
    color: var(--color-primary-0) !important;
    font-size: 1.5rem;
    font-weight: 800;
}

.uk-navbar-dropdown {
    width: 15rem;
    border-radius: 0.8rem;
    padding: 2rem;
    background: var(--color-white-1);
}

.uk-navbar-dropdown-nav > li > a {
    color: var(--color-gray-0) !important;
    font-size: 1.1rem;
    font-weight: 500;
}

.uk-navbar-dropdown-nav > li.uk-active-sub > a {
    color: var(--color-primary-0) !important;
    font-size: 1.1rem;
    font-weight: 500;
}

.logo > img {
    border-radius: 1rem;
}


/*----- Navbar: Smartphone -----*/
.uk-offcanvas-bar {
    color: var(--color-gray-2) !important;
    background: var(--color-white-1) !important;
    box-shadow: none;
    padding: 3rem;
}

.uk-offcanvas-bar > ul > li > a {
    color: var(--color-gray-0) !important;
    font-size: 1.1rem;
    font-weight: 500;
}

.uk-offcanvas-bar > ul > .uk-active > a {
    color: var(--color-primary-0) !important;
    font-size: 1.5rem;
    font-weight: 800;
}

.uk-nav-sub > li > a {
    color: var(--color-gray-0) !important;
    font-size: 1.1rem;
    font-weight: 500;
}


/*----- Container -----*/
.content-container {
    max-width: 1240px;
    margin: 0 auto;
}

.headline {
    padding-bottom: 1rem;
    color: var(--color-black-0) !important;
    font-size: 1.8rem;
    font-weight: 700;
}

.text {
    color: var(--color-black-0) !important;
    font-size: 1rem;
    font-weight: 500;
}

.text:link {
    color: var(--color-black-0) !important;
}


/*----- Section: Primary -----*/
.uk-section-primary {
    background: var(--color-primary-0) !important;
    color: var(--color-black-0) !important;
}


/*----- Section: Secondary -----*/
.uk-section-secondary {
    background: var(--color-secondary-1-0) !important;
    color: var(--color-black-0) !important;
}


/*----- Section: Muted -----*/
.uk-section-muted {
    background: var(--color-secondary-2-0) !important;
    color: var(--color-black-0) !important;
}

.uk-section-muted > p, .uk-section-muted > p > a {
    color: var(--color-secondary-1-0);
}


/*----- Übergang -----*/
.section-transition {
    position: relative;
    overflow: hidden;
    padding: 2.5rem;
}

.section-transition::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5rem;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

.from_primary {
    background-color: var(--color-primary-0) !important;
}

.from_secondary {
    background-color: var(--color-secondary-1-0) !important;
}

.from_muted {
    background-color: var(--color-secondary-2-0) !important;
}

.to_primary::after {
    background-color: var(--color-primary-0) !important;
}

.to_secondary::after {
    background-color: var(--color-secondary-1-0) !important;
}

.to_muted::after {
    background-color: var(--color-secondary-2-0) !important;
}


/*----- Startseite: Quicklinks -----*/
.quicklink {
    color: black !important;
    height: 5rem;
    border-radius: 1rem;
    font-size: 1.2rem;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.1s ease-in-out, font-weight 0.1s ease-in-out;
}

.quicklink:hover {
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.4);
    font-weight: 600;
}

.quicklink img {
    padding-right: 1rem;
    height: 2rem;
}


/*----- Startseite: Beiträge -----*/
.uk-card-title {
    color: var(--color-black-0) !important;
    font-size: 1.8rem;
    font-weight: 500;
}

.uk-text-meta {
    color: var(--color-gray-0) !important;
    font-size: 0.8rem;
    font-weight: 400;
}

.article-text {
    color: var(--color-black-0) !important;
    font-size: 1.2rem;
    font-weight: 400;
}


/*----- Galerie: Slider -----*/
.uk-slideshow-items {
    border-radius: 1rem;
}

.uk-dotnav > * > * {
    border-color: var(--color-black-0) !important;
}

.uk-dotnav > .uk-active > a {
    border-color: var(--color-black-0) !important;
    background-color: var(--color-black-0) !important;
}


/*----- Galerie: Infos -----*/
.info-card {
    border-radius: 2.5rem;
    padding: 3rem;
}


/*----- Galerie: Online-Galerie -----*/
.gallery {
    background-color: var(--color-complement-0) !important;
    border-radius: 2.5rem;
}

.gallery-tabs > li > a {
    color: var(--color-white-0) !important;
    font-size: 1rem;
    font-weight: 500;
}

.gallery-tabs > .uk-active > a {
    color: var(--color-white-0) !important;
    font-size: 1.1rem;
    font-weight: 600;
}

.gallery-item {
    position: relative;
    display: inline-block;
}

.gallery-item img {
    display: block;
    width: 100%;
    border-width: 0.3rem;
    border-color: var(--color-black-0);
    border-style: solid;
    border-radius: 0.6rem;
    transition: filter 0.3s ease;
}

.gallery-item .uk-overlay {
    display: none;
    transition: opacity 0.3s ease;
    color: var(--color-primary-0);
}

.gallery-item:hover img {
    filter: brightness(50%);
}

.gallery-item:hover .uk-overlay {
    display: block;
    opacity: 1;
}


/*----- Kalender -----*/
.uk-table {
    table-layout: fixed;
}

.uk-button {
    color: var(--color-black-0) !important;
    font-size: 1rem;
    font-weight: 500;
    background-color: var(--color-secondary-1-0) !important;
    border-radius: 0.5rem;
    box-shadow: none;
    transition: box-shadow 0.1s ease-in-out;
}

.uk-button:hover {
    box-shadow: 0 0 0.5rem 0.2rem rgba(0, 0, 0, 0.1);
    background-color: var(--color-secondary-1-2) !important;
}

.uk-button:active {
    background-color: var(--color-secondary-1-4) !important;
}


.calendar {
    background-color: var(--color-complement-0) !important;
    border-radius: 2.5rem;
}

.calendar-headline {
    color: var(--color-white-0) !important;
    font-size: 2rem;
    font-weight: 600;
}

.current-month {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

#calendarBody > * {
    color: white !important;
    font-size: 1rem;
    font-weight: 400;
}

#weekdays > * {
    color: white !important;
    font-size: 1.2rem;
    font-weight: 500;
}

.event {
    border-radius: 2.5rem;
}


/*----- Ueber uns: Das Team -----*/
.profile {
    background-color: var(--color-white-0);
    border-radius: 2rem;
}

.profile-image {
    height: 14rem;
    border-radius: 7rem;
}

.profile-name {
    color: var(--color-black-0);
    font-size: 1.8rem;
    font-weight: 600;
}

.profile-position {
    color: var(--color-gray-0);
    font-size: 1.2rem;
    font-weight: 400;
}


/*----- Ueber uns: Stellenangebote -----*/
.jobs {
    background-color: var(--color-complement-0) !important;
    border-radius: 2rem;
}

.job-title, .job-description {
    color: var(--color-white-0) !important;
}


/*----- Ueber uns: Kontaktformular -----*/
.contact-form {
    background-color: var(--color-complement-0) !important;
    border-radius: 2rem;
}

.uk-input, .uk-textarea {
    color: var(--color-black-0) !important;
    background-color: var(--color-white-0) !important;
    border-radius: 0.5rem;
    border-color: var(--color-white-2);
}

.uk-input::placeholder, .uk-textarea::placeholder {
    color: var(--color-black-0) !important;
}