:root{     --space-4xs: clamp(0.15rem, calc(0.08vw + 0.13rem), 0.2rem);
    --space-3xs: clamp(0.22rem, calc(0.09vw + 0.2rem), 0.28rem);
    --space-2xs: clamp(0.33rem, calc(0.1vw + 0.31rem), 0.4rem);
    --space-xs: clamp(0.5rem, calc(0.09vw + 0.48rem), 0.56rem);
    --space-s: clamp(0.75rem, calc(0.07vw + 0.74rem), 0.8rem);
    --space-m: clamp(1.13rem, calc(0vw + 1.13rem), 1.13rem);
    --space-l: clamp(1.69rem, calc(-0.14vw + 1.72rem), 1.59rem);
    --space-xl: clamp(2.53rem, calc(-0.42vw + 2.62rem), 2.25rem);
    --space-2xl: clamp(3.8rem, calc(-0.91vw + 3.98rem), 3.18rem);
    --space-3xl: clamp(5.7rem, calc(-1.77vw + 6.05rem), 4.5rem);
    --space-4xl: clamp(8.54rem, calc(-3.24vw + 9.19rem), 6.36rem);
    --text-xs: clamp(0.72rem, calc(-0.33vw + 0.79rem), 0.5rem);
    --text-s: clamp(0.9rem, calc(-0.22vw + 0.94rem), 0.75rem);
    --text-m: clamp(1.13rem, calc(0vw + 1.13rem), 1.13rem);
	--text-ml: clamp(1.21rem, calc(0.28vw + 1.16rem), 1.22rem);
    --text-l: clamp(1.41rem, calc(0.42vw + 1.32rem), 1.69rem);
    --text-xl: clamp(1.76rem, calc(1.15vw + 1.53rem), 2.53rem);
    --text-2xl: clamp(2.2rem, calc(2.37vw + 1.72rem), 3.8rem);
    --text-3xl: clamp(2.75rem, calc(4.37vw + 1.87rem), 5.7rem);
    --text-4xl: clamp(3.43rem, calc(7.57vw + 1.92rem), 8.54rem);
}



/* var(--text-4xl)   */


.fake-btn.main{
}
.fake-btn.main:hover p{
color: var(--e-global-color-primary) !important;
}



.gradien-bild{
} 
selector {
  position: relative;
  display: inline-block;
  z-index: 1;
}

selector::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 80%;
  height: 4px;
  background: linear-gradient(
    to right,               /* Richtung bleibt */
    #7e22ce,                /* dunkles Lila zuerst */
    #a855f7,
    #e9d5ff                 /* helles Lila zuletzt */
  );
  z-index: 0;
}

selector::after {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  height: 50%;
  width: 4px;
  background: linear-gradient(
    to bottom,              /* Richtung bleibt */
    #7e22ce,
    #a855f7,
    #e9d5ff
  );
  z-index: 0;
}

/* Macht ein Link bei hellem Hintergrund  dunkel*/ 

.link-dunkel a {
  color: var(--e-global-color-text);
  text-decoration: none;        /* keine Unterstreichung */
  transition: color 0.3s ease;  /* weicher Übergang */

}

.link-dunkel a:hover {
  color: var(--e-global-color-secondary); /* z.B. eine Akzentfarbe */
}