/* dce-10 */


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

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

@media (min-width: 480px) {


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

}

@media (min-width: 576px) {


.dce-10 .parallax-container {
  height: clamp(250px, 45vw, 850px);
}

}

/* Parallax Text  */
.mk-10-caption  {
	position: absolute;
	z-index:5;
	bottom:35%;
	left:10%;
}

.mk-10-title  {
	color: var(--wf-color7);
	font-family: var(--wf-handwriting-font-family);
    font-weight:400;
    font-size:4.0em; 	
}



.mk-16 {
	position:absolute;
	z-index:90;
	width:100%;
	left:0;
	bottom:0;
}


.mk-16-content {
	width:100%;
	padding:0 1.75rem;
	margin-inline: auto;
}

.mk-16-flex {
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items : flex-end;
}

.mk-16-box1,
.mk-16-box2 {
	width:50%;
	position:relative;
	z-index:5;
}

.mk-16-box1 {
	margin-bottom:4rem;
}

.mk-16-box2 {
	margin-top:2rem;

}

@media (min-width: 576px) {

.mk-16-content {
	width:70%;
}

}


@media (min-width: 992px) {

.mk-16-content {
	width:62%;
	padding:0 1.75rem;
	margin-inline: auto;
}

.mk-16-box1,
.mk-16-box2 {
	width:37%;
	max-width:40%;
}


.mk-16-box1 {
	margin-bottom:6rem;
}

.mk-16-box2 {
	margin-top:2rem;

}

}


.mk-16-box1-header {
	position:absolute;
	z-index:-1;
	left:0;
	top:0;
}

.mk-16-box2-header {
	position:absolute;
	z-index:-1;
	left:0;
	top:0;
}

.mk-17-item-icon {
    margin-inline: auto;
    width: 80px;
}

@media (min-width: 480px) {

.mk-17-item-icon {
    width: clamp(
        100px,
        calc(6.22vw + 3.89rem),
        140px
    );
}

}


.mk-17-item-img img {
    border-radius: 50%;
    max-width: 70%;
}



/* =========================================
  mk-19-container-b
========================================= */

.mk-19 .wf-row-stretch {
  align-items: stretch;
}

.mk-19 .wf-row-stretch > [class*="col-"] {
  display: flex;
}

.mk-19-icon img {
  display:inline-block;
  width: 100%;
  height: auto;
}

@media (min-width: 992px) {

.mk-19-icon-box  {
	width:100%;
    display:inline-block;
    padding-top:clamp(10%, 10.67vw, 40%);
	position:relative;
	z-index:5;
	left: clamp(-18%, calc(-12% - 1vw), -12%);
	text-align:left;
	
}
.mk-19-icon {
  width: clamp(125px, 12.67vw, 240px);
  margin-left:0;
  right:auto;
}

.mk-19-deskop-container-bg {
    position: relative;
	z-index:5;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
	height:auto;
}


.mk-19-deskop-content-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right top;
}

.mk-19-deskop-content-body {

}
	
.mk-19-content-bg  {
	display:none;
}
	
}

@media (max-width: 991.85px) {

.mk-19-icon {
  position: relative;
  padding-top:15%;
  left:2%;
  z-index: 5;
  width: clamp(96px, 30vw, 230px);

}

.mk-19-deskop-content-bg  {
	display:none;
}

.mk-19-container-bg {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
	height:auto;
	overflow:hidden;
}


.mk-19-content-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right top;
}

.mk-19-content-body {
  position: relative;
  z-index: 15;
}

}

@media (min-width: 992px) {
.mk-19-pt {
	padding-top: 1rem;
}

}

@media (min-width: 1400px) {
.mk-19-pt {
	padding-top: clamp(1.5rem, 8vw, 6.5rem);
}

}

@media (max-width: 991.85px) {
.mk-19-img-top{
	padding-top: 0 !important;
	margin-top:-1rem;
}

}

@media (max-width: 7677.85px) {
.mk-19-img-top{
	margin-top:-2rem;
}

}

.mk-20-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap:0 0.75rem;
}

.mk-20-btn-width{
	width:100%;
}

@media (min-width: 1400px) {
  .mk-20-col-first {
    flex: 0 0 auto;
    width: 40%;
  }

  .mk-20-col-second {
    flex: 0 0 auto;
    width: 30%;
  }
  
  .mk-20-col-third {
    flex: 0 0 auto;
    width: 30%;
  }  

}

@media (max-width: 1399.85px) {
  .mk-20-col-first br {
	  display:none;
  }
}



.mk-21-deskop-container-bg {
    position: relative;
	z-index:5;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
	height:auto;
}


.mk-21-deskop-content-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
}

.mk-21-icon-right,
.mk-21-icon {
  position: absolute;
  z-index:5;	
  left:0%;
  right:auto;
  top:50%;
  transform: translateY(-50%);
  width:25%;
}


@media (min-width: 340px) {
.mk-21-icon-right,
.mk-21-icon {
  position: absolute;
  z-index:5;	
  left:-4%;
  top:50%;
  transform: translateY(-50%);
  width:22%;
}

}

@media (min-width: 992px) {
.mk-21-icon-right,
.mk-21-icon {
  position: absolute;
  z-index:5;	
  left:-4%;
  top:50%;
  transform: translateY(-50%);
  width:22%;
}

}

@media (min-width: 1200px) {
.mk-21-icon-right,
.mk-21-icon {
  position: absolute;
  z-index:5;	
  left:-3%;
  top:50%;
  transform: translateY(-50%);
  width:30%;
}

.mk-21-icon-right {
	left:auto;
  right:-3% !important;
}


}


.mk-21-col {
  flex: 0 0 auto;
  width: auto;
}
.mk-21-icon2 {
  width: clamp(40px, 15.5vw + 1.5rem, 200px);
  flex-shrink: 0;
}

.mk-21-icon2 img {
  display: block;
  width: 100%;
  height: auto;
}

@media (min-width: 480px) {
.mk-21-icon2 {
  width: clamp(110px, 18.5vw + 1.5rem, 200px);
}

}

@media (min-width: 576px) {
.mk-21-icon2 {
  width: clamp(90px, 15.5vw + 1.5rem, 200px);
}

}

@media (min-width: 768px) {
.mk-21-icon2 {
  width: 155px;
}

}

@media (min-width: 992px) {
.mk-21-icon2 {
  width: 165px;
}

}

@media (min-width: 1200px) {
.mk-21-icon2 {
  width: 150px;
}

}

@media (min-width: 1600px) {
.mk-21-icon2 {
  width: 203px;
}

}

.mk-21-img-left,
.mk-21-img { 
	padding-left: clamp(3rem, 10cqw, 9rem); 
}

.mk-21-img-right { 
	padding-left: clamp(3rem, 10cqw, 9rem); 
}

@media (min-width: 1200px) {

.mk-21-img-right {
        padding-left: 0;
	padding-right: clamp(3rem, 10cqw, 9rem); 
}    
   
}

/* =========================================
   MOBILE: 0px
   alles untereinander
========================================= */

.wf-table {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.4rem;
}



/* =========================================
   TABLET: ab 768px
   links = col-8
   rechts = col-4
========================================= */

@media (min-width: 576px) {

    .wf-table {
        grid-template-columns: 2fr 1fr;
		gap: 0.75rem;

    }

}


/* =========================================
   DESKTOP: ab 992px
   links = col-6
   rechts = col-6
========================================= */

@media (min-width: 992px) {

    .wf-table {
        grid-template-columns: 1fr 1fr;
    }

}

@media (max-width: 575.85px) {

    .wf-table-price {
		margin-bottom:1rem;
    }
	
	.wf-table-item-body {
    }

}

/* Header */

.wf-table-header {
    text-align: center;
    font-size: 1.3em;
    font-weight: 500;
    color: var(--wf-color3);
    font-family: var(--wf-headline-font-family);
	text-transform:uppercase;
}


/* Boxen */

.wf-table-item {
    border-radius: 0.5rem;
    padding: 1.0rem 1.0rem;
    width: 100%;

    display: flex;
    align-items: center;
}


/* Hintergründe */

.wf-table-hg1 {
    background-color: #f4ecde;
}

.wf-table-hg2 {
    background-color: #e9e7e0;
}

.wf-table-hg3 {
    background-color: #f4edf4;
}


/* Inhalt */

.wf-table-item-flex {
    display: flex;
	flex-direction:column;
    align-items: center;
	text-align:center;
    gap: 0.25rem;	
    width: 100%;
}

@media (min-width: 576px) {

.wf-table-item-flex {
	flex-direction:row;
	text-align:left;
	gap: 1.5rem;	
}

}


.wf-table-item-title {
    font-size: 1.2em;
    font-weight: 600;
	line-height:1.2em;
}

.wf-table-item-subtitle {
    font-weight: 600;
	line-height:1.2em;
}

.wf-table-item-text {
    font-weight: 400;
	line-height:1.2em;
}

.wf-table-item-icon {
    width: 40px;
    flex-shrink: 0;
}

.wf-table-item-price {
    width: 100%;
    text-align: center;
    font-size: 1.2em;
    font-weight: 600;
}