:root {
    --primary-color: #1b772c;
    --primary-color-transparent: rgba(27,119,44,0.8);
    --primary-color-dark: #074812;
    --primary-color-dark-transparent: rgba(6,72,17,0.8);
    --primary-color-light: #3aa74e;
    --primary-color-light2: #a0d79e;  /* Input borders */
    --primary-color-light3: #eaf6ea;  /* Input */
    --primary-color-light4: #f3faf3;  /* BG Lists*/
    --primary-color-contrast: #ffffff;
    --background-color: #ffffff;
    --background-color2: #fafafa;
    --font-color: #000;
    --bgtwocolors: linear-gradient(90deg,#074812 0%,#074812 50%,#a0d79e 50%,#a0d79e 100%);
    --halfcolortransparent: linear-gradient(90deg, rgba(6,72,17,0.8) 0%,rgba(6,72,17,0.8) 50%,transparent 50%,transparent 100%);
    --p75colortransparent: linear-gradient(90deg, rgba(6,72,17,0.8) 0%,rgba(6,72,17,0.8) 75%,transparent 75%,transparent 100%);
}

body {
    background-color: var(--background-color);
    color:var(--font-color);
}
#header {
    color:var(--primary-color-contrast);
    background-color:var(--background-color2);
}
#header h3 {
    color:var(--primary-color-contrast);
}
#header .pagetitle {
    /*
    background-color:var(--primary-color-dark-transparent);
    */
}

a {
    color:var(--primary-color);
}
a:hover {
    color:var(--primary-color);
}
.highlight {
    background-color:var(--primary-color);
}
#menurow,
#menurow_tablet{
    background-color:rgba(255,255,255,0);
}
.scrolled #menurow,
.scrolled #menurow_tablet{
    background-color:rgba(255,255,255,100);
}
.logo path,
.logo polygon {
    fill:#fff;
}
.scrolled .logo path,
.scrolled .logo polygon {
    fill:#000;
}

.akkordeon  > article {
    border-color:var(--primary-color-light2);
}



#scroll_top{
    background-color:var(--primary-color);
    color:var(--primary-color-contrast);
}

.headerhome .headertextbg {
    background-color:var(--primary-color-dark-transparent);
}
.headerhome .headertext {
    color: var(--primary-color-contrast);
}
#header .pagetitlerow {
    background: var(--p75colortransparent);
}

.metamenu ul li a {
    color: var(--primary-color-contrast);
}
.metamenu ul li a:hover,
.scrolled .metamenu ul li a:hover {
    color: var(--primary-color);
}
.scrolled .metamenu ul li a {
    color: var(--font-color);
}
.btn-primary {
   background-color:var(--primary-color);
   color: var(--primary-color-contrast);
}
.btn-primary:hover {
    background-color:var(--primary-color-dark);
    color: var(--primary-color-contrast);
}

a.button {
    background-color:var(--primary-color);
    color: var(--primary-color-contrast);
}
a.button:hover {
    background-color:var(--primary-color-dark);
    color: var(--primary-color-contrast);
}

/* Login */
.com-users-login.login .btn-secondary {
    background-color:var(--primary-color);
    color: var(--primary-color-contrast);
}
.com-users-login.login .btn-secondary:hover{
    background-color:var(--primary-color-dark);
    color: var(--primary-color-contrast);
}

#menurow .headericons.metamenu > div > ul > li > ul li a{
    color:var(--font-color);
}
#menurow .headericons.metamenu > div > ul > li > ul li a:hover{
    color:var(--primary-color);
}
#menurow .headericons.metamenu > div > ul > li > ul {
    background-color:#fff;
}


.bgtwocolors {
    background:var(--bgtwocolors);
    color:var(--primary-color-contrast);
}
.inforow .left {
    background-color:var(--primary-color);
}
.inforow .right {
    background-color:var(--primary-color-light);
}

#footer {
    background-color:var(--background-color2);
    color:var(--primary-color-contrast);
}
.footer a {
    color:var(--primary-color-contrast);
}
.footer a:hover {
    color:var(--font-color);
}
.footer .container .left{
    background-color:var(--primary-color);
}
.footer .container .right{
    background-color:var(--primary-color-light);
}

#footer_created{
    background-color:var(--font-color);
    color: var(--primary-color-contrast);
}
#footer_created a {
    color:var(--primary-color-contrast);
}
#footer_created a:hover {
    color:var(--primary-color-light2);
}