:root {
	--gap-size: 1rem;
	--header-size: 1.5rem;
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Rubik-Light1";
	font-style: normal;
	src: url("../fonts/Rubik-Light.ttf") format("truetype"); /* Safari, Android, iOS */
}

@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Rubik-Medium";
	font-style: normal;
	src: url("../fonts/Rubik-Medium.ttf") format("truetype"); /* Safari, Android, iOS */
}

@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Rubik-Regular";
	font-style: normal;
	src: url("../fonts/Rubik-Regular.ttf") format("truetype"); /* Safari, Android, iOS */
}

@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Rubik-Bold";
	font-style: normal;
	src: url("../fonts/Rubik-Bold.ttf") format("truetype"); /* Safari, Android, iOS */
}

/* rubik-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Rubik-light";
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/rubik-v23-latin-300.eot"); /* IE9 Compat Modes */
	src: url("../fonts/rubik-v23-latin-300.eot?#iefix")
			format("embedded-opentype"),
		/* IE6-IE8 */ url("../fonts/rubik-v23-latin-300.woff2") format("woff2"),
		/* Super Modern Browsers */ url("../fonts/rubik-v23-latin-300.woff")
			format("woff"),
		/* Modern Browsers */ url("../fonts/rubik-v23-latin-300.ttf")
			format("truetype"),
		/* Safari, Android, iOS */ url("../fonts/rubik-v23-latin-300.svg#Rubik")
			format("svg"); /* Legacy iOS */
}
/* rubik-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Rubik-light";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/rubik-v23-latin-regular.eot"); /* IE9 Compat Modes */
	src: url("../fonts/rubik-v23-latin-regular.eot?#iefix")
			format("embedded-opentype"),
		/* IE6-IE8 */ url("../fonts/rubik-v23-latin-regular.woff2")
			format("woff2"),
		/* Super Modern Browsers */ url("../fonts/rubik-v23-latin-regular.woff")
			format("woff"),
		/* Modern Browsers */ url("../fonts/rubik-v23-latin-regular.ttf")
			format("truetype"),
		/* Safari, Android, iOS */
			url("../fonts/rubik-v23-latin-regular.svg#Rubik") format("svg"); /* Legacy iOS */
}
/* rubik-500 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Rubik-light";
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/rubik-v23-latin-500.eot"); /* IE9 Compat Modes */
	src: url("../fonts/rubik-v23-latin-500.eot?#iefix")
			format("embedded-opentype"),
		/* IE6-IE8 */ url("../fonts/rubik-v23-latin-500.woff2") format("woff2"),
		/* Super Modern Browsers */ url("../fonts/rubik-v23-latin-500.woff")
			format("woff"),
		/* Modern Browsers */ url("../fonts/rubik-v23-latin-500.ttf")
			format("truetype"),
		/* Safari, Android, iOS */ url("../fonts/rubik-v23-latin-500.svg#Rubik")
			format("svg"); /* Legacy iOS */
}
/* rubik-600 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Rubik-light";
	font-style: normal;
	font-weight: 600;
	src: url("../fonts/rubik-v23-latin-600.eot"); /* IE9 Compat Modes */
	src: url("../fonts/rubik-v23-latin-600.eot?#iefix")
			format("embedded-opentype"),
		/* IE6-IE8 */ url("../fonts/rubik-v23-latin-600.woff2") format("woff2"),
		/* Super Modern Browsers */ url("../fonts/rubik-v23-latin-600.woff")
			format("woff"),
		/* Modern Browsers */ url("../fonts/rubik-v23-latin-600.ttf")
			format("truetype"),
		/* Safari, Android, iOS */ url("../fonts/rubik-v23-latin-600.svg#Rubik")
			format("svg"); /* Legacy iOS */
}
/* rubik-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Rubik-light";
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/rubik-v23-latin-700.eot"); /* IE9 Compat Modes */
	src: url("../fonts/rubik-v23-latin-700.eot?#iefix")
			format("embedded-opentype"),
		/* IE6-IE8 */ url("../fonts/rubik-v23-latin-700.woff2") format("woff2"),
		/* Super Modern Browsers */ url("../fonts/rubik-v23-latin-700.woff")
			format("woff"),
		/* Modern Browsers */ url("../fonts/rubik-v23-latin-700.ttf")
			format("truetype"),
		/* Safari, Android, iOS */ url("../fonts/rubik-v23-latin-700.svg#Rubik")
			format("svg"); /* Legacy iOS */
}
/* rubik-800 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Rubik-light";
	font-style: normal;
	font-weight: 800;
	src: url("../fonts/rubik-v23-latin-800.eot"); /* IE9 Compat Modes */
	src: url("../fonts/rubik-v23-latin-800.eot?#iefix")
			format("embedded-opentype"),
		/* IE6-IE8 */ url("../fonts/rubik-v23-latin-800.woff2") format("woff2"),
		/* Super Modern Browsers */ url("../fonts/rubik-v23-latin-800.woff")
			format("woff"),
		/* Modern Browsers */ url("../fonts/rubik-v23-latin-800.ttf")
			format("truetype"),
		/* Safari, Android, iOS */ url("../fonts/rubik-v23-latin-800.svg#Rubik")
			format("svg"); /* Legacy iOS */
}
/* rubik-900 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Rubik-light";
	font-style: normal;
	font-weight: 900;
	src: url("../fonts/rubik-v23-latin-900.eot"); /* IE9 Compat Modes */
	src: url("../fonts/rubik-v23-latin-900.eot?#iefix")
			format("embedded-opentype"),
		/* IE6-IE8 */ url("../fonts/rubik-v23-latin-900.woff2") format("woff2"),
		/* Super Modern Browsers */ url("../fonts/rubik-v23-latin-900.woff")
			format("woff"),
		/* Modern Browsers */ url("../fonts/rubik-v23-latin-900.ttf")
			format("truetype"),
		/* Safari, Android, iOS */ url("../fonts/rubik-v23-latin-900.svg#Rubik")
			format("svg"); /* Legacy iOS */
}

/* rubik-300 - latin */
@font-face {
	font-family: "Rubik-light";
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/rubik-v23-latin-300.eot"); /* IE9 Compat Modes */
	src: local("Rubik-light"),
		url("../fonts/rubik-v23-latin-300.eot?#iefix")
			format("embedded-opentype"),
		/* IE6-IE8 */ url("../fonts/rubik-v23-latin-300.woff2") format("woff2"),
		/* Super Modern Browsers */ url("../fonts/rubik-v23-latin-300.woff")
			format("woff"),
		/* Modern Browsers */ url("../fonts/rubik-v23-latin-300.ttf")
			format("truetype"),
		/* Safari, Android, iOS */ url("../fonts/rubik-v23-latin-300.svg#Rubik")
			format("svg"); /* Legacy iOS */
}
body {
	margin-left: 1px;
	margin-right: 1px;
}
html {
	/* background-color: #1d1e22; */
	background-color: #fff;
	scrollbar-color: #e8ad00 #0000000d;
}
.block,
.header-day,
.header-month {
	font-family: "Rubik-light";
	font-weight: 300;
}
.block {
	/*padding-bottom: 15px;*/
}
.block-wrapper {
	background-color: #fff;
	border: 1px solid rgba(13, 13, 18, 0.1);
	border-right-width: 0px;
	/* border-radius: 4px; */
	-webkit-box-shadow: 0px 8px 24px rgb(13 13 18 / 4%);
	box-shadow: 0px 8px 24px rgb(13 13 18 / 4%);
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 37rem;
	/* width: 37.6rem; */
	height: inherit;
	padding: 10px 15px 10px 15px;
	/* margin-right: 10px; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: -8px;
	max-height: 137px;
}
.block + .block {
	margin-left: var(--gap-size);
}
.blocks {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	/*padding: calc((var(--gap-size) * 2) + var(--header-size)) 0
					var(--gap-size) 0;*/
	padding-top: 46px;
	padding-bottom: 10px;
}
.blocks::before,
.blocks:last-child::after {
	content: "";
	-ms-flex-negative: 0;
	flex-shrink: 0;
	/*width: var(--gap-size);*/
	padding-left: 5px;
}
.header {
	font-family: "Rubik-light";
	--offset: 0;
	position: absolute;
	font-size: 18px;
	font-weight: lighter;
	line-height: 1;
	margin: 0;
	padding: 0 0 var(--gap-size) var(--gap-size);
	-webkit-transform: translate3d(0, 0, 0)
		translate(calc(var(--offset) * 1px), -100%);
	transform: translate3d(0, 0, 0) translate(calc(var(--offset) * 1px), -100%);
	white-space: nowrap;
	background-color: #e8ad00;
	color: #ffffff;
	/* margin-left: 5px; */
	margin-top: -13px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	cursor: pointer;
}
.header--fixed {
	position: fixed;
	margin-left: 5px;
}
.scroller {
	position: relative;
	background-color: #f7f7fa;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: auto;
}
.wrapper {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	margin: var(--gap-size) auto;
	max-width: 100%;
	outline-width: 1px;
	outline-style: solid;
	outline-color: rgba(204, 204, 204, 0.75);
	/*margin-left: 10px;
				margin-right: 10px;*/
}
.eventlink {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.3em;
	-webkit-text-decoration: auto;
	text-decoration: auto;
	color: #2a2a2a;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	text-decoration: none;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.eventlink:hover {
	color: #e8ad00;
}
.event-details,
.event-ort {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #2a2a2a;
	font-size: 13px;
}
.event-ort {
	margin-top: -14px;
}
.event-button {
	-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	background-color: #0000000d;
	margin-top: 55px;
	padding-right: 40px;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.event-button:hover {
	background-color: #e8ad00;
}
/* width */
::-webkit-scrollbar {
	width: 20px;
}

/* Track */
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
	/*box-shadow: inset 0 0 5px grey; */
	background-color: #0000000d;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #e8ad00;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #e8ad00;
}

/*media queries */
@media only screen and (max-width: 800px) {
	.block-wrapper {
		max-width: 17rem;
		flex-wrap: wrap;
		max-height: 215px;
		overflow-x: auto;
		padding: 10px 10px 10px 10px;
	}
	.block {
		padding-bottom: 0px;
		min-height: 120px;
		flex-basis: 100%;
	}
	a.event-button {
		margin-left: auto;
		margin-top: -40px;
	}
	.blocks {
		padding-bottom: 10px;
	}
}

#picker {
	display: none;
}