/*

@font-face {
	font-family: 'Graphik LG' !important;
	src: url('../assets/fonts/GraphikLG-Regular.woff2') format('woff2'), url('../assets/fonts/GraphikLG-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Graphik LG Thin' !important;
	src: url('../assets/fonts/GraphikLG-Thin.woff2') format('woff2'), url('../assets/fonts/GraphikLG-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Graphik LG Black' !important;
	src: url('../assets/fonts/GraphikLG-Black.woff2') format('woff2'), url('../assets/fonts/GraphikLG-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Graphik LG Light' !important;
	src: url('../assets/fonts/GraphikLG-Light.woff2') format('woff2'), url('../assets/fonts/GraphikLG-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

*/

.bottomSheetContentClass {
	max-height: 100vh !important;
}

.mainContainer {
	background: linear-gradient(rgba(30, 30, 30, 0.4), rgba(30, 30, 30, 0.6)), url('/schleife.svg') no-repeat fixed 100% 100%;
	background-size: 100vw auto;
}

.mainContainerDark {
	background-color: rgb(30, 30, 30);
}

.v-card__title {
	word-break: inherit !important;
}

.text-no-select {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.v-event-drag-bottom {
	display: block;
	position: absolute;
	bottom: -18px;
	height: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	width: 60%;
	left: 20%;
	opacity: 0.1;
	content: '';
	cursor: ns-resize;
	transition: opacity 0.3s;
}

.v-event {
	overflow: visible !important;
	/**z-index: unset !important;**/
}

.v-event-drag-bottom:hover {
	opacity: 1;
}

.noBoxShadow {
	box-shadow: none !important;
}

.maxViewPortHeight {
	max-height: 180vh;
}

.swatches .vue-swatches__trigger {
	border: 2px solid rgba(255, 255, 255, 0.5);
}

.v-autocomplete__content {
	border: thin solid rgba(255, 255, 255, 0.12) !important;
	max-height: min(700px, 60vh) !important;
}

.v-autocomplete__content .v-list .v-list-item {
	padding: 0 !important;
}

.ps {
	padding-right: 8px;
}

.v-data-table-header__icon {
	position: absolute !important;
}

.themeSwitch {
	width: fit-content;
	margin: 4px auto;
}

.v-calendar-daily__body {
	height: 100%;
}

.v-calendar-category .v-calendar-daily__intervals-head {
	position: relative;
}

.v-calendar-category__column-header {
	max-width: 200px;
}

.v-bottom-sheet {
	overflow: scroll !important;
}

.appointmentFormDiag {
	box-shadow: none !important;
	margin: 8px !important;
	max-height: 90vh !important;
}