/** Grundeinstellungen **/
#zindel-united-triade-navigation, #zindel-united-triade-navigation li {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 1.75em;
}
#zindel-united-triade-navigation a {
    color: var(--zindel-text-color);
    font-size: 1.2em;
}
#zindel-united-triade-navigation .active, #zindel-united-triade-navigation .active > a {
    color: var(--zindel-primary-color);
}

ul#zindel-united-triade-navigation {
    position: relative;
    width: 29em;
    height: 60em;
    margin: auto;
    background-position: 4.7em 12.5em;
    background-size: 16em;
    font-size: 10px;
}

#zindel-united-triade-navigation-overview-link {
    top: 17.2em;
    left: 9.7em;
}

/** 1. Ebene **/
.Gestalten > a, .Bauen > a, .Leben > a {
    position: absolute;
    z-index: 0;
}
.Gestalten > a {
    top: 1.5em;
    left: 3.2em;
}
.Bauen > a {
    top: 12.5em;
    left: 14em;
}
.Leben > a {
    top: 16em;
    right: 14.5em;
}

.Gestalten > a, .Bauen > a, .Leben > a {
    display: block;
    width: 12.5em;
    height: 12.5em;
    background-size: contain;
    background-repeat: no-repeat;
}
.Gestalten > a {
    background-image: url('../images/oeko_gestalten.svg');
}
#zindel-united-triade-navigation:not(.active) .Gestalten > a, .Gestalten.active > a {
    background-image: url('../images/oeko_gestalten.active.svg');
}
.Bauen > a {
    background-image: url('../images/oeko_bauen.svg');
}
#zindel-united-triade-navigation:not(.active) .Bauen > a, .Bauen.active > a {
    background-image: url('../images/oeko_bauen.active.svg');
}
.Leben > a {
    background-image: url('../images/oeko_leben.svg');
}
#zindel-united-triade-navigation:not(.active) .Leben > a, .Leben.active > a {
    background-image: url('../images/oeko_leben.active.svg');
}

/** 2. Ebene **/
#zindel-united-triade-navigation ul {
    display: none;
    z-index: 0;
}
#zindel-united-triade-navigation li.active ul {
    display: block;
}

#zindel-united-triade-navigation > li > ul > li > a {
    font-size: 1.75em;
    text-transform: uppercase;
    color: #666;
}

#zindel-united-triade-navigation > li > ul > li > a::after {
    top: -1.2em;
    left: -4.5em;
    width: 4em;
    height: 4em;
}

.Gestalten_Idee, .Bauen_Ausführung, .Leben_Umwelt {
    position: absolute;
    top: 36em;
    left: 5em;
}

.Gestalten_Planung {
    position: absolute;
    top: 43em;
    left: 5em;
}

.Bauen_Ressourcen {
    position: absolute;
    top: 51em;
    left: 5em;
}

.Leben_Menschen {
    position: absolute;
    top: 42.5em;
    left: 5em;
}

/** 3. Ebene **/
.Gestalten_Idee ul, .Gestalten_Planung ul,
.Bauen_Ausführung ul, .Bauen_Ressourcen ul,
.Leben_Menschen ul, .Leben_Umwelt ul {
    position: absolute;
    top: 0em;
    left: 13em;
    white-space: nowrap;
}

#zindel-united-triade-navigation ul ul li {
    height: 2em;
    min-width: 12em;
}

#zindel-united-triade-navigation ul ul a {
    font-size: 1.8em;
}