

:root {
    --accent-color-1: #000000;
    --accent-color-2: #FCF1CC;

    --button-color: #D6B340;
    --button-color-hover: #F5C4B3;

    --cta-button-color: #D6B340;
    --cta-button-color-hover: #F5C4B3;
    
    --title-color: #000000;
}

.nav-header__navigation-item:before,
.nav-header__navigation-item--active:before,
.nav-header__navigation-item:hover:before,
.nav-header__navigation-item--active:hover:before {
    border: 2px solid #000000;
}

.nav-header__navigation-item:hover,
.nav-header__dropdown:hover,
.nav-header__logged-in .settings-dropdown:hover,
.footer__hoplr a:hover,
.settings-dropdown .dropdown-button:hover,
.settings-dropdown .dropdown-menu ul > li > a:hover, 
.settings-dropdown .dropdown-menu ul > li > a:focus {
    color: #000000;
    background-color: #F5C4B3;
}

.nav-header__dropdown:hover .nav-header__navigation-item-text,
.nav-header__navigation-item:hover .nav-header__navigation-item-text,
.nav-header__navigation-item--active .nav-header__navigation-item-text {
    color: #000000;
}

.nav-header__dropdown-item {
    color: #000000;
}

@media screen and (min-width: 1024px) {
    .nav-header__navigation-item:hover::before {
        border-color: #000000;
    }
    .nav-header__dropdown-item:hover {
        background-color: #F5C4B3;
    }
}

.pp-button {
    color: #D6B340;
    border-color: #D6B340;
}

.pp-button:hover {
    background-color: #F5C4B3;
}

.pp-button--primary {
    background-color: rgba(0, 0, 0, 0.9);
    border-color: rgba(0, 0, 0, 0.9);
    color: white;
}

.pp-button--primary:hover {
    background-color: #000000;
    border-color: #000000;
}

.pp-button--cta {
    background-color: #D6B340;
    color: white;
    border-color: #D6B340;
}

.pp-button--cta:hover {
    background-color: #F5C4B3;
    border-color: #F5C4B3;
}

.bgcolor-theme-1 {
  background-color: #000000;
}
.bgcolor-theme-2 {
  background-color: #FCF1CC;
}

.bgcolor-theme-1--lightened-5 {
  background-color: rgba(0, 0, 0, 0.05);
}
.bgcolor-theme-2--lightened-5 {
  background-color: rgba(252, 241, 204, 0.05);
}

.bgcolor-button {
    background-color: #D6B340;
}
.bgcolor-button--hover {
    background-color: #F5C4B3;
}

.bgcolor-cta-button {
    background-color: #D6B340;
}
.bgcolor-cta-button--hover {
    background-color: #F5C4B3;
}

.color-theme-1 {
  color: #000000;
}
.color-theme-2 {
  color: #FCF1CC;
}
.color-title {
    color: #000000;
}
.color-cta-button {
    color: #D6B340;
}
.color-button {
    color: #D6B340;
}

.border-color-theme-1 {
  border-color: #000000;
}
.border-color-theme-2 {
  border-color: #FCF1CC;
}

.overview .tile--news {
    background-color: #F5C4B3;
}

.overview .idea-cta {
    background-color: #F5C4B3;
}

.perception__button {
    background-color: rgba(0, 0, 0, 0.7);
}

.perception__button:not(:last-child) {
    border-color: rgba(0, 0, 0, 0.2);
}

.perception__button--selected, .perception__button:hover {
    background-color: rgba(0, 0, 0, 1);
}

.project-timeline__circle {
    border-color: #D6B340;
    color: #D6B340;
}

.project-timeline__phase:hover .project-timeline__circle,
.project-timeline__phase--active .project-timeline__circle {
    color: white;
    background-color: #D6B340;
}

.project-timeline .phase-container .phase-info__circle {
    color: #D6B340;
    border-color: #D6B340;
}

.project-timeline .phase-container--active .phase-info__circle {
    color: white;
    background-color: #D6B340;
    border-color: #D6B340;
}

.phase-info-list {
    background-color:#F5C4B3;
}

.settings-dropdown > div:hover, .nav-header__language .settings-dropdown:hover {
    background-color: #F5C4B3;
}

.overview .tile__img-placeholder {
    background-color: #F5C4B3;
}

.overview .tile__img-placeholder i {
    color: #D6B340;
}

.overview .tile--news .tile__content-info-description p:last-child::before {
    background: linear-gradient(rgba(255,255,255,0.001) 200px, #F5C4B3);
}

.survey-questionnaire .survey-item--done .survey-item__question {
    color: #000000;
}

.input-checkbox__input:checked + .input-checkbox__click-area:hover {
    background-color: #F5C4B3;
}

.input-checkbox__input:checked + .input-checkbox__click-area {
    background-color: #F5C4B3;
}

.input-checkbox__input:checked + .input-checkbox__click-area .input-checkbox__button {
    border-color: #D6B340;
    background-color: rgba(0, 0, 0, 0.7);
}

.input-radio__input:checked + .input-radio__click-area .input-radio__button {
    border-color: #D6B340;
    background-color: rgba(0, 0, 0, 0.7);
}

.input-radio__input:checked + .input-radio__click-area:hover,
.input-radio__input:checked + .input-radio__click-area {
    border-color: #D6B340;
    background-color: #F5C4B3;
}

.q-rating-scale__options .input-radio__input:checked + .input-radio__click-area:hover {
    background-color: #D6B340;
}

.q-rating-scale__options .input-radio__input:checked + .input-radio__click-area {
    border-color: #D6B340;
    background-color: rgba(0, 0, 0, 0.7);
}

.project-navigation {
    background-color: rgba(0, 0, 0, 0.05);
    border-bottom: 2px solid #000000;
}

.about__text h1,
.about__text h2,
.about__text h3,
.about__text h4 {
    color: #000000;
}   

.about__text a:not(.pp-button) {
    color: #000000;
}

.about__text a:not(.pp-button):hover {
    color: rgba(0, 0, 0, 0.75);
}

.about .about-button {
    border-color: #000000;
}

