.number-counter-container {
	min-height: 70dvh;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}

.number-counter-container .number-wrapper {
	border-right: 1px solid rgba(49, 32, 25, 0.30);;
	flex: 1;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: flex-start;
	padding-left: 48px;
	padding-right: 48px;
}

.number-counter-container .number-wrapper .counter {
	white-space: nowrap;
	position: sticky;
	top: 85vh;
}

.number-counter-container .number-wrapper .counter .number {
	font-size: max(2.75rem, calc(5.5 * var(--su)));
	font-family: var(--pk-heading-font-family);
  font-weight: var(--pk-heading-font-weight);
  line-height: var(--pk-heading-line-height);
  color: #8C3E12;
}

.number-counter-container .number-wrapper .counter .suffix {
	font-size: max(2.75rem, calc(5.5 * var(--su)));
	font-family: var(--pk-heading-font-family);
  font-weight: var(--pk-heading-font-weight);
  line-height: var(--pk-heading-line-height);
  color: #8C3E12;
}

.nc-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 48px;
}


/************************/
/* MEDIA QUERIES TABLET */
/************************/
@media screen and (min-width: 993px) {
    
    .number-counter-container .number-wrapper:first-child{
        border-left: 1px solid rgba(49, 32, 25, 0.30);;
    }
    .nc-titel{
    max-width:50%;
}
}



@media screen and (max-width: 992px) {
    .number-counter-container{
        gap: 0; min-height: unset;
        
    }
    body .number-counter-container .number-wrapper{
        flex-direction: column-reverse;
        gap: 5px;
        width: unset !important; flex: unset !important;
    }
    

    .nc-header {
	flex-direction: column;
    align-items: flex-start;
}
    .number-counter-container .number-wrapper .counter{
        position: unset; top: unset;
    }
    
    .number-counter-container .number-wrapper .content p{
        margin-bottom: 0;
    }

    .number-counter-container{
        flex-direction: column;
    }
    .number-counter-container .number-wrapper{
        padding: 20px 0;
        border-top: 1px solid rgba(49, 32, 25, 0.30);;
        border-right: 0; border-left: 0;
        flex-direction: column;
    }
    .number-counter-container .number-wrapper:last-child{
        border-bottom: 1px solid rgba(49, 32, 25, 0.30);
    }
    
}