/** 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.3em;
}
#zindel-united-triade-navigation .active, #zindel-united-triade-navigation .active > a {
    color: var(--zindel-primary-color);
}

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

#zindel-united-triade-navigation-overview-link {
    top: 17em;
    left: 15.2em;
}

/** 1. Ebene **/
.Gestalten > a, .Bauen > a, .Leben > a {
    position: absolute;
    z-index: 0;
}
.Gestalten > a {
    top: .5em;
    left: 7em;
}
.Bauen > a {
    top: 11em;
    left: 17.5em;
}
.Leben > a {
    top: 14.5em;
    right: 17.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: 38em;
    left: 9em;
}

.Gestalten_Planung {
    position: absolute;
    top: 45em;
    left: 9em;
}

.Bauen_Ressourcen {
    position: absolute;
    top: 54em;
    left: 9em;
}

.Leben_Menschen {
    position: absolute;
    top: 45.5em;
    left: 9em;
}

/** 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: 14em;
    white-space: nowrap;
}

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

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