:root {
    /* FdP Farbpalette */
    --posgreen: #57a800;
    --band: #cf2e2e;
    --song: #ff6900;
    --album: #fcb900;
    --mauve: #76608a;
    --olive: #6d8764;
    --indigo: #6a00ff;
    --teal: #00aba9;
    --violet: #aa00ff;
    --steel: #647687;
    --magenta: #d80073;
    --taupe: #87794e;
    --cobalt: #0050ef;
    --pink: #dc4fad;
	
	/*--cutter-border-color: #ff5722;*/
	
	--font-name: "Acme";
	--dropdown-caret-color: var(--posgreen);
	--appbar-item-color: #ffffff;
	--appbar-item-background-hover: #2b2d30;
	--d-menu-item-background-hover: #2b2d30;
	--link-color: inherit;
	--panel-background: #ffffff;
	--panel-border-color: #e8e8e8;
	--panel-color: #191919;
	--button-background: var(--posgreen);
	--button-color: #ffffff;
	--card-border-radius: 3px;
	--panel-border-radius: 3px;
	--card-footer-background: var(--posgreen);
	--card-footer-color: #ffffff;
	.hamburger .line {
		background-color: var(--posgreen);		
	}	
}

.dark-side {
	--font-name: "Acme";
	--dropdown-caret-color: var(--posgreen);
	--appbar-item-color: #ffffff;
	--link-color: inherit;
	--panel-background: #2b2d30;
	--panel-border-color: #4a4d51;
	--body-color: #ffffff;
	--panel-color: #ffffff;	
	--border-color: #eeeeee;
	--card-footer-background: #2b2d30;
	.hamburger .line {
		background-color: var(--posgreen);		
	}
}

.logo a img{
	max-height: 120px;
}