/* dce-10 */


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

.mk-10 .parallax-container {
  height: 220px;
}

@media (min-width: 575px) {


.mk-10 .parallax-container {
  height: 400px;
}

}

@media (min-width: 768px) {


.mk-10 .parallax-container {
  height: 450px;
}

}


@media (min-width: 992px) {

.mk-10 .parallax-container {
  height: 450px;
}

}

@media (min-width: 1200px) {

.mk-10 .parallax-container {
  height: 450px;
}

}

@media (min-width: 1400px) {

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

}

@media (min-width: 1600px) {

.mk-10 .parallax-container {
  height: 650px;
}

}

.wf-offers-item-owl {
	position:relative;
	padding-top:2rem;
}

.wf-offers-body {
	padding:1.5rem 1.2rem;
}


.wf-offers-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align:center;
  height: 100%;
  width: 100%;
    background-color: var(--wf-color7);
  
}


.wf-offers-innen  {
  display: flex;
  flex-direction: column;
  align-items: stretch;  
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.wf-voucher-titel,
.wf-offers-titel {
	color: var(--wf-color11);
	font-family: var(--wf-navi-menu);
	font-size:1.2em;
	line-height:1.2em;
	font-weight:500;
	letter-spacing:0.03em;
	text-transform:uppercase;
	padding-bottom:0.4rem;
}

.wf-offers-date  {
	color: var(--wf-color3);
	font-family: var(--wf-navi-menu);
	font-size:1.25em;
	line-height:1.2em;
	font-weight:400;
	letter-spacing:0.03em;
	padding-bottom:1.0rem;
}

.wf-offers-price {
	position:absolute;
	left:50%;
	top:0;
	transform: translateX(-50%);
	width:200px;
	max-width:100%;
	background-color: var(--wf-navi-fixed-hg);
	border:solid 2px #fff;
	padding:1.0rem 0.75rem;
	text-align:center;
	color:#fff;
	font-size:0.95em;
	line-height:1.2em;
	font-weight:400;

}

.wf-offers-price b {
	font-size:1.4em;
	font-weight:600;
}

.wf-offers-price b::after {
    content: "\A";
    white-space: pre;
}

.wf-btn-offers a span {
    display: none;
}

.mk-17-offers-details-headline  {
	padding-bottom:1.5rem;

}

.mk-17-offers-details-title {
	color: var(--wf-color11);
	font-family: var(--wf-navi-menu);
	font-weight:400;
	font-size:1.55em;
	line-height:1.2em;
}


.mk-17-offers-details-date {
	color: var(--wf-color3);
	font-family: var(--wf-navi-menu);
	font-weight:400;
	font-size:1.35em;
	padding-top:0.5rem;
}

.wf-offers-details-price {
	color: var(--wf-color1);
	font-family: var(--wf-headline-font-family);
	font-weight:500;
	font-size:1.45em;
	line-height:1.2em;
	padding-bottom:0.5rem;
	letter-spacing:-0.02em;
        padding-top: 1.0rem;
}

@media (min-width: 576px) {

.mk-17-offers-details-title {
	font-weight:400;
	font-size:1.85em;
	line-height:1.2em;
}


.mk-17-offers-details-date {
	font-weight:400;
	font-size:1.45em;
	padding-top:0.5rem;
}

.wf-offers-details-price {
	font-weight:500;
	font-size:1.55em;
}
    
    
}

.col-mk-17  {
  display: flex;
  align-items: stretch;
  margin-bottom: 3rem;
}

.col-mk-17 .wf-offers-item-owl{
  display: flex;
  flex-direction: column;
  flex-flow: wrap;
  align-content: space-between;

  justify-content: center;   /* vertikal mittig */
  align-items: flex-start;   /* horizontal links */

  padding-bottom: 1.5rem;
/* Permalink - use to edit and share this gradient. Permalink - Zum Bearbeiten und Teilen dieses Verlaufs verwenden: https://colorzilla.com/gradient-editor/#000000+0,f2f3f4+30,f2f3f4+100&0+0,1+30,1+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(242,243,244,1) 30%,rgba(242,243,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    height:100%;
}


.btn-home .XXtx-keypauschalen .content-slider-offers {
	background-image:url(/fileadmin/images/hg-pau8.jpg);
	background-repeat:no-repeat;
	background-size:cover;
        background-position: center top;

       
}



.mk-10-content {
	width:100%;
	display:block;
	text-align:center;
	position:relative;
	z-index:5;
	margin-bottom:-5vw;
}

@media (min-width: 576px) {

.mk-10-content {
	margin-bottom:-8.25vw;
}

}


.mk-10-body  {
	background-color: var(--wf-color8);
	color:#fff;
	font-size:0.85em;
	font-weight:500;

}



.mk-18-linie-left{
	position:absolute;
	top:0px;
	left:0px;

	border-left:3px solid #f9f9f9;
	min-height:100px;
	height:100%;
	max-height:100%;
	display:block;
    opacity: 1;
    z-index:2;	
}



.mk-18-linie-top {
	position:absolute;
	top:0px;
	left:0px;
	border-top:3px solid #f9f9f9;
	width:100%;
	max-width:100%;
	min-width:100%;
	display:block;
    opacity: 1;
    z-index:2;		
}

.mk-18-linie-bottom {
	position:absolute;
	bottom:0px;
	left:0px;
	border-bottom:3px solid #f9f9f9;
	width:100%;
	max-width:100%;
	min-width:100%;
	display:block;
    opacity: 1;
    z-index:2;		
}


.mk-18-aside-body {
	position:absolute;
	z-index:2;

	bottom:0;
	left:0;
	width:100%;
  -webkit-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
  
  
	padding-top:40px;
	padding-bottom:10px;
	display:block;
    opacity: 1;
    filter: alpha(opacity=100);
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	letter-spacing:0.02em;
	

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#423336+0,423336+100&0+0,0.85+100 */
background: -moz-linear-gradient(top,  rgba(66,51,54,0) 0%, rgba(66,51,54,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(66,51,54,0) 0%,rgba(66,51,54,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(66,51,54,0) 0%,rgba(66,51,54,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00423336', endColorstr='#d9423336',GradientType=0 ); /* IE6-9 */

}

.mk-18-aside-body span,
.mk-18-aside-body a {
	font-family: var(--wf-navi-menu);
	font-weight:400;			
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
	display:block;
	padding:0.5rem;
}

.mk-18-aside-body a:hover {
	color: var(--wf-color1);
}


.mk-18-aside-image {
    position:relative;
    display: block;
}

.mk-18-aside-image img {
  opacity: 1;
  filter: alpha(opacity=100);	
}

.mk-18-aside-image:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mk-18 {
    margin-bottom: -1px;
}

.wf-voucher-item {
	position:relative;
	padding-top:2rem;
}

.wf-voucher-body {
	padding:1.5rem 1.2rem;
}


.wf-voucher-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 100%;
    background-color: var(--wf-color7);
  
}


.wf-voucher-innen  {
  display: flex;
  flex-direction: column;
  align-items: stretch;  
  justify-content: flex-start;
  width: 100%;
  height: 100%;
}

.wf-voucher-date {
	color: var(--wf-color3);
	font-weight:700;
	padding-bottom:1rem;
}

.wf-voucher-teaser ul {
	font-size:0.90em;
	font-weight:400;
	padding-bottom:0 !important;
}

.wf-voucher-price {
	position:absolute;
	left:50%;
	top:0;
	transform: translateX(-50%);
	width:200px;
	max-width:100%;
	background-color: var(--wf-color5);
	border:solid 2px #fff;
	padding:1.0rem 0.75rem;
	text-align:center;
	color:#fff;
	font-size:0.95em;
	line-height:1.2em;
	font-weight:400;

}

.wf-voucher-price b {
	font-size:1.4em;
	font-weight:600;

}


.wf-voucher-details-price{
	color: var(--wf-color1);
	font-family: var(--wf-headline-font-family);
	font-weight:500;
	font-size:1.95em;
	line-height:1.2em;
}

.mk-21-font-small {
	font-size:0.95em;
	line-height:1.3em;
}



.m23-item-events-body {
    padding: 0.5rem;
}

.mk-23-events-headline  {
	padding-bottom:1.0rem;
}

.mk-23-events-title {
	color: var(--wf-color1);
	font-family: var(--wf-navi-menu);
	font-weight:400;
	font-size:1.40em;
	line-height:1.2em;
}

.mk-23-events-date {
	color: var(--wf-color2);
	font-family: var(--wf-navi-menu);
	font-weight:400;
	font-size:1.15em;
	padding-top:0.5rem;
}

.mk-23-font-small {
	font-size:0.97em;
	line-height:1.35em;
}


   .wf-agbh ol {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

    .wf-agbh ol:first-of-type {
        counter-reset: item;
    }

    .wf-agbh ol > li {
        display: table;
        counter-increment: item;
        margin-bottom: 0.6em;
        font-weight: 600;
        padding-left: 2.5rem;       
    }

    .wf-agbh ol > li:before {
        content: "§" counters(item,".") ". ";
        display: table-cell;
        padding-right: 0.6em;
        width: 50px;
        font-weight: 600;
    }

    .wf-agbh ol li ol {
        margin-top: 10px;
    }
    
    .wf-agbh ol li ol li{
        padding-left: 3rem;
    }

    .wf-agbh li ol > li {
        margin: 0;
        font-weight: normal
    }

    .wf-agbh li ol > li:before {
        content: counters(item,".") " "
    }

    .wf-agbh li > h4 {
        margin-top: 5px;
        margin-bottom: 3px
    }

    .wf-agbh li ol > li table {
        border: none;
        border-spacing: 0;
        border-collapse: separate
    }

    .wf-agbh li ol > li table td {
        padding: 2px;
        border: 1px solid
    }

    .wf-agbh li ol > li table tr:first-child td {
        font-weight: bold
    }

    .wf-agbh li ol > li ul > li {
        list-style-type: none
    }