:root {
    --zindel-primary-color: #b18a20;
    --zindel-text-color: rgba(127, 127, 127, 0.8);
}

/** Grundeinstellungen **/
#zindel-united-triade-navigation, #zindel-united-triade-navigation * {
    box-sizing: border-box;
    text-decoration: none;
}

#zindel-united-triade-navigation {
    background-image: url('../images/oeko_kreis.png');
    background-position: 26.5em 24em;
    background-size: 16em;
    /*background-image: url('../images/bg.png');*/
    /*background-position: center;*/
    /*background-size: contain;*/
    background-repeat: no-repeat;
    font-size: 10px;
}

#zindel-united-triade-navigation a {
    letter-spacing: 0.03em;
}

#zindel-united-triade-navigation-overview-link {
    position: absolute;
    top: 28.5em;
    left: 31.5em;
}
#zindel-united-triade-navigation-overview-link a {
    display: block;
    width: 6em;
    height: 6em;
}

/* Icons 2. Ebene */

#zindel-united-triade-navigation > li > ul > li > a::after {
    content: "";
    position: absolute;
    width: 4.375em;
    height: 4.375em;
    font-size: 1em;
    background-size: contain;
    background-repeat: no-repeat;
}
.Gestalten_Idee > a::after {
    background-image: url("../images/idee.svg");
}
.Gestalten_Idee.active > a::after {
    background-image: url("../images/idee.active.svg");
}

.Gestalten_Planung > a::after {
    background-image: url("../images/planung.svg");
}
.Gestalten_Planung.active > a::after {
    background-image: url("../images/planung.active.svg");
}

.Bauen_Ausführung > a::after {
    background-image: url("../images/ausfuehrung.svg");
}
.Bauen_Ausführung.active > a::after {
    background-image: url("../images/ausfuehrung.active.svg");
}

.Bauen_Ressourcen > a::after {
    background-image: url("../images/ressourcen.svg");
}
.Bauen_Ressourcen.active > a::after {
    background-image: url("../images/ressourcen.active.svg");
}

.Leben_Menschen > a::after {
    background-image: url("../images/menschen.svg");
}
.Leben_Menschen.active > a::after {
    background-image: url("../images/menschen.active.svg");
}

.Leben_Umwelt > a::after {
    background-image: url("../images/umwelt.svg");
}
.Leben_Umwelt.active > a::after {
    background-image: url("../images/umwelt.active.svg");
}