:root {
	/* Pink */
    --color-primary-300: #5f82ff; 
    --color-primary-500: #0320e6;
    --color-primary-700: #0220b7;
    --color-primary-900: #001a77;
	
	/* Orange*/
    --color-secondary-300: #72ffd0; /* 3ed2f9 */
    --color-secondary-500: #0fa; /* 0dade6 */
    --color-secondary-700: #1fcf95; /* 009bbf */
	
    --color-tertiary-300: #72ffd0;
    --color-tertiary-500: #0fa;
    --color-tertiary-700: #1fcf95;
	
    --color-quaternary-500: #009ffc;
	
    --color-gray-0: #fff;
    --color-gray-100: #eae7e8;
    --color-gray-300: #d0cacb;
    --color-gray-500: #8d878a;
    --color-gray-700: #545052;
    --color-gray-900: #2e2c2d;
    --color-gray-1000: #000;
	
    --color-system-success: #23ad7b;
    --color-system-warning: #ffc107;
    --color-system-error: #f44336;
    --color-system-info: #00a0d2;
	
	/* Original Farben:
	--color-primary-300: #ff5991;
    --color-primary-500: #f05;
    --color-primary-700: #eb004e;
    --color-primary-900: #ad003a;
	
    --color-secondary-300: #ff9d5f;
    --color-secondary-500: #ff6400;
    --color-secondary-700: #ea651b;
	
    --color-tertiary-300: #72ffd0;
    --color-tertiary-500: #0fa;
    --color-tertiary-700: #1fcf95;
	
    --color-quaternary-500: #009ffc;
	
    --color-gray-0: #fff;
    --color-gray-100: #eae7e8;
    --color-gray-300: #d0cacb;
    --color-gray-500: #8d878a;
    --color-gray-700: #545052;
    --color-gray-900: #2e2c2d;
    --color-gray-1000: #000;
	
    --color-system-success: #23ad7b;
    --color-system-warning: #ffc107;
    --color-system-error: #f44336;
    --color-system-info: #00a0d2;
	 */


    --gradient-primary: var(--color-primary-500) 0%,var(--color-secondary-500) 100%;
    --gradient-primary-invert: var(--color-secondary-500) 0%,var(--color-primary-500) 100%;
    --gradient-primary-dark: var(--color-primary-500) 30%,var(--color-secondary-700) 100%;
    --gradient-primary-dark-invert: var(--color-secondary-700) 0%,var(--color-primary-500) 70%;
    --main-background-color: var(--color-gray-0);
    --main-text-color: var(--color-gray-900);
    --contrast-color: var(--color-gray-900);
	
	--gradient-blog: var(--color-primary-500) 0%,var(--color-secondary-500) 100%;

}


/* Versuche das Icon zu färben:
 * */
.loop-filters-form .search-field-label .search-submit { 
	background-image: url(../../img/sprites/search_blog.svg); }


.loop-filters-form select {
    background-image: url(../../img/sprites/chevron--down_blog.svg);

}

.icon-hero-wave svg stop:first-child {
  stop-color: var(--color-secondary-700);
}

.icon-hero-wave svg stop:last-child {
  stop-color: var(--color-primary-700);
}

.icon-footer-wave svg stop:first-child {
  stop-color: var(--color-primary-700);
}

.icon-footer-wave svg stop:last-child {
  stop-color: var(--color-secondary-700);
}