.leg-navigator {
    --color-primary         : rgba(17, 137, 193, 1);
    --color-active          : rgba(245, 107, 0, 1);
    --color-disabled        : rgba(0, 0, 0, .3);
    --color-filter-items    : #004f6c;
    --color-filter-label    : #637884;
    --color-background      : #F3F8FA;
    --color-link-background : #cee6f2;
    --color-white           : #fff;
    --color-primary         : #F56B00;
    --flex-item-base        : 100%;
    --flex-item-base-s      : 50%;
    --flex-item-base-m      : 33%;
    --flex-item-base-l      : 25%;
}

.d-none {
    display : none;
}

.disabled {
    pointer-events : none;
    opacity        : .5;
    color          : var(--color-disabled);
}

.leg-navigator .leg-navigator-headline {
    text-align : center;
}

.leg-navigator-parent-container {
    display         : flex;
    justify-content : center;
    flex-wrap       : wrap;
    margin-bottom   : 2.375rem;
}

.leg-navigator-parent-container .filter-label {
    color : var(--color-filter-label);
}

.leg-navigator-parent-container .filter-item {
    margin : 0 1rem 1rem;
}

.leg-navigator-parent-container a.filter-item {
    color    : var(--color-filter-items);
    position : relative;
}

.leg-navigator-parent-container a.filter-item:hover {
    text-decoration : none;
}

.leg-navigator-parent-container a.filter-item.active {
    font-weight : bold;
}

.leg-navigator-parent-container a.filter-item.active:before,
.leg-navigator-parent-container a.filter-item:hover:before {
    height           : 4px;
    width            : 100%;
    content          : '';
    border-radius    : 3px;
    background-color : var(--color-active);
    display          : inline-block;
    position         : absolute;
    bottom           : -10px;
    left             : 0;
}

.leg-navigator-item-container > div {
    align-items   : center;
    justify-items : center;
}

.leg-navigator-item-outer {
    flex-basis : var(--flex-item-base);
    transition : all 1s ease-out;
}

.leg-navigator-item-outer.collapse {
    flex-basis : 0px;
    opacity    : 0;
    padding    : 0;
    transition : all 1s ease-in-out .5s;
}

.leg-navigator-item-outer.collapse .leg-navigator-caption {
    opacity    : 0;
    transition : opacity 1s ease-in-out;
}

.leg-navigator-item-outer .leg-navigator-caption {
    opacity    : 1;
    transition : opacity .5s ease-in-out 1s;
}

.leg-navigator-item {
    position : relative;
    overflow : hidden;
}

.leg-navigator-item:first-child {
    padding-left : 0;
}

.leg-navigator-item-container * {
    box-sizing : border-box;
}

.leg-navigator-item::after {
    content        : "";
    display        : block;
    padding-bottom : 100%;
}

.leg-navigator-image {
    position : absolute;
    width    : 100%;
    height   : 100%;
}

.leg-navigator-image img {
    object-fit : cover;
    height     : 100%;
    width      : 100%
}

.leg-navigator-caption {
    padding          : 1.2rem 3.75rem 1.2rem 1.2rem;
    width            : 100%;
    min-height       : 46%;
    position         : absolute;
    opacity          : .9;
    background-color : rgba(17, 137, 193, .9);
}

.leg-navigator-caption span.icon {
    position : absolute;
    right    : 1.2rem;
    bottom   : 1.2rem;
    color    : var(--color-white);
}

.active .leg-navigator-caption {
    background-color : var(--color-active);
}

.active .leg-navigator-caption span.icon {
    color : var(--color-white);
}

.leg-navigator-caption-title {
    font-size: 1.1rem;
    font-weight: 400;
}

.leg-navigator-caption-title,
.leg-navigator-caption-subtitle {
    color : var(--color-white);
}
.leg-navigator-content-container {
    position : relative;
    width: 100%;
}

#legNavigatorContent:not(:empty) {
    background-color : var(--color-background);
    padding          : 0 4.375rem;
}

#legNavigatorContent .uk-section-default,
#legNavigatorContent .uk-section-muted {
    background-color : transparent;
    padding-top      : 1.5625rem;
}

.leg-navigator-close {
    cursor           : pointer;
    font-size        : 2.5rem;
    position         : absolute;
    top              : 1rem;
    right            : 1rem;
    background-color : transparent;
    border           : none;
    color            : var(--color-primary);
}

@media (min-width : 640px) {
    .leg-navigator-item-outer {
        flex-basis : var(--flex-item-base-s);
    }
}

@media (min-width : 960px) {
    .leg-navigator-item-outer {
        flex-basis : var(--flex-item-base-m);
    }
}

@media (min-width : 1200px) {
    .leg-navigator-item-outer {
        flex-basis : var(--flex-item-base-l);
    }
}


/* Auktion Erfurter Hof */

#auktion .leg-navigator-caption {
    min-height: 70%;
}

#auktion .leg-navigator-caption-subtitle {
    background-color: var(--color-primary);
    padding: 10px;
    font-size: 15px;
}

#auktion .active .leg-navigator-caption-subtitle {
    padding: 0;
}

#auktion .leg-navigator-item-outer .layout-1 .leg-navigator-caption {
    background-color: rgba(150, 150, 150, .9)
}

#auktion .leg-navigator-item-outer .layout-1 .leg-navigator-image img {
    filter: grayscale(100%);
}

#auktion .leg-navigator-item-outer .layout-1 .leg-navigator-caption-subtitle {
    background: none;
    color:#FFFFFF;
    padding:0;
}

/* Aktionsbündnis Innenstädte */
#innenstaedte .leg-navigator-parent-container {
    display: none;
}
div#innenstaedte {
    padding: 0px;
}

#innenstaedte .leg-navigator-item-outer .leg-navigator-caption {
    display: none;
}

/* Ausstellerkataloge M&V */
#ausstellerkatalog .leg-navigator-parent-container {
    display: none;
}

#ausstellerkatalog .leg-navigator-item-outer .leg-navigator-caption {
    display: none;
}

#ausstellerkatalog #legNavigatorContent {
    background: #ffffff;
    padding: 0 2.375rem;
}

/* InnoCON */
#innomarkt .leg-navigator-parent-container {
    display: none;
}
div#innomarkt {
    padding: 0px;
}

#innomarkt .leg-navigator-item-outer .leg-navigator-caption {
    display: none;
}

#innomarkt .leg-navigator h2.leg-navigator-headline {margin: 0px}


/* Material Innovativ Thüringen */
#materialit .leg-navigator-parent-container {
    display: none;
}

div#materialit {
    padding: 0px;
}

#materialit .leg-navigator-caption {
    min-height: 40%;
}


/* Thueringen International */
#ti-navigator .leg-navigator-parent-container {
    display: none;
}