.animation-element {
  opacity: 0;
  position: relative;
}
/*animation element bounce up*/

.animation-element.bounce-up {
 opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animation-element.bounce-up.in-view {
 opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}


/*
.dce_menuimages {
    position:absolute;
    top:50%;
    left:calc(50% + 80px);
    margin-top:-200px;
}*/


.singleimg img {
        width:100%;
        height: auto;
}

.frame-type-dce_dceuid11 {
    position: relative;
}

    .dce_mi {
        position:absolute;
        top:0;
        right:0;
        line-height: 0;
        opacity: 0;
        width:100%;
        visibility: visible;
        /*height: calc(100vh - 100px);*/
        height: 100svh;
    }
    
    .dce_mi.dce_mi_sm1,
    .dce_mi.visible {
        z-index: 10;
        opacity: 1;
        visibility: visible;
    }

    .dce_mi.hover {
        z-index: 11;
        opacity: 1;
        visibility: visible;
    }

/* Isotope Auswahlbuttons */

.button-group {
	text-align:center;	
	margin-bottom:50px;
}
	.button-group button {
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
		appearance: none;
		border-radius: 0;		
		border: 1px solid #4c6828;
		font-size: 1em;
		font-weight: 400;
		color: #000;
		background: #FFF;
		padding: 0 10px;
		outline: none;
		height: 48px;
        font-family: "minion-pro",serif;
	}
	
	.button-group button.no-border {
		border-left:none;
	}
	
	.button-group button:hover,
	.button-group button.is-checked {
		cursor:pointer;	
		background:#4c6828;
		color:#fff;
	}

.grid {
    text-align: center;
}

    .bier-item {
        display: inline-block;
        width:33.33%;
    }



    .dce_bier_img {

    }

        .dce_bier_img img {
            width:100%;
            height: auto;
        }

    .dce_bier_name {
        border-top:1px solid #4c6828;
        min-height: 3em;
        margin-top:1em;
        color:#4c6828;
        margin:0 5px;
    }
    

/* Isotope Bildergalerie */

.dce_referenzen_liste {
		
}

	#main .dce_referenzen_liste .grid-sizer {
		width: calc((100% - 16px) / 3);
	}
	
	#main .dce_referenzen_liste .dce_referenzen_item {
		width: calc((100% - 16px) / 3);
		margin-bottom: 8px;
		line-height:0;
	}
	
		#main .dce_referenzen_liste img {
			width:100%;
			height:auto;
		}
			
	@media screen and (max-width: 767px) {
		
		#main .dce_referenzen_liste .grid-sizer {
			width: calc((100% - 20px) / 2);
		}
		
		#main .dce_referenzen_liste .dce_referenzen_item {
			width: calc((100% - 20px) / 2);
		}
	}

/* 2 Imgs */

.dce2imgs {
    display:flex;
}

    .dce2i_left,
    .dce2i_right {
        min-width: 50%;
    }

    .dce2i_left img {
        width:100%;
        height: auto;
    }

        .dce2i_text {
            padding-left:12.5vw;
        }

        #main .dce2i_left a,
        #main .dce2i_left a:link,
        #main .dce2i_left a:active,
        #main .dce2i_left a:visited,
        #main .dce2i_left a:hover {
            color:#dbbc9c;
        }

        #main .dce2i_left span.button {
            color:#dbbc9c;
            border-color:#dbbc9c;
        }


            .dce2i_head {
                font-size:80px;
                line-height: 80px;
                margin-top:80px;
                font-family: 'SangBleuKingdom';
            }

            .dce2i_subhead {
                margin-bottom:100px;
            }

            .dce2i_more {
                padding-left:12.5vw;
                text-align: center;
            }

    .dce2i_right {
        padding-top:20vh;
        text-align: right;
    }

        .dce2i_right img {
            width:90%;
            height: auto;
        }


/* H1 DCE */

.dceh1 {
    display:flex;
}

    .dceh1_left,
    .dceh1_right {
        min-width: 50%;
    }

        
        .dceh1_left span {
            font-size:100px;
            line-height: 100px;
            font-family: 'SangBleuKingdom';
        }

        .dceh1_left header {
            text-align: left; 
            margin-bottom: 60px;
        }

        .dce2i_subhead,
        .dceh1_left header h1 {
            font-weight: normal;
            font-size:24px;
            letter-spacing:0.1em;
        }

        
            .dceh1_rd {
                display: flex;
                text-align: center;
            }

            .rd_size,
            .rd_pax,
            .rd_nights,
            .rd_duration{
                min-width: 25%;                
                font-size: 20px;
            }
            .rd_duration {
                min-width: 50%;  
            }

            
            .rd_pax {
                border-right: 2px dotted #c5c5c5;
            }

            .rd_price {
                min-width: 50%;
                padding-top:30px;
            }

                .rd_price span {
                    color: #4c6828;
                    font-size:34px;
                    line-height: 34px;
                }
        

        .dceh1_right {
            padding-top:100px;
        }

/* Bildergalerie normal */

.ce-gallery .slick-prev {
    left:25px;
    z-index: 1;
}

.ce-gallery .slick-next {
    right:25px;
    z-index: 1;
}

.ce-gallery .slick-prev, 
.ce-gallery .slick-next {
    width:30px;
    height:60px;
    margin-top:-30px;
}

.ce-gallery .slick-prev::before {
    content:" ";
    width:30px;
    height:60px;
    display:inline-block;
    background:url("../Svg/links.svg") center center no-repeat;
    background-size:100% auto;
}

.ce-gallery .slick-next::before {
    content:" ";
    width:30px;
    height:60px;
    display:inline-block;
    background:url("../Svg/rechts.svg") center center no-repeat;
    background-size:100% auto;
}



/* 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 {
	display: flex;
}

.dce_tb_img,
.dce_tb_text {
	float:left;	
}

.dce_tb_img {
	width:100px;	
}

.dce_tb_text {
	padding-left:20px;	
	width:calc(100% - 100px);
    display:flex;
    align-items:center;
}

    main .dce_tb_text p {
        margin-bottom: 0;
    }

.dce_tb_text header {
    margin-bottom:0;
}


/* Zimmer CTA */

.dce_cta {
	margin:50px 0;	
	text-align:center;
}

.buchen a,
.buchen a:link,
.buchen a:active,
.buchen a:visited,
.buchen a:hover,
#main .dce_cta a.dce_cta_btn,
#main .dce_cta a.dce_cta_btn:link,
#main .dce_cta a.dce_cta_btn:active,
#main .dce_cta a.dce_cta_btn:visited,
#main .dce_cta a.dce_cta_btn:hover {
	background: #2a2a2a;
	color:#dbbc9c;
	padding:0 50px;
    height:80px;
    line-height: 80px;
    font-size: 22px;
	display:inline-block;	
	text-transform:uppercase;
}

#main .dce_cta .button {
    font-size: 20px;
    margin-top:30px;
}

.buchen a,
.buchen a:link,
.buchen a:active,
.buchen a:visited,
.buchen a:hover {
    height:42px;
    line-height: 42px;
    font-size: 16px;
    padding:0 16px;
}

#main .dce_cta a.dce_cta_btn:hover,
#main .dce_cta a.dce_cta_btn.dce_cta_btn2{
	background-color:#4c6828;
}	

#main .packages .dce_cta_btn2,
#main .dce_cta a:nth-child(2) {
	margin:0 17px 0 4px;
}

#main .dce_cta a.dce_cta_btn2:hover {
	background-color: #2a2a2a;
}

#main .dce_cta a.button:hover {
    padding:0 17px;
}


/* Preistabelle */

.control span {
    display:inline-block;
    height:66px;
    line-height: 66px;
    padding:0 45px;
    background:#ebe4de;
}

    .control span.active {
        background:#fbf4ee;
    }  

.control span:hover {
    cursor: pointer;
}


/* Preistabelle Slider */

.dce_pricetable,
.con2 {
	width:100%;
    background:#fbf4ee;
    border:2px solid #ede6e0;
}

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

	.dce_pc_date {
		min-height:60px;
		line-height:60px;
		text-align:center;
	}
	
	.dce_pc_date span {
		display:block;
		text-transform:uppercase;	
	}
	
	.dce_pc_price {
		min-height:60px;
		line-height:60px;
		border-bottom:none;
	}

    .dce_pricetable .slick-prev {
        left:15px;
        z-index: 1;
    }

    .dce_pricetable .slick-next {
        right:15px;
        z-index: 1;
    }
	
    .dce_pricetable .slick-prev, 
    .dce_pricetable .slick-next {
        width:15px;
        height:30px;
        margin-top:-15px;
    }

    .dce_pricetable .slick-prev::before {
        content:" ";
        width:15px;
        height:30px;
        display:inline-block;
        background:url("../Svg/links.svg") center center no-repeat;
        background-size:100% auto;
    }

    .dce_pricetable .slick-next::before {
        content:" ";
        width:15px;
        height:30px;
        display:inline-block;
        background:url("../Svg/rechts.svg") center center no-repeat;
        background-size:100% auto;
    }
	


    .con2 {
        display: none;
        padding:20px;
    }


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

/* 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: 1024px) {
	
    .dce2i_text {
        padding-left:0;
    }
    
	.dce_pc_date {
		padding:7px;	
	}
	
	.dce_pricetable {
		border-right: 1px solid #fff;
	}
	
}

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

.dceh1_left span {
        font-size:60px;
        line-height: 60px;
    }
    
    .dce2i_head {
        font-size:40px;
        line-height: 40px;
        
    }
    
    .dce_mi {
        z-index: 11;
        opacity: 1;
        visibility: visible;
    }
    
    .dceh1 {
        display: block;
    }
    
    .dceh1_right {
        padding-top:0;
        
    }
    
    .dceh1_rd {
        margin-bottom:3em;
    }
    
    .button-group button {
        font-size:16px;
    }
}

@media screen and (max-width: 767px) {	
	
	#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 {
	}
    
    .dceh1_left header {
        margin-bottom:30px;
    }
    
    .dce2i_head {
        margin-top:40px;
        font-size:30px;
        line-height: 30px;
    }
    
    .dce2i_subhead, .dceh1_left header h1 {
        font-size:16px;
    }
    
    .dce2i_subhead {
        margin-bottom:25px;
    }
    
    .dce2i_more {
        padding-left: 0;
        width:96vw;
    }
    
    .dce2i_right {
        padding-top:9vh;
    }
    
    .dce2i_text {
        padding-left:2vw;
    }
    
    
    .dceh1_left span {
        font-size:32px;
        line-height: 32px;
    }
    
    .control span {
        width:49%;
        padding:0;
        text-align: center;
    }
    
    .buchen a, .buchen a:link, .buchen a:active, .buchen a:visited, .buchen a:hover, #main .dce_cta a.dce_cta_btn, #main .dce_cta a.dce_cta_btn:link, #main .dce_cta a.dce_cta_btn:active, #main .dce_cta a.dce_cta_btn:visited, #main .dce_cta a.dce_cta_btn:hover {
        padding: 0 15px;
    }
    
    .button-group button.no-border {
        border-left:1px solid #4c6828;
    }
    
    .bier-item {
        width:50%;
    }
    
}