@font-face{

	font-family: 'QuicheSans-Regular';
	
	src: url('/hotels/gerl/fonts/QuicheSans-Regular/QuicheSans-Regular.eot');
	
	src: url('/hotels/gerl/fonts/QuicheSans-Regular/QuicheSans-Regular.eot?iefix') format('eot'),
	
	url('/hotels/gerl/fonts/QuicheSans-Regular/QuicheSans-Regular.woff') format('woff'),
	
	url('/hotels/gerl/fonts/QuicheSans-Regular/QuicheSans-Regular.ttf') format('truetype');
	
	font-weight: normal;
	
	font-style: normal;
	
	}
	
	
	@font-face{
	
		font-family: 'Gibson-Light';
		
		src: url('/hotels/gerl/fonts/Gibson-Light/Gibson-Light.eot');
		
		src: url('/hotels/gerl/fonts/Gibson-Light/Gibson-Light.eot?iefix') format('eot'),
		
		url('/hotels/gerl/fonts/Gibson-Light/Gibson-Light.woff') format('woff'),
		
		url('/hotels/gerl/fonts/Gibson-Light/Gibson-Light.ttf') format('truetype');
		
		font-weight: normal;
		
		font-style: normal;
		
		}

	
	body{
		color: #000;
		font-family: 'Gibson-Light';
		font-size: 18px;
		background-color: #e6e6e6;
		text-transform: lowercase;
	}
	
	header{
		background-color: #fff;
		color: #000;
	}

	header p, header span{
		font-family: 'Gibson-Light';
		font-weight: 300;
	}


	#header-nav-6{
		flex-direction: column;
	}

	#header-nav-6 #header_total_price{
		margin-bottom: 0;
		margin-top: 5px;
	}

	#header-nav-6 .mt-4.mx-2{
		margin-top: 0 !important;
	}

	.header div.d-flex{
		padding-bottom: 10px;
		padding-top: 10px;
		border-color: #fff;
	}


	header img{
		-webkit-filter: invert(1);
		filter: invert(1);
		width: 150px;
		height: auto;
		width: 90px;
	}
	
	header div.active{
		background-color: #9FAFA4;
		color: #fff !important;
	}

	header div.d-flex:first-child{
		background-color: #9FAFA4;
	}


	header::after{
		display: none;
	}
	
	footer .brand h3{
		color: #000;
		font-family: 'QuicheSans-Regular';
		font-size: 2rem;
	}
	
	.guests-div-wrap{
		background-image: url('/hotels/gerl/img/gerl-viewclub-stimmung-144-1-1320x1560.jpg');
	}

	footer .brand h3{
		color: #000;
		margin-bottom: 10px;
	}
	
	.cart-block{
		display: none;
	}
	
	.number-input label{
		max-width: 90px;
	}
	
	header .gms-logo img{
		width: 100px;
	}
	
	.dates, .col-6.d-flex .text{
		font-size: 14px;
	}
	
	.logo-2 img{
		width: 45px !important;
	}
	
	.phone-block a, footer a{
		color: #000;
		text-align: left;
		padding: 2px 7px;
	}
	
	.my-header-container{
		width: 95%;
	}
	
	.my-footer-container{
		width: 70%;
		transform: translateX(5%);
	}
	
	.input-button, .form-button, .last-offer a.bookingBtn,
	.price-and-details, .book-button, .basket-button, .reservation-button,
	.show-button, .modal-close-button, .last-minute-offer a.standart_btn, .weiter-mobile, 
	#calendar_reset_btn	{
		background-color: transparent !important; 
		border: 1px solid #000 !important;
		text-transform: lowercase;
		color: #000 !important;
		font-weight: lighter;
		font-size: 19px !important;
		font-family: 'QuicheSans-Regular';
	}
	
	.room-state div div:first-child{
		margin-left: 0 !important
	}
	
	.sl-services .slick-prev:before, .slick-next:before{
		color: #000 !important;
	}
	
	.input-button:hover, .form-button:hover, .last-offer a.bookingBtn:hover,
	.price-and-details:hover, .book-button:hover, .basket-button:hover, .reservation-button:hover,
	.show-button:hover, .modal-close-button:hover, .last-minute-offer a.standart_btn:hover {
		color: #fff !important;
		background-color: #000 !important;
		border-color: #000 !important;
	}
	
	.slider-default-color-block {
		background: #000;
	}
	.slider-default-color-block + h3 {
		color: #fff !important;
	}
	
	.header-info i{
		color: #000;
	}
	
	footer{
		background-color: #e6e6e6;
		color: #000;
		font-size: 20px;
		padding: 2.5rem 1rem 3rem 1rem;
		position: relative;
	}
	
	footer .brand img{
		width: 105px;
	}
	
	footer .adress p{
		text-align: center;
		max-width: 170px;
		text-align: left;
	}
	
	.footer-social img{
		width: 20px;
	}
	
	.footer-social a{
		padding: 0 !important;
	}
	
	.logo-footer{
		position: absolute;
		left: 30px;
		bottom: 50%;
		transform: translateY(50%);
		width: 90px;
	}
	
	.logo-2{
		position: absolute;
		right: 30px;
		bottom: 50%;
		transform: translateY(50%);
	}
	
	
	span.last-offer-total{
		color: #3D447D;
	}
	
	.up-button{
		position: absolute;
		z-index: 1000;
	}
	
	.main-section{
		margin: 0% !important;
	}
	
	.ui-datepicker td a.ui-state-default:after, .highlighted a:before, td.unavailable .ui-state-default:after{
		display: none;
	}
	
	.ui-datepicker td a.ui-state-default:after, .ui-datepicker td .ui-state-active,
	.room-state div div:first-child{
		background-color: #000 !important;
		color: #fff;
	}
	
	.ui-datepicker-month, .ui-datepicker-year, .ui-datepicker th, .ui-widget{
		font-family: 'Gibson-Light';
	}
	
	.room-state div span{
		font-weight: 600;
	}
	
	.room-state div:first-child{
		color: #000 !important;
	}
	
	.room-state div:nth-child(2) div{
		background-color: #FCC500 !important;
	}
	
	.room-state div:nth-child(3) div{
		background-color: #bab8b8 !important;
	}
	
	.button-wrapper{
		display: flex;
	}
	
	.adults p.label, .children p.label, .childAge p.label, .rooms-quantity p.label, .promocode p.label, .room-state div{
		color: #000;
		font-weight: normal;
		font-size: 16px !important;
	}
	
	.childAge p.label{
		margin-top: 8px;
		margin-bottom: 0;
	}
	
	.last-minute-offer, .last-minute-offer h3{
		font-family: 'QuicheSans-Regular';
	}
	
	
	
	/*			rooms  	form  and extras	*/
	
	.room-cell h4, .services h1, .basket-wrapper h4, .thank-section h2, .info:first-child h4,
	.info h3, section.alternative h1, .thank-section h4{
		font-family: 'QuicheSans-Regular';
		color: #000;
		font-weight: 400;
		text-transform: lowercase;
		font-size: 2em;
	}
	
	.price, .total-price span{
		font-family: 'QuicheSans-Regular';
	}
	
	.rooms-wrapper h1, form h2{
		font-family: 'Gibson-Light';
		font-size: 2.2em;
	}
	
	.rooms-wrapper h1, .basket-wrapper h4, .services h1, .card-header h3, .add-service div, .details-and-image a,
	form h2, .info:first-child h4, .thank-section h2, .info h3, .modal-header h5, a.modal-info, form label a{
		color: #000;
	}
	
	.basket h5, .total-price p{
		font-size: 16px;
	}
	
	.room-features{
		font-family: 'Gibson-Light';
		font-size: 18px;
	}
	
	.breadcrumb .col-lg-3:after{
		top: 12px;
	}
	
	.clickable-price span.h3, .clickable-price span.h2{
		color: #000;
		font-family: 'QuicheSans-Regular';
	}
	
	.size-and-price{
		padding: 0.5rem 0 0.5rem 0 !important;
	}
	
	.room-features-clickable{
		padding: 1rem 0 1rem 0 !important;
	}
	
	.booking-info, #basket_rooms .room, .cart-full, section.alternative h1,
	 .info-table thead.title-thead, .room-cell, .info:first-child h4, .info-table-title-mobile,
	 .form-block{
		border-color: #000;
	}
	
	.basket_header, .preloader-content div, .total-price{
		border-color: #000;
	}
	
	.basket-wrapper h4, .basket_container, .total-price p{
		color: #000;
	}
	
	
	.breadcrumb .col-lg-3:after, .breadcrumb .col-lg-3.disabled:after{
		background-color: #000;
	}
	
	.breadcrumb a{
		color: #000;
		background-color: #e6e6e6;
		font-size: 16px;
	}
	
	.cart-full{
		color: #000;
	}
	
	.modal-body ul{
		padding: 15px;
	}
	
	.breadcrumb a.active, .room-features a, .breadcrumb .col-lg-3.disabled a{
		color: #000;
		background-color: #e6e6e6;
	}
	
	
	.card-header{
		flex-direction: column;
		justify-content: center !important;
	}
	
	.card-header h4, .card-header h3, .card-header small{
		text-align: center;
	}
	
	.add-service{
		margin: 10px auto !important;
	}
	
	.basket-wrapper{
		top: 18%;
	}
	
	.room-features-clickable{
		padding: 1em 0 1em 2em;
	}
	
	.booking-info{
		border-bottom: 0;
	}
	
	.form-container{
		padding-top: 2rem !important;
	}
	
	.price:first-letter{
		display: none;
	}
	
	.form-container p{
		text-transform: normal !important;
	}

	.ui-datepicker td .ui-state-default{
		padding: 20px 5px 5px;
		}
		
		.room-state div{
		margin-right: 10px;
		}
		
		#up-button{
		display: none;
		}
		
		footer img {
		  position: absolute;
		  right: 30px;
		  bottom: 50%;
		  transform: translateY(50%);
		}
		
		.footer-social img{
		position: inherit;
		transform: inherit;
		}
		
		.my-footer-container {
		  width: 70%;
		  transform: translateX(5%);
		  margin: 0 auto;
		}
		
	
	
	/*		media  queries  		*/
	
	@media (max-width: 1920px){
		.ui-datepicker td .ui-state-default {
			height: auto;
		}
	}
	
	
	@media(max-width: 1290px){
		.services-container {
		margin: 0 22% 0 2%;
		width: 70%;
	}
	}
	
	@media(max-width: 992px){
		header:after{
			height: 8px !important;
			bottom: 0;
		}
	
		.footer-info-wrap{
			margin-left: -40px;
		}
	
		.gms-logo{
			display: none;
		}
	
		.header-info{
			justify-content: space-between !important; 
		}
	
		.cart-block{
			display: flex;
		}
	
		footer .gms-logo img{
			width: 150px;
		}
	
		footer .adress, footer .contacts, .icons-social, .footer-info{
			align-items: center !important;
			text-align: center !important;
			margin: 20px;
		}
	
		.footer-social{
			margin: 0 auto;
		}
	
		footer .adress p{
			text-align: center;
		}
	
		.services-container{
			width: 90%;
			margin: 0 auto;
		}
	
		.sl-service{
			margin: 0 auto;
		}
	
		footer{
			font-size: 16px;
		}
	
		.services-container .col-lg-12{
			padding: 0 !important;
		}
	
		.services h1{
			margin-left: 0 !important;
		}
	
	}

	
		@media (max-width: 768px) {
		  #header-nav-1 img {
			width: 40px !important;
			margin-left: 5px;
		  }
		}