/*
 Theme Name:   YOOtheme Child
 Theme URI:    https://agil-beraten.de/
 Description:  Child Theme für YOOtheme Pro
 Author:       Christian Kurz Mediendesign
 Author URI:   https://www.medienmatrixx.de
 Template:     yootheme
 Version:      1.0.5
*/

/* --------------------------------------------------
__ROOT
-------------------------------------------------- */
:root {
    /* Typography */
    --font-heading: "Baloo 2", sans-serif !important;
    --font-body: "Noto Serif", serif !important;
    --font-weight-heading: 600 !important;
    --font-weight-body: 400 !important;
    --text-transform: none;
    --letter-spacing: 0;

    /* Font Sizes */
    --font-size-small: 0.875rem; /* 14px */
    --font-size-default: 1rem;   /* 16px */
    --font-size-large: 1.125rem; /* 18px */
    --font-size-xl: clamp(2rem, 1.25rem + 2vw, 2.375rem); /* 32px - 38px */

    /* Layout */
    --border-radius: 5px;
    --box-shadow-light: 0 2px 8px rgba(47, 51, 54, 0.08);
    --box-shadow: 0 2px 8px rgba(47, 51, 54, 0.5);

    /* Effects */
    --text-opacity: 0.5 !important;

    /* Base Colors */
    --color-white: #FFFFFF;
    --color-green: #e8f5e4;
    --color-red: #D2A6B7;
    --color-graphite: #2F3336;
    --color-soft-graphite: #50565B;
    --color-accent: #8A6B45;
	--color-accent-green: #caecbf;
	--color-accent-green-gradient: linear-gradient(
    to bottom,
    #CAECBF 0%,
    #CAECBF 50%,
    #FCFAF6 100%
    );

    /* New Work */
    --color-new-work: #2D8C8A;
    --color-new-work-light: #D8ECEB;
    --color-new-work-dark: #1F5F5E;

    /* Agile Coaching */
    --color-agile: #5A8EAB;
    --color-agile-light: #e0f4fe;
    --color-agile-dark:  #37637B;

    /* Transformation */
    --color-transformation: #B06A42;
    --color-transformation-light: #F1E2D8;
    --color-transformation-dark: #7A472B;

    /* Background Colors */
    --background-color-graphite: var(--color-graphite);
    --background-color-green: var(--color-green);
    --background-color-white: var(--color-white);
    --background-color-new-work: var(--color-new-work-light);
    --background-color-agile: var(--color-agile-light);
    --background-color-transformation: var(--color-transformation-light);
	
    /* Menu Button */
	--color-menu-button: #B9DBAE;
	--color-menu-button-text: #8A6B45;
	--color-menu-button-border: #8A6B45;
}
/* --------------------------------------------------
__END ROOT
-------------------------------------------------- */

/* --------------------------------------------------
UIKIT CORRECTIONS
-------------------------------------------------- */
/* Section Spacing */
.uk-section-xlarge,
.uk-section-large,
.uk-section-xlarge-top {
    @media (max-width: 640px) {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

/* Typography */
.uk-heading-large {
    font-size: clamp(2.5rem, 9vw, 6rem) !important;
}
.uk-text-meta {
    font-size: 20px !important;
    line-height: 1.6;
    color: inherit !important;
    font-family: inherit !important;
    font-weight: 400;
    text-transform: none;
    font-style: italic;
}
.uk-text-muted {
	color: var(--color-graphite) !important;
	opacity: var(--text-opacity) !important;
}

/* Navigation */
.uk-navbar-primary {
  .uk-navbar-nav > li {
    > a:hover {
      color: color-mix(in srgb, var(--color-graphite) 50%, transparent) !important;
    }
    &.nav-agile > a:hover {
      color: var(--color-agile) !important;
    }
    &.nav-newwork > a:hover {
      color: var(--color-new-work) !important;
    }
    &.nav-transformation > a:hover {
      color: var(--color-transformation) !important;
    }
  }
}

/* Branding */
.uk-logo {
    padding: .5em 0 !important;
}

/* Sections & Background */
.uk-section-default,
.background-green {
    background-color: var(--background-color-green) !important;
}
.uk-section-primary,
.background-graphite {
    background-color: var(--background-color-graphite) !important;
}
.uk-section-muted,
.background-white {
    background-color: var(--background-color-white) !important;
}
.background-new-work {
    background-color: var(--background-color-new-work) !important;
}
.background-agile {
    background-color: var(--background-color-agile) !important;
}
.background-transformation {
    background-color: var(--background-color-transformation) !important;
}
/* Cards */
.uk-card-default {
    background: var(--color-graphite) !important;
    border: 2px solid var(--color-white) !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
    .el-title,
    .el-content {
        color: var(--color-white) !important;
    }
}
.uk-card-primary {
    background: color-mix(in srgb, var(--color-graphite) 5%, transparent) !important;
    border: 2px solid var(--color-white) !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
    .el-title,
    .el-content {
        color: var(--color-graphite) !important;
    }
}
.uk-card-hover {
    background: color-mix(in srgb, var(--color-graphite) 5%, transparent) !important;
    border: 2px solid var(--color-white) !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
    .el-title,
    .el-content {
        color: var(--color-graphite) !important;
    }
    img {
        transition: transform .3s ease, filter .3s ease !important;
    }
    &:hover img {
        filter: blur(1px) !important;
        transform: scale(1.05) !important;
    }
}
.uk-card-media-top {
    overflow: hidden;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.uk-card-hover .uk-button-default {
	color: var(--color-graphite) !important;
    border: 1px solid var(--color-graphite) !important;
    transition: all .3s ease !important;
}
.uk-card-hover:hover .uk-button-default {
    color: var(--color-graphite) !important;
    background-color: rgba(255, 250, 250, 0.4) !important;
    border-color: transparent !important;
    box-shadow: var(--box-shadow) !important;
}
.new-work .uk-card-hover {
    background-color: var(--background-color-new-work) !important;
}
.agile .uk-card-hover {
    background-color: var(--background-color-agile) !important;
}
.transformation .uk-card-hover {
    background-color: var(--background-color-transformation) !important;
}
/* Tabs */
.uk-tab > * > a {
    font-family: var(--font-heading) !important;
    font-weight: var(--font-weight-heading) !important;
    text-transform: var(--text-transform) !important;
    letter-spacing: var(--letter-spacing) !important;
    font-size: 16px !important;

    border-right: 2px solid transparent !important;
    opacity: var(--text-opacity);
}

.uk-tab > * > a:hover {
    color: var(--color-soft-graphite) !important;
    border-right-color: var(--color-soft-graphite) !important;
	opacity: 1;
}

/* --------------------------------------------------
__END UIKIT CORRECTIONS
-------------------------------------------------- */

/* --------------------------------------------------
CONTACT FORM 7
-------------------------------------------------- */
/* Layout */
.wpcf7-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}
.wpcf7-form > p {
    margin: 0;
}
.wpcf7-form > p:nth-of-type(3) {
    grid-column: 1;
}
.wpcf7-form > p:nth-of-type(4) {
    grid-column: 2;
}
.wpcf7-form > p:nth-of-type(n + 5),
.wpcf7-response-output {
    grid-column: 1 / -1;
}
/* Labels */
.form-label {
    display: block;
    margin: 0;
}
.form-label br,
.form-info br {
    display: none;
}
/* Form Fields */
.form-input,
.form-textarea {
    width: 100%;
    box-sizing: border-box;
    margin-top: 0.5em;
    padding: 0.5em;
    background: var(--color-green) !important;
    border: 2px solid var(--color-white);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    font-family: var(--font-heading);
    font-size: 18px;
    font-weight: var(--font-weight-heading);
    color: var(--text-default);
}
.form-textarea {
    min-height: 10rem;
    resize: vertical;
}
/* Validation */
.wpcf7-not-valid-tip {
    margin-top: 1em;
    padding: 0.5em;
    background: red !important;
    color: var(--color-white) !important;
    border: 2px solid var(--color-white);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    font-family: var(--font-heading);
    font-size: 18px;
    font-weight: var(--font-weight-heading);
}
/* Responsive */
@media (max-width: 640px) {
    .wpcf7-form {
        grid-template-columns: 1fr;
    }
    .wpcf7-form > p:nth-of-type(3),
    .wpcf7-form > p:nth-of-type(4),
    .wpcf7-form > p:nth-of-type(n + 5),
    .wpcf7-response-output {
        grid-column: auto;
        grid-row: auto;
    }
}
/* Form Button */
.button-form {
    position: relative;
    padding: 0.5em 2em !important;
    color: var(--color-menu-button-text) !important;
    font-family: var(--font-heading);
    font-weight: var(--font-weight-heading) !important;
    text-transform: var(--font-transform);
    background: var(--color-menu-button);
    border: 2px solid var(--color-menu-button-border);
    box-shadow: var(--box-shadow-light);
    transition: .2s ease;
    &:hover {
        color: var(--color-menu-button-text) !important;
        background: var(--color-menu-button);
        border-color: transparent;
        box-shadow: var(--box-shadow);
    }
}
/* Acceptance */
.form-acceptance {
    appearance: none;
    position: relative;
    flex: 0 0 3em;
    width: 3em;
    height: 3em;
    margin: 0;
    background: var(--color-green);
    border: 2px solid var(--color-white);
    border-radius: calc(var(--border-radius) / 2);
    box-shadow: var(--box-shadow);
    cursor: pointer;
}
.form-acceptance:checked {
    background: var(--color-menu-button);
    border-color: transparent;
}
.form-acceptance:checked::after {
    content: "👍";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.25em;
    line-height: 1;
}
.wpcf7-list-item {
    margin: 0;
}
.wpcf7-list-item label {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    cursor: pointer;
}
.wpcf7-list-item-label {
    display: flex;
    align-items: center;
    min-height: 3em;
    font-family: var(--font-body);
    font-weight: var(--font-weight-body);
}
/* Response */
.wpcf7 form .wpcf7-response-output {
    margin: 1em 0;
    padding: 1em;
    border: 2px solid white !important;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: var(--font-weight-heading);
    background: var(--color-graphite) !important;
    color: var(--color-green) !important;
}
/* --------------------------------------------------
__END CONTACT FORM 7
-------------------------------------------------- */

/* --------------------------------------------------
MENU BUTTON KONTAKT
-------------------------------------------------- */
.uk-navbar-primary .uk-navbar-nav > .menu-button-kontakt > a {
    position: relative;
    padding: 0 1em !important;
    color: var(--color-menu-button-text) !important;
    font-family: var(--font-heading) !important;
    font-weight: var(--font-weight-heading) !important;
    text-transform: var(--font-transform) !important;
    text-decoration: none !important;
    z-index: 1;
}
.uk-navbar-primary .uk-navbar-nav > .menu-button-kontakt > a::before {
    content: "";
    position: absolute;
    inset: 25% 0;
    border: 2px solid var(--color-menu-button-border);
    border-radius: var(--border-radius);
    background-color: var(--color-menu-button);
    box-shadow: var(--box-shadow-light);
    transition: 0.2s ease;
    z-index: -1;
}
.uk-navbar-primary .uk-navbar-nav > .menu-button-kontakt > a:hover,
.uk-navbar-primary .uk-navbar-nav > .menu-button-kontakt.uk-active > a {
    color: var(--color-menu-button-text) !important;
}
.uk-navbar-primary .uk-navbar-nav > .menu-button-kontakt > a:hover::before,
.uk-navbar-primary .uk-navbar-nav > .menu-button-kontakt.uk-active > a::before {
    background-color: var(--color-menu-button);
    border-color: transparent;
    box-shadow: var(--box-shadow);
}
/* --------------------------------------------------
__END MENU BUTTON KONTAKT
-------------------------------------------------- */

/* --------------------------------------------------
MODALFENSTER
-------------------------------------------------- */
.uk-modal {
    background: rgba(255,255,255,.6) !important;
}

.uk-modal-dialog {
    border: 2px solid var(--color-white) !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
    background: var(--color-graphite) !important;
}

.uk-close {
    color: var(--color-white) !important;
}

.modal-head,
.modal-text,
.modal-notiz {
    color: var(--color-white) !important;
}

.modal-notiz {
    line-height: 1.5 !important;
}

.modal-notiz a {
    color: var(--color-white) !important;
    font-weight: 600 !important;
}

.modal-notiz a:hover {
    color: var(--color-white) !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}
/* --------------------------------------------------
__END MODALFENSTER
-------------------------------------------------- */

/* --------------------------------------------------
TYPOGRAPHY
-------------------------------------------------- */
/* Base */
body,
p,
li,
blockquote,
.uk-text-lead {
    font-family: var(--font-body);
    font-weight: var(--font-weight-body);
    text-transform: var(--text-transform);
}
h1,
h2,
h3,
h4,
h5,
h6,
.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6 {
    text-transform: var(--text-transform) !important;
    letter-spacing: var(--letter-spacing) !important;
    font-family: var(--font-heading) !important;
    font-weight: var(--font-weight-heading) !important;
}

/* Helper */
.text {
    &.uk-h1, &.uk-h2, &.uk-h3, &.uk-h4, &.uk-h5, &.uk-h6, &.uk-heading-small, &.uk-heading-medium, &.uk-heading-large, &.uk-heading-xlarge, &.uk-heading-2xlarge, &.uk-heading-3xlarge, h1, h2, h3, h4, h5, h6 {
		margin-bottom: 0 !important;
    }
}
.text-accent {
    &.uk-h1, &.uk-h2, &.uk-h3, &.uk-h4, &.uk-h5, &.uk-h6, &.uk-heading-small, &.uk-heading-medium, &.uk-heading-large, &.uk-heading-xlarge, &.uk-heading-2xlarge, &.uk-heading-3xlarge, h1, h2, h3, h4, h5, h6 {
		color: var(--color-accent) !important;
        margin-bottom: 0 !important;
    }
}
.text-size-small {
    font-size: var(--font-size-small) !important;
}
.text-size-default {
    font-size: var(--font-size-default) !important;
}
.text-size-large {
    font-size: var(--font-size-large) !important;
}
.text-size-xl {
    font-size: var(--font-size-xl) !important;
}
.text-opacity {
	opacity: var(--text-opacity) !important;
}

/* Font Classes */
.font-heading {
    text-transform: var(--text-transform) !important;
    letter-spacing: var(--letter-spacing) !important;
    font-family: var(--font-heading) !important;
    font-weight: var(--font-weight-heading) !important;
}
.font-body {
    font-family: var(--font-body) !important;
    font-weight: var(--font-weight-body) !important;
    text-transform: var(--text-transform) !important;
}
/* Text Colors */
.text-default, .text-default *,
.text-dark, .text-dark *,
.text-default h1, .text-default h2, .text-default h3, .text-default h4, .text-default h5, .text-default h6,
.text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6 {
    color: var(--color-graphite) !important;
}
.text-light, .text-light *,
.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 {
    color: var(--color-white) !important;
}
.text-new-work, .text-new-work *,
.text-new-work h1, .text-new-work h2, .text-new-work h3, .text-new-work h4, .text-new-work h5, .text-new-work h6 {
    color: var(--color-new-work-dark) !important;
}
.text-agile, .text-agile *,
.text-agile h1, .text-agile h2, .text-agile h3, .text-agile h4, .text-agile h5, .text-agile h6 {
    color: var(--color-agile-dark) !important;
}
.text-transformation, .text-transformation *,
.text-transformation h1, .text-transformation h2, .text-transformation h3, .text-transformation h4, .text-transformation h5, .text-transformation h6 {
    color: var(--color-transformation-dark) !important;
}
/* -------------------------------------------------
__END TYPOGRAPHY
-------------------------------------------------- */

/* --------------------------------------------------
BUTTONS
-------------------------------------------------- */
.uk-button,
.uk-button a {

    font-family: var(--font-heading) !important;
    font-size: var(--font-size-large) !important;
    border-radius: var(--border-radius) !important;
    text-transform: var(--font-transform) !important;
    letter-spacing: var(--letter-spacing) !important;

}
@media (max-width: 630px) {
    .uk-button,
    .uk-button a {
        width: 100% !important;
    }
}
.uk-grid-small > .uk-grid-margin {
    margin-top: 10px !important;
}
.uk-button-default {
    border-color: var(--color-graphite) !important;
    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease,
        box-shadow .25s ease !important;
    &:hover {
        color: initial !important;
        background-color: rgba(255, 250, 250, 0.4) !important;
        border-color: transparent !important;
        box-shadow: var(--box-shadow) !important;
    }
}
.uk-button-primary {
    border-color: var(--color-white) !important;
    color: var(--color-white) !important;
    transition:
        background-color .5s ease,
        color .25s ease,
        border-color .15s ease,
        box-shadow .25s ease !important;
    &:hover {
        color: var(--color-white) !important;
        background-color: rgba(255, 250, 250, 0.15) !important;
        border-color: transparent !important;
        box-shadow: var(--box-shadow) !important;
    }
}
.button-fullwidth {
	width: 100% !important;
}
/* BUTTONS MOBILE */
@media (max-width: 639px) {

    .uk-child-width-auto > .el-item {
        width: 100% !important;
    }

    .uk-child-width-auto > .el-item .uk-button {
        width: 100% !important;
    }
	.uk-grid-small > .uk-grid-margin {
    margin-top: 2em !important;
	}
}
/* --------------------------------------------------
__END BUTTONS
-------------------------------------------------- */

/* --------------------------------------------------
NAVIGATION
-------------------------------------------------- */
.uk-navbar-primary .uk-navbar-nav > li > a {
    color: var(--color-graphite) !important;
    font-family: var(--font-heading) !important;
    font-weight: var(--font-weight-heading) !important;
    text-transform: var(--text-transform);
}
.uk-navbar-primary .uk-navbar-nav > li > a:active {
    color: var(--color-menu-button-text) !important;
}
.uk-subnav > * > :first-child {
    color: var(--theme-inverse-color) !important;
    font-family: var(--font-heading) !important;
    font-size: var(--font-size-large) !important;
    text-transform: var(--font-transform) !important;
    letter-spacing: var(--letter-spacing) !important;

    &:hover {
        color: var(--theme-inverse-color) !important;
        text-decoration: none !important;
        opacity: 0.7;
    }
}
.copyright p {
    color: var(--theme-inverse-color) !important;
    font-family: var(--font-heading) !important;
    font-size: var(--font-size-large) !important;
    text-transform: var(--font-transform) !important;
    letter-spacing: var(--letter-spacing) !important;
}
/* --------------------------------------------------
__END NAVIGATION
-------------------------------------------------- */

/* --------------------------------------------------
OFFCANVAS NAVIGATION
-------------------------------------------------- */
.uk-offcanvas-bar {
    top: 2em !important;
    height: fit-content !important;
    background: var(--color-graphite) !important;
    border-top: 2px solid var(--color-white) !important;
    border-left: 2px solid var(--color-white) !important;
    border-bottom: 2px solid var(--color-white) !important;

    border-radius: var(--border-radius) 0 0 var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
}
.uk-offcanvas-bar .uk-nav-default > li > a {
    padding: 1em 0 !important;
    color: var(--color-white) !important;
    font-family: var(--font-heading) !important;
    font-size: var(--font-size-large) !important;
    font-weight: var(--font-weight-heading) !important;
    border-bottom: 1px solid var(--color-white) !important;
    transition: color .2s ease !important;
}
.uk-offcanvas-bar .uk-nav-default > li > a:hover {
    color: var(--color-green) !important;
}
.uk-offcanvas-bar .uk-nav-default > li:last-child > a {
    border-bottom: none !important;
	padding-bottom: 0 !important;
}
.uk-offcanvas-bar .uk-close,
.uk-offcanvas-bar .uk-close:hover {
    padding: .5em !important;
    color: var(--color-white) !important;
}
/* --------------------------------------------------
__END OFFCANVAS NAVIGATION
-------------------------------------------------- */

/* --------------------------------------------------
READCRUMP CORRECTIONS
-------------------------------------------------- */
.uk-breadcrumb {
    border: 1px solid 
    color-mix(in srgb, var(--color-graphite) 40%, transparent) !important;
    border-radius: var(--border-radius) !important;
    padding: 0.125rem 0.5rem 0.09rem 0.5rem !important;
    width: fit-content !important;
    line-height: 1.1;
}
.uk-breadcrumb > * > * {
    font-family: var(--font-heading) !important;
    font-weight: var(--font-weight-heading) !important;
    text-transform: var(--text-transform) !important;
	font-size: 12px !important;
    &.uk-link,
    a {
        padding: 0 5.5em !important;
    }
}
/* --------------------------------------------------
__END BREADCRUMP CORRECTIONS
-------------------------------------------------- */

/* --------------------------------------------------
SLIDER HEADER
-------------------------------------------------- */
.uk-slideshow-items {
    .el-title {
        width: 75%;
    }
}
/* --------------------------------------------------
__END SLIDER HEADER
-------------------------------------------------- */

/* --------------------------------------------------
GRID OFFSET
-------------------------------------------------- */
.grid-offset-xs {
    position: relative;
    top: -1em;
    margin-bottom: 2em !important;
    @media (min-width: 960px) {
        top: -50%;
    }
}
.grid-offset,
.grid-overlap {
    position: relative;
    top: 0;
    @media (min-width: 960px) {
        top: -50%;
    }
}
/* --------------------------------------------------
__END GRID OFFSET
-------------------------------------------------- */

/* --------------------------------------------------
SEARCH CORRECTIONS
-------------------------------------------------- */
/* Search */
.uk-dropbar {
    background: var(--color-white) !important;
}
.uk-search-medium .uk-search-input {
    border: 2px solid var(--color-graphite) !important;
    border-radius: var(--border-radius) !important;
}
.uk-search .uk-search-icon {
    color: var(--color-graphite) !important;
}
.uk-search-input {
    color: var(--color-graphite) !important;
    text-transform: var(--font-transform) !important;
    letter-spacing: var(--letter-spacing) !important;
    font-family: var(--font-heading) !important;
    font-weight: var(--font-weight-heading) !important;
    font-size: var(--font-size-large) !important;
}
.uk-search-input::placeholder {
    color: var(--color-graphite) !important;
}

/* No results */
.search-no-results .tm-main {
    background: var(--color-red) !important;
    color: var(--color-white) !important;
}
.search-no-results .tm-main h1,
.search-no-results .tm-main p {
    color: var(--color-white) !important;
}
.search-no-results .tm-main .uk-search-input {
    color: var(--color-white) !important;
    border-color: var(--color-white) !important;
}
.search-no-results .tm-main .uk-search-input::placeholder {
    color: rgba(255, 255, 255, .8) !important;
}
.search-no-results .tm-main .uk-search-icon svg {
    color: var(--color-white) !important;
}

/* Results */
.search-results .tm-main {
    background: var(--color-accent-green-gradient) !important;
}
.search-results .tm-main > .uk-container {
    color: var(--color-white);
}
.search-results .uk-h3,
.search-results .tm-main > .uk-container > div:first-child {
    color: var(--color-white) !important;
}
.search-results article {
    padding: 2rem;
    background: var(--color-graphite) !important;
    border: 2px solid var(--color-white);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    transition: .8s ease;
}
.search-results article:hover {
    transform: translateY(-2px);
    box-shadow: var(--box-shadow);
}
.search-results article h2,
.search-results article h2 a,
.search-results article p {
    color: var(--color-white) !important;
}
.search-results article a {
    text-decoration: none;
}
.search-results article a:hover {
    text-decoration: none;
}
.search-results .uk-grid > * + * {
    margin-top: 1.5rem;
}
 /* --------------------------------------------------
__END SEARCH CORRECTIONS
-------------------------------------------------- */

/* --------------------------------------------------
ACCORDION CORRECTIONS
-------------------------------------------------- */
.uk-accordion-title {
    color: var(--color-graphite) !important;
    font-family: var(--font-heading) !important;
    font-weight: var(--font-weight-heading) !important;
    text-transform: var(--text-transform)!important;
    font-size: 24px !important;
    letter-spacing: var(--letter-spacing) !important;
}
.uk-accordion {
    .el-item.uk-open {
        border-radius: var(--border-radius) !important;
        box-shadow: var(--box-shadow) !important;
        background-color: color-mix(
            in srgb,
            var(--color-white) 40%,
            transparent
        ) !important;
        padding: .25em 1em .5em .5em !important;
        border: 2px solid white !important;
    }
}
/* --------------------------------------------------
__END ACCORDION CORRECTIONS
-------------------------------------------------- */

/* --------------------------------------------------
ROUNDED VIDEO
-------------------------------------------------- */
.rounded-video {
    border: 2px solid var(--color-white);
    box-shadow: var(--box-shadow) !important;
    width: min(400px, 100%) !important;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    .el-image,
    video,
    iframe {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        border-radius: 50%;
    }
}
/* --------------------------------------------------
__END ROUNDED VIDEO
-------------------------------------------------- */

/* --------------------------------------------------
ABIM
-------------------------------------------------- */
.abim {
    --abim-blue-1: #5187E0;
    --abim-blue-2: #3265D3;
    --abim-green-1: #3BB48A;
    --abim-green-2: #189B6C;
    --abim-orange-1: #DCA034;
    --abim-orange-2: #D18317;
    --abim-red-1: #D16099;
    --abim-red-2: #B82F6A;
}

/* Gradients */
.grad-blue {
    background: linear-gradient(155deg, #5F8FE8 0%, #3265D3 55%, #1F3F8A 100%);
}
.grad-green {
    background: linear-gradient(155deg, #4BC49C 0%, #1F9E72 60%, #0F5F44 100%);
}
.grad-orange {
    background: linear-gradient(155deg, #F0B03C 0%, #D18317 60%, #8A5205 100%);
}
.grad-red {
    background: linear-gradient(155deg, #DE6BA5 0%, #B82F6A 60%, #6A1237 100%);
}

/* Cards */
.border-round-card {
    background-color: var(--color-graphite);
    color: var(--section-background-color-default-muted);
    border-radius: var(--border-radius);
    overflow: hidden;
}

.abim-head {
    display: flex;
    align-items: center;
    padding: 0.5em;
    color: #fff;
    font-size: 28px;
    text-transform: none;
    font-variant-numeric: lining-nums;
    &.number::after {
        content: attr(data-number);
        margin-left: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.5em;
        height: 1.5em;
        border: 2px solid #fff;
        border-radius: 50%;
        color: #fff;
        font-weight: 600;
        line-height: 1;
    }

    .uk-icon {
        margin-left: auto;
        color: #fff !important;
    }
}
.abim-text {
	margin-top: -20px !important;
    padding: 1em;
}
.background-abim {
    background:
        radial-gradient(circle at 8% 20%, rgba(55, 95, 210, .58) 0%, transparent 65%),
        radial-gradient(circle at 92% 20%, rgba(25, 160, 110, .58) 0%, transparent 65%),
        radial-gradient(circle at 8% 90%, rgba(225, 155, 35, .58) 0%, transparent 65%),
        radial-gradient(circle at 92% 90%, rgba(185, 55, 125, .58) 0%, transparent 65%),
        radial-gradient(circle at 62% 45%, rgba(255, 255, 255, .82) 0%, transparent 42%),
        linear-gradient(135deg, #faf8f2, #fcfbf8) !important;

    background-size:
        120% 120%,
        120% 120%,
        120% 120%,
        120% 120%,
        110% 110%,
        100% 100%;

    animation: abim-mesh-flow 38s ease-in-out infinite alternate;
}

@keyframes abim-mesh-flow {
    0% {
        background-position:
            0% 0%,
            100% 0%,
            0% 100%,
            100% 100%,
            60% 45%,
            50% 50%;
    }

    50% {
        background-position:
            8% 5%,
            92% 8%,
            5% 92%,
            95% 88%,
            64% 50%,
            50% 50%;
    }

    100% {
        background-position:
            14% 10%,
            86% 14%,
            10% 86%,
            90% 82%,
            58% 48%,
            50% 50%;
    }
}

/* accordion  */
.abim-accordion {
    .el-item.uk-open {
        background-color: color-mix(
            in srgb,
            var(--color-white) 80%,
            transparent
        ) !important;
    }
    .acc-title-sub {
        display: block;
        font-size: 18px;
        line-height: 1;
		opacity: var(--text-opacity) !important;
    }
}
/* Slider ABIM */
.site-start {
    display: none !important;
}
@media (max-width: 630px) {
    .site-start {
        display: block  !important;
    }
}
.abim-slider {
    .uk-slideshow-items {
        @media (max-width: 630px) {
            min-height: 90vh !important;
            height: 90vh !important;
        }
        @media (min-width: 631px) and (max-width: 900px) {
            min-height: 50vh !important;
            height: 50vh !important;
        }
    }
    .uk-padding {
        @media (max-width: 630px) {
            padding: 16px !important;
        }
    }
    .uk-position-cover {
        @media (max-width: 900px) {
            background: linear-gradient(
                to bottom,
                var(--color-graphite) 0%,
                transparent 30%
            ) !important;
        }
    }
}
.slider-abim-explanation {
    .el-overlay {
        @media (min-width: 1600px) {
            margin-top: -20em !important;
        }
    }
    .uk-thumbnav {
        margin-left: -4px !important;
        @media (min-width: 900px) {
            margin-left: 16px !important;
        }
        > * > *::after {
            background-image: linear-gradient(
                180deg,
                rgba(244, 244, 244, 0.6),
                rgba(244, 244, 244, 0.6)
            ) !important;
        }
    }
    li.uk-slideshow-item > * {
        border-radius: var(--border-radius) !important;
    }
}
/* Footer Correkction */
.page-id-167 #footer-cta,
.page-id-167 #footer-abim {
    display: none !important;
}
.page-id-167 #footer-nav{
    margin-top: -4em;
    @media (min-width: 1200px) {
        margin-top: -9em !important;
    }
}
/* --------------------------------------------------
__END ABIM
-------------------------------------------------- */

/* --------------------------------------------------
__GLOSSAR
-------------------------------------------------- */
.glossar-navigation {
    .el-title {
        font-size: 36px !important;
    }
    .el-title a {
        color: color-mix(in srgb, var(--color-graphite) 50%, transparent) !important;
        &:hover {
            color: var(--color-graphite) !important;
            text-decoration: none !important;
        }
    }
    hr {
        border: 0;
        border-top: 2px solid var(--color-graphite) !important;
    }
}
p a::after {
    content: "↗";
    margin-left: .15em;
    font-size: .75em;
    vertical-align: super;
}
/* --------------------------------------------------
__END GLOSSAR
-------------------------------------------------- */

/* --------------------------------------------------
BLOG PERSPEKTIVEN
-------------------------------------------------- */
.perspektiven-grid .tag {
    display: inline-block;
    width: auto;
    padding: 0 .5em;
    background: var(--color-graphite);
    color: var(--color-white) !important;
    font-family: var(--font-heading);
    font-weight: var(--font-weight-heading);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
}

/* --------------------------------------------------
_ END BLOG PERSPEKTIVEN
-------------------------------------------------- */

/* --------------------------------------------------
COMPLIANZ BANNER
-------------------------------------------------- */
.cmplz-cookiebanner .cmplz-title {
	font-family: "Baloo 2", sans-serif !important;
	font-weight: 600 !important;
	font-size: 20px !important;
}
.cmplz-links.cmplz-information {
    background: var(--color-graphite) !important;
    border-radius: var(--border-radius) !important;

    li,
    li a {
        color: var(--color-white) !important;
		padding-bottom: .25em;
    }
}
.cmplz-btn {
	border:1px solid transparent !important;
	font-family: "Baloo 2", sans-serif !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	letter-spacing: 0 !important;
	&:hover {
		border: 1px solid var(--color-graphite) !important;
	}
}
/* --------------------------------------------------
__END COMPLIANZ BANNER
-------------------------------------------------- */