:root {

	--responsive-min-width: 340px;


	--font-default-family: 'Syne', sans-serif;
	--font-default-weight-regular: 400;
	--font-default-weight-medium: 500;
	--font-default-weight-semibold: 600;
	--font-default-weight-bold: 700;
	--font-default-weight-extrabold: 800;


	--color-black: #000;
	--color-white: #fff;
	--color-grey-light: #eee;

	--color-blue: #0000A0;

	--color-cyan: #75F0FD;

	--color-yellow: #FAFD30;

	--color-pink: #FC487F;

	--color-red: #BF0000;

	--color-orange: #D57200;

	--color-green: #6FFF00;


	--color-category-fashion: #FC487F;
	--color-category-beauty: #75F0FD;
	--color-category-trending-now: #FAFD30;
	--color-category-life: #6FFF00;
	--color-category-exklusiv: #D57200;
	--color-category-sponsored: #00C4B2;
	--color-category-videos: #E90084;

	--footer-height: 112px;
	--topbar-height: 0;

}

body.admin-bar {
	--topbar-height: 32px;
}

	@media( max-width: 782px ) {

		body.admin-bar {
			--topbar-height: 46px;
		}

	}

	@media ( max-width: 600px ) {

		body.admin-bar {
			--topbar-height: 0px;
		}

	}


.backgroundcolor-category-fashion {
	background-color: var(--color-category-fashion);
}

.color-category-fashion {
	color: var(--color-category-fashion);
}

	.color-category-fashion-hover:hover {
		color: var(--color-category-fashion);
	}

.backgroundcolor-category-beauty {
	background-color: var(--color-category-beauty);
}

.color-category-beauty {
	color: var(--color-category-beauty);
}

	.color-category-beauty-hover:hover {
		color: var(--color-category-beauty);
	}

.backgroundcolor-category-trending-now {
	background-color: var(--color-category-trending-now);
}

.color-category-trending-now {
	color: var(--color-category-trending-now);
}

	.color-category-trending-now-hover:hover {
		color: var(--color-category-trending-now);
	}

.backgroundcolor-category-life {
	background-color: var(--color-category-life);
}

.color-category-life {
	color: var(--color-category-life);
}

	.color-category-life-hover:hover {
		color: var(--color-category-life);
	}

.backgroundcolor-category-exklusiv {
	background-color: var(--color-category-exklusiv);
}

.color-category-exklusiv {
	color: var(--color-category-exklusiv);
}

	.color-category-exklusiv-hover:hover {
		color: var(--color-category-exklusiv);
	}

.backgroundcolor-category-sponsored {
	background-color: var(--color-category-sponsored);
}

.color-category-sponsored {
	color: var(--color-category-sponsored);
}

	.color-category-sponsored-hover:hover {
		color: var(--color-category-sponsored);
	}

.backgroundcolor-category-videos {
	background-color: var(--color-category-videos);
}

.color-category-videos {
	color: var(--color-category-videos);
}

	.color-category-videos-hover:hover {
		color: var(--color-category-videos);
	}