.mk-16-owl {
	height: calc(100% - 50px);
}

.wf-owl-16-strech-item-footer {
		transform: translateY(-0.50rem);

}



/* Heading Layout */
.mk-18-flex {
  display: flex;
  justify-content: center;
  align-items: stretch; /* statt center */
  gap: 3rem;
}




.mk-18-item .wf-title2 {
	white-space: nowrap;
	text-align:right;	
}

.mk-18-item-border {
	border-left: 1px solid var(--wf-color1);
	padding-left:3rem;
}

.mk-18-item {
  display: flex;
  align-items: center;
}

@media (max-width: 700px) {

.mk-18-flex {
  flex-direction:column;
}

.mk-18-item-border {
	padding-left:1.5rem;
}

}





.wf-grid-3 {
	display: grid;
	grid-template-columns: 1fr; /* Standard: 1 Spalte (Mobile) */
	gap: 1.5rem;
	position: relative;
}

/* Ab 992px → 3 Spalten */
@media (min-width: 992px) {
.wf-grid-3 {
	grid-template-columns: repeat(3, 1fr);
	gap: 4rem;
}

.wf-grid-3::before,
.wf-grid-3::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	border-left: 1px solid var(--wf-color1);
}

.wf-grid-3::before {
	left: 32.25%;
}

.wf-grid-3::after {
	right: 32.25%;
}

}





/* Speicherplatz-Zeile */
.wf-storage-row {
  display: flex;
  align-items: center;
  justify-content: space-between; /* links + rechts */
}


/* Balken + Label */
/* Wrapper: Text + Balken nebeneinander */
.wf-storage-bars-wrapper {
  display: flex;
  align-items : flex-end; /* Label und Balken auf Oberkante ausrichten */
  gap: 0.75rem;
}

.w-fstorage-label-side {
	margin-bottom:-5px;
}


/* Balken-Container */
.wf-storage-bars {
  display: flex;
  gap: 4px;
  align-items: flex-end; /* Balken wachsen nach unten */
  height: 30px;
  margin-top: -20px; /* sicherstellen, dass kein zusätzlicher Abstand entsteht */
}


.wf-bar {
  flex: 1;
  background:var(--wf-color6);
  width: 8px;
  border-radius: 1px;
}

/* Höhen */
.wf-bar.h20 { height: 20%; }
.wf-bar.h40 { height: 40%; }
.wf-bar.h60 { height: 60%; }
.wf-bar.h100 { height: 100%; }

.wf-bar.active {
  background: var(--wf-color4);
}





.mk-22-bodytext p {
	text-align:center;
	padding-bottom:0.5rem;
}


.mk-22-bodytext p:nth-of-type(odd) {
	color: var(--wf-color4);
}

.mk-22-bodytext p:last-child {
	padding-bottom:0;
}


.mk-23-header-item-unit {
	text-align:right;
}

.mk-23-titel{
  font-size:0.95em;
  line-height:1.2em;
  font-weight:400;
  color: var(--wf-color4);
}

.mk-23-icon{
  color: var(--wf-color4);
  font-size:2.6em;
}

.mk-23-header {
	display:flex;
	justify-content: space-between;
	gap:0.5rem;
	padding-bottom:1.5rem;
	position:relative;
	padding-top:1.25rem;
	
}

.m23-checkbox {
	position:absolute;
	z-index:2;
	right:-1.25rem;
	top:-1.5rem;
	font-size:14px;
	line-height:1.1em;
	color: var(--wf-color6);
	background-color: var(--wf-color4);
	border-radius: 0px 8px 0px 8px;
	display:inline-block;
	padding: 0.5rem 1.25rem;
}

@media (min-width: 992px) {

.mk-23-header {
	padding-top:0.75rem;
	
}

.m23-checkbox {
	right:-2rem;
	top:-2rem;
}

}

.mk-23-footer {
  border-top:2px dotted rgba(255,255,255, 0.85);
}

.mk-23-price-flex {
	display:flex;
	justify-content: space-between;
	gap:1rem;
    padding-top:1.5rem;
}

.mk-23-price-info {
	font-size:0.90em;
	line-height:1.3em;
	font-weight:400;
	text-align:right;
}

.mk-23-price  {
	font-size:1.8em;
	font-weight:600;
	color: var(--wf-color4);
}

.mk-23-price b {
	font-size:0.85em;
	font-weight:500;
	position:relative;
	display:inline-block;
    top:-0.5rem;
}

.mk-23-price-flex {
	display:flex;
	justify-content: space-between;
}

.mk-24-item-flex {
	display:flex;
	align-items: center;
	gap:1rem;
	height:100%;
	padding-top:0.75rem;
	padding-bottom:0.75rem;
	border-top: solid 1px var(--wf-color10)
}

.mk-24-item-col:nth-of-type(1) .mk-24-item-flex {
	border-top: none;
}

@media (min-width: 992px) {

.mk-24-item-col:nth-of-type(-n + 2) .mk-24-item-flex {
	border-top: none;
}


}


.mk-24-item-text  {
  box-sizing: border-box;
  font-size:0.90em;
  line-height:1.35em;
}

@media (min-width: 992px) {

.mk-24-item-text  {
  font-size:0.85em;
}

}


.mk-24-item-icon {
	font-size:3.25em;
	line-height:0;
}

.mk-25-liste {
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:1.5rem;
	padding-top:1rem;
	padding-bottom:1rem;
	border-bottom:2px dotted rgba(0,0,0, 0.25);

}

.mk-25-liste li:last-child {
	white-space: nowrap;
    hyphens: none;
}

.mk-25-content .mk-25-liste:nth-of-type(1) {
	border-top:2px dotted rgba(0,0,0, 0.25);
}




/* Fiber Steps Section */
/* ===== Fiber Steps Masonry Layout ===== */

.mk-31-fiber-steps-content {
  column-count: 3;
  column-gap: 1.75rem;
}

@media (max-width: 1024px) {
  .mk-31-fiber-steps-content { column-count: 2; }
}

@media (max-width: 768px) {
  .mk-31-fiber-steps-content { column-count: 1; }
}


/* ===== Fiber Step Card ===== */
.mk-31-fiber-step-item {
  break-inside: avoid;
  margin-bottom: 1.75rem; 
  background: var(--wf-color2);
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);


}

.mk-31-fiber-step-item-body {
  padding: 2rem 2rem 3rem 0rem;

}

.mk-31-fiber-step-item-body header {
	position:relative;
	padding-left:3rem;
	font-size: 1.30em;
	padding-bottom:1.5rem;

}

.mk-31-fiber-step-item-body header:before {
  font-family: 'kglasfaser';	
  content: "\e900";
  color: var(--wf-color1);
  position:absolute;
  left:0;
  top:0;
  font-size:1.85em;
  line-height:1.1;
}

.mk-31-titel {	
    font-family: var(--wf-headline-font-family);
	color: var(--wf-color4);
	font-weight: 800;
    line-height: 1.05em;
    word-break: break-word;
	text-transform:uppercase;
	letter-spacing:0.02em;
}

.mk-31-innen {
	padding-left:3rem;
	font-size:0.95em;
}

.mk-33-logo {
	width:350px;
	max-width:80%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:1.5rem;
}