/*
Theme Name: Lauschehaus v1.0 Booking -3.2-
Theme URI: http://friebelwv.de/
Author: FRIEBEL Werbeagentur und Verlag GmbH
Author URI: http://www.friebelwv.de/
Description: Individual design EHF
Version: 3.2
*/


/*
@media ( min-width: 600px ) {
}
@media ( min-width: 769px ) and ( orientation: landscape ) , ( min-width: 1025px ) {
*/


/*--------------------------------------------------------------
## Fonts
--------------------------------------------------------------*/

/* lobster-two-regular - latin */
@font-face {
  font-family: 'Lobster Two';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lobster-two-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lobster-two-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lobster-two-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lobster-two-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/lobster-two-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lobster-two-v13-latin-regular.svg#LobsterTwo') format('svg'); /* Legacy iOS */
}

/* lobster-two-700 - latin */
@font-face {
  font-family: 'Lobster Two';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/lobster-two-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lobster-two-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lobster-two-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lobster-two-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/lobster-two-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lobster-two-v13-latin-700.svg#LobsterTwo') format('svg'); /* Legacy iOS */
}


/* source-sans-pro-regular - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/source-sans-pro-v18-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v18-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v18-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v18-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v18-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v18-latin-ext_latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-italic - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/source-sans-pro-v18-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v18-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v18-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v18-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v18-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v18-latin-ext_latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/source-sans-pro-v18-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v18-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v18-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v18-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v18-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v18-latin-ext_latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700italic - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/source-sans-pro-v18-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v18-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v18-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v18-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v18-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v18-latin-ext_latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}




/*--------------------------------------------------------------
## Root
--------------------------------------------------------------*/


:root {
	--width: 90%;
	--min-width: 720px;
	--max-width: 1280px;
	--narrow-max-width: 720px;
	--max-width-half: 720px;
	
	--basic-font: 'Source Sans Pro' , 'Helvetica Neue' , Arial , FreeSans , sans-serif;
	--markup-font: 'Lobster Two' , 'Georgia' , serif;
	--font-normal: 400;
	--font-bold: 700;
	
	--fg-red: rgb(128,0,53);
	--fg-blue: rgb(0,53,128);
	--fg-green: rgb(128, 163, 50);
	--bg-red: rgb(209,163,183);
	--bg-blue: rgb(163,183,209);
	--bg-green: rgb(183,209,163);
	--beige: rgb(251, 245, 221);
  --white: #fff;
	--light-gray: rgb(218,218,218);
	--gray: rgb(160,160,160);
	--dark-gray: rgb(103,103,103);
	--black: #000;
	--white-rgba: rgba(255,255,255,0.85);
  --black-rgba: rgba(0,0,0,0.35);
}




/*--------------------------------------------------------------
## First FWV
--------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0px none;

	font-family: var(--basic-font);
	font-weight: var(--font-normal);
}

html , body {
	width: 100%;
	height: 100%;
}

body {
	font-size: 14px;
	color: var(--fg-black);
	background-color: var(--bg-white);
}
@media ( min-width: 321px ) {
	body {
		font-size: 15px;
	}
}
@media ( min-width: 600px ) {
  body {
    font-size: 15px;
  }
}
@media ( min-width: 1025px ) {
  body {
    font-size: 16px;
  }
}
@media ( min-width: 1140px ) {
  body {
    font-size: 18px;
  }
}



/*--------------------------------------------------------------
## Structure / Normalize / Indicators
--------------------------------------------------------------*/


/* indicators */
div#indicators {
	position: absolute;
	top: -999px;
	width: 1px;
}

div#screen-indicator-mobile {
	display: block;
}
div#screen-indicator-tablet {
	display: none;
}
div#screen-indicator-desktop {
	display: none;
}
@media ( min-width: 600px ) {
	div#screen-indicator-tablet {
		display: block;
	}
}
@media ( min-width: 769px ) and ( orientation: landscape ) , ( min-width: 1025px ) {
	div#screen-indicator-desktop {
		display: block;
	}
}


.mobile-only {
}
.desktop-only {
	display: none !important;
}

.mobile-only {
	display: none;
}
.desktop-only {
	display: block !important;
}
.desktop-only.flex {
	display: flex !important;
}
.desktop-only.inline {
	display: inline !important;
}
.desktop-only.inline-block {
	display: inline-block !important;
}



.visible-on-desktop ,
.visible-on-tablet {
	display: none;
}
.visible-on-mobile {
	display: block;
}
/*li.visible-on-mobile {
	display: list-item;
}*/
.visible-on-mobile.display-flex {
	display: flex;
}

@media ( min-width: 600px ) {
	.visible-on-mobile {
		display: none;
	}
	.visible-on-tablet {
		display: block;
	}
	/*li.visible-on-tablet {
		display: list-item;
	}*/
	.visible-on-tablet.display-flex {
		display: flex;
	}
}

@media ( min-width: 769px ) and ( orientation: landscape ) , ( min-width: 1025px ) {
	.visible-on-tablet {
		display: none;
	}
	.visible-on-desktop {
		display: block;
	}
	/*li.visible-on-desktop {
		display: list-item;
	}*/
	.visible-on-desktop.display-flex {
		display: flex;
	}
}