
/* DCE Bildergalerie */

.dce_img3 {
	text-align:center;
}

	.dce_img3 div {
		display:inline-block;
		width:33%;
		margin-bottom:5px;
	}	
	
		.dce_img3 div img {
			width:100%;
			height:auto;
		}
	
	.dce_img3 div:nth-child(3n+2) {
		margin:0 0.5% 5px 0.5%;
	}

/* DCE 2 col */

.dce_2col {
	text-align:center;	
   	font-family: 'Biotif-Regular', sans-serif;
	color:#fff;
}


.dce_2col h3 {
	text-transform:uppercase;
	border-bottom:1px solid #fff;
	display:inline-block;
	color:#fff;
	/* font-weight:600; */
	padding-bottom:3px;
	margin-bottom:72px;
}

.dce_2col span {
	text-transform:uppercase;
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	display:block;
	margin-bottom:36px;
	/* font-weight:600; */
}

.dce_2c_left,
.dce_2c_right {
	width:calc(50% - 15px);
	float:left;
	margin-bottom:30px;
	min-height:540px;
	position:relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dce_2c_left:hover  {
  filter: grayscale(100%);
  cursor:pointer;
}

.dce_2c_right {
	float:right;	

}

/* DCE Bewertung */

.dce_bew {
	overflow:hidden;
}

.dce_bew div{
	width:100%;
	
}

	.dce_bew_wrap {
		padding: 0 80px;
	}
	.bew_plattform {
		text-transform:uppercase;
		font-weight:300;
		margin-top:1em;
	}
	
	
.dce_bew_100 {
	text-align:center;	
	border:1px solid #dadada;
	background:#f1f1f1;
	font-family: 'Biotif-Regular', sans-serif;
	padding:40px 0;
	
}

	.dce_bew_head {
		font-size:1.5em;
		/* font-weight:600; */
		color:#000;	
		text-transform:uppercase;
		background:url(../img/dce_bew_head_bg.png) top center no-repeat;
		padding-top:30px;
		margin-bottom:30px;
		display:block;
	}
	
	.dce_bew_100 .dce_bew_wrap  {
		font-style:italic;	
	}
	
	.dce_bew_100 .bew_plattform {
		font-style:normal;	
		font-weight:100;
	}
	

/* DCE Teaser / Bewertung */

.dce_2c_left_content {
	width:calc(100% - 40px);
	height:calc(100% - 40px);
	position:absolute;
	left:20px;
	top:20px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity:0;
}

.dce_2c_left_content:hover {
	background:rgba(0,0,0,0.5);
	opacity:1;
}

	.dce_2c_lc_inner {
	}
	
	.dce_2c_link {
		margin-top:2em;	
	}
	
	.dce_2c_link a,
	.dce_2c_link a:link,
	.dce_2c_link a:active,
	.dce_2c_link a:visited,
	.dce_2c_link a:hover,
	.pw_teaser_more a,
	.pw_teaser_more a:link,
	.pw_teaser_more a:active,
	.pw_teaser_more a:visited,
	.pw_teaser_more a:hover {
		background:url(../img/dce_2c_link_bg.png) center center no-repeat;
		width:89px;
		height:35px;
		display:inline-block;
		text-indent:-9999em;
	}

.dce_bew {
	background:#534b6a;
	color:#fff;
}


/* DCE Teaser / Video */


.dce_2c_left_muster {
	border:1px solid #0b0b0b;
	background:#d7ac4a;
	background-size:auto 100%;
	color:#010101;
}

	.dce_2c_teasertext {
		text-align:left;	
	}
	
	.dce_2c_left_muster .dce_2c_link a,
	.dce_2c_left_muster .dce_2c_link a:link,
	.dce_2c_left_muster .dce_2c_link a:active,
	.dce_2c_left_muster .dce_2c_link a:visited,
	.dce_2c_left_muster .dce_2c_link a:hover {
		/*background:url(../img/dce_2c_link2_bg.png) center center no-repeat;*/
		color:#010101;
	}
	
	#main .dce_2c_left_muster a {
		color:#010101;
	}

.dce_video {
	background:#0b0b0b;
}

.dce_video iframe {
		
}

/* Bildergalerie quadratisch */
.gallerysquare {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	justify-content: space-around;
}
	.gallerysquare div {
		width:24%;
		margin-bottom:10px;
	}
	.gallerysquare div img {
		width:100%;
		height:auto;
	}
	

/* Text mit Bild */

.dce_tb_wrap {
	
}

.dce_tb_img,
.dce_tb_text {
	float:left;	
}

.dce_tb_img {
	width:100px;	
}

.dce_tb_text {
	padding-left:20px;	
	width:calc(100% - 100px);
}


/* Zimmer CTA */

.dce_cta,
.dce_dl_cta {
	text-align:center;
	height:52px;
	line-height:52px;
}

#main .dce_cta a,
#main .dce_cta a:link,
#main .dce_cta a:active,
#main .dce_cta a:visited,
#main .dce_cta a:hover,
.dce_dl_cta a,
.dce_dl_cta a:link,
.dce_dl_cta a:visited,
.dce_dl_cta a:hover,
.dce_dl_cta a:active {
	color:#fff;
	padding:0px;
	display:inline-block;	
	height:52px;
	line-height:52px;
	padding:0;
	margin:0;
	color:#fff;
	text-transform:uppercase;
	border:none;
	font-family: 'Biotif-Medium', sans-serif;
	/* font-weight:600; */
}

#main .dce_cta a:hover {
	background-color:#94af26;
}	

#main .dce_cta.nobooking a {
}

#main .dce_cta a.dce_cta_btn1 {
	width:25%;
	background:#534b6a;
}

.dce_dl_cta1 {
	background:#534b6a;
}

#main .dce_cta a.dce_cta_btn2 {
	width:25%;
	background:#94af26;
}

.dce_dl_cta2 {
	background:#94af26;
}

#main .dce_cta a.dce_cta_btn3 {
	background:#e6e6e6;
	width:50%;
	color:#4f4f4f;
}

#main .dce_cta a.dce_cta_btn1:hover,
#main .dce_cta a.dce_cta_btn3:hover {
	
}


/* Preistabelle 1. Spalte fix */

.dce_pricecolfix {
	float:left;
	width:calc(25% - 1px);
	font-weight:400;
}

.dce_pricecolfix .dce_pc_date {
	text-align:left;
	border-bottom:none;
	border-color:#e6e6e6;
}

/* Preistabelle Slider */

.dce_pricetable {
	float:right;
	width:75%;
	font-weight:400;
}

.dce_pricecol {
	text-align:center;
	margin:0 2px;
}

	.dce_pc_date {
		background:#e6e6e6;
		padding:10px;
		border:1px solid #e6e6e6;
		min-height:4em;
		line-height:4em;
		text-align:center;
	}
	
	.dce_pc_date span {
		display:block;
		text-transform:uppercase;	
	}
	
	.dce_pc_price {
		padding:20px 10px;
		border:1px solid #e6e6e6;
		border-bottom:none;
	}
	
	.dce_pc_price:last-child {
		border-bottom:1px solid #e6e6e6;
	}	
	
	.slick-current .dce_pc_date {
		background:#534b6a;
		border-color:#534b6a;
		color:#fff;
	}
	
	.slick-current .dce_pc_price {
		background:#f1f1f1;
	}
	
	.dce_pricetable .slick-prev,
	.dce_pricetable .slick-next {
		height:24px;
		z-index:10;
	}
	.dce_pricetable .slick-prev::before {
		content:"\f137";	
	}
	
	.dce_pricetable .slick-next::before {
		content:"\f138";	
	}	
	
	.dce_pricetable .slick-prev::before,
	.dce_pricetable .slick-next::before {
		font-size:24px !important;
		color:#7a7b7f !important;
	}
	
	.dce_pricetable .slick-prev {
		left:1px !important;
		top:120px !important;
	}	
	 
	.dce_pricetable .slick-next {
		top:120px !important;	
		right:1px !important;
	}
	
/* DCE Zimmerdetails DCE */

.dce_roomdetail {
	margin-bottom:30px;
	position:relative;
}

	.dce_rd_left {
		float:left;
		width:48%;	
	}
	

		.dce_rd_left .slick-prev {
			left:20px;
			background:url(../img/slick_arrow_ws_bg.png) left center no-repeat;	
			opacity:1;
		}
		
		.dce_rd_left .slick-next {
			right:20px;
			background:url(../img/slick_arrow_ws_bg.png) right center no-repeat;
			opacity:1;	
		}
		
		
	
	.dce_rd_right {
		position:absolute;
		height:100%;
		right:0;
		top:0;
		width:48%;
		font-family: 'Biotif-Regular', sans-serif;
	}
	
	
		.head {
			color:#000;
			text-transform:uppercase;
			font-size:24px;
			letter-spacing:0.01em;
			/* font-weight:600; */
			margin-bottom:24px;
			display:block;
		}
	
		#main .dce_rd_right ul li {
			border-bottom:1px solid #dadada;
			background-image:none;
			line-height:2.5em;
			
		}
		
		.dce_cta {
			position:absolute;
			bottom:0;
			width:100%;
		}
		
		
/* dce_dontleave */

.dce_dontleave_wrap {
	width:100%;
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}


.dce_dontleave {
	background:#fff;
	width:390px;
}

.dce_dl_img {
	position:relative;
	line-height:0;
}

	.dce_dl_img img {
		width:100%;
		height:auto;	
	}

	.dce_dl_badge {
		position:absolute;
		bottom:-75px;
		right:-75px;
	}
	
.dce_dl_text {
	border-top:6px solid #4f4f4f;
	padding:30px;	
	font-family: 'Biotif-Regular', sans-serif;
}

.dce_dl_cta {

}

	.nobooking.dce_dl_cta1 {
		width:100%;	
	}

	.dce_dl_cta1,
	.dce_dl_cta2 {
		float:left;
		width:50%;
	}
	
	.dce_dl_cta2 {
		
	}
			

/* *****************************************************************************************
   RESPONSIVE SECTION
*******************************************************************************************/

/* portrait */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) {

.dce_rd_left,
.dce_rd_right {
	float:none;
	width:100%;
	margin-bottom:10px;	
	position:relative;
	height:auto;
	display:block;
	padding:0;
}



}


@media screen and (max-width: 1439px) {
	
	.dce_video_url {
		width:100%;
		display:inline-block;	
	}
	.dce_video_url iframe {
		width:90%;
	}

}

@media screen and (max-width: 1024px) {
	
	.dce_pc_date {
		padding:7px;	
	}
	
	.dce_pricetable {
		border-right: 1px solid #fff;
	}
	
	#main .dce_cta a.dce_cta_btn1,
	#main .dce_cta a.dce_cta_btn2 {
		width:50%;	
	}
	
	#main .dce_cta a.dce_cta_btn3 {
		width:100%;
	}
	
	.dce_cta, .dce_dl_cta {
		height:104px;	
	}
	
}

@media screen and (max-width: 768px) {	

.dce_2c_left, .dce_2c_right {
	width:100%;
	float:none;
	margin:0 0 10px 0;	
	min-height:500px;
}

.dce_2c_left_content {
	opacity:1;	
	background: rgba(0,0,0,0.5);
}


.dce_video_url iframe {
		width:100% !important;
		height:500px !important;
	}
	
	#main .dce_cta.nobooking a,
	#main .dce_cta.nobooking a:nth-child(2) {
		width:100%;
		margin:0 0 10px 0;	
	}
	
	.dce_rd_left,
	.dce_rd_right {
		float:none;
		width:100%;
		margin-bottom:10px;	
		position:relative;
		height:auto;
		display:block;
		padding:0;
	}	
	
	.gallerysquare div {
			width:49%;	
	}
	
	.dce_pricecolfix,
	.dce_pricetable {
		width:50%;	
	}	
	
	.dce_cta {
		position:relative;
		height:auto;	
	}
}


@media screen and (max-width: 420px) {

.dce_2col h3 {
	margin-bottom:40px;
}

.dce_2c_left_muster {
	padding:20px;
	min-height:inherit;	
}

.dce_bew {
	min-height:inherit;
	padding:20px 0;	
}

.dce_bew_wrap {
	padding:0 40px;	
}

.dce_video {
	min-height:inherit;
}

	.dce_video_url iframe {
		height:auto !important;
			
	}
	
#main .dce_cta .dce_cta_btn1 {
	display:none !important;	
}

#main .dce_cta a.dce_cta_btn1, #main .dce_cta a.dce_cta_btn2 {
	width:100%;
}

}