/* DCE Bilder 3 Spaltig */

.mosaicflow__column {
	float:left;
	}	
	
	.mosaicflow img {
		margin-bottom:10px;
		display: block;
		width: 100%;
		height: auto;
	}	
	
	.mosaicflow .mosaicflow__column:nth-child(3) img {
		margin:0 10px 10px 10px;
	}
	
	.mosaicflow .mosaicflow__column:nth-child(4) img {
		margin:0 0 10px 20px;
	}
		
	
.mosaicflow__item img {
	display:block;
	width:100%;
	height:auto;
	}


/* DCE Dia */

.dce_dia_wrap {
	min-height:750px;
	position:relative;
	
}

	.dce_dia {
		background:url(../Images/dce_dia_bg.jpg);
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		padding:20px;
		width:440px;
		position:absolute;
	}
	
		.dce_dia1 {
			  transform: rotate(-5deg);
			  left:5%;
			  z-index:0
		}
		
		.dce_dia2 {
			  transform: rotate(3deg);
			  left:calc(50% - 260px);
			  z-index:1;
			  top:140px;
		}
		
		.dce_dia3 {
			  transform: rotate(5deg);
			  right:10%;
			  z-index:0;
			  top:30px;
		}
		
		.dce_dia_cont {
			text-align:center;
			height:86px;
			line-height:86px;
			font-weight:700;
			font-size:18px;
		}

/* DCE Start */

.dce_start {
	background:url(../Images/dce_start_bg.jpg) center center no-repeat;
	background-size:cover;
	padding:50px 0;
	text-align:center;
	/*font-size:0;*/
}
	.dce_start .page {
		font-size: 0;
		/*display: flex;
		justify-content: center;
		align-items: stretch;*/
	}
	.dce_s {
		display:inline-block;	
		width:32%;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		position:relative;
		line-height:0;
	}
	
		.dce_s:hover {
			cursor:pointer;	
		}
	
		.dce_s img {
			width:100%;
			height: auto;	
		}
	
		.dce_s2 {
			margin:0 2%;
		}
		
	
		.dce_s_cont {
			position:absolute;
			bottom:42px;
			line-height:normal;
			width:100%;
			color:#969696;
			font-family: 'Sketch Block', Arial, sans-serif;
			text-transform:uppercase;
			font-size:24px;
			-ms-text-size-adjust: 100%;
			-webkit-text-size-adjust: 100%;
			-webkit-font-smoothing: antialiased;
		}
		
			.dce_s_cont span {
				display:block;
				font-size:40px;
			}
			
			#main .dce_s_cont a,
			#main .dce_s_cont a:link,
			#main .dce_s_cont a:active,
			#main .dce_s_cont a:visited,
			#main .dce_s_cont a:hover {
				color:#969696;
			}
						
/* DCE Hüttenbuch */


.dce_hb_wrap {
	
}

	.dce_hb {
	
	}
	
	.dce_hb_verf {
		font-weight:700;
		font-size:14px;
		text-align:right;
	}


/* DCE 100% Bild mit Scroll */
.dce_100img_wrap {
}

	.dce_100img_img {
		background-attachment: fixed;
		background-position: 50% 0;
		background-repeat: no-repeat;
		height: calc(100vh - 155px);
		position: relative;
	}
	
		.dce_100img img {
	
		}


/* 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 {
	margin:50px 0;	
	text-align:center;
}

#main .dce_cta a,
#main .dce_cta a:link,
#main .dce_cta a:active,
#main .dce_cta a:visited,
#main .dce_cta a:hover {
	background: #ca9f67;
	color:#fff;
	padding:10px;
	width:33%;
	display:inline-block;	
	text-transform:uppercase;
	border:1px solid #e2e1e1;
}

#main .dce_cta a:hover {
	background-color:#323232;
}	


#main .dce_cta a:nth-child(2) {
	margin:0 0.5%;
}

#main .dce_cta.nobooking a {
	width:49%;
}

#main .dce_cta.nobooking a:nth-child(2) {
	margin: 0 0 0 2%;	
}

#main .dce_cta a.dce_cta_btn1 {
	background:#323232;
}

#main .dce_cta a.dce_cta_btn3 {
	background:none;
	color:#323232;
}

#main .dce_cta a.dce_cta_btn1:hover,
#main .dce_cta a.dce_cta_btn3:hover {
	background: #ca9f67;
	color:#fff;
}


/* 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:#dddddc;
}

/* Preistabelle Slider */

.dce_pricetable {
	float:right;
	width:75%;
	font-weight:400;
}

.dce_pricecol {
	text-align:center;
	margin:0 2px;
}

	.dce_pc_date {
		background:#dddddc;
		padding:10px;
		border:1px solid #dddddc;
		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 #dddddc;
		border-bottom:none;
	}
	
	.dce_pc_price:last-child {
		border-bottom:1px solid #dddddc;
	}	
	
	.slick-current .dce_pc_date {
		background:#ca9f67;
		border-color:#ca9f67;
		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:49%;	
		border:1px solid #dadada;	
	}
	
		.dce_rd_left .slick-dots {
			width:100%;
			text-align:center;	
			bottom:0;
		}
		
		.dce_rd_left  .slick-dots li {
			display:inline-block;	
			margin:0 5px;
		}
	
	.dce_rd_right {
		position:absolute;
		height:100%;
		right:0;
		top:0;
		padding:30px;
		width:49%;
		display: flex;
	    align-items: center;
	}
	
		.head {
			display:block;
			font-weight:500;
			font-size:20px;	
			margin-bottom:1em;
		}	

/* *****************************************************************************************
   RESPONSIVE SECTION
*******************************************************************************************/


@media screen and (max-width: 1600px) {
	
	.dce_dia {
		width:420px;	
	}
	
		.dce_dia img {
			width:380px;
			height:380px;	
		}
	
	.dce_dia1 {
		left:0;	
	}
	
	.dce_dia2 {
		left:32%;
	}
	
	.dce_dia3 {
		right:0;
	}
}

@media screen and (max-width: 1599px) {
	
	.dce_dia {
		width:400px;	
	}
	
		.dce_dia img {
			width:360px;
			height:360px;	
		}
	
	.dce_dia1 {
		left:0;	
	}
	
	.dce_dia2 {
		left:30%;
	}
	
	.dce_dia3 {
		right:0;
	}
}

@media screen and (max-width: 1300px) {
	.frame-type-dce_dceuid11 {
		width:90%;	
	}
}

@media screen and (max-width: 1100px) {
	.dce_dia {
		width:360px;	
	}
	
		.dce_dia img {
			width:320px;
			height:320px;	
		}
}

/* 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;
}

/* stellar not working */
	.dce_100img_img {
		background-position:center center !important;	
		background-attachment:inherit;
	}
	
	.dce_100img_img {
		height:50vh;
	}
	

.dce_dia_wrap {
	min-height:450px;
}

.dce_dia {
		width:250px;	
	}
	
		.dce_dia img {
			width:210px;
			height:210px;	
		}	
		
.dce_dia2 {
		left:32%;
		top:45px;
	}

.dce_s_cont {
	font-size:20px;	
}

.dce_s_cont span {
	font-size:30px;
}

}





@media screen and (max-width: 1024px) {
	
	.dce_pc_date {
		padding:7px;	
	}
	
	.dce_pricetable {
		border-right: 1px solid #fff;
	}
	
}

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

/* stellar not working */
	.dce_100img_img {
		background-position:center center !important;	
		background-attachment:inherit;
	}
	
	.dce_100img_img {
		height:50vh;
	}
	
	
	#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_start {
	padding:30px 0;	
}

.dce_s {
	width:100%;	
}

	.dce_s img {
		width:100%;
		height:auto;	
	}
	
	.dce_s2 {
		margin:0;
	}

	.dce_s_cont {
		bottom:20px;
	}

.frame-type-dce_dceuid11 {
	width:96%;	
}

.dce_dia_wrap {
	min-height:0;
	text-align:center;
}

	.dce_dia {
		position:relative;	
		width:250px;
		display:inline-block;	
	}
	
		.dce_dia img {
			width:210px;
			height:210px;	
		}	
		
		.dce_dia2 {
			left:0;	
			top:-10px;
		}
		
		.dce_dia3 {
			top:-10px;
			transform: rotate(-5deg);	
		}
	
	
.dce_tb_img,		
.dce_tb_text {
	width:100% !important;
	float:none;
	padding:0 !important;
}

.dce_tb_img {
	text-align:center;	
}

.dce_tb_text {
	padding:0;
}
	
}