:root {
    --twickel-green: #347D42;
    --twickel-light-green: #449A55;
    --twickel-lighter-green: #EAF6EE;
    --twickel-dark-green: #20383A;
    --twickel-light-blue: #77C6CD;
    --twickel-light-blue-dark: #65A8AD;
    --twickel-lighter-blue: #E4F4F5;

    --primary-color: var(--twickel-green);
    --primary-color-hover: #1A4D02;
    --primary-color-light: var(--twickel-light-green);
    --primary-color-dark: var(--twickel-dark-green);
    --secondary-color: var(--twickel-light-blue);
    --secondary-color-hover: var(--twickel-light-blue-dark);
    --light-color: var(--twickel-lighter-blue);
    --secondary-header-color: var(--twickel-lighter-green);
    --secondary-header-color2: var(--twickel-lighter-blue);
}