/* ================================
   CASE GRID (Visual Portfolio)
================================ */

.vp-portfolio .case-card{
  color:#fff;
}


/* ================================
   STANDARD CARD
================================ */

.case-card--standard{
  color:#fff;
}

.case-card--standard .case-card__title{
  margin:0 0 1.4rem;
  font-size:clamp(1.7rem, 1.25rem + 1.5vw, 2.6rem);
  line-height:.95;
	font-weight:900;
	color:white;
  text-transform:uppercase;
  letter-spacing:0;
}

.case-card--standard .case-card__subline{
  margin:0 0 1.75rem;
  font-size:clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
  line-height:1.1;
  font-weight:400;
}

.case-card--standard .case-card__metrics{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1.25rem;
  margin:0 0 1.75rem;
}

.case-card--standard .case-card__metric-value{
  margin:0 0 .2rem;
  font-size:clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
}

.case-card--standard .case-card__metric-label{
  margin:0;
  font-size:clamp(.95rem, .9rem + .15vw, 1.05rem);
  line-height:1.2;
  font-weight:400;
}

.case-card--standard .case-card__client{
  margin:0 0 1rem;
  font-size:clamp(1rem, 0.95rem + 0.35vw, 1.15rem);
  line-height:1.1;
  font-weight:900;
  text-transform:uppercase;
  padding-bottom:1rem;
  border-bottom:2px solid #fff;
}


/* ================================
   CREATOR VOICE
================================ */

.case-card--creator-voice{
  color:#fff;
}

.case-card--creator-voice .case-card__quote{
  margin:1.5rem 0 1rem;
  font-size:clamp(1.2rem, 1.05rem + 0.55vw, 1.45rem);
  line-height:1.06;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:0;
}

.case-card--creator-voice .case-card__name{
  margin:0;
  font-size:clamp(1rem, 0.95rem + 0.35vw, 1.15rem);
  line-height:1.1;
  font-weight:900;
  text-transform:uppercase;
}


/* ================================
   CATEGORIES
================================ */

/* category container */
.case-cats{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.6rem;
  margin:0 0 .6rem 0;
}

/* category tags */
.case-cats a{
  display:inline-flex;
  align-items:center;
  background:#ff5b6b;
  color:#fff!important;
  border-radius:999px;
  font-size:.85rem;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
  margin:0;
  padding:.7rem 1rem .5rem;
}

/* case grid categories */

.vp-portfolio .case-cats a,
.vp-portfolio .case-cats span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.55rem .85rem .4rem; 
  border-radius:999px;
  font-size:.75rem; 
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
  background:#ff5b6b;
  color:#fff!important;
	opacity:1 !important;
  box-shadow:none;
}

.vp-portfolio .case-cats .vp-portfolio__item-meta-category::after,
.vp-portfolio .case-cats .vp-portfolio__item-meta-category::before{
  display:none !important;
  content:none !important;
}
.vp-portfolio__items-style-fade{--vp-items-style-fade--meta-categories__opacity:1!important;}

/* ================================
   CASE FILTER
================================ */

.vp-portfolio .vp-filter__style-minimal .vp-filter__item a{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:.55rem .85rem .4rem;
  border-radius:999px;

  font-size:.75rem;
  font-weight:800;
  line-height:1;

  text-transform:uppercase;

  background:#ff5b6b;
  color:#fff !important;

  text-decoration:none;
  box-shadow:none;
  border:none;
}

.vp-portfolio .vp-filter__item{
  margin:0 .4rem;
}

.vp-portfolio {
	--vp-elements__gap: 2rem!important;}

/* ACTIVE FILTER */
.vp-portfolio .vp-filter__item.vp-filter__item-active a{
  background:#000;
  color:#fff !important;
}

/* Hover */
.vp-portfolio .vp-filter__item a:hover{
  background:#000;
  color:#fff !important;
}


/* ================================
   CASE SINGLE
================================ */

.case-single,
.case-single .et_pb_row,
.case-single .et_pb_column,
.case-single .et_pb_module,
.case-feature,
.case-feature .et_pb_row,
.case-feature .et_pb_column,
.case-feature .et_pb_module{
  row-gap: 1rem !important;
  column-gap: 1rem !important;
  --vertical-gap: 1rem !important;
  --horizontal-gap: 1rem !important;
}

.case-single h1{
  padding-bottom:0;
}

.case-single h1::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:clamp(70px,7vw,100px);
  height:clamp(3px,0.35vw,5px);
  background:#000;
}


/* ================================
   CASE FEATURE / SLIDER
================================ */

/*case slide*/

/* Meta Wrapper */
.case-meta-pill{
  display:inline-flex;
  align-items:center;
  gap:.85rem; /* erhöht */
  margin:0;
}

/* Label Pill */
.case-meta-pill .label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.7rem 1rem .5rem;
  background:#000;
  color:#fff;
  border-radius:999px;
  font-size:.95rem;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  flex-shrink:0; 
  margin-right:.85rem;
}

/* Text */
.case-meta-pill .et_pb_text_inner{
  align-items:center;
  font-size:.95rem;
  line-height:1.2;
  font-weight:500;
}

/* Impact Text */
.case-impact{
  display:block;
  margin:1.25rem 0 0;
}

.case-impact .et_pb_text_inner,
.case-impact .et_pb_text_inner *,
.case-impact .et_pb_text_inner p,
.case-impact .et_pb_text_inner span {
  font-size:clamp(1.4rem, 1.15rem + 0.9vw, 1.95rem);
  line-height:1.1;
  font-weight:900!important;
  text-transform:uppercase;
}

/* Label IMPACT */
.case-impact .label{
  display:block;
  margin-bottom:.4rem;
}

/* Desktop */
.case-feature-slide{
  min-height:42rem;
}

.case-feature-title .et_pb_text_inner{
  font-size:clamp(3.2rem,2.6rem + 2vw,5.2rem);
  line-height:.95;
}

/* Tablet */
@media (max-width:980px){
  .case-feature-slide{
    min-height:34rem;
  }

  .case-feature-content{
    padding:3rem 1.5rem 2.5rem;
  }

  .case-feature-title .et_pb_text_inner{
    font-size:clamp(2.4rem,2rem + 1.6vw,3.6rem);
    line-height:.98;
  }

  .case-meta-row{
    gap:.85rem 1rem;
  }

  .case-impact{
    max-width:38rem;
    margin-top:1.25rem;
  }
}

/* Mobile */
@media (max-width:767px){
  .case-feature-slide{
    min-height:30rem;
  }

  .case-feature-content{
    padding:2.25rem 1rem 2rem;
    justify-content:flex-end;
  }

  .case-feature-title .et_pb_text_inner{
    font-size:clamp(2rem,1.75rem + 1.2vw,2.8rem);
    line-height:1;
  }

  .case-meta-row{
    flex-direction:column;
    gap:.75rem;
    margin-top:1rem;
  }

  .case-impact{
    max-width:100%;
    margin-top:1rem;
  }

  .case-impact .et_pb_text_inner{
    font-size:1rem;
    line-height:1.2;
  }
}