.parallax-container {
  position: relative;
  overflow: hidden;
  z-index:4;
}

.dce-10 .parallax-container {
  height: 550px;
}

@media (min-width: 575px) {
.dce-10 .parallax-container {
  height: 600px;
}
}

@media (min-width: 992px) {
.dce-10 .parallax-container {
  height: 550px;
}
}

@media (min-width: 1201px) {
.dce-10 .parallax-container {
  height: 600px;
}
}

@media (min-width: 1401px) {
.dce-10 .parallax-container {
  height: 700px;
}
}
@media (min-width: 1601px) {
.dce-10 .parallax-container {
  height: 650px;
}
}



.dce-11 .parallax-container {
  height: 200px;
}

@media (min-width: 575px) {
.dce-11 .parallax-container {
  height: 280px;
}
}

@media (min-width: 992px) {
.dce-11 .parallax-container {
  height: 400px;
}
}

@media (min-width: 1201px) {
.dce-11 .parallax-container {
  height: 450px;
}
}

@media (min-width: 1401px) {
.dce-11 .parallax-container {
  height: 550px;
}
}


.dce-07-item {
	position:relative;
}

.dce-07-body {
	position:absolute;
	z-index:5;
	left:0;
	bottom:0;
	width:100%;
	background:rgba(0,0,0, 0.95);
	color:#fff;
	line-height:1.1em;
	padding:0.5em;
}


.dce-25 {
	padding:3rem 1.25rem 2rem 1.25rem;
}

@media (min-width: 481px) {
	
.dce-25 {
	padding:3rem 2.5rem 3rem 2.5rem;
}	

}


@media (min-width: 992px) {
	.dce-25-mt{
		margin-top:-8rem;
		position:relative;
		z-index:99;
	}

	.dce-25 {
		padding-top:8rem
	}	

}

@media (min-width: 1201px) {
	.dce-25-mt{
		margin-top:-11rem;
	}
	
	.dce-25 {
		padding-top:11rem
	}		

}

@media (min-width: 1401px) {
	.dce-25-mt{
		margin-top:-14rem;
	}
	
	.dce-25 {
		padding-top:14rem
	}	

}




.dce-34-item,
.dce-31-item,
.dce-25-item {
	padding-top:1.5rem;
	padding-bottom:1.5rem;
}


.dce-26 {
	padding:2rem 3rem 2rem 0rem;
	position:absolute;
	z-index:99;
	top:0;
	left:0;
	
	width:980px;
	max-width:80%;
	height:100%;
}

.dce-26-flex {
	border: solid 3px #fff;
	border-left:none;
	width:100%;
	height:100%;
	display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-align-items:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;	
	-webkit-justify-content:center;-ms-justify-content:center;-ms-flex-pack:center;justify-content:center;
	padding:0.5em;		
}

@media (min-width: 1201px) {
	
.dce-26 {
	padding:5rem 3rem 5rem 0rem;
	position:absolute;
	z-index:99;
	top:0;
	left:0;
	
	width:980px;
	max-width:80%;
	height:100%;
}	

.dce-26-flex {
	border: solid 5px #fff;
	border-left:none;
	width:100%;
	height:100%;
	display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-align-items:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;	
	-webkit-justify-content:center;-ms-justify-content:center;-ms-flex-pack:center;justify-content:center;
	padding:1.5em;		
}

}



.dce-26-body {
	padding:2.5rem;
}
.dce-26-body.checkliste {
	width:700px;
	max-width:100%;
}

@media (max-width: 575px) {

.dce-26,
.dce-26-flex,
.dce-26-body.checkliste {
	width:100;
	max-width:100%;
}

.dce-26 {
	padding:1.5rem 0rem;
}	

.dce-26-flex {
	border: solid 3px #fff;
	border-left:none;
	border-right:none;
	padding:1em;
}

}


.dce-35-item {
	position:relative;
	margin:0.15em 0;
}


.dce-35-col .dce-35-item-body {
	color:#0cc9ff;
	background:#2a4983;
}

.dce-35-col:last-child .dce-35-item-body {
	color: #ffd664 !important;
	background: #5c801b !important;
}


@media (min-width: 481px) {
.dce-35-item-body {
	font-size:0.95em;	
}

}	

@media (min-width: 576px) {
.dce-35-item-body {
	font-size:1em;	
}

}	




.dce-28-col {
	padding-top:0.75em;
	padding-bottom:0.75em;
	
}
.dce-28-item {
    background: #fff;
    border: 1px dotted #000;
	height:100%;
	padding:1em;
}


.dce-29-col {
	padding-top:0.75rem;
	padding-bottom:0.75rem;
}

.dce-29-item {
	height:100%;
	text-align:center;
	padding:1.5em;
	
	display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-justify-content:center;-ms-justify-content:center;-ms-flex-pack:center;justify-content:center;	
	-webkit-align-items:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;
}

.dce-29-item.green {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#95c123+0,658316+100 */
background: rgb(149,193,35); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(149,193,35,1) 0%, rgba(101,131,22,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(149,193,35,1) 0%,rgba(101,131,22,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(149,193,35,1) 0%,rgba(101,131,22,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95c123', endColorstr='#658316',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.dce-30-item,
.dce-29-item.blue {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e73b8+0,0c3a5f+100 */
background: rgb(30,115,184); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(30,115,184,1) 0%, rgba(12,58,95,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(30,115,184,1) 0%,rgba(12,58,95,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(30,115,184,1) 0%,rgba(12,58,95,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e73b8', endColorstr='#0c3a5f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.dce-29-item.red {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d01b26+0,a1091b+100 */
background: rgb(208,27,38); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(208,27,38,1) 0%, rgba(161,9,27,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(208,27,38,1) 0%,rgba(161,9,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(208,27,38,1) 0%,rgba(161,9,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d01b26', endColorstr='#a1091b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

.dce-29-item.black {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#303030+0,000000+100 */
background: rgb(48,48,48); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(48,48,48,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(48,48,48,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(48,48,48,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.dce-30-item {
	padding:2rem 1.5rem;
	color:#fff;
}

.dce-30-liste {
	list-style:none;
	padding-bottom:0.75em;
	margin-bottom:0.75em;
	border-bottom: 1px solid rgba(12,201,255, 0.40);
	padding-left:0.5rem;
}

.dce-34-item li,
.dce-30-liste li {
	position:relative;
	padding-left:1.5rem;
}




@media (min-width: 576px) {
.dce-30-liste {
	padding-left:1rem;
	padding-right:1rem;	
}

.list-inline li,
.list-inline li {
	padding-right:1rem;
	display:inline-block;	
}

}


.dce-30-liste.block li {
	display:block;
}

.dce-30-saison {
	padding-bottom:0.35em;
	margin-bottom:0.35em;
	border-bottom: 1px solid rgba(12,201,255, 0.40);
	padding-left:1rem;
	padding-right:1rem;
	font-weight:400;	
}


.dce-30-preise {
	list-style:none;
	display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-justify-content:space-between;-ms-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;
	-webkit-align-items:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;
	padding-left:1rem;
	padding-right:1rem;
	padding-bottom:0.75em;
	margin-bottom:0.75em;
	border-bottom: 1px solid rgba(12,201,255, 0.40);					
}

.dce-30-item .dce-30-preise:nth-last-of-type(1) {
	border-bottom: none;
	padding-bottom:0;
	margin-bottom:0;	
}

.small .dce-30-preise {
	padding-bottom:0.35em;
	margin-bottom:0.35em;
}


.dce-34,
.dce-31 {
	padding:3rem 2.5rem 3rem 2.5rem;
}


.dce-33-item,
.dce-32-item {
	background:#0c3a5f;
}

.dce-33-body, 
.dce-32-body {
	padding:1.5rem;
}

.dce-33-col, 
.dce-32-col {
	padding-top:0.75rem;
	padding-bottom:0.75rem;
}

.dce-32-body{
	width:100%;
}

.dce-33-body{
	width:100%;
	height:100px;
	position:relative;
}

.dce-32-inner {
	width:100%;
	padding:1.5rem;	
	position:absolute;
	z-index:3;
	left:0;
  	bottom: 0;
	background:#0c3a5f;
	height:130px;
    transition: all 0.5s;
}

.dce-32-inner,
.dce-33-item img {
	cursor:pointer;		
}

.content-box-active,
.Xdce-32-inner:hover {
  	bottom: 0;
	height:370%;
    transition: all 0.5s;
	overflow:hidden;			
}

.dce-32-description {
	display:none;
    transition: all 0.9s;
	
	font-size:1em;
	line-height:1.3em;
	font-weight:300;
	padding-top:1.5rem;
	letter-spacing:0.03em;	
			
}

.dce-32-description b,
.dce-32-description strong {
	color:#fff;
	font-weight:400;
}

.content-box-active .dce-32-description,
.Xdce-32-inner:hover .dce-32-description {
	display:block;
}

.content-box-inner-icon {
	position:relative;
	width:100%;
	height:1px;
}

.content-box-inner-icon i {
	position:absolute;
	right:-0.5rem;
	top:-1.0rem;
	font-size:30px;
}

.content-box-active .content-box-inner-icon i:before,
.Xdce-32-inner:hover .content-box-inner-icon i:before {
	content:"\e937";
}


/* GENERAL IMAGE FLIP STUFFS */
.img_flip {
    perspective: 50em;
	box-sizing: border-box;
    transition: all .35s ease;
	position: relative;
    display: inline-block;
    margin: 0;
    max-width: 100%;
	width:100%;
    background-color: fff;
    color: #fff;
    overflow: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
	border: solid 1px #999;	
}

.img_flip img {
	backface-visibility: hidden;
	vertical-align: top;
    max-width: 100%;
	width:100%;
	box-sizing: border-box;
    transition: all .35s ease;
}

.img_flip figcaption  {
	opacity: 0;
	background-color: #022e52;/* blau*/ 
    padding: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #ffffff;
	text-align: left;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.img_flip figcaption h3 {
	color: #ffffff ;
	font-size:1em !important;
	text-align:center;
}

.img_flip p a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}


.img_flip a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.img_flip:hover img {
	opacity: 0;
}

.img_flip:hover figcaption {
	opacity: 1;
    transition-delay: 0.14s;
}

/* image flip on horizontal */
.img_flip-hor figcaption {
	transform: rotateX(90deg);
    transform-origin: 0% 50%;
}

.img_flip-hor:hover img {
	transform: rotateX(-180deg);
}

.img_flip-hor:hover figcaption {
	transform: rotateX(0deg);
}

/* image flip on vertical */
.img_flip-ver figcaption {
	transform: rotateX(90deg);
    transform-origin: 50% 0%;
}

.img_flip-ver:hover img {
	transform: rotateY(-180deg);
}

.img_flip-ver:hover figcaption {
	transform: rotateY(0deg);
}

.dce-25-logo2 {
  width:200px;
  max-width:99%;
  height:auto;
  display:inline-block;
}

.wf-banner {
  position: relative;
  width:100%;
  height:0px !important;
  display:none;
}

.btn-home .wf-banner {
  display:block;
}


.wf-banner img {
  width:100%;
  height:auto;
  display: inline-block;
  border:0
}

.wf-banner a:hover img {
	opacity:0.75;
}



.wf-banner-content {
  position: absolute;
  z-index:99;
  top:125px;
  right:0;
  width:210px;
}

@media (min-width: 768px) {

.wf-banner-content {
  top:120px;
  width:240px;
}

}


@media (min-width: 992px) {

.wf-banner-content {
  width:270px;
}

}


@media (min-width: 1400px) {

.wf-banner-content {
  top:180px;
  width:320px;
}

}