@font-face {
  font-family: 'FreightBigPro';
  src: url(fonts/freight/FreightBigProLight-Regular.ttf);
  font-display: swap;
  font-weight: 200;
}

@font-face {
  font-family: 'FreightBigPro';
  src: url(fonts/freight/FreightBigProBook-Regular.ttf);
  font-display: swap;
  font-weight: 300;
}

@font-face {
  font-family: 'FreightBigPro';
  src: url(fonts/freight/FreightBigProBook-Italic.ttf);
  font-display: swap;
  font-weight: 300;
  font-style: italic;
}


@font-face {
  font-family: 'FreightBigPro';
  src: url(fonts/freight/FreightBigProMedium-Regular.ttf);
  font-display: swap;
  font-weight: 400;
}

@font-face {
  font-family: 'FreightBigPro';
  src: url(fonts/freight/FreightBigProMedium-Italic.ttf);
  font-display: swap;
  font-weight: 400;
  font-style: italic;
}


@font-face {
  font-family: 'Lausanne';
  src: url(fonts/lausanne/lausanne_100.woff2);
  font-display: swap;
  font-weight: 100;
}

@font-face {
  font-family: 'Lausanne';
  src: url(fonts/lausanne/lausanne_150.woff2);
  font-display: swap;
  font-weight: 150;
}


@font-face {
  font-family: 'Lausanne';
  src: url(fonts/lausanne/lausanne_200.woff);
  font-display: swap;
  font-weight: 200;
}

@font-face {
  font-family: 'Lausanne';
  src: url(fonts/lausanne/Lausanne-200Italic.woff2);
  font-display: swap;
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Lausanne';
  src: url(fonts/lausanne/lausanne_250.woff);
  font-display: swap;
  font-weight: 250;
}

@font-face {
  font-family: 'Lausanne';
  src: url(fonts/lausanne/lausanne_300.woff);
  font-display: swap;
  font-weight: 300;
}

@font-face {
  font-family: 'Lausanne';
  src: url(fonts/lausanne/Lausanne-400.woff2);
  font-display: swap;
  font-weight: 400;
}

@font-face {
  font-family: 'Lausanne';
  src: url(fonts/lausanne/Lausanne-500.woff2);
  font-display: swap;
  font-weight: 500;
}

@font-face {
  font-family: 'Lausanne';
  src: url(fonts/lausanne/lausanne_600.woff);
  font-display: swap;
  font-weight: 600;
}



@font-face {
  font-family: 'Farnham';
  src: url(fonts/Farnham_light.woff);
  font-display: swap;
  font-weight: 300;
}

@font-face {
  font-family: 'Farnham';
  src: url(fonts/farnhamdisplay-light-webfont.woff);
  font-display: swap;
  font-weight: 300;
}

@font-face {
  font-family: 'Farnham';
  src: url(fonts/farnahmreg.woff);
  font-display: swap;
  font-weight: 400;
}

@font-face {
  font-family: 'Farnham';
  src: url(fonts/farnhamdisplay-medium.woff2);
  font-display: swap;
  font-weight: 500;
}


@font-face {
  font-family: 'Farnham';
  src: url(fonts/farnhamdisplay-bold-webfont.woff);
  font-display: swap;
  font-weight: 600;
}





@font-face {
  font-family: 'Farnham';
  src: url(fonts/farnham/italic1.woff);
  font-display: swap;
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Farnham';
  src: url(fonts/farnham/italic2.woff);
  font-display: swap;
  font-weight: 400;
  font-style: italic;
}


@font-face {
  font-family: 'FarnhamText';
  src: url(fonts/farnham/farnham-text-400.woff);
  font-display: swap;
  font-weight: 400;
}

@font-face {
  font-family: 'FarnhamText';
  src: url(fonts/farnham/farnham-text-400-italic.woff);
  font-display: swap;
  font-weight: 400;
  font-style: italic;
}


@font-face {
  font-family: 'FarnhamHeadline';
  src: url(fonts/farnham/headline200.woff);
  font-display: swap;
  font-weight: 200;
}
@font-face {
  font-family: 'FarnhamHeadline';
  src: url(fonts/farnham/headline300.woff);
  font-display: swap;
  font-weight: 300;
}
@font-face {
  font-family: 'FarnhamHeadline';
  src: url(fonts/farnham/headline400.woff);
  font-display: swap;
  font-weight: 400;
}


@font-face {
  font-family: 'FarnhamHeadline';
  src: url(fonts/farnham/headline200italic.woff);
  font-display: swap;
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'FarnhamHeadline';
  src: url(fonts/farnham/headline300italic.woff);
  font-display: swap;
  font-weight: 300;
  font-style: italic;
}



* {
  box-sizing: border-box;
}


html, body{
	margin: 0;
	padding: 0;
	height: 100%;
	font-weight: 300;
	color: #151414;
	background: #fff;
	background: #F8F5F3;
	scroll-behavior: smooth;
	user-select: none; 	

}

p, li{
	font: 400 20px/1.5 'Garamond', serif;	
	font: 400 17px/1.5 'Garamond', serif;	
	font: 100 16px/1.6 'Lausanne', serif;	

	ont: 300 17px/1.5 'Thryomanes', serif;	
	
	font: 300 17px/1.6 'Farnham', serif;	

	hyphens: auto;	
	hyphenate-limit-chars: 12 5 5;

}


@media only screen and (min-width : 1440px){
p, li {font: 300 17px/1.5 'Farnham', serif;	}}

@media only screen and (max-width : 1439px){
p, li {font: 300 17px/1.5 'Farnham', serif;	}}

@media only screen and (max-width : 599px){
p, li {font: 300 17px/1.5 'Farnham', serif;	}}


a, a:visited, a:hover, a:focus, a:active{color: #1d1f2a;white-space: nowrap;}
a:hover{cursor: pointer;}
strong{font-weight: 400;}
img{display: block; margin: 0; width: 100%;}




/* ------------------------------------------------- HEADER */





h1 {
	margin: 10px auto;
	padding: 0;
	text-wrap: balance;
	hyphens: none;	
	text-align: center;
	font: 600 50px/1.1 'SourceSerif', serif;	


	letter-spacing: 0px;
}


.guide h1 {
	font: 500 40px/1.1 'SourceSerif', serif;	
	font: 300 50px/1.1 'FreightBigPro', serif;	


}

h1.destination {
	font: 400 50px/1.1 'Garamond', serif;	
	text-transform: uppercase;
}





h2 {
	font: 400 30px/1.4 'Garamond', serif;	
	font: 500 30px/1.4 'SourceSerif', serif;
	font: 500 28px/1.2 'Montserrat', serif;	
	font: 600 28px/1.2 'Lausanne', serif;	
	
	text-transform: uppercase;
	margin: 0 auto 30px auto;
	text-align: center;
	letter-spacing: 0.5px;
}


p.h2_sub{
	font: 400 italic 18px/1.2 'SourceSerif', serif;	
	font: 200 italic 18px/1.2 'Farnham', serif;	
	margin: -28px auto 30px auto;
	text-align: center;
	letter-spacing: 0;
}

p.h2-pretitle{
	font: 500 14px/1.1 'Montserrat', sans-serif;
	text-transform: uppercase;
	margin: 0 auto 5px auto;
	text-align: center;
	letter-spacing: 0.4px;
}


h3 {
	font: 500 22px/1.2 'SourceSerif', serif;	
	padding: 0;
	margin: 0 0 12px 0;
}




h4 {
	font: 500 20px/1.3 'SourceSerif', serif;	
	margin: 24px 0 0 0;
}

h4+p {
	margin-top: 5px;
}



p.pretitle{
	font-size: 11px;	
	text-align: center;
	margin: 0px auto 10px auto;
	text-transform: uppercase;
	font-weight: 500;
}

p.tag{
	font-size: 12px;	
	font-weight: 500;
	
	font: 300 12px/1.1 'Pressura Mono', serif;	


	user-select: none; 
	
	text-align: center;
	margin: 0 auto 10px auto;
	text-transform: uppercase;
	display: inline-block;
	background: #eee;
	background: #fff;
	padding: 6px 16px;
	border-radius: 14px;
	word-spacing: -4px;
	letter-spacing: 0.5px;
}


p.fullname {
	font: 400 24px/1.1 'Playfair', serif;	
	
	ont-style: italic;
	text-align: center;
	margin: 4px auto 0;
}











header{
	width: 100%;
	margin: 0 auto 30px auto;
	padding: 25px 0;
	background: #fff;
	background: #151414;
	osition: sticky;
	op: 0;
	z-index: 1000;
	order-bottom: 1px solid #F2EEE5;
}



header .logo{
	height: 25px;
	width: 340px;
	padding: 0;
	margin: 0 auto 0px auto;	
	background: re;
}



@media only screen and (max-width : 599px){
header .logo{
	height: 25px;
}
}


header .logo a{
	display: block;
	text-indent: -99999px;
	height: 100%; width: 100%;
	background:  url("images/logo_long_v2a_white.png") no-repeat center center / contain;
	background:  url("images/logo_long_v2b_white.webp") no-repeat center center / contain;
}


header .logo a:hover{
	opacity: 0.8;
}





header nav{
	text-align: center;
	display: block;
	display: none;
}


header nav a, header nav a:visited, header nav a:hover, header nav a:active{
	font: 400 11px/12px 'Lausanne', sans-serif;	
	text-transform: uppercase;
	letter-spacing: 1px;
    margin: 0 10px 0 0;
    text-decoration: none;    
    color: #15192a;
}

header nav a:last-of-type{
    margin-right: 0;
}


@media only screen and (max-width : 599px){
header nav a, header nav a:visited, header nav a:hover, header nav a:active{
	font: 400 10px/12px 'Lausanne', sans-serif;	
	letter-spacing: 0.5px;
    margin: 0 5px 0 0;
}
}

/* ------------------------------------------------- MAIN */

main{
} 


/* -------------------------------------------------  INTRO */



section{
	margin: 0;
}

section.accent, section.section_gallery{
	background: #F2EEE5;
}

section.white{
	background: #fff;
}



section.section_hoteldetails, section.section_review{
	background: #fff;
}


section.section_hoteldetails, section.section_gally {
	background: #F2EEE5;
}





section.megahero{
	margin: 0 0 40px; 
	padding: 0; 
	width: 100%; height: 620px;
	background: url('images/toptop.jpg') center center / cover no-repeat;
	background: url('images/hero.jpg') center center / cover no-repeat;
	display: flex;
	 align-items: center;
 	 justify-content: center;
  	text-shadow: 0 0 15px #000;	
}


@media only screen and (max-width: 599px){
section.megahero{
	height: 400px;
}
}


section.megahero .megahero_title{
	
	margin: 0 auto;
	text-align: center;
	font: 400 50px/1.1 'Farnham', serif;	
	color: #fff;	
	max-width: 500px;
	text-wrap: balance;
	
}


section.heroimage{
	width: 100%;
	height: 600px;
	max-height: 200px;
	background: #ddd url("images/hero/puqio.jpg") no-repeat center center / cover;	
}




.section_content{
	width: calc(100% - 60px);
	max-width: 1040px;	
	margin: 0 auto;
	padding: 60px 0;
	order-left: 1px solid yellow;
	order-right: 1px solid yellow;
}


@media only screen and (min-width: 1260px){
.section_content{
	width: 100%;
	max-width: 1200px;	
	padding: 60px 0;
	brder-left: 1px solid lightgreen;
	order-right: 1px solid lightgreen;
}
}





.section_review .reviewer{
	width: 100%;
	max-width: 1040px;
	max-width: 1040px;
	max-width: 1200px;
	margin: 0 auto;
}


.section_review .reviewer .texting{
	max-width: 720px;
	margin: 0 auto 0 auto;
}





.img-vid{
	margin: 40px 0;
	width: 100%;
	display: flex;
	gap: 20px;
}

.img-vid .img{
	width: calc(100% - 820px);
	background: red url("images/4x5_paracas.jpg") no-repeat center center / cover;
}



.section_review .reviewer .videonew{
	width: 600px;
	mrgin: 40px 0 40px auto;
	padding: 40px 0;
	ackground-image: linear-gradient(to right, transparent 20px, #F4F1E5 20px, calc(100% - 60px), #F4F1E5 calc(100% - 20px), transparent calc(100% - 20px));
}









@media only screen and (max-width : 599px){
.section_review .reviewer .videonew{
	display: none;
}
}



.section_review .reviewer .videonew video{
	margin: 0;
	display: block;
}

.section_review .reviewer .videonew p.caption{
	margin: 5px 0 0 40px;
}






.whatilove{
	margin: 40px auto 10px auto;
	max-width: 1040px;	
	display: flex;
	gap: 80px;
	align-items: center;
}


.whatilove .image{
	width: 60%;	
}


.whatilove .lovelist{
	width: 40%;	
}


@media only screen and (max-width : 599px){
.whatilove{
	display: block;
}
}




.whatilove h3{
	font: 500 25px/1.2 'SourceSerif', serif;	
}

.whatilove h3 em{
	font: italic 500 30px/1.2 'SourceSerif', serif;	
}





.whatilove ul{
	padding: 0;
}


.whatilove li{
	ist-style-image: url('images/icons/icon_plus.webp');
	list-style: outside url("images/icons/5684957.png");
	padding-left: 40px;
	margin-left: 0;
	list-style: none;
	background: url("images/icons/5684957.png") no-repeat top 1px left / 26px;
}






.love{
	margin: 0 auto 160px auto;
	max-width: 1000px;
	max-width: 1080px;
	max-width: 1200px;
	padding: 40px 60px 40px 60px;
	background: #ede9e4;
	border-top: 0px solid #e3ded5;
}

.love h3{
	font: 300 25px/1.2 'FarnhamHeadline', serif;	
	font: 200 30px/1.2 'FarnhamHeadline', serif;	
	margin: 0;
}


.love ul{
	columns: 3;
	column-gap: 60px;
	list-style-type: disc;
}



.love ul li{
	break-inside: avoid;
	margin-bottom: 30px;
	padding-left: 5px;
}



@media only screen and (max-width : 599px){
.love{
	padding: 30px;
}
.love ul{
	columns: 1;
	column-gap: 0px;
}
.love ul li{
break-inside: avoid;
margin-bottom: 15px;
}
}



.lovelister{
	border: 1px solid #F4F1E5;
	padding: 30px;
}





.section-intro{
	background: #F4F1E5;
	background: #C2C2C2;

	background-image: linear-gradient(to bottom, transparent calc(100% - 60px), #fff calc(100% - 60px));
}


.section_intro{
	ackground: #F4F1E5;
	margin: 0;
}

.section-intro .content{
	max-width: 960px;	
	padding-bottom: 0;
	margin: 0 auto;
	max-width: 1300px;	
}



.section-intro .content{
	padding-top: 40px;
}


.section-video .content p, .section-impressions .content p, .section-related .content p{
	margin-bottom: 20px;
}



.disclaimer{
	text-wrap: balance;
}



.intro{
	text-align: center;
}


.content p.location{
	font: 400 12px/2 'Montserrat', sans-serif;
	margin: 10px auto 20px auto;
	text-align: center;
}

.content p.location .destination{
	font: 600 10px/2 'Montserrat', sans-serif;
	letter-spacing: 0.4px;	
	text-transform: uppercase;
	display: block;
}




.author{
	font:  400 18px/1.2 'Garamond', sans-serif;
	display: block;
	margin: 30px auto;
	display: flex;
	gap: 10px;
	width: 400px;
	order-top: 1px solid #ccc;
	order-bottom: 1px solid #ccc;
	adding: 12px 0 10px 0;
}

.author p{
	width: 50%;
	margin: 0;
}

.author span{
	font: 500 9px/1.2 'Montserrat', sans-serif;
	text-transform: uppercase;
	margin-right: 2px;
	display: block;
	letter-spacing: 0.2px;
}


.heroimage{
	margin: 0px 0 30px 0;
	width: 100%;
	height: auto;
}

.heroimage video{
	margin: 0;
	padding: 0;
	aspect-ratio: 16 / 9;
	display: block;
}




.introarea{
	margin: 40px auto 0 auto;
	display: flex;
	flex-direction: row;
	align-items: start;
	width: calc(100% - 120px);
	width: calc(100% - 160px);
	gap: 100px;
}




.highlights{
	font: italic 400 30px/1.3 'Garamond', serif;	
	font:  200 18px/1.4 'Lausanne', serif;	
	margin: 20px auto;
	padding: 0;
	text-wrap: balance;
	text-align: center;
	max-width: 640px;
	max-width: 600px;

}


@media only screen and (max-width : 599px){
.highlights{
	font: 400 24px/1.2 'SourceSerif', serif;	
	width: calc(100% - 60px);
}
}

.introarea .introductions{
	width: 600px;
	margin:  0;
	text-align: left;
}



.introarea .introductions .tags{
	font: 600 12px/1.4 'Montserrat', serif;	
	text-transform: uppercase;
	display: block;
	margin: 0 0 10px 0;
}




















@media only screen and (max-width : 599px){
.introarea{
	width: calc(100% - 60px);
	display: block;

}


.introarea  .highlights{
	width: 100%;
	font-size: 28px;	
	margin: 0 0 30px 0;
}

.introarea .introductions{
	width: 100%;
	margin:  0;
	text-align: left;
}


}




.images_top{
	idth: calc(100% - 60px);
	max-width: 1340px;
	ax-width: 1920px;
	margin: 60px auto 50px;
	isplay: flex;
	flex-direction: row;
	align-items: center;
}


.images_top p{
	width: 400px;
	width: calc(33.333% - 15px);
	margin: 0 30px 0  0;
	position: relative;
}


.images_top p img{
	width: 100%;
	margin: 0;
}

.images_top p span{
	position: absolute;
	left: 10px;
	bottom: 6px;
	font: 200 14px/1.1 'Farnham', serif;	
	color: #fff;
	text-shadow: 0 0 20px #000;
}


@media only screen and (max-width : 599px){
.images_top p{
	width: 70%;
	margin: 0 20px 0  0;
}
}











.hoteldetails_intro{
	margin: 0px auto 60px auto;
	width: calc(100% - 60px);
	max-width: 600px;
	text-align: center;
}


.hoteldetails_intro h2{
	text-align: center;
}








.hoteldetails_hotelarea{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 80px;
	gap: 60px;
	margin: 0 auto 60px auto;
	text-align: left;
}

.hoteldetails_hotelarea .image{
	idth: 45%;
	width: 460px;
	width: 50%;
	position: relative;
	aspect-ratio: 4 / 5;
}


.hoteldetails_hotelarea .image img{
	aspect-ratio: 4 / 5;
}

.hoteldetails_hotelarea .text{
	idth: 55%;
	idth: calc(55% - 60px);
	width: 460px;
	width: 50%;
	argin-right: 80px;
	adding: 0 80px;
}

.hoteldetails_hotelarea .text p{
	ont: 400 14px/1.6 'Montserrat', serif;	
	ont-size: 18px;
}

.hoteldetails_hotelarea .text p strong{
	font-weight: 500;	
}




.odd .text{
	argin-right: 0;
	argin-left: 80px;
}


.odd .image{
	order: 1;
}


h3._caps{
	font: 400 20px/1 'Garamond', serif;	
	text-transform: uppercase;
	
}




/*
@media only screen and (max-width : 1040px){
.hoteldetails_hotelarea{
	display: block;
	width: calc(100% - 60px);
	max-width: 500px;
	max-width: 472px;
	margin: 0 30px;
	margin: 0 auto 20px auto;
	border-bottom: 1px solid #e9e4d6;
	padding-bottom: 10px;
}

.hoteldetails_hotelarea .image{
	width: 100%;
	margin: 40px 0 0 0;
}



.hoteldetails_hotelarea .text{
	width: 100%;
	padding: 20px 0 0 0;
	margin: 0;
}

.hoteldetails_hotelarea h3{
	ext-align: center;
	padding: 8px 0;
}

.hoteldetails_hotelarea h3+p{
	margin-top: 0;
}

}
*/




@media only screen and (min-width : 600px) and (max-width : 1200px){
.hoteldetails_hotelarea{
	width: 100%;
	margin: 0 30px;
	margin: 0 auto 20px auto;
	border-bottom: 1px solid #e9e4d6;
	padding-bottom: 10px;
	gap: 40px;
}

.hoteldetails_hotelarea .image{
	width: 100%;
	margin: 40px 0 0 0;
}



.hoteldetails_hotelarea .text{
	width: 100%;
	padding: 20px 0 0 0;
	margin: 0;
}

.hoteldetails_hotelarea .text p{
	font-size: 15px;
}



.hoteldetails_hotelarea h3{
	ext-align: center;
	padding: 8px 0;
}

.hoteldetails_hotelarea h3+p{
	margin-top: 0;
}

}



@media only screen and (max-width : 599px){
.hoteldetails_hotelarea{
	display: block;
	idth: calc(100% - 60px);
	ax-width: 500px;
	ax-width: 472px;
	margin: 0 30px;
	margin: 0 auto 20px auto;
	border-bottom: 1px solid #e9e4d6;
	padding-bottom: 10px;
}

.hoteldetails_hotelarea .image{
	width: 100%;
	margin: 40px 0 0 0;
}



.hoteldetails_hotelarea .text{
	width: 100%;
	padding: 20px 0 0 0;
	margin: 0;
}

.hoteldetails_hotelarea h3{
	ext-align: center;
	padding: 8px 0;
}

.hoteldetails_hotelarea h3+p{
	margin-top: 0;
}

}







.section_gally{
	padding: 60px 0;
}

.section_gally .inside{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}


.section_gally .carousel{
	width: 100%;
	max-width: 600px;
	max-width: 1040px;
	max-width: 1200px;
	margin: 0 auto;
}



.section_gally .carousel img{
	width: 70%;
	width: 100%;
	margin-right: 1px;
}




.carousel-cell.size-180 { width: 180px; }
.carousel-cell.size-large { width: 75%; }

.carousel-cell.size-3x4 { width: 180px; border: 1px solid red; }



@media only screen and (max-width : 599px){
.section_gally .carousel img{
	width: 100%;
	margin: 0;
	height: auto;
}
}






.section_gally .inside .four{
	width: 100%;
	ackground: yellow;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	border-top: 1px solid red;
}


.section_gally .inside .four p{
	margin: 0;
	width: calc(50% - 10px);
}




.alt-caption{
	font: 400 italic 15px/1.1 'SourceSerif', serif;	
	text-shadow: 0 0 12px #000;
	position: absolute;
	left: 12px;
	bottom: 8px;
	color: #fff;
}


.nocaption .alt-caption{
	display: none;
}

@media only screen and (max-width : 599px){
.alt-caption{
	font: 400 italic 13px/1.1 'Garamond', serif;	
}
}






.flexbox{
	margin: 40px auto;
	display: flex;
	flex-direction: row;
	align-items: start;
	gap: 60px;
}





ul  {
	margin: 24px 0 0 0;
	list-style-type: square;
	padding: 0 0 0 20px;
	
}


ul li {
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
}





.inside{
	margin: 0 auto;
	max-width: 1040px;
	display: flex;
	gap: 80px;
}


.inside .reviewing{
	margin: 0;
	width: 60%;
}



.inside .loves{
	width: 60%;
}









.review{
	display: flex;
	flex-direction: row;
	align-items: center;	
	gap: 80px;
}


.thereview{
	width: 600px;
	width: calc(100% - 60px);
	width: calc(100% - 0px);
	max-width: 1040px;
	margin: 0 auto;
}

.thereview p{
	margin-left: 220px;
	margin-right: 220px;
}

@media only screen and (max-width : 599px){
.thereview p{
	margin-left: 30px;
	margin-right: 30px;
}
}




.images_two{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: start;
	gap: 10px;
	margin: 30px 0;
}

.images_two .image{
	width: 100%;
	position: relative;
}


@media only screen and (max-width : 599px){
.images_two{
	gap: 4px;
}

.images_two .image:nth-of-type(2){
	display: none;
}

}





.images_one{
	width: 100%;
	margin: 30px 0;
}

.images_one .image{
	width: 100%;
}


p.aboutthisstay{
	font-style: italic;
	max-width: 500px;
	margin-top: 30px;
}


.thereview_side{
	width: 300px;
	margin: 0;
}

.thereview_side video{
	width: 360px;
	margin: 0;
	padding: 40px;
	background: #eee;
}


.section-impressions .flexbox {
	display: flex;
	flex-direction: row;
	align-items: start;
	gap: 10px;
	margin-left: -80px; margin-right: -80px;
}



.usp {
	width: 600px;
	margin: 0 auto;
	padding: 40px 0;
}


section.section_three{
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
}






.images_three {
	width: 100%;
	max-width: 1040px;
	margin: 40px auto;
}


.images_three .img{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
	gap: 8px;
	position: relative;
	margin: 0;
}


@media only screen and (max-width : 599px){

section.section_three{
	padding: 0;
}

.images_three {
	margin: 20px auto;
}

.images_three .img{
	gap: 5px;
}

}





.images_three .img .image{
	idth: 33.3%;
	margin: 0;
}




.section-impressions .image{
	width: 400px;
}


.section-impressions .image img{
	width: 100%;
}







.videoplayer{
	width: 100%; 
	margin: 0;
    background-image: linear-gradient(to bottom, #fff 60px, #F2EEE5 60px, #F2EEE5 calc(100% - 60px), #fff calc(100% - 60px));
	ackground: #fff;
    background-image: linear-gradient(to bottom, #fff 50%, #F2EEE5 50%);
	ackground-image: linear-gradient(to bottom, #fff 80px, #F2EEE5 80px);
}

@media only screen and (max-width : 599px){
.videoplayer{
	adding: 20px 0;
    ackground-image: linear-gradient(to right, #fff 30px, #F2EEE5 30px);
}
}






.videoplayer video{
	width: 100%;
	max-width: 1040px; 
	display: block;
	margin: 0 auto;
}





.content_infos{
	margin: 40px auto;
	display: flex;
	flex-direction: row;
	align-items: start;
	gap: 80px;
}




.besttimetogo, .howtogetthere{
	width: 50%;
}








.highs-lows{
	width: calc(100% - 60px - 160px);
	max-width: 1040px;
	max-width: calc(1040px - 160px);
	display: flex;
	flex-direction: row;
	align-items: start;
	gap: 100px;
	gap: 100px;
	padding-top: 0px;	
	margin: 0 auto 60px auto;
}


.highs-lows .side{
	width: 50%;
}


.highs-lows li{
	margin: 0 0 12px 0;
	text-wrap: balance;
	padding-left: 8px;
}



@media only screen and (max-width : 599px){
.highs-lows{
	display: block;
	width: calc(100% - 60px);
	max-width: 500px;
}
.highs-lows .side{
	width: 100%;
	margin-bottom: 40px;
}

.highs-lows li{
	margin: 0 0 12px 0;
	text-wrap: wrap;
}


}











/* ----------------------------------------------- list */




.introd_wrap{
	width: 100%;
	margin: 0 0 40px 0 ;
	background: #eee;
}

.introd{
	max-width: 1400px;
	width: 1400px;
	margin: 0px auto;
	display: flex;
	gap: 0px;
	align-items: center;
	text-align: center;
	border-top: 1px solid #fefefe;
}


.introd .left{
	width: 50%
}

.introd .right{
	width: 50%
}





.introd h1 {
	font: 300 46px/1.1 'FreightBigPro', sans-serif;
	margin: 0 auto 20px auto;
	text-align: center;
	text-wrap: balance;
}

.introd p.article_type{
	font: italic 200 20px/1.05 'FreightBigPro', sans-serif;
	text-align: center;
	margin: 0 auto 12px;
}


.introd p.summary{
	ont: talic 200 22px/1.05 'FreightBigPro', sans-serif;
	font-size: 20px;
	ine-height: 1.3;
	text-align: center;
	margin: 0 auto 20px;
	text-wrap: balance;
	max-width: 500px;
}

.introd p.location{
	font: 600 11px/14px 'Lausanne', sans-serif;	
	margin: 0 0 2px 0;
	text-align: center;
	text-wrap: balance;
	text-transform: uppercase;
}





.hero{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto 60px;
	position: relative;
	aspect-ratio: 16 / 9;
	background:  url("images/hero/hero_1.webp") no-repeat center center / contain;
	background: #333 url("images/hero/zannier.webp") no-repeat center center / contain;
	background: #333 url("images/hero/puq3.webp") no-repeat center center / contain;
	ackground: #333 url("https://nomadicresorts.com/wp-content/uploads/2022/10/ateliernomadic-wildcoasttentedlodge-1.jpg") no-repeat center center / cover;
	ackground: #333 url("https://hideaways-hotels.com/wp-content/uploads/elementor/thumbs/Forestis-Zimmer-Suiten24-qivfofphicry210cvrahr663qq5whw4qa4mx6udpv4.jpg") no-repeat center center / cover;
	
	
}


.hero_2{
	width: 100%;
	aspect-ratio: 1920 / 1080;
	max-width: none;
	background: red;
}


.hero_2 video{
  margin: 0;
  display: block;
}





.hero .logo{
	height: 60px;
	width: 340px;
	width: 100%;
	padding: 0;
	margin: 0 auto;	
	position: absolute;
	top: 0px;
	background-image: linear-gradient(to top, rgba(000,0,0,0), rgba(000,0,0,0.6));
}




.hero .logo a{
	display: block;
	margin-top: 40px;
	text-indent: -99999px;
	height: 50%; width: 100%;
	background:  url("images/logo_long_v2a_white.png") no-repeat center center / contain;
	background:  url("images/logo_long_v2b_white.webp") no-repeat center center / contain;
}



.hero_top_white .logo{
	background-image: none;
}


.hero_top_white .logo a{
	background:  url("images/logo_long_v2b.webp") no-repeat center center / contain;
}

.hero .title{
	width: 100%;
	padding: 0;
	margin: 0 auto;	
	position: absolute;
	bottom: 0;
	padding: 40px 0;
	color: #fff;
	text-align: center;
	background-image: linear-gradient(to bottom, rgba(000,0,0,0), rgba(000,0,0,0.4));
}


.hero p.article_type{
	font: italic 200 20px/1.05 'FreightBigPro', sans-serif;
	text-align: center;
	margin: 0 0 12px 0;
	text-shadow: 0 0 30px #000;
}



.hero .title h1 {
	font: 200 70px/1.2 'FarnhamHeadline', sans-serif;
	font: 200 85px/1'FreightBigPro', sans-serif;
	margin: 0 auto;
	text-shadow: 0 0 50px #000;
}



.hero .title p.location{
	font: 400 12px/1.1 'Lausanne', sans-serif;	
	margin: 0;
	text-align: center;
	text-wrap: balance;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	text-shadow: 0 0 30px #000;
}

.hero .title p.location a{ 
	color: #fff;
}



@media only screen and (max-width : 599px){

.hero .title{
	padding-bottom: 20px;
}

.hero .title h1 {
	font: 200 45px/1'FreightBigPro', sans-serif;
}

.hero p.article_type{
	font: italic 200 16px/1.05 'FreightBigPro', sans-serif;
	text-align: center;
	margin: 0 0 8px 0;
}

.hero .title p.location{
	font: 400 10px/1.1 'Lausanne', sans-serif;	
}


}










.intros {
	max-width: 800px;
	max-width: 600px;
	margin: 50px auto;
}


.intros h1 {
	text-transform: none;
	font: 300 42px/1.2 'FarnhamHeadline', sans-serif;
	font: 300 46px/1.1 'FreightBigPro', sans-serif;
	font: 300 55px/1.1 'FreightBigPro', sans-serif;
	letter-spacing: 0.5px;
	margin: 0 auto 10px auto;
	text-align: center;
	text-wrap: balance;
	ext-transform: uppercase;
	
	font: 300 65px/1.1 'FreightBigPro', sans-serif;
	font: 200 70px/1.2 'FarnhamHeadline', sans-serif;

}

.intros p.article_type{
	font: italic 200 20px/1.05 'FreightBigPro', sans-serif;
	text-align: center;
	margin: 0 0 12px 0;
}



@media only screen and (max-width : 599px){
.intros {
	width: calc(100% - 60px);
	margin: 30px auto;
}
.intros h1 {
	font: 300 36px/1.2 'FarnhamHeadline', sans-serif;
}
}





.intros p.summary{
	ont: talic 200 22px/1.05 'FreightBigPro', sans-serif;
	font-size: 18px;
	ine-height: 1.3;
	text-align: center;
	margin: 0 0 15px 0;
	text-wrap: balance;
}


.intros p.location{
	font: 600 11px/14px 'Lausanne', sans-serif;	
	margin: 0 0 2px 0;
	text-align: center;
	text-wrap: balance;
	text-transform: uppercase;
}





.titlepicture{
	max-width: 1340px;
	margin: 0 auto 40px auto;
}







.imagegrid{
	max-width: 1200px;
	margin: 60px auto 60px auto;
}


.imagegrid p{
	margin: 0;
}



.imagegrid .imagegrid_top{
	margin: 0 0 40px;
	display: flex;
	gap: 50px;
	align-items: center;
}

.imagegrid .imagegrid_bottom{
	margin: 0 60px;
	display: flex;
	gap: 50px;
	align-items: center;
}





.hotel_main{
	width: calc(100% - 120px);
	max-width: 1200px;
	margin: 0 auto 60px;
	
	display: flex;
	gap: 100px;
}


@media only screen and (max-width : 599px){
.hotel_main{
	width: calc(100% - 60px);
	margin: 0 auto 40px;
	display: block;
}
}

.hotel_main .content{
	max-width: 600px;
	margin: 0 ;
}



.hotel_main .content h5{
	font: 400 12px/20px 'Lausanne', sans-serif;	
	margin: 0 0 12px 2px;
	text-wrap: balance;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	olor: #888;
}

 .hotel_main .content p.first{
	font: 200 32px/1.2 'FarnhamHeadline', serif;
	margin: 0 0 30px 0;
	max-width: 580px;
	text-wrap: balance;
}



.hotel_main .sider{
	ackground: yellow;
}





.section_hoteldetails{
	margin: 0;
}

.section_inside{
	max-width: 1200px;
	margin: 0 auto 260px;
}






.lookingcloser_section{
	margin: 0;
}

.lookingcloser{
	width: calc(100% - 30px);
	max-width: 1200px;
	margin: 0 auto 260px;
}


.lookingcloser .lookingcloser_chapter{
	ax-width: 600px;
	margin: 0 auto;
	margin-bottom: 120px;
	display: flex;
	gap: 100px;
}


.lookingcloser_chapter_image{
	width: 400px;
	width: 60%;
}


.lookingcloser .text{
	margin-top: 60px;
	width: 600px;
	width: 40%;
}




@media only screen and (max-width : 599px){

.lookingcloser{
	width: calc(100% - 60px);
}

.lookingcloser .lookingcloser_chapter{
	margin-bottom: 60px;
	display: block;
}

.lookingcloser_chapter_image{
	width: 100%;
}

.lookingcloser .text{
	width: 100%;
	margin-top: 30px;
}
}







.lookingcloser .lookingcloser_chapter h3{
	font: 200 28px/1.2 'FarnhamHeadline', serif;
}



.lookingcloser_chapter:nth-of-type(even) .lookingcloser_chapter_image{
	order: 1;
}




.review_wrap{
	max-width: 1260px;
	margin: 0 auto 100px;
	display: flex;
	gap: 120px;
}




.review_content{
	width: 620px;
	margin: 0;
}

.review_side{
	width: 460px;
	ackground: red;
}




.twoimg{
	isplay: flex;
	width: 100%;
	position: relative;
	margin: 60px 0 0;
	display: flex;
}


.twoimg p{
	margin: 0;
	width: 65%;
	osition: absolute;
}

.twoimg p.one{
	top: 0;
	left: 0;
}
.twoimg p.two{
	top: 0px;
	right: 0;
	margin: 60px 0 0 -40px;
}





 p.first{
	font: 200 28px/1.25 'FarnhamHeadline', serif;
	margin: 0 150px 30px 0;
}



.review_content p{
	margin: 0 0 15px 0;
}

.review_content h4{
	font: 200 28px/1.3 'FarnhamHeadline', serif;
	margin: 0 0 20px;
}

h5{
	font: 500 12px/20px 'Lausanne', sans-serif;	
	margin: 0 0 12px 0;
	text-wrap: balance;
	text-transform: uppercase;
	color: #888;
}



.review_main{
	max-width: 1200px;
	margin: 0 auto;
}



.review_main .text{
	max-width: 720px;
	margin: 0 auto;
}







@media only screen and (max-width : 1200px){
.review_wrap{
	width: calc(100% - 120px);
	max-width: 800px;
	margin: 0 auto;
	display: block;
}

.review_content{
	width: 100%;
	margin: 0;
}

.review_side{
	width: 100%;
	max-width: 600px;
}

}







.imageboxer{
	width: 980px;
	margin: 0 auto 60px;
	columns: 2;
	column-gap: 40px;
}


.imageboxer p{
	margin: 0;
}

.imageboxer p:{
	margin: 0;
}

.imageboxer img{
	margin: 0 0 0px 0;
}


.imageboxer p .caption{
	margin: 5px 0 22px 0;
	display: block;
	font: italic 200 15px/1.4 'Farnham', serif;
}





.section-list{
	background: #fff;
}


section.article_hero{
	background: #F1EEE5;
	background: #C2C2C2;
	background: none;
	
	ax-width: 1320px;
	margin: 0 auto 60px auto;
}

div.article_hero{
	max-width: 1320px;
	margin: 0 auto;
}

div.article_hero p{
	margin: 0;
}




@media only screen and (min-width : 1200px) and (max-width : 1439px){
section.article_hero{
	padding:  0;
}
div.article_hero{
	max-width: 1140px;
}
}



@media only screen and (min-width : 600px) and (max-width : 1199px){
div.article_hero{
	width: calc(100% - 60px);
	max-width: 840px;
}
}


@media only screen and (max-width : 599px){
section.article_hero{
	margin: 0 auto 30px auto;
}
}





.list_wrapper aside{
	width: 360px;
	order: 1;
}




@media only screen and (min-width : 1440px){
.list_wrapper{
	display: flex;
	flex-direction: row;
	gap: 120px;
	width: 1320px;
	margin: 0 auto;
}
.article{
	width: 840px;
	margin: 0 auto;
}

article .list-content{	
	max-width: 600px;
	margin: 0 auto;
}
}



@media only screen and (min-width : 1200px) and (max-width : 1439px){
.list_wrapper{
	display: flex;
	gap: 60px;
	width: 1140px;
	margin: 0 auto;
	order-top: 2px solid green;
}
article{
	width: 720px;
	margin: 0 auto;
}
article .list-content{	
	max-width: 600px;
	margin: 0 auto;
}
}


@media only screen and (min-width : 600px) and (max-width : 1199px){
.list_wrapper{
	display: block;
	width: calc(100% - 60px);
	max-width: 840px;
	margin: 0 auto;
}
article{
	width: 100%;
}

aside{
	display: none;
}


article .list-content{	
	max-width: 600px;
	width: calc(100% - 240px);
	margin: 0 auto;
}

}




@media only screen and (max-width : 599px){
.list_wrapper{
	display: block;
	width: calc(100% - 60px);
	margin: 0 auto;
}
article{
	width: 100%;
	margin: 0 auto;
}

aside{
	isplay: none;
}


article .list-content{	
	width: 100%;
}

}
















aside p{
	font-size: 15px;
	line-height: 1.5;
}





article .chapter{	
	margin: 0 0 60px 0;
	margin: 0 0 90px 0;
}




.picture{
	margin: 60px 0 40px 0;
}

.picture p.picture_caption{
	font: 500 9px/1.1 'Lausanne', serif;	
	ont: italic 300 15px/1.1 'Farnham', serif;	
	font: 200 13px/1.1 'Lausanne', serif;	
	
	font: italic 200 14px/1.1 'Farnham', serif;	

	etter-spacing: 0.5px;
	ext-transform: uppercase;
	margin: 10px 0 0;
	display: block;
}








.image{
	margin: 60px 0 0px 0;
}

 .image img{
	display: block;
	margin: 0;
}




.image_two{
	display: flex;
	gap: 10px;
	gap: 20px;
	width: calc(100% - 20px);
	justify-content: start;
	align-items: center;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: start;
	margin: 0 0 0px 0;
  
}

.image_two:after{
    content: '';
	display: none; /* hide :after */
}



.image_two img{
	width: 50%;
	display: block;
}




.image_threee{
	display: flex;
	gap: 12px;
	width: 100%;
  
}

.image_threee:after{
    content: '';
	display: none; /* hide :after */
}



.image_threee .pic{
	width: 100%;
	display: block;
}



article .list-content h1 {
	text-transform: none;
	font: 400 36px/1.15 'FreightBigPro', sans-serif;
	font: 300 46px/1.05 'FreightBigPro', sans-serif;
	font: 300 42px/1.1 'FarnhamHeadline', sans-serif;
	margin: 0 auto 30px auto;
	text-align: left;
	text-wrap: balance;
}

@media only screen and (max-width : 599px){
article .list-content h1 {
	font-size: 40px; 
}
}

article p.article_type{
	txt-transform: uppercase;
	font: 500 13px/1.2 'Lausanne', serif;	
	letter-spacing: 0.2px;
	etter-spacing: 0.8px;
		font: italic 200 20px/1.05 'FreightBigPro', sans-serif;

	margin: 0 0 12px 2px;
    ackground-image: linear-gradient(to top, #eee 4px, transparent 4px);
    display: inline-block;
}


article p.introtext{
	font-size: 22px;
	margin: 0 0 30px;
}



.listing-intro{
	margin: 0 0 60px;
}


article h2{
	font: 300 32px/1.2 'Playfair', sans-serif;
	font: 300 38px/1.15 'Playfair', sans-serif;
	
	fon: 400 26px/1.15 'Farnham', serif;	
	
	font: 300 38px/1.05 'FreightBigPro', sans-serif;
	
	font: 200 36px/1.1 'FarnhamHeadline', sans-serif;


	text-transform: none;

	letter-spacing: 0;
	max-width: 400px;
	margin: 30px auto 0;
	text-wrap: balance;
	text-align: center;
}



article h2 .location{
	font-style: italic;
}

article h2+p{
	margin-top: 20px;
}

article h3{
	font: 500 18px/1.2 'Farnham', serif;	
	margin: 40px 0 0 0;
}



article p.where{
	font: 600 12px/3 'Lausanne', sans-serif;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	text-align: center;
}



article ul{
	margin: 30px 0;

}
article li{
	margin: 0 0 10px 0;
}

article ul li strong{
	font-weight: 500;
}




@media only screen and (max-width : 599px){


article .picture{
	margin-left: -30px;
	margin-right: -30px;
}



article .picture p.picture_caption{
	padding-left: 30px;
}



article .picture .image_two{
	display: block;
	width: 100%;
}


article .image_two:after{
	content: 'flickity';
	display: none; /* hide :after */
}

article  .image_two img{
	width: 75%;
	margin: 0 10px 0 0;
}





article .image_threee{
	display: block;
	width: 100%;
	margin: 0 0 40px 0;
  
}

article .image_threee:after{
	content: 'flickity';
	display: none; /* hide :after */
}



article .image_threee .pic{
	width: 80%;
	margin: 0 10px 0 0;
}

article h2{
	max-width: 360px;
	font-size: 32px;
	margin: 20px auto;
}


}










.end{
	padding: 40px;
	background: #F2EEE5;
}



@media only screen and (max-width : 599px){

article  .listing .end{
	margin: 30px - 30px;
	padding: 30px;
	width: calc(100% - 60px);
}

}





article .links{
	margin: 30px auto 60px auto;
	margin: 30px 0 60px;
	ax-width: 250px;
	display: flex;
	gap: 12px;
	text-align: center;
}

article .links a{
	font: 600 9px/1.1 'Lausanne', serif;	
	letter-spacing: 0.5px;
	text-transform: uppercase;
	border: 1px solid #ddd;
	text-decoration: none;
	padding: 8px 10px;
	idth: 50%;
}





p.ending{
	font-style: italic;	
}


/* ----------------------------------------------- overview */



.overviewarea{
	width: calc(100% - 60px);
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 0 60px 0;
	display: flex;
	gap: 40px;
	flex-wrap: wrap;

}

@media only screen and (max-width : 599px){

.overviewarea{
	display: block;
}
}

.overviewarea .entry{
	margin: 0 0 40px 0;
	width: 30%;
}

@media only screen and (max-width : 599px){

.overviewarea .entry{
	width:100%;
}
}


.overviewarea .entry p.image{
	background: #fff;
	margin: 0 0 14px 0;
}

.overviewarea .entry p.title{
	margin: 0 0 12px 0;
	font: 400 26px/1.1 'Garamond', serif;	
}

.overviewarea .entry p.where{
	margin: 0 0 5px 0;
	font: 500 10px/1.1 'Montserrat', sans-serif;
	letter-spacing: 0.4px;	
	text-transform: uppercase;
}

.overviewarea .entry p.text{
	margin: 0;
	font: 400 16px/1.4 'Garamond', serif;	
}




/* ----------------------------------------------- list */




.section-planning{
	background: #fff;
}



.planning_two{
	margin: 60px auto;
	max-width: calc(1040px - 160px);	
	ax-width: 1040px;	
	display: flex;
	flex-direction: row;
	align-items: start;
	gap: 120px;
	
	ackground-image: linear-gradient(to right, transparent calc(50% - 0.5px), #15192a calc(50% - 0.5px), #15192a calc(50% + 0.5px), transparent calc(50% + 0.5px));

}



.section_besttimetogo{
	width: calc(100% - 60px);
	max-width: 560px;
	
	width: 50%;
	max-width: auto;
	
	margin: 0px auto 60px auto;
}


.section_howtogetthere{
	width: calc(100% - 60px);
	max-width: 600px;
	
	width: 50%;
	max-width: auto;
	
	margin: 0px auto 60px auto;
}


.section_howtogetthere .inteo{
	width: 100%;
	max-width: 520px;
	margin: 0px auto 30px auto;
}
 


.section_howtogetthere .section_howtogetthere_inside{
	width: calc(100% - 60px);
	max-width: 600px;	
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 80px;
}



.section_howtogetthere .map{
	width: 40%;
}

.section_howtogetthere .text{
	width: 60%;
}








@media only screen and (max-width : 599px){




.planning_two{
	max-width: calc(100% - 60px);	
	display: block;
	

}

.section_besttimetogo{
	display: block;
	max-width: auto;
	width: 100%;	
}

.section_howtogetthere{
	display: block;
	max-width: auto;
	width: 100%;
	
}

.section_howtogetthere .map{
	width: 60%;
	margin: 0 auto;
}

.section_howtogetthere .text{
	width: 100%;
}


}




.section_booking{
	text-align: center;
	margin: 0 auto;
	order: 1px solid #ddd;
	adding: 30px;
	width: calc(100% - 62px);
	max-width: calc(560px - 62px);		
	max-width: calc(860px - 62px);		
	background: #F1EEE5;
	display: flex;
	align-items: center;
	gap: 0px;
}

@media only screen and (max-width : 599px){
.section_booking{
	max-width: calc(100% - 62px - 60px);		
}
}







.planning_three{
	margin: 60px auto;
	max-width: 1040px;	
	display: flex;
	flex-direction: row;
	align-items: start;
	gap: 60px;
}

.planning_three .planning-section{
	ackground: #F1EEE5;
	width: 30%;
}


.planning_three .section_bookit{
	background: #F1EEE5;
	padding: 30px;
}







.plannings{
  margin: 40px auto 0 auto;
  max-width: 700px;
}



.plannings p+.topic {
  margin-top: 20px;
}

	
.plannings .topic {
 border-bottom: 1px solid #DED7C7;
}

.plannings .topic:first-of-type {
 border-top: 1px solid #DED7C7;
}

.plannings .topic-question {
  cursor: pointer;
  padding: 25px 40px 25px 0;
  margin: 0 auto 0 0;
  width: calc(100% - 30px);
  transition: 0.5s;
  text-wrap: balance;
  background: url("images/icons/icon_plus.webp") no-repeat right 0px center / 15px;
  font: 300 22px/1.2 'Farnham', serif;	
}

.plannings .topic-question.active {
  background: url("images/icons/icon_minus.webp") no-repeat right 0px center / 15px;
}



.plannings .topic-answer {
  margin: 0;
  margin: 0 80px 0 0;
  padding: 0 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
}


.plannings .topic-answer p {
  margin: 0 0 10px;
}



.plannings .topic-answer p:first-of-type{padding-top: 5px;}
.plannings .topic-answer p:last-of-type{padding-bottom: 20px;}








.ideallenght{
  max-width: 500px;
}





















.videobox{
	width: 50%;
}

.book{
	width: 50%;
}


.section_booking h3{
	text-align: center;
}

a.hotelwebsite{
	padding: 8px 16px;
	text-decoration: none;
	border: 1px solid #ddd;
	border-radius: 10px;
}


.section-planning p.title{
	font: 500 12px/1.1 'Montserrat', serif;	
	text-transform: uppercase;
	margin: 20px 0 0 0;
}

.section-planning p.title+p{
	margin: 0px 0 0 0;
}









/* ----------------------------------------------- contentpage */


.contentpage{
	margin: 0 auto;
	width: calc(100% - 120px);
	max-width: 800px;
}




/* ----------------------------------------------- RELATED */




.section-related{
	background: #fff;
}

.relatedhotels{
	margin: 40px auto;
}



.section-related .relatedhotels{
	display: flex;
	flex-direction: row;
	align-items: start;
	gap: 20px;
}



.section-related .related_hotel{
	width: 33.333%;
}

.section-related .related_hotel p{
	margin: 0 0 14px 0;
}

.section-related .related_hotel p.related_hotel_hotelname{
	font: 500 20px/1.1 'SourceSerif', serif;	
	margin: 0 0 8px 0;
}

.section-related .related_hotel p.related_hotel_hotellocation{
	font: 400 13px/1.1 'Montserrat', serif;	
	margin: 0 0 6px 0;
}





/* ----------------------------------------------- FOOTER */


section.section_footer{
	background: #F2EEE5;
}


footer{
	width: calc(100% - 60px);
	max-width: 1040px;
	padding: 20px 0 40px 0;
	margin: 40px auto 0 auto;
	display: flex; 
	flex-direction: row;
	align-items: flex-start; 	
	gap: 20px;
}




footer ul{
	width: 60%;
	list-style: none;
	margin: 0;
	padding: 0;
}

footer ul li{
	font: 400 12px/2 'Montserrat', sans-serif;
	display: inline;
 	margin: 0 15px 0 0;
}

footer .copyright{
	width: 40%;
	font: 400 12px/2 'Montserrat', sans-serif;
	margin: 0;
	text-align: right;
}


footer a{text-decoration: none;}
footer a:hover{text-decoration: underline;}





@media only screen and (min-width: 801px) and (max-width: 1300px){ 

footer {
	width: calc(100% - 120px);
	display: block; 
}

footer ul {width: 100%; }
footer .copyright {width: 100%; text-align: left; margin-top: 30px;}

}





@media only screen and (max-width: 600px){ 

footer{
	width: calc(100% - 60px);
	margin: 30px auto;
	clear: both;
	display: block; 
}

footer ul{
	width: 100%;
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
}

footer ul li{
	display: block;
 	margin: 0 0 6px 0;
}

footer .copyright{
	width: 100%;
	margin: 0;
	text-align: left;
}


}