:root{
	color-scheme: light;

    --lightest-blue: hsla(216, 100%, 50%, 0.02);
  	--light-blue: hsla(216, 100%, 75%, 1);
  	--blue:       hsla(216, 100%, 50%, 1);
  	--dark-blue:  hsla(216, 100%, 35%, 1);
		--gray:       hsla(0, 0%, 0%, 0.5);
	  --mid-gray:   hsla(0, 0%, 0%, 0.3);
  	--light-gray: hsla(0, 0%, 0%, 0.1);
  	--lightest-gray: hsla(0, 0%, 0%, 0.02);
  
  	--light-orange: hsla(43, 93%, 66%, 1);
	
	 --black:		hsla(0, 0%, 0%, 1);
	 --white:		hsla(0, 0%, 100%, 1);


	--color-text: var(--black);
	--color-text-inverted: var(--white);
	--color-text-dimmed: var(--mid-gray);
	--color-dimmed: rgba(0, 0, 0, 0.3);
	--color-dimmed-more: rgba(0, 0, 0, 0.6);
	--color-dimmed-less: rgba(0, 0, 0, 0.15);
	
	--color-elevated: rgba(255, 255, 255, 0.1);
	--color-elevated-more: rgba(255, 255, 255, 0.15);
	--color-elevated-less: rgba(255, 255, 255, 0.05);
	--color-sunken: rgba(0, 0, 0, 0.15);
	--color-sunken-more: rgba(0, 0, 0, 0.3);
	--color-sunken-less: rgba(0, 0, 0, 0.05);
	
	--color-fg-primary: rgb(190 190 190);
	--color-fg-secondary: rgb(255 255 255);
	
	--color-bg-0: var(--white);
	--color-bg-1: var(--lightest-blue);
	--color-bg-1-alt: var(--mid-gray);
	--color-bg-2: var(--lightest-gray);
	--color-bg-2-alt: rgb(50 50 53);
	--color-bg-2-alt-1: var(--light-gray);
	--color-bg-3: var(--light-gray);
	
	--color-border-1: rgb(50 50 53);
	--color-border-2: rgb(65 65 68);
	--color-border-3: rgb(65 65 68);
}
.verleihzeiten {
	font-weight: 600;
}
#welcome-text {
	margin: auto;
}
.slick-prev::before, .slick-next::before {
	color: var(--black)!important;
}
#rental-hours {
	display:none;
}
.lab-karte img {
	width:100%;
}
.lab-karte {
	display:block!important;;
}
#rental-hours-header-text {
	display: block!important;;
	width:100%
}
#modal-message {
	background-color: var(--white);
}
.modal-box {
	background-color: var(--white);
}
#fullscreen-viewer {
	background-color: var(--gray)!important;;
}
.custom_page_title {
text-align: left!important;
font-weight: 600!important;
font-size:30px;
margin: 0 0 1.2em 0;
}
.blog_header {
	background-color: var(--color-sunken-less)!important;
}
.day-link, .calendar-day, .calendar-day-head {
	color: var(--white)!important;
}
#menu a {
  color: var(--dark-blue) !important;
}
hr {
	background-color: var(--light-blue);
	height:2px;
}
.ui-tooltip{
	background-color: var(--color-bg-0);
	border-color: var(--color-bg-1);
}



.ui-menu-item{
	border-color: rgb(30, 30, 30);
}

.ui-selectmenu-optgroup{
	background-color: var(--light-gray);
}

.ui-selectmenu-menu{
	background-color: var(--white);
	border-color: rgb(30, 30, 30);
}

.ui-selectmenu-button{
	background-color: rgba(0, 0, 0, 0.15);
	border-color: rgba(0,0,0,0.2);
}