/* Farbpalette */
:root {
	--color-base: #DFDCD7;        
	--color-contrast: #191919;        
	--color-accent-1: #7A9BDB;        
	--color-accent-2: #ececfb;        
	--color-accent-3: #182949;        
	--color-accent-4: #5F5F5F;        
	--color-accent-5: #D7D3CC;        
	--color-accent-6: #19191933;      
	--color-accent-7: #A7C7FF;        
	--color-accent-8: #F5D2E8;       
	--color-accent-9: #FFFFFF;       

	--color-accent-10: #FF6B6B;       
	--color-accent-11: #D32F2F;       
	--color-accent-12: #E57373;       
	--color-accent-13: #81C784;       
	--color-accent-14: #4CAF50;       
	--color-accent-15: #388E3C;       

	--color-accent-16: #244684;       
	--color-accent-17: #84bfe9;       
	--color-accent-18: #436216;       
	--color-accent-19: #c6bbb6;       
	--color-accent-20: #412212;       
	--color-accent-21: #112515;       
	--color-accent-22: #00d900;       
	--color-accent-23: #ff0000;       

/* Textfarben */
	--color-icon: var(--color-accent-1);             	
	--color-icon2: var(--color-accent-9);             	
	--color-text: var(--color-contrast);             	
	--color-text2: var(--color-accent-9);             	
	--color-button-text: var(--color-contrast);      	
	--color-button-text2: var(--color-accent-9);      	
	--color-heading-text: var(--color-contrast);   	    
	--color-heading-text2: var(--color-accent-9);   	    
  
	--color-button-bg: var(--color-accent-1);  
	--color-button-bg2: var(--color-accent-16);  
	--color-button-bg-hover: var(--color-accent-1);     
  
  /* Zusätzliche Effekte */
	--color-shadow: rgba(0, 0, 0, 0.2);       
	--color-border: var(--color-contrast);         
	--color-border2: var(--color-accent-9);         
}
  /* Hintergrundfarben */