/* enter here your custom CSS code */

/* *************************************** Einstellungen fuer Top-Header, Farbe,.... ****************************************** */

/* *** FROM: layout.css *** */
.head-slider-disabled {
    position: relative;
    background: #102c4b;
}
.head-slider-enabled .logomenupart.fx-menu-slide {
    background-color: rgba(43, 43, 43, 0.6);
}
#headt-part .fx-menu-slide {
    background-color: rgba(43, 43, 43, 0.6);
}
.fx-menu-slide {
    background-color: rgba(43, 43, 43, 0.6);
}
.fx-menu-slide .mainmenu .l-inline li .nav-child > div {
    background-color: rgba(43, 43, 43, 0.6) !important;
}


/* *** FROM: desktop_devices.css *** */
.head-slider-enabled {
    position: relative;
    background: #102c4b;
}

/* *************** ENDE ***************************************************************************************************** */


/* *** For the ignite-gallery*** */
.module-box2 {
	margin: auto !important;
	max-width: 800px !important;  
}


/* *************************************** Slider für Willkommen ****************************************************** */

.slider-willkommen {
/* background-color: #00FF00 !important; */
}



@media screen and (min-width: 1025px) {
  div.slider-willkommen {
    display: block ;
  }
}

@media screen and (max-width: 1024px) {
  div.slider-willkommen {
    display: none; ;
  }
}


@media screen and (min-width: 1025px) {
  div.slider-willkommen-mobil {
    display: none ;
  }
}

@media screen and (max-width: 1024px) {
  div.slider-willkommen-mobil {
    display: block;
  }
}






/* *************************************** Slider für Zimmer und Fruehstueck ****************************************** */

.cust-text-zimmer {
   margin: auto !important;
   max-width: 350px !important;  
   padding-top:150px;
}

.cust-text-fruehstueck {
   margin: auto !important;
   max-width: 500px !important;  
   padding-top:150px;
}

.cust-text-preis {
   margin: auto !important;
   max-width: 400px !important;  
   padding-top:150px;
}




.cust-text h3 {
   color:#fff;	
   font-size: 50px;
}
.cust-text p {
   color:#fff;	
}

@media screen and (max-width: 1000px) {
.cust-text {
	padding-top:90px;
	}
}

.cust-preis {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('../../../images/headers/header_04.png'); 
}

.cust-fruehstueck {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('../../../images/headers/header_03a.png'); 
}

.cust-zimmer {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('../../../images/headers/header_02.png'); 
}

.cust-slide {
  /* background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('../../../images/headers/header_02.png'); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top:-200px;
}

@media screen and (max-width: 700px) {
.cust-slide {
	margin-top:-230px;
	height:80px !important;
    }
}

@media screen and (max-width: 1000px) {
.cust-slide {
	margin-top:-150px;
	height:400px !important;
    }
}

@media screen and (min-width: 1001px) {
.cust-slide {
	margin-top:-200px;
	height:450px !important;
    }
}

/* *************** ENDE ***************************************************************************************************** */

/* *************************************** RAUM ****************************************************** */

.vbmodalrdetails {
display: none; 
}





/* *************** Kontaktformular ****************************************************************************************** */
.red, .star {
    color:#f00 !important;
}


/* *************** Video **************************************************************************************************** */
.cust-video-streifen {
   max-height: 400px !important;
}


#myVideo {
  background-size: auto;
  
}


/* *************** Google - Fonts LATO ************************************************************************************** */
/* lato-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: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-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: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-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: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}